@oiz/stzh-components 4.12.2 → 4.13.0-beta1

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

@@ -1 +1 @@
-{"version":3,"file":"stzh-eventinfo.entry.js","sources":["src/components/CMS/stzh-eventinfo/stzh-eventinfo.scss?tag=stzh-eventinfo&encapsulation=scoped","src/components/CMS/stzh-eventinfo/stzh-eventinfo.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-eventinfo {\n  display: flex;\n\n  &__left {\n    @include fontSize(\"nano\");\n    flex-shrink: 0;\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    padding-top: space(\"small\");\n    width: 72px;\n\n    @include mq($from: small) {\n      width: 88px;\n    }\n  }\n\n  &__main-event-day {\n    @include font(\"heavy\");\n    @include fontSize(\"hecto\");\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__right {\n    @include fontSize(\"centi\");\n    flex-grow: 1;\n    color: $colorGrey80;\n    background-color: $colorGrey10;\n    padding-top: space(\"small\");\n    padding-bottom: space(\"medium\");\n    padding-left: space(\"small\");\n    padding-right: space(\"medium\");\n\n    @include mq($from: small) {\n      padding-left: space(\"xlarge\");\n      padding-right: space(\"xlarge\");\n    }\n\n    @include mq($from: medium) {\n      padding-top: space(\"medium\");\n      padding-bottom: space(\"large\");\n    }\n\n    @include mq($from: large) {\n      padding-top: space(\"large\");\n      padding-bottom: space(\"xlarge\");\n    }\n  }\n\n  &__head {\n    display: flex;\n    flex-direction: column;\n    column-gap: space(\"large\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  &__main-date {\n    display: flex;\n    column-gap: space(\"medium\");\n    flex-wrap: wrap;\n  }\n\n  &__main-event-link {\n    flex-shrink: 0;\n  }\n\n  &__text {\n    display: flex;\n    flex-direction: column;\n    row-gap: space(\"medium\");\n    column-gap: space(\"large\");\n    margin-top: space(\"medium\");\n\n    @include mq($from: medium) {\n      @include spaceCurve(\"margin-top\", \"tiny\");\n    }\n  }\n\n  &__details-wrapper {\n    margin-top: space(\"medium\");\n\n    @include mq($from: medium) {\n      @include spaceCurve(\"margin-top\", \"tiny\");\n    }\n  }\n\n  &__details {\n    color: inherit;\n  }\n\n  &__details-link-collapse {\n    display: none;\n  }\n\n  &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"])\n    &__details-link-collapse {\n    display: block;\n  }\n\n  &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"])\n    &__details-link-expand {\n    display: none;\n  }\n\n  &__month-list,\n  &__event-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__month-list {\n    @include fontCurve(\"p1\");\n    display: grid;\n    column-gap: space(\"small\");\n\n    @include mq($from: small) {\n      grid-template-columns: minmax(0, 1fr) auto;\n    }\n\n    @include mq($from: medium) {\n      column-gap: space(\"xxlarge\");\n      grid-template-columns:\n        minmax(100px, auto) minmax(180px, auto) minmax(0, 1fr)\n        auto;\n    }\n  }\n\n  &__month-list-item:not(:first-child) &__heading {\n    @include spaceCurve(\"margin-top\", \"regular\");\n  }\n\n  &__month-list-item {\n    display: contents;\n  }\n\n  &__month-list-item:last-child &__event-list-item:last-child &__event-weekday,\n  &__month-list-item:last-child &__event-list-item:last-child &__event-date,\n  &__month-list-item:last-child &__event-list-item:last-child &__event-time,\n  &__month-list-item:last-child &__event-list-item:last-child &__event-link,\n  &__month-list-item:last-child\n    &__event-list-item:last-child\n    &__event-datetime-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &__heading {\n    @include font(\"title\");\n    @include fontSize(\"centi\", \"heading\");\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n    margin-top: 0;\n    color: $colorPrimary70;\n\n    @include mq($from: small) {\n      grid-column: 1 / 3;\n    }\n\n    @include mq($from: medium) {\n      grid-column: 1 / 5;\n    }\n  }\n\n  &__event-list {\n    display: contents;\n  }\n\n  &__event-list-item {\n    display: contents;\n  }\n\n  &__event-weekday,\n  &__event-date,\n  &__event-time {\n    @include mq($from: medium) {\n      margin-bottom: space(\"small\");\n    }\n\n    @include mq($from: large) {\n      margin-bottom: space(\"medium\");\n    }\n  }\n\n  &__event-link {\n    margin-bottom: space(\"medium\");\n\n    @include mq($from: medium) {\n      margin-bottom: space(\"small\");\n    }\n\n    @include mq($from: large) {\n      margin-bottom: space(\"medium\");\n    }\n  }\n\n  &__event-datetime-wrapper {\n    display: grid;\n\n    @include mq($from: small, $to: medium) {\n      margin-bottom: space(\"medium\");\n    }\n\n    @include mq($from: medium) {\n      display: contents;\n    }\n  }\n\n  &__event-date-wrapper {\n    display: flex;\n    flex-direction: column;\n    column-gap: space(\"xxlarge\");\n\n    @include mq($from: medium) {\n      display: contents;\n    }\n  }\n\n  &__event-weekday {\n    @include mq($from: small, $to: medium) {\n      min-width: 90px;\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhEventinfoItem, StzhEventinfoItemInput, StzhEventinfoMonth, StzhLocaleAdapter } from \"../../../index\";\n\nimport { StzhEventinfoLocalizedText } from \"./stzh-eventinfo.localization\";\nimport { setPropsIfNull } from \"../../../utils/utils\";\n\n/**\n * @slot location - stzh-text for location\n * @slot additional-info - stzh-text for additional info\n */\n@Component({\n  tag: \"stzh-eventinfo\",\n  styleUrl: \"stzh-eventinfo.scss\",\n  scoped: true,\n})\nexport class StzhEventinfo {\n  /** Translation strings */\n  @Prop() localization: StzhEventinfoLocalizedText;\n\n  /** Month heading level */\n  @Prop() monthHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"4\";\n\n  /** Start date */\n  @Prop() start: Date | string;\n\n  /** End date */\n  @Prop() end: Date | string;\n\n  /** Calendar URL */\n  @Prop() calendarUrl: string;\n\n  /** Calendar label */\n  @Prop() calendarLabel: string;\n\n  /** Sorting direction of given items */\n  @Prop() itemsSortDirection: \"ascending\" | \"descending\" = \"descending\";\n\n  /** Event dates */\n  @Prop() items: StzhEventinfoItemInput[] | string;\n  private _items: StzhEventinfoItem[] = [];\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  @Element() element: HTMLStzhEventinfoElement;\n\n  @Watch(\"items\")\n  @Watch(\"dateAdapter\")\n  itemsWatcher() {\n    if (!this.dateAdapter) {\n      return;\n    }\n\n    const data: StzhEventinfoItemInput[] = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n\n    if (!data) {\n      return;\n    }\n\n    // sort direction\n    const sortAscending = this.itemsSortDirection === \"ascending\";\n\n    // convert start and end field to date\n    this._items = data\n      .map(event => ({\n        ...event,\n        start: event.start ? new Date(event.start) : undefined,\n        end: event.end ? new Date(event.end) : undefined,\n      }))\n      .sort((a, b) => {\n        try {\n          const comparison = a.start.getTime() - b.start.getTime();\n          return sortAscending ? comparison : -comparison;\n        } catch (noStartTimeException) {\n          return 1;\n        }\n      });\n\n    // Grouping events by month and year\n    const groupedItems: { [monthKey: string]: StzhEventinfoMonth } = this._items.reduce((acc, event) => {\n      // Using padded month and year for better sorting\n      const month = (event.start.getMonth() + 1).toString().padStart(2, \"0\");\n      const monthYearKey = `${event.start.getFullYear()}-${month}`;\n\n      if (!acc[monthYearKey]) {\n        acc[monthYearKey] = {\n          name: this.localization.$globals.monthNames[event.start.getMonth()] + \" \" + event.start.getFullYear(),\n          events: [],\n        } as StzhEventinfoMonth;\n      }\n\n      acc[monthYearKey].events.push(event);\n\n      // Sort events within each month\n      acc[monthYearKey].events.sort((a, b) => {\n        const comparison = a.start.getTime() - b.start.getTime();\n        return sortAscending ? comparison : -comparison;\n      });\n\n      return acc;\n    }, {});\n\n    this._itemsGroupedByMonth = Object.values(groupedItems);\n  }\n\n  private _itemsGroupedByMonth: StzhEventinfoMonth[] = [];\n  private observer: MutationObserver;\n\n  private init = () => {\n    const locationTexts = this.element.querySelectorAll('stzh-text[slot=\"location\"], [slot=\"location\"] stzh-text');\n\n    const additionalInfoTexts = this.element.querySelectorAll(\n      'stzh-text[slot=\"additional-info\"], [slot=\"additional-info\"] stzh-text',\n    );\n\n    locationTexts.forEach(text => {\n      setPropsIfNull(text, {\n        color: \"inherit\",\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n\n    additionalInfoTexts.forEach(text => {\n      setPropsIfNull(text, {\n        color: \"inherit\",\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  private hasProperStartAndOrEndDate(startDate: Date | undefined, endDate: Date | undefined) {\n    return !(!!startDate && startDate.getHours() === 0 && !endDate);\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"eventinfo\");\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    this.itemsWatcher();\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-eventinfo\": true,\n    };\n\n    const startDate = this.start && new Date(this.start);\n    const endDate = this.end && new Date(this.end);\n\n    const MonthHeading = `h${this.monthHeadingLevel}`;\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-eventinfo__left\">\n            <div class=\"stzh-eventinfo__main-event-day-name\">\n              {this.localization.$globals.dayNamesShort[startDate.getDay()]}\n            </div>\n            <div class=\"stzh-eventinfo__main-event-day\">\n              {startDate.getDate() < 10 && \"0\"}\n              {startDate.getDate()}\n            </div>\n            <div class=\"stzh-eventinfo__main-event-month\">\n              {this.localization.$globals.monthNamesShort[startDate.getMonth()]}\n            </div>\n          </div>\n\n          <div class=\"stzh-eventinfo__right\">\n            <div>\n              <div class=\"stzh-eventinfo__head\">\n                <div class=\"stzh-eventinfo__main-date\">\n                  <span>\n                    {this.dateAdapter.format(startDate, \"dateLong\")}\n                    {this.hasProperStartAndOrEndDate(startDate, endDate) &&\n                      `, ${this.dateAdapter.formatSpan(startDate, endDate, \"time\")}`}\n                  </span>\n                </div>\n\n                {this.calendarUrl && (\n                  <div class=\"stzh-eventinfo__main-event-link\">\n                    <stzh-link\n                      href={this.calendarUrl}\n                      label={this.calendarLabel || this.localization.addToCalendar}\n                      size=\"inherit\"\n                    ></stzh-link>\n                  </div>\n                )}\n              </div>\n\n              <div class=\"stzh-eventinfo__text\">\n                <div class=\"stzh-eventinfo__location\">\n                  <slot name=\"location\"></slot>\n                </div>\n                <div class=\"stzh-eventinfo__additional-info\">\n                  <slot name=\"additional-info\"></slot>\n                </div>\n              </div>\n            </div>\n\n            {this._itemsGroupedByMonth.length > 0 && (\n              <div class=\"stzh-eventinfo__details-wrapper\">\n                <stzh-details class=\"stzh-eventinfo__details\">\n                  <stzh-link class=\"stzh-eventinfo__details-link\" icon=\"calendar\" size=\"inherit\">\n                    <span class=\"stzh-eventinfo__details-link-expand\">{this.localization.expandMoreDates}</span>\n                    <span class=\"stzh-eventinfo__details-link-collapse\">{this.localization.collapseMoreDates}</span>\n                  </stzh-link>\n\n                  <ul slot=\"content\" class=\"stzh-eventinfo__month-list\">\n                    {this._itemsGroupedByMonth.map(groupedItems => (\n                      <li class=\"stzh-eventinfo__month-list-item\">\n                        <MonthHeading class=\"stzh-eventinfo__heading\">{groupedItems.name}</MonthHeading>\n\n                        {groupedItems.events.length > 0 && (\n                          <ul class=\"stzh-eventinfo__event-list\">\n                            {groupedItems.events.map(event => (\n                              <li class=\"stzh-eventinfo__event-list-item\">\n                                <span class=\"stzh-eventinfo__event-datetime-wrapper\">\n                                  <span class=\"stzh-eventinfo__event-date-wrapper\">\n                                    <span class=\"stzh-eventinfo__event-weekday\">\n                                      {this.localization.$globals.dayNames[event.start.getDay()]}\n                                    </span>\n                                    <span class=\"stzh-eventinfo__event-date\">\n                                      {this.dateAdapter.format(event.start, \"date\")}\n                                    </span>\n                                  </span>\n                                  <span class=\"stzh-eventinfo__event-time\">\n                                    {this.hasProperStartAndOrEndDate(event.start, event.end) &&\n                                      this.dateAdapter.formatSpan(event.start, event.end, \"time\")}\n                                  </span>\n                                </span>\n                                <span class=\"stzh-eventinfo__event-link\">\n                                  {event.calendarUrl && (\n                                    <stzh-link\n                                      href={event.calendarUrl}\n                                      label={event.calendarLabel || this.localization.addToCalendar}\n                                    ></stzh-link>\n                                  )}\n                                </span>\n                              </li>\n                            ))}\n                          </ul>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                </stzh-details>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"stzh-eventinfo.entry.js","sources":["src/components/CMS/stzh-eventinfo/stzh-eventinfo.scss?tag=stzh-eventinfo&encapsulation=scoped","src/components/CMS/stzh-eventinfo/stzh-eventinfo.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-eventinfo {\n  display: flex;\n\n  &__left {\n    @include fontSize(\"nano\");\n    flex-shrink: 0;\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    padding-top: space(\"small\");\n    width: 72px;\n\n    @include mq($from: small) {\n      width: 88px;\n    }\n  }\n\n  &__main-event-day {\n    @include font(\"heavy\");\n    @include fontSize(\"hecto\");\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__right {\n    @include fontSize(\"centi\");\n    flex-grow: 1;\n    color: $colorGrey80;\n    background-color: $colorGrey10;\n    padding-top: space(\"small\");\n    padding-bottom: space(\"medium\");\n    padding-left: space(\"small\");\n    padding-right: space(\"medium\");\n\n    @include mq($from: small) {\n      padding-left: space(\"xlarge\");\n      padding-right: space(\"xlarge\");\n    }\n\n    @include mq($from: medium) {\n      padding-top: space(\"medium\");\n      padding-bottom: space(\"large\");\n    }\n\n    @include mq($from: large) {\n      padding-top: space(\"large\");\n      padding-bottom: space(\"xlarge\");\n    }\n  }\n\n  &__head {\n    display: flex;\n    flex-direction: column;\n    column-gap: space(\"large\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  &__main-date {\n    display: flex;\n    column-gap: space(\"medium\");\n    flex-wrap: wrap;\n  }\n\n  &__main-event-link {\n    flex-shrink: 0;\n  }\n\n  &__text {\n    display: flex;\n    flex-direction: column;\n    row-gap: space(\"medium\");\n    column-gap: space(\"large\");\n    margin-top: space(\"medium\");\n\n    @include mq($from: medium) {\n      @include spaceCurve(\"margin-top\", \"tiny\");\n    }\n  }\n\n  &__details-wrapper {\n    margin-top: space(\"medium\");\n\n    @include mq($from: medium) {\n      @include spaceCurve(\"margin-top\", \"tiny\");\n    }\n  }\n\n  &__details {\n    color: inherit;\n  }\n\n  &__details-link-collapse {\n    display: none;\n  }\n\n  &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"])\n    &__details-link-collapse {\n    display: block;\n  }\n\n  &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"])\n    &__details-link-expand {\n    display: none;\n  }\n\n  &__month-list,\n  &__event-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__month-list {\n    @include fontCurve(\"p1\");\n    display: grid;\n    column-gap: space(\"small\");\n\n    @include mq($from: small) {\n      grid-template-columns: minmax(0, 1fr) auto;\n    }\n\n    @include mq($from: medium) {\n      column-gap: space(\"xxlarge\");\n      grid-template-columns:\n        minmax(100px, auto) minmax(180px, auto) minmax(0, 1fr)\n        auto;\n    }\n  }\n\n  &__month-list-item:not(:first-child) &__heading {\n    @include spaceCurve(\"margin-top\", \"regular\");\n  }\n\n  &__month-list-item {\n    display: contents;\n  }\n\n  &__month-list-item:last-child &__event-list-item:last-child &__event-weekday,\n  &__month-list-item:last-child &__event-list-item:last-child &__event-date,\n  &__month-list-item:last-child &__event-list-item:last-child &__event-time,\n  &__month-list-item:last-child &__event-list-item:last-child &__event-link,\n  &__month-list-item:last-child\n    &__event-list-item:last-child\n    &__event-datetime-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &__heading {\n    @include font(\"title\");\n    @include fontSize(\"centi\", \"heading\");\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n    margin-top: 0;\n    color: $colorPrimary70;\n\n    @include mq($from: small) {\n      grid-column: 1 / 3;\n    }\n\n    @include mq($from: medium) {\n      grid-column: 1 / 5;\n    }\n  }\n\n  &__event-list {\n    display: contents;\n  }\n\n  &__event-list-item {\n    display: contents;\n  }\n\n  &__event-weekday,\n  &__event-date,\n  &__event-time {\n    @include mq($from: medium) {\n      margin-bottom: space(\"small\");\n    }\n\n    @include mq($from: large) {\n      margin-bottom: space(\"medium\");\n    }\n  }\n\n  &__event-link {\n    margin-bottom: space(\"medium\");\n\n    @include mq($from: medium) {\n      margin-bottom: space(\"small\");\n    }\n\n    @include mq($from: large) {\n      margin-bottom: space(\"medium\");\n    }\n  }\n\n  &__event-datetime-wrapper {\n    display: grid;\n\n    @include mq($from: small, $to: medium) {\n      margin-bottom: space(\"medium\");\n    }\n\n    @include mq($from: medium) {\n      display: contents;\n    }\n  }\n\n  &__event-date-wrapper {\n    display: flex;\n    flex-direction: column;\n    column-gap: space(\"xxlarge\");\n\n    @include mq($from: medium) {\n      display: contents;\n    }\n  }\n\n  &__event-weekday {\n    @include mq($from: small, $to: medium) {\n      min-width: 90px;\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhEventinfoItem, StzhEventinfoItemInput, StzhEventinfoMonth, StzhLocaleAdapter } from \"../../../index\";\n\nimport { StzhEventinfoLocalizedText } from \"./stzh-eventinfo.localization\";\nimport { setPropsIfNull } from \"../../../utils/utils\";\n\n/**\n * @slot location - stzh-text for location\n * @slot additional-info - stzh-text for additional info\n */\n@Component({\n  tag: \"stzh-eventinfo\",\n  styleUrl: \"stzh-eventinfo.scss\",\n  scoped: true,\n})\nexport class StzhEventinfo {\n  /** Translation strings */\n  @Prop() localization: StzhEventinfoLocalizedText;\n\n  /** Month heading level */\n  @Prop() monthHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"4\";\n\n  /** Start date */\n  @Prop() start: Date | string;\n\n  /** End date */\n  @Prop() end: Date | string;\n\n  /** Calendar URL */\n  @Prop() calendarUrl: string;\n\n  /** Calendar label */\n  @Prop() calendarLabel: string;\n\n  /** Sorting direction of given items */\n  @Prop() itemsSortDirection: \"ascending\" | \"descending\" = \"descending\";\n\n  /** Event dates */\n  @Prop() items: StzhEventinfoItemInput[] | string;\n  private _items: StzhEventinfoItem[] = [];\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  @Element() element: HTMLStzhEventinfoElement;\n\n  @Watch(\"items\")\n  @Watch(\"dateAdapter\")\n  itemsWatcher() {\n    if (!this.dateAdapter) {\n      return;\n    }\n\n    const data: StzhEventinfoItemInput[] = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n\n    if (!data) {\n      return;\n    }\n\n    // sort direction\n    const sortAscending = this.itemsSortDirection === \"ascending\";\n\n    // convert start and end field to date\n    this._items = data\n      .map(event => ({\n        ...event,\n        start: event.start ? new Date(event.start) : undefined,\n        end: event.end ? new Date(event.end) : undefined,\n      }))\n      .sort((a, b) => {\n        try {\n          const comparison = a.start.getTime() - b.start.getTime();\n          return sortAscending ? comparison : -comparison;\n        } catch (noStartTimeException) {\n          return 1;\n        }\n      });\n\n    // Grouping events by month and year\n    const groupedItems: { [monthKey: string]: StzhEventinfoMonth } = this._items.reduce((acc, event) => {\n      // Using padded month and year for better sorting\n      const month = (event.start.getMonth() + 1).toString().padStart(2, \"0\");\n      const monthYearKey = `${event.start.getFullYear()}-${month}`;\n\n      if (!acc[monthYearKey]) {\n        acc[monthYearKey] = {\n          name: this.localization.$globals.monthNames[event.start.getMonth()] + \" \" + event.start.getFullYear(),\n          events: [],\n        } as StzhEventinfoMonth;\n      }\n\n      acc[monthYearKey].events.push(event);\n\n      // Sort events within each month\n      acc[monthYearKey].events.sort((a, b) => {\n        const comparison = a.start.getTime() - b.start.getTime();\n        return sortAscending ? comparison : -comparison;\n      });\n\n      return acc;\n    }, {});\n\n    this._itemsGroupedByMonth = Object.values(groupedItems);\n  }\n\n  private _itemsGroupedByMonth: StzhEventinfoMonth[] = [];\n  private observer: MutationObserver;\n\n  private init = () => {\n    const locationTexts = this.element.querySelectorAll('stzh-text[slot=\"location\"], [slot=\"location\"] stzh-text');\n\n    const additionalInfoTexts = this.element.querySelectorAll(\n      'stzh-text[slot=\"additional-info\"], [slot=\"additional-info\"] stzh-text',\n    );\n\n    locationTexts.forEach(text => {\n      setPropsIfNull(text, {\n        color: \"inherit\",\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n\n    additionalInfoTexts.forEach(text => {\n      setPropsIfNull(text, {\n        color: \"inherit\",\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  private hasProperStartAndOrEndDate(startDate: Date | undefined, endDate: Date | undefined) {\n    return !(!!startDate && startDate.getHours() === 0 && !endDate);\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"eventinfo\");\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    this.itemsWatcher();\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-eventinfo\": true,\n    };\n\n    const startDate = this.start && new Date(this.start);\n    const endDate = this.end && new Date(this.end);\n\n    const MonthHeading = `h${this.monthHeadingLevel}`;\n\n    return (\n      <Host>\n        <div class={classes}>\n          <time\n            class=\"stzh-eventinfo__left\"\n            dateTime={startDate.toISOString()}\n            aria-label={this.dateAdapter.format(startDate, \"dateLong\")}\n          >\n            <span class=\"stzh-eventinfo__main-event-day-name\">\n              {this.localization.$globals.dayNamesShort[startDate.getDay()]}\n            </span>\n            <span class=\"stzh-eventinfo__main-event-day\">\n              {startDate.getDate() < 10 && \"0\"}\n              {startDate.getDate()}\n            </span>\n            <span class=\"stzh-eventinfo__main-event-month\">\n              {this.localization.$globals.monthNamesShort[startDate.getMonth()]}\n            </span>\n          </time>\n\n          <div class=\"stzh-eventinfo__right\">\n            <div>\n              <div class=\"stzh-eventinfo__head\">\n                <div class=\"stzh-eventinfo__main-date\">\n                  <div class=\"stzh-eventinfo__main-date\">\n                    <time dateTime={startDate.toISOString()}>\n                      {this.dateAdapter.format(startDate, \"dateLong\")}\n                      {this.hasProperStartAndOrEndDate(startDate, endDate) &&\n                        `, ${this.dateAdapter.formatSpan(startDate, endDate, \"time\")}`}\n                    </time>\n                  </div>\n                </div>\n\n                {this.calendarUrl && (\n                  <div class=\"stzh-eventinfo__main-event-link\">\n                    <stzh-link\n                      href={this.calendarUrl}\n                      label={this.calendarLabel || this.localization.addToCalendar}\n                      size=\"inherit\"\n                    ></stzh-link>\n                  </div>\n                )}\n              </div>\n\n              <div class=\"stzh-eventinfo__text\">\n                <div class=\"stzh-eventinfo__location\">\n                  <slot name=\"location\"></slot>\n                </div>\n                <div class=\"stzh-eventinfo__additional-info\">\n                  <slot name=\"additional-info\"></slot>\n                </div>\n              </div>\n            </div>\n\n            {this._itemsGroupedByMonth.length > 0 && (\n              <div class=\"stzh-eventinfo__details-wrapper\">\n                <stzh-details class=\"stzh-eventinfo__details\">\n                  <stzh-link class=\"stzh-eventinfo__details-link\" icon=\"calendar\" size=\"inherit\">\n                    <span class=\"stzh-eventinfo__details-link-expand\">{this.localization.expandMoreDates}</span>\n                    <span class=\"stzh-eventinfo__details-link-collapse\">{this.localization.collapseMoreDates}</span>\n                  </stzh-link>\n\n                  <ul slot=\"content\" class=\"stzh-eventinfo__month-list\">\n                    {this._itemsGroupedByMonth.map(groupedItems => (\n                      <li class=\"stzh-eventinfo__month-list-item\">\n                        <MonthHeading class=\"stzh-eventinfo__heading\">{groupedItems.name}</MonthHeading>\n\n                        {groupedItems.events.length > 0 && (\n                          <ul class=\"stzh-eventinfo__event-list\">\n                            {groupedItems.events.map(event => (\n                              <li class=\"stzh-eventinfo__event-list-item\">\n                                <time\n                                  class=\"stzh-eventinfo__event-datetime-wrapper\"\n                                  dateTime={event.start.toISOString()}\n                                >\n                                  <span class=\"stzh-eventinfo__event-date-wrapper\">\n                                    <span class=\"stzh-eventinfo__event-weekday\">\n                                      {this.localization.$globals.dayNames[event.start.getDay()]}\n                                    </span>\n                                    <span class=\"stzh-eventinfo__event-date\">\n                                      {this.dateAdapter.format(event.start, \"date\")}\n                                    </span>\n                                  </span>\n\n                                  {this.hasProperStartAndOrEndDate(event.start, event.end) && (\n                                    <span class=\"stzh-eventinfo__event-time\">\n                                      {this.dateAdapter.formatSpan(event.start, event.end, \"time\")}\n                                    </span>\n                                  )}\n                                </time>\n                                <span class=\"stzh-eventinfo__event-link\">\n                                  {event.calendarUrl && (\n                                    <stzh-link\n                                      href={event.calendarUrl}\n                                      label={event.calendarLabel || this.localization.addToCalendar}\n                                    ></stzh-link>\n                                  )}\n                                </span>\n                              </li>\n                            ))}\n                          </ul>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                </stzh-details>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull, h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -38,7 +38,7 @@ const StzhFeedreaderItem = class {
             "stzh-feedreader-item--has-link": !!this.link,
             [`stzh-feedreader-item--${this.variant}`]: true,
         };
-        return (h(Host, { key: '30305e6b55da20a6c0742ffc922cab57bd297778', variant: this.variant }, !!this.link ? (h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (h("div", { class: classes }, this.renderInner()))));
+        return (h(Host, { key: '67db1ae31578fffb91b9cd99c58867ed631cbc62', variant: this.variant }, !!this.link ? (h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (h("div", { class: classes }, this.renderInner()))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -39,7 +39,7 @@ const StzhFeedreader = class {
         const subscribeFeedSlotUsed = hasSlot(this.element, "subscribe-feed");
         const subscribeProxySlotUsed = hasSlot(this.element, "subscribe-proxy");
         const connectionErrorSlotUsed = hasSlot(this.element, "connection-error");
-        return (h(Host, { key: '0632d984b101d693fd30f9e9fc0dab8ea65648f5' }, h("div", { key: 'a981907beaffc17340221e03eb9f435a5f86a636', class: classes }, h("div", { key: '20454dec2623b56401b4aba9b2bad6f94ba1ebbc', class: "stzh-feedreader__container" }, h("div", { key: 'eedd15ec6f01ade68f4227d3d8e0a101a489f954', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '592ebf1b9d2eef8eca8d9cfe432cb2383268ecdd', level: this.headingLevel }, this.heading), h("stzh-text", { key: '315c51f1052885cfc7d3cd30b56046e9394f9daf' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: '57d3e604126a4d2234ff997ede18d340935ff34a', class: "stzh-feedreader__subscribe" }, h("slot", { key: '9ccb5f3a86d47b9546895cf977bfde57d9de0fcd', name: "subscribe-feed" }), h("slot", { key: '2a19bfff9b7972a17713855890da2645a94a6e92', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: '56e64d2286f57571e269ae5e244616a3df180790', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: '2f0986d8d8f23a064c6e0c755e461d8b15cca761', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '9c3517ca208d1ea4a6a494817b1b51ef053a8a9e', class: "stzh-feedreader__connection-error" }, h("slot", { key: '1f1fa1d567409c4e8593fa92d409930b68b609c5', name: "connection-error" }))), h("div", { key: 'dca73ab50231b43f777802d64a6adc52d9ac7c26', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: '8aedaba8e442fef7f684f3e19178341a266edbbf' }))))));
+        return (h(Host, { key: '585bbba80a0811664fcc2fa8fd625cd8655e3395' }, h("div", { key: '1b5cf59f524032928f7fc1be1c13fa276ec8aee2', class: classes }, h("div", { key: '6d7c4859e10aaac5e799fe25e3df6e48dc4177a7', class: "stzh-feedreader__container" }, h("div", { key: 'a836351af7e1c34eb4185b220b18840393854953', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '538dd6530eec23225a5056f3dbdcce1661a9f04a', level: this.headingLevel }, this.heading), h("stzh-text", { key: 'fbf3caa72ba0a439f58a535570ff0e6f26ecfea6' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: '295435654fc0173f3563ef06a991ba2e9e08fd2f', class: "stzh-feedreader__subscribe" }, h("slot", { key: '098ad14079743d30879c13a3e279d687edb67838', name: "subscribe-feed" }), h("slot", { key: '113867124ac4a39ed9ef8ff3ac7e36e08c6f8eff', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: 'a4e56e1f88834f4cad0288decb7217b47f24c427', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: '58f4e5680b06efc8286eb441208ab58ac7d4a452', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '416edc6d240e38bdc1a1127bc1733874f19cd2bd', class: "stzh-feedreader__connection-error" }, h("slot", { key: '55501003e971585e9d8de9fed9a3b38af545255b', name: "connection-error" }))), h("div", { key: '24148d7f7c4ce020fc7cc404e2191f8ed1ae14f0', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: '2fd37b35f21650091ae54989e5e8bd7808f785a7' }))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -34,7 +34,7 @@ const StzhFigure = class {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (h(Host, { key: '8d1f15a360f179168fdffc27b30af6774538a423' }, h("figure", { key: '5ff2a184c76c9d292d5fc4e5dc3a05aae23d61aa', class: classes }, h("div", { key: '363d48ec8301f48ad279e733493edb43063af029', class: "stzh-figure__element" }, h("slot", { key: '026e8cad9942b90cd68681c9301e9f51db7b44a6' })), h("figcaption", { key: '712a860fa595e1b1f7fc50a4bbdc66a781fb1218', class: "stzh-figure__caption-wrapper" }, h("div", { key: 'f9034be618eecb5e23b862eec0c837fb1ba71b1e', class: "stzh-figure__heading-wrapper" }, h("div", { key: 'f5adc22dd61de69b017fa7f87dfde4fb5a568064', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '3d0e45d4cbc7fe3fcecd2c6edf8ca8da5562a24f', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'd726f8e4565309d29825b040d98bd960cea4f30f', class: "stzh-figure__caption" }, h("div", { key: '2225a798f8bfdeba6049e794e5f1ccdbc1ed8858', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '72bf4d2b07ac2d3146e06c2713b802bbc8b3aa13', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
+        return (h(Host, { key: 'b3f324e7216b0333bb3ae0631d84b7a392963854' }, h("figure", { key: '7fe92ad319eddeacfdaebe66d059a6a4658ca44f', class: classes }, h("div", { key: '751f6c317ad4a0bbf6bf652efd88595375c472cf', class: "stzh-figure__element" }, h("slot", { key: '2938cf820b4c277f6a6371c3733d2a003a342b4a' })), h("figcaption", { key: 'dd3af76cafce1b364106c265d51598252945d9af', class: "stzh-figure__caption-wrapper" }, h("div", { key: '361be76b5d966301bf3295b44f88908daeca6547', class: "stzh-figure__heading-wrapper" }, h("div", { key: '5e3cc9dd45cbecc8ab84ff9efbff79c462850153', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '65fc7b6a5f6b87da1bc9d3be01224c576b01aa32', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'c97177ac8b3433746f21c44459205b8f808220b8', class: "stzh-figure__caption" }, h("div", { key: '0c35678a373efd334841e84723df01e35cf6cf26', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '3a6d4fc254fa52d7d2f4df659b5d87c0ebe4ba78', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { p as prefersReducedMotion } from './animation-utils-BOO84wnP.js';
 
 const stzhFlyingfocusCss = () => `.sc-stzh-flyingfocus-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-flyingfocus-h,[stzh-hidden].sc-stzh-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::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-flyingfocus-h .has-focus.sc-stzh-flyingfocus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus{outline-style:none !important}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus::-moz-focus-inner{border:0 !important}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:var(--stzh-z-index-flying-focus)}@media print{.stzh-flyingfocus.sc-stzh-flyingfocus{display:none}}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition-property:opacity, left, top, width, height, border-width, border-radius;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{transition-duration:0.1s;opacity:0.16}`;
@@ -197,7 +197,7 @@ const StzhFlyingfocus = class {
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (h(Host, { key: '17d289b3367f2445e97905c667ab14421b9055c2' }, h("div", { key: 'e3131b811ea2c614dd32ce3f05d079f1caff4321', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (h(Host, { key: '387f6cb0591bb6f73f173b55db3af8c98292ff9f' }, h("div", { key: '05c9ffb86cbe88f3365190ad8cd297fdc897d5b0', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull, h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -8,12 +8,12 @@ const stzhFooterCss = () => `:host{font-family:var(--stzh-font-family-medium);fo
   );--background-color-menu:var(
     --stzh-footer-background-color-menu,
     var(--stzh-color-primary80)
-  )}@media print{stzh-footer{display:none}}.stzh-footer{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}.stzh-footer[hidden],.stzh-footer[stzh-hidden]{display:none}.stzh-footer::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::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)}.stzh-footer{}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);background-color:var(--background-color);--stzh-flyingfocus-color:var(--stzh-color-white);--stzh-base-color:var(--stzh-color-white70op);--stzh-link-color:var(--stzh-color-white70op);--stzh-link-hover-color:var(--stzh-color-white);--stzh-link-text-decoration-line:none;--stzh-link-hover-text-decoration-line:none}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}@media (forced-colors: active){.stzh-footer__bottom-bar{border-top:0.125rem solid CanvasText}}.stzh-footer__bottom-bar-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__bottom-bar-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__bottom-bar-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__bottom-bar-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__bottom-bar-inner{padding:var(--stzh-space-xlarge) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{flex-direction:row;align-items:center;justify-content:space-between}}.stzh-footer__menu{background-color:var(--background-color-menu)}@media (forced-colors: active){.stzh-footer__menu:not(:has(.stzh-footer__menu-inner:empty)){border-top:0.125rem solid CanvasText}}.stzh-footer__menu-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__menu-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__menu-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__menu-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__menu-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__menu-inner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;flex-direction:column;align-items:flex-start;padding:var(--stzh-space-xxlarge) 0;--stzh-link-height:2.75rem}.stzh-footer__menu-inner:empty,.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__links:empty{display:none}.stzh-footer__copyright-wrapper{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);display:flex;flex-direction:column;gap:var(--stzh-space-medium);color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-footer__copyright-wrapper{gap:var(--stzh-space-large);margin-right:auto}}.stzh-footer__copyright{display:flex;align-items:center;height:2.75rem}.stzh-footer__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-large)}.stzh-footer__links{--stzh-link-height:2.75rem}@media screen and (min-width: 900px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){flex-direction:row;align-items:center;gap:var(--stzh-space-large)}}.stzh-footer{}@media screen and (min-width: 900px){.stzh-footer--has-logo .stzh-footer__bottom-bar-inner,.stzh-footer--has-info .stzh-footer__bottom-bar-inner{align-items:flex-start}}`;
+  )}@media print{stzh-footer{display:none}}.stzh-footer{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}.stzh-footer[hidden],.stzh-footer[stzh-hidden]{display:none}.stzh-footer::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::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)}.stzh-footer{}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);background-color:var(--background-color);--stzh-flyingfocus-color:var(--stzh-color-white);--stzh-base-color:var(--stzh-color-white70op);--stzh-link-color:var(--stzh-color-white70op);--stzh-link-hover-color:var(--stzh-color-white);--stzh-link-text-decoration-line:none;--stzh-link-hover-text-decoration-line:none}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}@media (forced-colors: active){.stzh-footer__bottom-bar{border-top:0.125rem solid CanvasText}}.stzh-footer__bottom-bar-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__bottom-bar-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__bottom-bar-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__bottom-bar-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__bottom-bar-inner{padding:var(--stzh-space-xlarge) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{flex-direction:row;align-items:center;justify-content:space-between}}.stzh-footer__menu{background-color:var(--background-color-menu)}@media (forced-colors: active){.stzh-footer__menu:not(:has(.stzh-footer__menu-inner:empty)){border-top:0.125rem solid CanvasText}}.stzh-footer__menu-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__menu-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__menu-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__menu-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__menu-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__menu-inner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;flex-direction:column;align-items:flex-start;padding:var(--stzh-space-xxlarge) 0;--stzh-link-height:2.75rem}.stzh-footer__menu-inner:empty,.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__links:empty{display:none}.stzh-footer__copyright-wrapper{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);display:flex;flex-direction:column;gap:var(--stzh-space-medium);color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-footer__copyright-wrapper{gap:var(--stzh-space-large);margin-right:auto}}.stzh-footer__copyright{display:flex;align-items:center;height:2.75rem}.stzh-footer__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-large)}.stzh-footer__links{--stzh-link-height:2.75rem}@media screen and (min-width: 900px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){flex-direction:row;align-items:center;gap:var(--stzh-space-large)}}.stzh-footer{}@media screen and (min-width: 900px){.stzh-footer--has-logo .stzh-footer__bottom-bar-inner,.stzh-footer--has-info .stzh-footer__bottom-bar-inner{align-items:flex-start}}.stzh-footer{}.stzh-footer--variant-intranet .stzh-footer__bottom-bar,.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner,.stzh-footer--variant-intranet .stzh-footer__copyright{height:2.5rem;}.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner{padding:0;gap:0}`;
 
 const StzhFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /** Footer variant */
+        /** Footer variant. Do not use 'intranet' for public applications. */
         this.variant = "default";
         /** Main URL for shortlinks */
         this.mainUrl = "https://www.stadt-zuerich.ch";
@@ -75,12 +75,13 @@ const StzhFooter = class {
         const menuLinkSlotUsed = hasSlot(this.element, "menu-link");
         const classes = {
             "stzh-footer": true,
+            [`stzh-footer--variant-${this.variant}`]: true,
             "stzh-footer--has-logo": logoSlotUsed,
             "stzh-footer--has-info": infoSlotUsed,
             "stzh-footer--has-links": linkSlotUsed,
             "stzh-footer--has-menu-links": menuLinkSlotUsed,
         };
-        return (h(Host, { key: 'dd174980f36b26537ffef498d4a40ed3ee8729a7' }, h("footer", { key: 'f37238f4e8084fe4e7fda00667af19759868da35', class: classes }, h("div", { key: '9530abc1885a5de4ce67e5cad4d266c8fb0e5cb3', class: "stzh-footer__menu" }, h("div", { key: 'c754617167aeb18bb844328ead962a8820d228d6', class: "stzh-footer__menu-inner" }, h("slot", { key: '3a83011ab4323db04a9c3de0e9df0a032df6d370', name: "menu-link" }))), h("div", { key: '975f8c333c5762fcce70795ee125613fe9de92b7', class: "stzh-footer__bottom-bar" }, h("div", { key: '29886624aef2e362bdaeb604392c71d198382ae9', class: "stzh-footer__bottom-bar-inner" }, h("div", { key: '49cda41331d1c959b52b65d3ee1f2e53e643c0b1', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: '57cd48ed7118a5af79c36d0a70e79aaf64d8ef28', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '0ba39e7e86a962f7033ae9dcab53d89f35bd6b08', class: "stzh-footer__logo" }, h("slot", { key: 'fc9d6bccc3d52838d6265085af1c6f8fdc4b1b2e', name: "logo" }))), h("div", { key: '12ca37ec3a83f3d3240a0650219e09f9e32a2425', class: "stzh-footer__info" }, h("slot", { key: '5de4c1c6fc32657ab6adcfeef6584bf3639f903a', name: "info" })), h("div", { key: '2ee5e687ed75b1554286d62d350d7bed800d62de', class: "stzh-footer__links", role: "list" }, h("slot", { key: 'c1f55c977acac0865b05ae023cc2a8f2eb526455', name: "link" }, this.variant === "egov" && (h(Fragment, { key: 'e4a9ec23f8cf05312fa0377ef0b930b02e81aa9a' }, h("stzh-link", { key: '79cc1587acf8dc49918e7bc0480350c1e86dd69c', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: 'b33497e462d1c921888d9543169703f583d1a470', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '35c36a22fd09f44b9cf850eb3d935b5c0df19fd3', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
+        return (h(Host, { key: 'b3c7036d429373be31db20b38f597a1620c43e94' }, h("footer", { key: 'dd4b910b27aec334bc9f38c720d60f669d241fbf', class: classes }, this.variant !== "intranet" && (h("div", { key: 'c55292b97a827b21795f2a188f355a8f887e665c', class: "stzh-footer__menu" }, h("div", { key: 'a2f679884ce5ed79328ecf015797c12a3d817cc2', class: "stzh-footer__menu-inner" }, h("slot", { key: '5ae395a1e1c74e5699253302230799a831134b37', name: "menu-link" })))), h("div", { key: '0ca2fb6c6f3484fcd42e254a04d5e7fa7c171951', class: "stzh-footer__bottom-bar" }, h("div", { key: '96279e6c19dab814a65500688ec8f240ad7d5fb5', class: "stzh-footer__bottom-bar-inner" }, h("div", { key: '490d7ebc98c9ebeb62d31931de2c076bbe846138', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: '5de4170a51a058291ae574c9ddf1567bae53c717', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '8ba72d2b86039c1841e3410af9cf98ad4a47e106', class: "stzh-footer__logo" }, h("slot", { key: '7854a841845a47aa2038c5317e3a55e372420304', name: "logo" }))), h("div", { key: '763b66e3b79863ed3d5b0709782cddc21a4f6ec3', class: "stzh-footer__info" }, h("slot", { key: 'a4717bb459663b7b7a85806817aa12e7aecee8f2', name: "info" })), h("div", { key: '34d1ba90967f971841e209a7cdb973532cdd6e23', class: "stzh-footer__links", role: "list" }, h("slot", { key: '730d440b59148aa03dd37a1a449c5e76942663c2', name: "link" }, this.variant === "egov" && (h(Fragment, { key: '32a667825b1526f7308da1285de125bb8883bb9b' }, h("stzh-link", { key: '863783b34200030a239d97430fbdac7857ad996b', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: '90aeae62e0c6aa8b8939c721c1b8be7eb70e25ea', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '4f3d734db975d56fae45fe76523e186676124054', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"stzh-footer.entry.js","sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":["/**\n * @prop --background-color: Background of footer (lower part)\n * @prop --background-color-menu: Background of footer menu (upper part)\n *\n * @prop --stzh-footer-background-color: **Global**: Background of footer (lower part)\n * @prop --stzh-footer-background-color-menu: **Global**: Background of footer menu (upper part)\n */\n\nstzh-footer {\n  --background-color: var(\n    --stzh-footer-background-color,\n    #{$footerBackgroundColor}\n  );\n  --background-color-menu: var(\n    --stzh-footer-background-color-menu,\n    #{$colorPrimary80}\n  );\n\n  @media print {\n    display: none;\n  }\n}\n\n.stzh-footer {\n  @include host;\n  @include fontSize(\"micro\");\n  background-color: var(--background-color);\n\n  --stzh-flyingfocus-color: #{$colorWhite};\n  --stzh-base-color: #{$colorWhite70op};\n  --stzh-link-color: #{$colorWhite70op};\n  --stzh-link-hover-color: #{$colorWhite};\n  --stzh-link-text-decoration-line: none;\n  --stzh-link-hover-text-decoration-line: none;\n\n  [slot=\"logo\"],\n  [slot=\"logo\"] img {\n    display: block;\n    height: 38px;\n  }\n\n  [slot=\"info\"] {\n    margin: 0;\n  }\n\n  &__bottom-bar {\n    @media (forced-colors: active) {\n      border-top: 2px solid CanvasText;\n    }\n  }\n\n  &__bottom-bar-inner {\n    @include container;\n    padding: space(\"xlarge\") 0;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: space(\"xlarge\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n    }\n  }\n\n  &__menu {\n    background-color: var(--background-color-menu);\n\n    @media (forced-colors: active) {\n      &:not(:has(.stzh-footer__menu-inner:empty)) {\n        border-top: 2px solid CanvasText;\n      }\n    }\n  }\n\n  &__menu-inner {\n    @include container;\n    @include fontSize(\"centi\");\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: space(\"xxlarge\") 0;\n\n    --stzh-link-height: 44px;\n  }\n\n  &__menu-inner,\n  &__logo,\n  &__info,\n  &__links {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__copyright-wrapper {\n    @include fontSize(\"milli\");\n    display: flex;\n    flex-direction: column;\n    gap: space(\"medium\");\n    color: $colorWhite;\n\n    @include mq($from: medium) {\n      gap: space(\"large\");\n      margin-right: auto;\n    }\n  }\n\n  &__copyright {\n    display: flex;\n    align-items: center;\n    height: 44px;\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: space(\"large\");\n  }\n\n  &__links {\n    --stzh-link-height: 44px;\n\n    @include mq($from: medium) {\n      margin-left: auto;\n    }\n  }\n\n  &__links,\n  slot-fb[name=\"link\"]:not([hidden]) {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: small) {\n      flex-direction: row;\n      align-items: center;\n      gap: space(\"large\");\n    }\n  }\n\n  /* Logo or info filled variant */\n\n  &--has-logo &__bottom-bar-inner,\n  &--has-info &__bottom-bar-inner {\n    @include mq($from: medium) {\n      align-items: flex-start;\n    }\n  }\n}\n","import { Component, Host, h, Element, Prop, Fragment } from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from \"./stzh-footer.localization\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\",\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant */\n  @Prop() variant: \"default\" | \"egov\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const menuLinks = this.element.querySelectorAll(`stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link`);\n    const links = this.element.querySelectorAll(`stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link`);\n    const infoTexts = this.element.querySelectorAll(`stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text`);\n    const infoLinks = this.element.querySelectorAll(`stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link`);\n\n    menuLinks.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    links.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoLinks.forEach(link => {\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoTexts.forEach(link => {\n      setPropsIfNull(link, {\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"footer\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-menu-links\": menuLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          <div class=\"stzh-footer__menu\">\n            <div class=\"stzh-footer__menu-inner\">\n              <slot name=\"menu-link\"></slot>\n            </div>\n          </div>\n          <div class=\"stzh-footer__bottom-bar\">\n            <div class=\"stzh-footer__bottom-bar-inner\">\n              <div class=\"stzh-footer__copyright-wrapper\">\n                {this.copyright && <div class=\"stzh-footer__copyright\">{this.copyright}</div>}\n                <div class=\"stzh-footer__logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-footer__info\">\n                <slot name=\"info\"></slot>\n              </div>\n\n              <div class=\"stzh-footer__links\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" && (\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        class=\"stzh-footer__link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  )}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"stzh-footer.entry.js","sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":["/**\n * @prop --background-color: Background of footer (lower part)\n * @prop --background-color-menu: Background of footer menu (upper part)\n *\n * @prop --stzh-footer-background-color: **Global**: Background of footer (lower part)\n * @prop --stzh-footer-background-color-menu: **Global**: Background of footer menu (upper part)\n */\n\nstzh-footer {\n  --background-color: var(\n    --stzh-footer-background-color,\n    #{$footerBackgroundColor}\n  );\n  --background-color-menu: var(\n    --stzh-footer-background-color-menu,\n    #{$colorPrimary80}\n  );\n\n  @media print {\n    display: none;\n  }\n}\n\n.stzh-footer {\n  @include host;\n  @include fontSize(\"micro\");\n  background-color: var(--background-color);\n\n  --stzh-flyingfocus-color: #{$colorWhite};\n  --stzh-base-color: #{$colorWhite70op};\n  --stzh-link-color: #{$colorWhite70op};\n  --stzh-link-hover-color: #{$colorWhite};\n  --stzh-link-text-decoration-line: none;\n  --stzh-link-hover-text-decoration-line: none;\n\n  [slot=\"logo\"],\n  [slot=\"logo\"] img {\n    display: block;\n    height: 38px;\n  }\n\n  [slot=\"info\"] {\n    margin: 0;\n  }\n\n  &__bottom-bar {\n    @media (forced-colors: active) {\n      border-top: 2px solid CanvasText;\n    }\n  }\n\n  &__bottom-bar-inner {\n    @include container;\n    padding: space(\"xlarge\") 0;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: space(\"xlarge\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n    }\n  }\n\n  &__menu {\n    background-color: var(--background-color-menu);\n\n    @media (forced-colors: active) {\n      &:not(:has(.stzh-footer__menu-inner:empty)) {\n        border-top: 2px solid CanvasText;\n      }\n    }\n  }\n\n  &__menu-inner {\n    @include container;\n    @include fontSize(\"centi\");\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: space(\"xxlarge\") 0;\n\n    --stzh-link-height: 44px;\n  }\n\n  &__menu-inner,\n  &__logo,\n  &__info,\n  &__links {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__copyright-wrapper {\n    @include fontSize(\"milli\");\n    display: flex;\n    flex-direction: column;\n    gap: space(\"medium\");\n    color: $colorWhite;\n\n    @include mq($from: medium) {\n      gap: space(\"large\");\n      margin-right: auto;\n    }\n  }\n\n  &__copyright {\n    display: flex;\n    align-items: center;\n    height: 44px;\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: space(\"large\");\n  }\n\n  &__links {\n    --stzh-link-height: 44px;\n\n    @include mq($from: medium) {\n      margin-left: auto;\n    }\n  }\n\n  &__links,\n  slot-fb[name=\"link\"]:not([hidden]) {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: small) {\n      flex-direction: row;\n      align-items: center;\n      gap: space(\"large\");\n    }\n  }\n\n  /* Logo or info filled variant */\n\n  &--has-logo &__bottom-bar-inner,\n  &--has-info &__bottom-bar-inner {\n    @include mq($from: medium) {\n      align-items: flex-start;\n    }\n  }\n\n  /* variant intranet */\n  &--variant-intranet {\n    .stzh-footer__bottom-bar,\n    .stzh-footer__bottom-bar-inner,\n    .stzh-footer__copyright {\n      height: 40px; /* must be the same in stzh-header[variant=intranet] */\n    }\n\n    .stzh-footer__bottom-bar-inner {\n      padding: 0;\n      gap: 0;\n    }\n  }\n}\n","import { Component, Host, h, Element, Prop, Fragment } from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from \"./stzh-footer.localization\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\",\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant. Do not use 'intranet' for public applications. */\n  @Prop({ reflect: true }) variant: \"default\" | \"egov\" | \"intranet\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const menuLinks = this.element.querySelectorAll(`stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link`);\n    const links = this.element.querySelectorAll(`stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link`);\n    const infoTexts = this.element.querySelectorAll(`stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text`);\n    const infoLinks = this.element.querySelectorAll(`stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link`);\n\n    menuLinks.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    links.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoLinks.forEach(link => {\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoTexts.forEach(link => {\n      setPropsIfNull(link, {\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"footer\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      [`stzh-footer--variant-${this.variant}`]: true,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-menu-links\": menuLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          {this.variant !== \"intranet\" && (\n            <div class=\"stzh-footer__menu\">\n              <div class=\"stzh-footer__menu-inner\">\n                <slot name=\"menu-link\"></slot>\n              </div>\n            </div>\n          )}\n          <div class=\"stzh-footer__bottom-bar\">\n            <div class=\"stzh-footer__bottom-bar-inner\">\n              <div class=\"stzh-footer__copyright-wrapper\">\n                {this.copyright && <div class=\"stzh-footer__copyright\">{this.copyright}</div>}\n                <div class=\"stzh-footer__logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-footer__info\">\n                <slot name=\"info\"></slot>\n              </div>\n\n              <div class=\"stzh-footer__links\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" && (\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        class=\"stzh-footer__link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  )}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 /*!
   * PhotoSwipe Lightbox 5.4.4 - https://photoswipe.com
@@ -2743,7 +2743,7 @@ const StzhGallery = class {
             "stzh-gallery": true,
             [`stzh-gallery--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'c56d142664be0738548b0e46b6b543567f04b077' }, h("div", { key: '3c0ab047b99cab6dd2ecea1a3d6d377337be11b5', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (h(Fragment, { key: 'bd32e81f9539f3af0aa01631605a830ff9818f74' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: 'f4251ec4308bee280c6f45eb6a441714aca427a3' }, h("div", { key: '415dade0b9b3f76cfb06f4d000fe895bf0ef1549', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '2da9c7017253b2e6fa69306a56d23d8ba9d4c30b', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: 'a62bec7e9b450f3d1a6d737acdd15a67e6cb433f', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'c5003c9f219997795d26e3de06f137bba44b154e', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '76074495ec624332afc34b833b74ed054fafa24a', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: '031f8edb3058b2e64758bac04f8a632487e4864f' }, h("stzh-button", { key: '22c8d76b63c7fbf4bfc0984a2de3e91d02d0e834', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: '59f83c2c826c624b765301d00ee8d3162336c33e', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '55601f49dd0c2158c28f0bb4179c891c6363ffaf', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '73a6f3301596f71391a38c108b31b30847dc456b', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: 'c3640afa359e92b6df23eb7c33c16e16606870c3' }))));
+        return (h(Host, { key: '79db4c0591593bba912bb189e3c73445d097723c' }, h("div", { key: '4ab5180448b7f51bd6328fcf19f9cc3802dd62f6', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (h(Fragment, { key: '7e711e395e30611429138115b1e25fc269be8ecf' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '9f19ecc3a436aa0bc9df0399fd0307a73512af0d' }, h("div", { key: '2e7a15e7ee3515569f21f9002fceedb3196d2c35', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '0e93cfce56017bd21f92fd991f9437cf2092916d', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '4a8f74fa2a388c68358b9c9dec1d947cf7e60e51', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'b8f2fcb6127cda653d39fed31659078e8165d214', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '4be88f55dd89618e64786bb34bbbd4420b80ad71', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: '490e6340a67d4e6a61e4b79ca78cdff8b0648aa7' }, h("stzh-button", { key: '588fd8db8788c4f4faeed20a1a31c4bc99889256', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: 'c608173b6420d74887e7c9d84bca31967edb54cd', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '221916fa84801071b3d8f09409753dc4cfa4090f', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '9aa6c1e689e1072e05841452aaf6c04649fa3d77', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: '5dd4c2684fbd88cc5cc714dd6d6d9cea28091c73' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-geo-ref-data.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { f as flexsearch_bundle_minExports } from './flexsearch.bundle.min-9sAr4-Zz.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './media-utils-CUGRmgip.js';
 import './_commonjsHelpers-E-ZsRS8r.js';
@@ -514,12 +514,12 @@ const GeoRefData = class {
             "stzh-geo-ref-data--is-open": this.isOpen,
             "stzh-geo-ref-data--has-filters": this._availableTags.length > 0,
         };
-        return (h(Host, { key: 'd52d0d415c95921c0cb91de53945300a71270825' }, h("stzh-toastbar", { key: '59a4c0e3643dedfa18d8d891ea3aeed48ee48d9b', ref: el => (this.toastbarElement = el) }), h("div", { key: '7776860e9ad59cea2a5d95ae31e6cf71bf20a930', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { key: 'db1209ae70598b030657ddc81f75f949d8ddba95', name: "trigger" })), h("stzh-overlay", { key: 'd9f2134896e7374130341874a12d1ff5fb1d0b5e', open: this.isLoading }, h("stzh-loader", { key: '54b780faa5920d364e4cc639240e9d5825bd1ecd', label: "Daten werden geladen..." })), h("div", { key: 'a6de037b1cbe84cd16e1fa4097e3624cab5c9a7b', class: classes }, h("div", { key: '7ef109f93812461e91b11cd4750afd1bc98a0d23', class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { key: '8b88a24ad9849b6fb9bd7eacb14ad605a65aa366', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, h("slot", { key: 'ab9b717180e53d7bbd99d1729cbae15565d92d1d', name: "logo", slot: "logo" })), h("div", { key: '48ba84a6c740c28fe60a2ffb78a0eb9b78993438', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { key: '0793726f2ae85b1b10a561397b2c9ecedbef7ef4', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { key: 'd7b7f250cfcc45e90918133b39d7db014214dbbd', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { key: 'c9279a32efbec1d9592109ac3d397d02ac50aa8a', class: "stzh-geo-ref-data__content" }, h("div", { key: '8ee2d9ff4fe917f3b4d6e4085dd7ea08482bcd04', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { key: 'bb91f67a0ce5a195e2c57e54181f7a52ca0b2fc6', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (h("div", { key: '08c520f373df48cc0a14f338ecdbb87e06ce7aa2', class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { key: 'f825c034f2603f93d870f5a4cf8c5bf7629846c9', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), h("div", { key: '4ed37da08408980af725b9f14345417a83e3a8fe', class: {
+        return (h(Host, { key: 'b84a082aacb25ea2b52ec3b438bc4dc09df800d4' }, h("stzh-toastbar", { key: '4f00377df14ce2ceb3b33bf2ee92685846c99a0b', ref: el => (this.toastbarElement = el) }), h("div", { key: 'b3ecb1c9cf31118104f9a3f9f34c65c4181fe251', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { key: '59ccf138ede77079d537c02e06e3dab43a6e6a26', name: "trigger" })), h("stzh-overlay", { key: '31f5f3f6c74b6ff7d41d6f9796112bfd16811bff', open: this.isLoading }, h("stzh-loader", { key: '90801343a95570f7e65fff0524fea16cbc929f23', label: "Daten werden geladen..." })), h("div", { key: '1fe783f3c4c1c2d6bb6f7a062471aad2be6d35b5', class: classes }, h("div", { key: '24aeb6e8ab2bf75a3c4cca5089e2f9d5f3c132ee', class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { key: '626f5c3e6f319ab45843dff26d5f539050a4e4bd', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, h("slot", { key: '3748508b51e7bdb3be3d5ae7af02a9741ab6d29c', name: "logo", slot: "logo" })), h("div", { key: '6bf18bdbc10df063e0edd70dd3477fcba3d253cf', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { key: '5f982d253740b30f9eeedd1a6b6092213b61f9aa', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { key: '555928e67aad0b182cf23825c6e9a0dadbee3c11', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { key: '647b1d16322a8f48f96225771e9c45ff0c7ed5ea', class: "stzh-geo-ref-data__content" }, h("div", { key: '26fcdd53a095fe9cf337e721163a23e7b3a396ed', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { key: 'b9a7bcb321f8b17e2e3bf4a6185d48197e368e86', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (h("div", { key: '23f92faa966b4c34b97deb6781218a570bdae6dc', class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { key: 'ab2453c849d6b1c6eee6928e8795ddd3bac98ea8', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), h("div", { key: 'a224026b0d060c765c52a24ca81eb70126c32433', class: {
                 "stzh-geo-ref-data__filters-content": true,
                 "stzh-geo-ref-data__filters-content--visible": !this.isViewportLarge && this.isFiltersContentOpen,
-            } }, h("stzh-chipselect", { key: '36f0c38f154b9c74649f2139ba3b8deb42b023e6', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), h("div", { key: 'ccd97322af0a6d3de6344a3af68ddbc5ae8ab289', class: "stzh-geo-ref-data__filters-apply-button" }, h("stzh-button", { key: '184c1c66cb90e5a0a6d27d2a7c47cba65e8072e3', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), h("div", { key: '0b667cb3fc9097e39968998751d75605ea12dd7c', class: "stzh-geo-ref-data__search" }, h("stzh-input", { key: '79ba7798b85d227ccac8cf82c5fb6d999e888c7c', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { key: '49c453ef092e73e98ee4d2a0651be2d729ef6828', class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { key: '6d9df7ef57ac9b315b3925810524e14df8a1f87b', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { key: '275cbee5735cb3e70d01845a7bc32b2504fe727d', class: "stzh-geo-ref-data__results-wrapper" }, h("div", { key: '20425624999a7173557c56872ffdd9ca4dcdc38a', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { key: 'fddcb135cabe600528de028ac921cd80b95b63bb', class: "stzh-geo-ref-data__ol-map", centerMarker: this.centerMarker, zoom: this.zoom, zoomLocation: this.zoomLocation, writeExtentToUrlEnabled: this.isOpen, locationControl: this.locationControl, pinchRotateThreshold: this.pinchRotateThreshold, ref: el => (this.mapElement = el) }), h("div", { key: '6ec4d6187da2c7e23828c85798cce7564c662fbe', class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { key: 'a698b96f45ab95a490323b7a9593cde0db215f41', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { key: 'a2f1bdc52720c767b8a2a59130ea60ac7dac29ba', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, { key: 'a875704253805a5da7d515d77470ec04413ab03b' }, h("div", { key: '8b50082582512194f5c4414e9b950f7d481585ce', class: "stzh-geo-ref-data__list-search" }, h("stzh-input", { key: '945c821be01a1e4bdc589d385a73524df268b3a2', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("stzh-text", { key: '55ac872a105878b98045e60b003aade6d692a8c8', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { key: '2ae22da80a239339277e7775d352bc4fb77cc854', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
+            } }, h("stzh-chipselect", { key: '4890e6d7f3887375410e448b6dbba98dd8037cfd', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), h("div", { key: 'fe26f10856b8d256cf6fe704071b904e5f5129d6', class: "stzh-geo-ref-data__filters-apply-button" }, h("stzh-button", { key: '2a27c1a2015529c50f6bb38b0da2ae8e9a00b276', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), h("div", { key: '6f5185ce4e7e1ac98209f99da5a002375d051ae5', class: "stzh-geo-ref-data__search" }, h("stzh-input", { key: '9b1bb7a2ad3957c6ef7aeb58a8d6d032f5a5ce84', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { key: '50d5edcaedeb9581ca0de2b1142a967c34477355', class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { key: 'dd708ae91316cef9edca1117d874dc92b4a161aa', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { key: '2088e12776b13e77e4bd57e3d4e4fef1908990dc', class: "stzh-geo-ref-data__results-wrapper" }, h("div", { key: 'cbf389ff3efcbe33bea4e9679c0f13150d3dec56', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { key: '88f51081ccc80f548a4fa81fa9d0b72c80eebaf7', class: "stzh-geo-ref-data__ol-map", centerMarker: this.centerMarker, zoom: this.zoom, zoomLocation: this.zoomLocation, writeExtentToUrlEnabled: this.isOpen, locationControl: this.locationControl, pinchRotateThreshold: this.pinchRotateThreshold, ref: el => (this.mapElement = el) }), h("div", { key: '1208cec306615bb40271a127a165dd165138c1c1', class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { key: '2956eb3edd767580eebfef1249248db7e57eb5c1', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { key: '702ed6ee52b561160e7d8d25e8eee3a5c773f55f', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, { key: 'c0d59069891464e4262a954c16c55c81c027f698' }, h("div", { key: 'fb112d103eeefc1bd6f7b9a44e2d07515db86f10', class: "stzh-geo-ref-data__list-search" }, h("stzh-input", { key: '54e83d77b87d3a24db0f3694bdaeb3065e273765', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("stzh-text", { key: '636fca50b5f0877bf4adfe1099fceaa4812b0262', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { key: '82ce4bc9718568138dc4f26115aec594a5e1cd3b', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
             item.data.length > 0 &&
-            item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), item.image && (h("div", { class: "stzh-poi-teaser__image-wrapper" }, h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (h("div", { key: '2b673f61bb521c312250e4a8e91aba7042cc6a7f', class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { key: 'd1622f3c220fca2a70615f695de480b7355e4fb8', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
+            item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), item.image && (h("div", { class: "stzh-poi-teaser__image-wrapper" }, h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (h("div", { key: '17e0f4a6a17c5997dc9f60f8594c2e54417ea95e', class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { key: 'f2e4895e8fa921d0f5de445ad494ad01c71bb801', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -72,7 +72,7 @@ const StzhGhettobox = class {
             "stzh-ghettobox--has-close-button": !this.hideClose,
         };
         // TODO: Temporary workaround/bugfix for readspeaker class "rs_skip" can be removed once Readspeaker update with bugfix has arrived (ETA end of 2024).
-        return (h(Host, { key: '7c47a3726acef0e1ba746e43a007a49cb42431ed', hidden: !this.open }, h("div", { key: 'a814ec6079c6eacf6201ceb28fa412ab15d6f8f0', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, h("div", { key: '458dd1e86c90171ab9c5fbf32824487d73e21724', class: "stzh-ghettobox__container" }, h("h1", { key: '3feb35d8942c0b40069b7542caaec9f1828b28ae', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), h("div", { key: 'fd7c74978a44665eda144c6c1ac6b9f25dcc1be8', class: "stzh-ghettobox__message" }, h("div", { key: '601fa3826d6dfd7d596ca11270db3203c89c019f', class: "stzh-ghettobox__text" }, h("h2", { key: '734b9b8456604b06c34d968dfca8388522c01b94', class: "stzh-ghettobox__main-title" }, this.mainTitle), h("div", { key: 'b4539d7100e8c5e64230f326479509b53d0985ea', class: "stzh-ghettobox__description" }, this.description ? this.description : h("slot", null))), h("div", { key: '19e0c96b5feffc546f7b45772172fc8888d1e7af', class: "stzh-ghettobox__button" }, h("slot", { key: '24cc1487f410c6280445be4ed4264efa58fffa78', name: "button" }))), !this.hideClose && (h("stzh-button", { key: 'e917e01d64ba00304725e349db632db27aa3e3cb', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (h(Host, { key: 'db167e75c72007418b4cd2af2c90089e36f3850d', hidden: !this.open }, h("div", { key: 'c51de64f081af3d1bb3fcae1c1579e358bf796b8', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, h("div", { key: '9d5b4d9eb09960287648e9e7ec14176c38f4982c', class: "stzh-ghettobox__container" }, h("h1", { key: 'f68763be6afc8e9adaca729db33b40dab2d389f9', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), h("div", { key: '448199817d132a0fa67b7147ea7b9a20eae45104', class: "stzh-ghettobox__message" }, h("div", { key: '6dc0829c3d5cc74e3b69dcc53d80c49cb260e2b8', class: "stzh-ghettobox__text" }, h("h2", { key: '874bc27302f04a9e09931534996c404ffda56a66', class: "stzh-ghettobox__main-title" }, this.mainTitle), h("div", { key: '01a604db8c917084b4ad2c79d9f867e052997de7', class: "stzh-ghettobox__description" }, this.description ? this.description : h("slot", null))), h("div", { key: '0b9673753f62450b713ff6083b15d18ddaeb31f7', class: "stzh-ghettobox__button" }, h("slot", { key: 'bc9fcd5f97b4586726e0921ae618bff5023397e3', name: "button" }))), !this.hideClose && (h("stzh-button", { key: '00fe78850b4be6477724c018f5e1ab1cc82e0578', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, e as readTask, i as writeTask, h, F as Fragment, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, e as readTask, i as writeTask, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import { m as media } from './media-utils-CUGRmgip.js';
 import { t as tabbable, c as createFocusTrap } from './focus-trap.esm-CBUfcdIy.js';
@@ -39,7 +39,7 @@ const StzhHeader = class {
         this.stzhLanguageChange = createEvent(this, "stzhLanguageChange");
         this.stzhSearchChange = createEvent(this, "stzhSearchChange");
         this.stzhSearchChanged = createEvent(this, "stzhSearchChanged");
-        /** Header variant */
+        /** Header variant. Do not use 'intranet' for public applications. */
         this.variant = "default";
         /** The href attribute for the logo */
         this.href = "https://www.stadt-zuerich.ch";
@@ -57371,7 +57371,7 @@ const StzhOlmap = class {
             "stzh-olmap--has-no-print-control": !this.printControl,
             "stzh-olmap--has-location-control": this.locationControl,
         };
-        return (h(Host, { key: 'a080f7c5ab57c1d77a963aa45118051db67dc423' }, h("div", { key: 'ece18b67e3f23a60add4e7f68bbe793a640c253b', class: classes }, h("div", { key: '24096ec0cc94cac20b97335030778bc8a1626e81', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: 'a71c86d30ba9ae047ac62c33924ad70af1a08dcd', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
+        return (h(Host, { key: '28af5e99eb7a3329ea19c1a8e9d8dcaa4a87d4db' }, h("div", { key: 'bfc23a6e76c3b9364d768aa5de70b9b9f4c9e911', class: classes }, h("div", { key: '66f5d7b9846d35ea7810ea5d3ce9fab708c0a035', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: 'b4c4fc70120000e4584103b67940c29a17effd89', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -57472,7 +57472,7 @@ const StzhOverlay = class {
             "stzh-overlay": true,
             "stzh-overlay--is-open": this.open,
         };
-        return (h(Host, { key: 'f87df03b3bdb133052bb8c4fe0db3ec5b65ce644' }, h("div", { key: '75f5f8848477738ac4ccdb41cb10dd6214d7fec7', class: classes }, h("div", { key: 'fb2266d9c31da1723c7bb9ee31622e6e70148b70', class: "stzh-overlay__backdrop" }), h("div", { key: '6dcc3b7f0371b5ae0e60e636051e615bdd8f098b', class: "stzh-overlay__content" }, h("div", { key: '9d2a0a7a9a2f323c7cd6374691c2be3a36e8368d', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, h("slot", { key: 'fbb28868d6e8a13a1febfd3ea7dedabac241347f' }))))));
+        return (h(Host, { key: '0b15134290cda0babfb67b8abda289cb6efa4083' }, h("div", { key: 'a424f7e6a9991976b9fc9b089737acee645c4d39', class: classes }, h("div", { key: 'f1390b7a7efcbebd9770ab55a8cef3c7df6aabbe', class: "stzh-overlay__backdrop" }), h("div", { key: '69ddf68b7f53400e956b6f985f418175a6b1bdc2', class: "stzh-overlay__content" }, h("div", { key: '5c015d5b7ed1238d812143504be1801973f13197', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, h("slot", { key: 'e0bf72cca39bcefc45019d9b749805a12776434d' }))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host } from './index-Cd_ra_Ay.js';
 
 const stzhHeadingCss = () => `.sc-stzh-heading-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-heading-h,[stzh-hidden].sc-stzh-heading-h{display:none}.sc-stzh-heading-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-heading-h *.sc-stzh-heading,.sc-stzh-heading-h *.sc-stzh-heading::before,.sc-stzh-heading-h *.sc-stzh-heading::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-heading-h .has-focus.sc-stzh-heading{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-heading-h .stzh-fylingfocus-focused.sc-stzh-heading{outline-style:none !important}.sc-stzh-heading-h .stzh-fylingfocus-focused.sc-stzh-heading::-moz-focus-inner{border:0 !important}.sc-stzh-heading-h{width:100%;--color:var(--stzh-heading-color);color:var(--color)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h .sc-stzh-heading-s>a,.sc-stzh-heading-h .sc-stzh-heading-s a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h.sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h.sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s a:hover{color:var(--stzh-link-hover-color)}.stzh-heading.sc-stzh-heading{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading.sc-stzh-heading{color:var(--color);margin:0}.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-heading-line-height, var(--stzh-font-nano-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-default-heading-letter-spacing, var(--stzh-font-nano-heading-letter-spacing))}@media screen and (min-width: 900px){.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-medium-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}}.stzh-heading--curve-lead.sc-stzh-heading{font-size:var(--stzh-font-curve-lead-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-lead-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-lead-default-heading-letter-spacing)}@media screen and (min-width: 1260px){.stzh-heading--curve-lead.sc-stzh-heading{font-size:var(--stzh-font-curve-lead-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-lead-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-lead-large-heading-letter-spacing)}}.stzh-heading--curve-teaser.sc-stzh-heading{font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-heading-letter-spacing)}@media screen and (min-width: 1260px){.stzh-heading--curve-teaser.sc-stzh-heading{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-heading-letter-spacing)}}.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-default-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}@media screen and (min-width: 900px){.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-heading-letter-spacing)}}.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing)}@media screen and (min-width: 900px){.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-hero-small-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-large-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-ultra-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-ultra-heading-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-ultra-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1home-default-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-default-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-small-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1home-small-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-small-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-medium-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1home-medium-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-medium-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-large-font-size, var(--stzh-font-exa-font-size));line-height:var(--stzh-font-curve-h1home-large-heading-line-height, var(--stzh-font-exa-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-large-heading-letter-spacing, var(--stzh-font-exa-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-ultra-font-size, var(--stzh-font-zetta-font-size));line-height:var(--stzh-font-curve-h1home-ultra-heading-line-height, var(--stzh-font-zetta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-ultra-heading-letter-spacing, var(--stzh-font-zetta-text-letter-spacing))}}.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1homesmall-default-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-default-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-small-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1homesmall-small-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-small-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-medium-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1homesmall-medium-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-medium-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-large-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1homesmall-large-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-large-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-ultra-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1homesmall-ultra-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-ultra-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}`;
 
@@ -24,7 +24,7 @@ const StzhHeading = class {
             [`stzh-heading--level-${this.level}`]: !!this.level,
             [`stzh-heading--curve-${this.curve}`]: !!this.curve,
         };
-        return (h(Host, { key: '7c0aad36429e1ab2c34f6d1ce6d31742a427d6e1' }, h(Heading, { key: 'cb3456b1aaee62248f5a0664fbede0a26e9f3a3d', class: classes }, h("slot", { key: 'f1b9406255a1ecd6bf5346a83ed6952024c85068' }), this._htmlContent && h("div", { key: '49f6648bc2b8154c0e87d37d4e5fc8203008453a', innerHTML: this._htmlContent }))));
+        return (h(Host, { key: '6fe33bca044f763f72f4b938713714391bfd1f51' }, h(Heading, { key: 'eb716b9f9c8a0b1cbc59d116e7df424d115a23ff', class: classes }, h("slot", { key: '919ebbf26937841a5396d0d8b1f7d56a268ac292' }), this._htmlContent && h("div", { key: 'ab9d7e2fd2ed037f2235d7fbf184e1d7e1d29635', innerHTML: this._htmlContent }))));
     }
     static get watchers() { return {
         "htmlContent": ["htmlContentWatcher"]

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhHomepageSearchCss = () => `.sc-stzh-homepage-search-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-homepage-search-h,[stzh-hidden].sc-stzh-homepage-search-h{display:none}.sc-stzh-homepage-search-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-search-h *.sc-stzh-homepage-search,.sc-stzh-homepage-search-h *.sc-stzh-homepage-search::before,.sc-stzh-homepage-search-h *.sc-stzh-homepage-search::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-homepage-search-h .has-focus.sc-stzh-homepage-search{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search{outline-style:none !important}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-search-h{--background-color:var(
     --stzh-homepage-search-background-color,
@@ -55,7 +55,7 @@ const StzhHomepageSearch = class {
             "stzh-homepage-search": true,
             "stzh-homepage-search--is-search-filled": this.searchFilled,
         };
-        return (h(Host, { key: 'f4157fc23e4f412d32121e853fc792791dd67b90' }, h("div", { key: '64ce72819e765915488c6f900a6aca21e382b234', class: classes }, h("div", { key: 'fb392058680115176466bc58363f1b0823bc9b84', class: "stzh-homepage-search__container" }, h("form", { key: '244efcdfc92d2ae7346d633851c8c47a2494ea23', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, h("label", { key: '1fa799f102751630fffdd1f7962621bd0e3a37cb', class: "stzh-homepage-search__search" }, h("input", { key: 'ee46583a9beb66a7be4f33d6f6d62f04d4f462bc', id: this.searchId, ref: el => (this.searchInput = el), class: "stzh-homepage-search__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput, placeholder: this.placeholder }), h("stzh-icon", { key: '11eb8cc4a6091fe83e61deb386f1fcfdfd7d0764', class: "stzh-homepage-search__search-icon", name: "search" })))))));
+        return (h(Host, { key: 'a405db73d38a839b887cda7c18c75d279ef108b5' }, h("div", { key: 'fb6a64cbf483ec6329596589738ac7831eecdf8e', class: classes }, h("div", { key: '01a778c08bf08aa16411882cd19bf8f513b3e23b', class: "stzh-homepage-search__container" }, h("form", { key: '767a079cc4d43d3a44a79a753087364db2517fee', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, h("label", { key: '95b8528024593513e79a3043b90932176caebbcc', class: "stzh-homepage-search__search" }, h("input", { key: '10085864b8d9eba3595e7a7b695cc02d9f1f7295', id: this.searchId, ref: el => (this.searchInput = el), class: "stzh-homepage-search__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput, placeholder: this.placeholder }), h("stzh-icon", { key: '64d1aeb502e185ffedb3bade1c12fc11c8e8f640', class: "stzh-homepage-search__search-icon", name: "search" })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {