@oiz/stzh-components 4.6.0-beta1 → 4.6.0-beta2

package/dist/stzh-components/p-3bc24ea1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhContactCss","StzhContactStyle0","formatTel","tel","replace","StzhContact","this","_street","_streetInfo","_numbers","_emails","_availability","availabilityWatcher","newValue","JSON","parse","numbersWatcher","jsonParseException","emailsWatcher","streetWatcher","noArrayException","streetInfoWatcher","componentWillLoad","numbers","emails","availability","street","streetInfo","render","hasImage","hasSlot","element","hasAddress","address","hasAddons","hasLinks","classes","HeadingLevel","headingLevel","AvailabilityTitleElement","availabilityTitleLevel","isPerson","type","isOrganization","h","Host","key","class","itemscope","itemtype","itemprop","heading","name","mainHeading","level","mainHeadingLevel","htmlContent","personRole","curve","cityLabel","departament","responsibilityTitle","innerHTML","responsibility","contactTitle","Fragment","length","map","postalCode","location","number","label","size","height","href","analyticsId","email","text","pobox","poboxHeading","poboxTitle","poboxPostalCode","poboxLocation","additionalInformation","availabilityTitle","item","weekday","hours","hour","index"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\" \"image image image image\"\n      \"responsibility responsibility responsibility responsibility\"\n      \"contactForm contactForm contactForm contactForm\" \"info info info info\"\n      \"availability availability availability availability\"\n      \"additional additional additional additional\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-contact-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info availability availability availability availability\"\n        \"additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &[has-availability=\"false\"] {\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\"\n          \"image image image image . . . .\"\n          \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n          \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n          \"info info info info info info info info\"\n          \"additional additional additional additional additional additional additional additional\"\n      );\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve(\"p1\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    ::slotted([slot=\"main-heading\"]) {\n      display: none;\n    }\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__main-heading-type {\n    &:not(:empty) {\n      padding-top: space(\"xsmall\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        padding-top: space(\"xsmall\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-section {\n    &:not(:empty) {\n      margin-bottom: space(\"medium\");\n      padding-top: space(\"medium\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"large\");\n        padding-top: space(\"large\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"xlarge\");\n        padding-top: space(\"xlarge\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n        padding-top: space(\"xxlarge\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-text {\n    &:not(:empty) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__role,\n  &__departament {\n    @include fontSize(\"milli\");\n    @include font(\"medium\");\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__responsibility {\n    grid-area: responsibility;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__responsibility-text {\n    &:not(:empty) {\n      padding-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        padding-bottom: space(\"small\");\n      }\n\n      @include mq($from: medium) {\n        padding-bottom: space(\"medium\");\n      }\n\n      @include mq($from: large) {\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__contact-form {\n    grid-area: contactForm;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__additional {\n    grid-area: additional;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-top: space(\"xlarge\");\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-top: space(\"xxlarge\");\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__heading,\n  &__name,\n  &__emails,\n  &__pobox,\n  &__availability-title {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__numbers {\n    white-space: nowrap;\n  }\n\n  &__number,\n  &__email {\n    display: flex;\n    align-items: center;\n    gap: space(\"xxsmall\");\n  }\n\n  &__heading,\n  &__name,\n  &__role,\n  &__departament,\n  &__availability-title {\n    @include fontCurve(\"p1\");\n    margin: 0px;\n  }\n\n  &__heading,\n  &__name.is-heading,\n  &__availability-title {\n    @include font(\"heavy\");\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space(\"xlarge\");\n    @include spaceCurve(\"gap\", \"small\");\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve(\"gap\", \"small\");\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve(\"p1\");\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: small) {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      column-gap: space(\"xsmall\");\n    }\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n\n  &__image-wrapper {\n    background-color: transparent;\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, StzhContactAvailabilityItem } from \"../../../index\";\n\nimport { hasSlot } from \"../../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot contact-form - slot for contact form\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** City label */\n  @Prop() cityLabel: string;\n\n  /** Departament */\n  @Prop() departament: string;\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string;\n\n  /** Resposibility title */\n  @Prop() responsibility: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Person role */\n  @Prop() personRole: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Contact title */\n  @Prop() contactTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n    const isPerson = this.type === \"Person\";\n    const isOrganization = this.type === \"Organization\";\n\n    return (\n      <Host has-availability={!!this.availability ? \"true\" : \"false\"}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(isOrganization && !this.heading) || (isPerson && !this.name) ? \"name\" : null}\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading ? (\n                <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading} />\n              ) : (\n                <slot name=\"main-heading\"></slot>\n              )}\n            </div>\n\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__role\">{this.personRole}</span>\n                </stzh-heading>\n              )}\n              {this.cityLabel && isOrganization && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__departament\">{this.cityLabel}</span>\n                </stzh-heading>\n              )}\n              {this.departament && isOrganization && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__departament\">{this.departament}</span>\n                </stzh-heading>\n              )}\n              {((isPerson && this.name) || (isOrganization && this.heading)) && (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && <stzh-heading level=\"3\" curve=\"h3\" htmlContent={this.name} />}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                  )}\n                </div>\n              )}\n            </div>\n            {isPerson && (\n              <div class=\"stzh-contact__image-wrapper\">\n                <div class=\"stzh-contact__image\">\n                  <slot name=\"image\"></slot>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n            {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n            {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">{this.responsibility}</stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__contact-form\">\n            <slot name=\"contact-form\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.contactTitle && (\n              <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                {this.contactTitle}\n              </AvailabilityTitleElement>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAiB,86bACvB,MAAAC,EAAeD,ECKf,SAASE,EAAUC,GACjB,OAAOA,EAAIC,QAAQ,MAAO,GAC5B,C,MAeaC,EAAW,M,yBAuCdC,KAAAC,QAAoB,GAIpBD,KAAAE,YAAwB,GAexBF,KAAAG,SAA4B,GAS5BH,KAAAI,QAA0B,GA4B1BJ,KAAAK,cAA+C,G,UA7Fb,e,iDAMQ,I,8JAkBJ,I,oLA+BF,G,YASF,G,gOAyBc,I,iEAUxD,mBAAAC,CAAoBC,GAClB,UAAWA,IAAa,SAAU,CAChCP,KAAKK,cAAgBG,KAAKC,MAAMF,E,KAC3B,CACLP,KAAKK,cAAgBE,C,EAKzB,cAAAG,CAAeH,GACb,UAAWA,IAAa,SAAU,CAChC,IACEP,KAAKG,SAAWK,KAAKC,MAAMF,E,CAC3B,MAAOI,G,MAGJ,CACLX,KAAKG,SAAWI,C,EAKpB,aAAAK,CAAcL,GACZ,UAAWA,IAAa,SAAU,CAChC,IACEP,KAAKI,QAAUI,KAAKC,MAAMF,E,CAC1B,MAAOI,G,MAGJ,CACLX,KAAKI,QAAUG,C,EAKnB,aAAAM,CAAcN,GACZ,UAAWA,IAAa,SAAU,CAChC,IACEP,KAAKC,QAAUO,KAAKC,MAAMF,E,CAC1B,MAAOO,GACPd,KAAKC,QAAU,CAACM,E,OAEb,GAAIA,EAAU,CACnBP,KAAKC,QAAUM,C,EAKnB,iBAAAQ,CAAkBR,GAChB,UAAWA,IAAa,SAAU,CAChC,IACEP,KAAKE,YAAcM,KAAKC,MAAMF,E,CAC9B,MAAOO,GACPd,KAAKE,YAAc,CAACK,E,OAEjB,GAAIA,EAAU,CACnBP,KAAKE,YAAcK,C,EAMvB,uBAAMS,GACJhB,KAAKU,eAAeV,KAAKiB,SACzBjB,KAAKY,cAAcZ,KAAKkB,QACxBlB,KAAKM,oBAAoBN,KAAKmB,cAC9BnB,KAAKa,cAAcb,KAAKoB,QACxBpB,KAAKe,kBAAkBf,KAAKqB,W,CAG9B,MAAAC,GACE,MAAMC,EAAWC,EAAQxB,KAAKyB,QAAS,SACvC,MAAMC,IAAe1B,KAAK2B,SAAWH,EAAQxB,KAAKyB,QAAS,WAC3D,MAAMG,EAAYJ,EAAQxB,KAAKyB,QAAS,UACxC,MAAMI,EAAWL,EAAQxB,KAAKyB,QAAS,SAEvC,MAAMK,EAAU,CACd,eAAgB,KAChB,0BAA2BP,EAC3B,4BAA6BG,EAC7B,2BAA4BE,EAC5B,0BAA2BC,GAG7B,MAAME,EAAe,IAAI/B,KAAKgC,eAC9B,MAAMC,EAA2B,IAAIjC,KAAKkC,yBAC1C,MAAMC,EAAWnC,KAAKoC,OAAS,SAC/B,MAAMC,EAAiBrC,KAAKoC,OAAS,eAErC,OACEE,EAACC,EAAI,CAAAC,IAAA,gEAAqBxC,KAAKmB,aAAe,OAAS,SACrDmB,EAAA,OAAAE,IAAA,2CAAKC,MAAOX,EAASY,UAAS,KAACC,SAAU,qBAAqB3C,KAAKoC,QACjEE,EAAA,OAAAE,IAAA,2CACEC,MAAM,6BACNG,SAAWP,IAAmBrC,KAAK6C,SAAaV,IAAanC,KAAK8C,KAAQ,OAAS,MAEnFR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sCACRzC,KAAK+C,YACJT,EAAA,gBAAcU,MAAOhD,KAAKiD,iBAAkBC,YAAalD,KAAK+C,cAE9DT,EAAA,QAAMQ,KAAK,kBAIfR,EAAA,OAAAE,IAAA,2CAAKC,MAAON,GAAY,mCACrBnC,KAAKmD,YAAchB,GAClBG,EAAA,gBAAAE,IAAA,2CAAcY,MAAM,KAAKJ,MAAM,KAC7BV,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBzC,KAAKmD,aAG1CnD,KAAKqD,WAAahB,GACjBC,EAAA,gBAAAE,IAAA,2CAAcY,MAAM,KAAKJ,MAAM,KAC7BV,EAAA,QAAAE,IAAA,2CAAMC,MAAM,6BAA6BzC,KAAKqD,YAGjDrD,KAAKsD,aAAejB,GACnBC,EAAA,gBAAAE,IAAA,2CAAcY,MAAM,KAAKJ,MAAM,KAC7BV,EAAA,QAAAE,IAAA,2CAAMC,MAAM,6BAA6BzC,KAAKsD,eAG/CnB,GAAYnC,KAAK8C,MAAUT,GAAkBrC,KAAK6C,UACnDP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mCACRzC,KAAK8C,MAAQX,GAAYG,EAAA,gBAAAE,IAAA,2CAAcQ,MAAM,IAAII,MAAM,KAAKF,YAAalD,KAAK8C,OAC9E9C,KAAK6C,SAAWR,GACfC,EAAA,gBAAAE,IAAA,2CAAcQ,MAAOhD,KAAKgC,aAAckB,YAAalD,KAAK6C,YAKjEV,GACCG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAMnBR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACRzC,KAAKuD,qBACJjB,EAACP,EAAY,CAAAS,IAAA,2CACXC,MAAM,wBACNG,SAAU5C,KAAKuD,oBACfC,UAAWxD,KAAKuD,sBAGnBvD,KAAKyD,gBACJnB,EAAA,aAAAE,IAAA,2CAAWC,MAAM,qCAAqCzC,KAAKyD,iBAI/DnB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BACTH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,kBAGbR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,QAAAE,IAAA,8CAGFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACRzC,KAAK0D,cACJpB,EAACL,EAAwB,CAAAO,IAAA,2CAACC,MAAM,oCAC7BzC,KAAK0D,cAIVpB,EAAA,OAAAE,IAAA,2CACEC,MAAM,wBACNG,SAAS,UACTF,UAAS,KACTC,SAAS,kCACTa,UAAWxD,KAAK2B,UAEd3B,KAAK2B,SACLW,EAACqB,EAAQ,CAAAnB,IAAA,4CACNxC,KAAKC,QAAQ2D,OAAS,GACrBtB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBAAuBG,SAAS,iBACxC5C,KAAKC,QAAQ4D,KAAKzC,GACjBkB,EAACqB,EAAQ,KACNvC,EACDkB,EAAA,cAGHtC,KAAKE,YAAY0D,OAAS,GACzBtB,EAACqB,EAAQ,CAAAnB,IAAA,4CACPF,EAAA,MAAAE,IAAA,6CAAO,IACNxC,KAAKE,YAAY2D,KAAKxC,GACrBiB,EAACqB,EAAQ,KACNtC,EACDiB,EAAA,gBAQXtC,KAAK8D,YACJxB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,4BAA4BG,SAAS,cAC9C5C,KAAK8D,WAAU,KAInB9D,KAAK+D,UACJzB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,yBAAyBG,SAAS,mBAC3C5C,KAAK+D,UAIVzB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,cAKhB9C,KAAKG,SAASyD,OAAS,GACtBtB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACRzC,KAAKG,SAAS0D,KAAIG,GACjB1B,EAAA,OAAKG,MAAM,wBACTH,EAAA,YAAO0B,EAAOC,MAAK,KACnB3B,EAAA,aACE4B,KAAK,UACLC,OAAO,OACP1B,MAAM,4BACN2B,KAAM,GAAGJ,EAAO5B,QAAQxC,EAAUoE,EAAOA,UACzCK,YAAaL,EAAOK,aAAe,GAAGL,EAAOC,SAASD,EAAOA,SAC7DpB,SAAUoB,EAAO5B,OAAS,MAAQ,YAAc,aAE/C4B,EAAOA,YAOjBhE,KAAKI,QAAQwD,OAAS,GACrBtB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACRzC,KAAKI,QAAQyD,KAAIS,GAChBhC,EAAA,OAAKG,MAAM,uBACTH,EAAA,YAAOgC,EAAML,MAAK,KACjBK,EAAMF,KACL9B,EAAA,aACE4B,KAAK,UACLC,OAAO,OACP1B,MAAM,6BACN2B,KAAM,UAAUE,EAAMF,OACtBC,YAAaC,EAAMD,aAAe,GAAGC,EAAML,SAASK,EAAMC,OAC1D3B,SAAS,SAER0B,EAAMC,MAGTjC,EAAA,QAAMG,MAAM,6BAA6BG,SAAS,SAC/C0B,EAAMC,UAQnBjC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBAAsBe,UAAWxD,KAAKwE,QAC7CxE,KAAKwE,OACLlC,EAACqB,EAAQ,CAAAnB,IAAA,4CACNxC,KAAKyE,cAAgBnC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BAA+BzC,KAAKyE,cACpEzE,KAAK0E,YAAcpC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BAA6BzC,KAAK0E,YAChE1E,KAAK2E,iBACJrC,EAAA,QAAAE,IAAA,2CAAMC,MAAM,mCAAmCzC,KAAK2E,gBAAe,KAEpE3E,KAAK4E,eAAiBtC,EAAA,QAAAE,IAAA,2CAAMC,MAAM,gCAAgCzC,KAAK4E,eACxEtC,EAAA,QAAAE,IAAA,2CAAMM,KAAK,YAKjBR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uCAAuCe,UAAWxD,KAAK6E,yBAGnE7E,KAAKmB,cACJmB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BACRzC,KAAK8E,mBACJxC,EAACL,EAAwB,CAAAO,IAAA,2CAACC,MAAM,oCAC7BzC,KAAK8E,mBAIT9E,KAAKK,cAAcuD,OAAS,GAC3BtB,EAAA,MAAAE,IAAA,2CAAIC,MAAM,mCACPzC,KAAKK,cAAcwD,KAAIkB,GACtBzC,EAAA,MAAIG,MAAM,wCACRH,EAAA,OAAKG,MAAM,sCAAsCsC,EAAKC,SACrDD,EAAKE,MAAMrB,OAAS,GACnBtB,EAAA,OAAKG,MAAM,oCACRsC,EAAKE,MAAMpB,KAAI,CAACqB,EAAMC,IACrB7C,EAACqB,EAAQ,KACPrB,EAAA,OAAKG,MAAM,mCAAmCyC,GAC7CC,EAAQJ,EAAKE,MAAMrB,OAAS,GAC3BtB,EAAA,OAAKG,MAAM,yD"}

package/dist/stzh-components/{p-ce1a02f6.entry.js → p-3d3d0515.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,h as i,a,g as s}from"./p-ef5985a3.js";const e=":host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-app-nav{background-color:var(--stzh-color-coolgrey10)}@media screen and (max-width: 899px){.stzh-app-nav{height:var(--stzh-app-nav-height)}}.stzh-app-nav__links{display:flex;flex-direction:row;justify-content:space-between;padding:var(--stzh-space-medium) var(--stzh-space-large) var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-app-nav__links{padding:0;align-items:center}}.stzh-app-nav__link,.stzh-app-nav .stzh-app-nav__link a{--text-decoration-line:none;--hover-text-decoration-line:none;color:var(--stzh-color-coolgrey90)}@media screen and (min-width: 900px){.stzh-app-nav__link,.stzh-app-nav .stzh-app-nav__link a{margin-right:var(--stzh-space-xlarge)}}.stzh-app-nav__link:last-child,.stzh-app-nav .stzh-app-nav__link a:last-child{margin-right:0}.stzh-app-nav__link:hover,.stzh-app-nav .stzh-app-nav__link a:hover{color:var(--stzh-color-primary60)}.stzh-app-nav .stzh-app-nav__link a.stzh-link--is-active,.stzh-app-nav .stzh-app-nav__link.stzh-link--is-active{text-decoration:none;color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-app-nav .stzh-app-nav__link a.stzh-link--is-active,.stzh-app-nav .stzh-app-nav__link.stzh-link--is-active{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}}.stzh-app-nav .stzh-link__inner{flex-direction:column}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__inner{flex-direction:row}}.stzh-app-nav .stzh-link__text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-weight:var(--stzh-font-weight-medium)}}.stzh-app-nav .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-app-nav .stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-top:var(--stzh-space-xxsmall);margin-left:0}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-app-nav .stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-xsmall);margin-top:0}}";const o=e;const h=class{constructor(i){t(this,i);this.stzhAppNavItemClick=n(this,"stzhAppNavItemClick",7);this.handleAppNavItemClick=(t,n)=>{this.stzhAppNavItemClick.emit({component:"stzh-app-nav",item:n,originalEvent:t})};this.localization=undefined;this.items=[];this.appNavId=undefined}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appnav")}}render(){const t={"stzh-app-nav":true};return i(a,{key:"6aca18c8040667968cc291e82469826c6427ed72"},i("nav",{key:"e3db9d373f33780b50d177f42a99aa87f31ee257",role:"navigation",class:t,"aria-label":this.localization.title,id:this.appNavId||null},i("div",{key:"056f487b031c715ecd4a1f8372c153c9bb95a297",class:"stzh-app-nav__links",role:"list"},this.items.map((t=>i("stzh-link",{class:"stzh-app-nav__link",active:t.active,role:"listitem","a11y-current":t.a11yCurrent,href:t.href,badge:t.badge,badgeType:t.badgeType,icon:t.icon,"link-id":t.id,onClick:n=>{this.handleAppNavItemClick(n,t)}},t.text))))))}get element(){return s(this)}};h.style=o;export{h as stzh_app_nav};
-//# sourceMappingURL=p-ce1a02f6.entry.js.map
+import{r as t,c as n,h as i,a,g as e}from"./p-ef5985a3.js";const s=":host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-app-nav{background-color:var(--stzh-color-coolgrey10)}@media screen and (max-width: 899px){.stzh-app-nav{height:var(--stzh-app-nav-height)}}.stzh-app-nav__links{display:flex;flex-direction:row;justify-content:space-between;padding:var(--stzh-space-medium) var(--stzh-space-large) var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-app-nav__links{padding:0;align-items:center}}.stzh-app-nav__link,.stzh-app-nav .stzh-app-nav__link a{--text-decoration-line:none;--hover-text-decoration-line:none;color:var(--stzh-color-coolgrey90)}@media screen and (min-width: 900px){.stzh-app-nav__link,.stzh-app-nav .stzh-app-nav__link a{margin-right:var(--stzh-space-xlarge)}}.stzh-app-nav__link:last-child,.stzh-app-nav .stzh-app-nav__link a:last-child{margin-right:0}.stzh-app-nav__link:hover,.stzh-app-nav .stzh-app-nav__link a:hover{color:var(--stzh-color-primary60)}.stzh-app-nav .stzh-app-nav__link a.stzh-link--is-active,.stzh-app-nav .stzh-app-nav__link.stzh-link--is-active{text-decoration:none;color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-app-nav .stzh-app-nav__link a.stzh-link--is-active,.stzh-app-nav .stzh-app-nav__link.stzh-link--is-active{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}}.stzh-app-nav .stzh-link__inner{flex-direction:column}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__inner{flex-direction:row}}.stzh-app-nav .stzh-link__text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-weight:var(--stzh-font-weight-medium)}}.stzh-app-nav .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-app-nav .stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-top:var(--stzh-space-xxsmall);margin-left:0}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-app-nav .stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-xsmall);margin-top:0}}";const o=s;const h=class{constructor(i){t(this,i);this.stzhAppNavItemClick=n(this,"stzhAppNavItemClick",7);this.handleAppNavItemClick=(t,n)=>{this.stzhAppNavItemClick.emit({component:"stzh-app-nav",item:n,originalEvent:t})};this.localization=undefined;this.items=[];this.appNavId=undefined}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appnav")}}render(){const t={"stzh-app-nav":true};return i(a,{key:"d705906dfa8fc79d2151d76ab800a6c73bbfdf4c"},i("nav",{key:"868360ba1ff91177d4087609c48d48e6ee656277",role:"navigation",class:t,"aria-label":this.localization.title,id:this.appNavId||null},i("div",{key:"6c8dfba33c021fdf7f6481584ee1c136fdadecce",class:"stzh-app-nav__links",role:"list"},this.items.map((t=>i("stzh-link",{class:"stzh-app-nav__link",active:t.active,role:"listitem","a11y-current":t.a11yCurrent,href:t.href,badge:t.badge,badgeType:t.badgeType,icon:t.icon,"link-id":t.id,onClick:n=>{this.handleAppNavItemClick(n,t)}},t.text))))))}get element(){return e(this)}};h.style=o;export{h as stzh_app_nav};
+//# sourceMappingURL=p-3d3d0515.entry.js.map

package/dist/stzh-components/{p-0422500c.entry.js → p-42a3a0df.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,g as i}from"./p-ef5985a3.js";import{StzhSocialmediastreamItemActionVariant as s}from"./index.esm.js";const o=":host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-socialmediastream-item{display:block;background-color:var(--stzh-color-grey10);text-decoration:none;color:var(--stzh-color-grey80);}.stzh-socialmediastream-item:visited{color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover{background-color:var(--stzh-color-secondary10);color:var(--stzh-color-black)}.stzh-socialmediastream-item__image{position:relative}.stzh-socialmediastream-item__ratio{--background-color:var(--image-background-color)}.stzh-socialmediastream-item__image-inner-wrapper{background-color:var(--image-background-color);position:absolute;inset:0;height:100%}.stzh-socialmediastream-item__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-socialmediastream-item__content{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__content-head{display:flex;align-items:center}.stzh-socialmediastream-item__content-head stzh-icon{--color:var(--stzh-color-primary)}.stzh-socialmediastream-item__content-title{width:100%;--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover .stzh-socialmediastream-item__content-title{--color:var(--stzh-color-black)}.stzh-socialmediastream-item__content-body{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item__content-body a{word-wrap:break-word;color:var(--stzh-link-color)}.stzh-socialmediastream-item__content-body a:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__content-body a+a{margin-left:var(--stzh-space-xxsmall)}.stzh-socialmediastream-item__content-footer{display:flex;align-items:center;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__action{text-decoration:none;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);color:var(--stzh-link-color);display:flex;align-items:center;gap:var(--stzh-space-xxsmall);line-height:1}.stzh-socialmediastream-item__action:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__action stzh-icon{--size:1rem}";const r=o;const c=class{constructor(e){t(this,e);this.init=()=>{this.itemWatcher(this.item)};this.item="";this.localization=undefined;this.dateAdapter=undefined}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}getIconName(t){switch(t.channel){case"facebook":return"facebook";case"twitter":case"x":return"twitter";case"instagram":return"instagram";case"youtube":return"youtube";default:return"warning"}}getActionIconName(t){switch(t){case s.comments:return"facebook-comment";case s.likes:return"like-hand";case s.shares:return"share"}}getParsedDate(t){const e=new Date(t);if(isNaN(e.getTime())){return null}return e}connectedCallback(){this.init()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"socialmediastream-item")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const t={"stzh-socialmediastream-item":true};return e(a,{key:"a2db53c89224f5db81b9aabcf1ee6375294d7446"},e("a",{key:"ca521339ebbbb64466275bb2ae17726607ec2178",class:t,href:this._item.link,target:"_blank"},this._item.image&&e("div",{key:"02b7ec3cc7ab92a2ecb59167f1a32721ece3405b",class:"stzh-socialmediastream-item__image"},e("stzh-ratio",{key:"66111e4bb0e6daea944f7410a692560e42238b43",ratio:"1:1"}),e("div",{key:"baa7fdba65b5a6144615c5349661708f9e3efdea",class:"stzh-socialmediastream-item__image-inner-wrapper"},e("img",{key:"029b2d40c233eca33502f3369a4d37a2587acb87",src:this._item.image,alt:this._item.account.title}))),e("div",{key:"6928ef7b63c9e7026aeecc632aa84aaf51e0826c",class:"stzh-socialmediastream-item__content"},e("div",{key:"7100f1db4726db79982da3c801dec9a77817c0eb",class:"stzh-socialmediastream-item__content-head"},e("stzh-text",{key:"1bc8ad7d81fb8ad0fbdecd2a28190f695121d485",size:"nano",class:"stzh-socialmediastream-item__content-title"},e("strong",{key:"e11d2ea1c02376b23c9badc5858b246fcd3235b9"},this._item.account.title),e("br",{key:"5e527a82280db5b1890836f26b04aa3439376759"}),this.dateAdapter.format(this.getParsedDate(this._item.date),"dateInput")),e("stzh-icon",{key:"1774cda6ba51958bec13cd4ba724cd513ebebc32",name:this.getIconName(this._item)})),e("div",{key:"f7900847ad81fa65f625de40e839adf32433403b",class:"stzh-socialmediastream-item__content-body",innerHTML:this._item.text}),e("div",{key:"730c56fcf7d1bfac01dd18567c15021de211d77e",class:"stzh-socialmediastream-item__content-footer 1q23"},this._item.actions&&this._item.actions.map((t=>e("a",{href:t.url,title:t.title,class:"stzh-socialmediastream-item__action",target:"_blank"},e("stzh-icon",{name:this.getActionIconName(t.variant)}),t.count)))))))}get element(){return i(this)}static get watchers(){return{item:["itemWatcher"]}}};c.style=r;export{c as stzh_socialmediastream_item};
-//# sourceMappingURL=p-0422500c.entry.js.map
+import{r as t,h as e,a,g as i}from"./p-ef5985a3.js";import{StzhSocialmediastreamItemActionVariant as s}from"./index.esm.js";const o=":host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-socialmediastream-item{display:block;background-color:var(--stzh-color-grey10);text-decoration:none;color:var(--stzh-color-grey80);}.stzh-socialmediastream-item:visited{color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover{background-color:var(--stzh-color-secondary10);color:var(--stzh-color-black)}.stzh-socialmediastream-item__image{position:relative}.stzh-socialmediastream-item__ratio{--background-color:var(--image-background-color)}.stzh-socialmediastream-item__image-inner-wrapper{background-color:var(--image-background-color);position:absolute;inset:0;height:100%}.stzh-socialmediastream-item__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-socialmediastream-item__content{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__content-head{display:flex;align-items:center}.stzh-socialmediastream-item__content-head stzh-icon{--color:var(--stzh-color-primary)}.stzh-socialmediastream-item__content-title{width:100%;--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover .stzh-socialmediastream-item__content-title{--color:var(--stzh-color-black)}.stzh-socialmediastream-item__content-body{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item__content-body a{word-wrap:break-word;color:var(--stzh-link-color)}.stzh-socialmediastream-item__content-body a:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__content-body a+a{margin-left:var(--stzh-space-xxsmall)}.stzh-socialmediastream-item__content-footer{display:flex;align-items:center;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__action{text-decoration:none;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);color:var(--stzh-link-color);display:flex;align-items:center;gap:var(--stzh-space-xxsmall);line-height:1}.stzh-socialmediastream-item__action:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__action stzh-icon{--size:1rem}";const r=o;const c=class{constructor(e){t(this,e);this.init=()=>{this.itemWatcher(this.item)};this.item="";this.localization=undefined;this.dateAdapter=undefined}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}getIconName(t){switch(t.channel){case"facebook":return"facebook";case"twitter":case"x":return"twitter";case"instagram":return"instagram";case"youtube":return"youtube";default:return"warning"}}getActionIconName(t){switch(t){case s.comments:return"facebook-comment";case s.likes:return"like-hand";case s.shares:return"share"}}getParsedDate(t){const e=new Date(t);if(isNaN(e.getTime())){return null}return e}connectedCallback(){this.init()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"socialmediastream-item")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const t={"stzh-socialmediastream-item":true};return e(a,{key:"451ffb4531182b23e3fdc6c0c784431b913907b5"},e("a",{key:"d44e214ac6a78e5f692ce6ad08638c8b5acd7c9d",class:t,href:this._item.link,target:"_blank"},this._item.image&&e("div",{key:"6155711535ac95e0191089033e4049ff13019bf0",class:"stzh-socialmediastream-item__image"},e("stzh-ratio",{key:"500fc5fb9824e7f304e0f54eda0b82a81fbf4ed9",ratio:"1:1"}),e("div",{key:"0aa89a95f31dad77eee8fb87a6a6b64749f0a1cd",class:"stzh-socialmediastream-item__image-inner-wrapper"},e("img",{key:"c358e286c315bb7eb083acfc67a983b4fdbf1f9e",src:this._item.image,alt:this._item.account.title}))),e("div",{key:"a71b06f04bf6e6df8f41a15438a16195473b3228",class:"stzh-socialmediastream-item__content"},e("div",{key:"bc4e20c47f08d1fe010d43882d268dff1adb3643",class:"stzh-socialmediastream-item__content-head"},e("stzh-text",{key:"fc2f2d52cb3dc36ae35b028c624c418564a09aae",size:"nano",class:"stzh-socialmediastream-item__content-title"},e("strong",{key:"30066db3b5ca863902140a7829e0b6bb1d4b1b14"},this._item.account.title),e("br",{key:"cd515f69421007de450ed88dffe7c4ba92ca5889"}),this.dateAdapter.format(this.getParsedDate(this._item.date),"dateInput")),e("stzh-icon",{key:"50e23b1d0d1073e37e7b1c71fe073a5951516820",name:this.getIconName(this._item)})),e("div",{key:"0ff6ecf0e3fe75cc0f0b6d549b51480029d84784",class:"stzh-socialmediastream-item__content-body",innerHTML:this._item.text}),e("div",{key:"c862b9ebf610d71241ca80439df051bcd917da54",class:"stzh-socialmediastream-item__content-footer 1q23"},this._item.actions&&this._item.actions.map((t=>e("a",{href:t.url,title:t.title,class:"stzh-socialmediastream-item__action",target:"_blank"},e("stzh-icon",{name:this.getActionIconName(t.variant)}),t.count)))))))}get element(){return i(this)}static get watchers(){return{item:["itemWatcher"]}}};c.style=r;export{c as stzh_socialmediastream_item};
+//# sourceMappingURL=p-42a3a0df.entry.js.map

package/dist/stzh-components/{p-a58b97fc.entry.js → p-450c13f2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as s,a as e,g as i}from"./p-ef5985a3.js";import{o as r,f as h,s as p,a,c as n,b as c,A as d}from"./p-995d3227.js";import{c as l}from"./p-f48422c4.js";import{i as v}from"./p-87c329f2.js";import{m as z,a as f,r as m}from"./p-f4adb3cd.js";import{w as b}from"./p-70ec7e79.js";import{s as u,a as g}from"./p-2c0bec3e.js";import"./p-dae15605.js";const _=".sc-stzh-popover-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-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::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-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(--stzh-popover-background, var(--stzh-popover-background-color));--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}";const w=_;const y=200;const x=300;const k=100;const j=200;function $(){const t=z("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?k:y,easing:"linear"}}}function O(){const t=z("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?j:x,easing:"linear"}}}function C(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?k:y,easing:"linear"}}}function Y(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?j:x,easing:"linear"}}}const A={ESC:27};const D="stzh-popover-open";let F=0;const P=class{constructor(s){t(this,s);this.stzhOpen=o(this,"stzhOpen",7);this.stzhOpened=o(this,"stzhOpened",7);this.stzhClose=o(this,"stzhClose",7);this.stzhClosed=o(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&t==="1"&&this.hasStzhHeaderParent;if(this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}};this.handleKeydown=t=>{if(t.keyCode===A.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(z("small").matches){const t=[r({mainAxis:this.distance,crossAxis:this.skidding}),h({padding:5}),p({padding:5})];if(this.variant==="tooltip"){t.push(a({element:this.arrowElement,padding:5}))}const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:c}=await n(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${c.arrow.x}px`:"",top:s!=null?`${c.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const s=o.pageX-this.initialTouchX;const e=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(e)>=i&&Math.abs(s)<=i;if(r){const o=t.target.closest(".stzh-dropdown")!==null;if(!o){this.hide()}}this.initialTouchY=null;this.initialTouchX=null};this.init=()=>{var t;let o=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!o){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));o=t}if(o){this.triggerFirstElement=o;o.addEventListener("click",this.onClickTrigger)}};this.initializedPopover=false;this.open=false;this.placement="bottom";this.fullwidth="";this.variant="default";this.size="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined;this.isHeaderStuckAndViewportMicro=undefined;this.isBranchedOutToBody=undefined;this.hasStzhHeaderParent=undefined}async show(){if(this.open){return}this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchOutToBody()}this.toggledByMethod=true;this.open=true;return b(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;await b(this.element,"stzhClosed");this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}return true}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=$();const o=C();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=O();const o=Y();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]);await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?12:8}}setStzhHeaderParent(){let t=this.element.parentElement;while(t){if(t.tagName&&t.tagName.toLowerCase()==="stzh-header"){return true}t=t.parentElement}return false}getChildIndex(t){let o=t.parentNode;let s=Array.prototype.indexOf.call(o.children,t);return s}insertElementAtIndex(t,o,s){let e=t.children[s];if(e){t.insertBefore(o,e)}else{t.appendChild(o)}}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element);document.body.append(this.element);this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout);this.isBranchedOutToBody=true}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout);this.rootElement.prepend(this.triggerElement);this.isBranchedOutToBody=false}async componentWillLoad(){this.id=`stzh-popover-${F++}`;this.initialParentNode=this.element.parentNode;this.hasStzhHeaderParent=this.setStzhHeaderParent();this.distanceWatcher(this.distance);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover")}}popoverShown(){document.body.classList.add(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}}popoverHidden(){document.body.classList.remove(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}}componentDidRender(){this.mediaChangeHandler();const t=v(this.triggerFirstElement);if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}componentDidUpdate(){if(this.open&&!this.initializedPopover){this.initializeAutoUpdate();this.initializeFocusTrap();this.popoverShown();this.initializedPopover=true}if(this.initializedPopover){if(this.open){this.popoverShown()}else{this.popoverHidden()}this.computePosition();if(this.trap){this.trap.updateContainerElements(this.dialogElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=c(this.triggerFirstElement,this.dialogElement,this.computePosition)}initializeFocusTrap(){this.trap=l(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open;this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){f(this.mediaChangeHandler);this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){m(this.mediaChangeHandler);if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant};return s(e,{key:"0d03d86b938159bd6957cccf64e8024e35f1ea8c"},s("div",{key:"8c26bc71ec55405e345805eb765969969fa47eb2",class:t,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},s("div",{key:"2c957363682656442de2699305e6afb806571741",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",{key:"db99eabc011884b33d4a4cc99a1ad789ce891fe1"})),s("div",{key:"aaf4676146ef81531ffd46a0f6d962f01dfaed13",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{key:"67079817f493d3dfc837022d8fb38ee2fd09cb43",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{key:"edc9522d20c6799f079027d5aee67059f938eb44",class:"stzh-popover__backdrop"}),s("div",{key:"c697551a708d1e051163a1e54669c74c5edf7762",ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{key:"f9b52c577aa5e32a5e740a7e93573aacf2241911",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&s("div",{key:"4916f5fe308b219817db7bb55b6891563bf0cb49",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:d}),s("div",{key:"cb007218fde98b2d6bfb46d973d8270b4c4f009b",class:"stzh-popover__content-inner"},s("div",{key:"4dbdd6d0fe1a1ca925801acb85decd9dd84beca3",class:"stzh-popover__label-wrapper"},s("h2",{key:"1363e6d92e66d9cec5e9f6185b2b0311e03ed6d7",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{key:"da892cbb69a413e38d23e9d12b67d3409a2b038c",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"2263f7539ad5708fdec4553dc6be19c8101f14a9",name:"close",class:"stzh-popover__icon"}),s("span",{key:"2048b82320d73b09d5018e7838da90c4d57b8bfe",class:"stzh-popover__vhidden"},this.localization.close))),s("div",{key:"11b9d82d69767be653c9cbf26ef56d83ed7989e0",class:"stzh-popover__content-slot-wrapper"},s("div",{key:"2a4956fe68ce46d11eef3b86df0d150a8c3d0455",class:"stzh-popover__content-slot"},s("slot",{key:"6c020f92c68492df3d3841180bc99693e06082a8",name:"content"})),s("div",{key:"82a4dd34d008efd30bde12f26d07b2c1dc09a775",class:"stzh-popover__action-slot"},s("slot",{key:"536cb7e90448fcd38d833178c73af0725d9cb728",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};P.style=w;export{P as stzh_popover};
-//# sourceMappingURL=p-a58b97fc.entry.js.map
+import{r as t,c as o,h as e,a as s,g as i}from"./p-ef5985a3.js";import{o as r,f as h,s as p,a,c as n,b as c,A as l}from"./p-995d3227.js";import{c as d}from"./p-f48422c4.js";import{i as v}from"./p-87c329f2.js";import{m as z,a as f,r as m}from"./p-f4adb3cd.js";import{w as b}from"./p-70ec7e79.js";import{s as u,a as g}from"./p-2c0bec3e.js";import"./p-dae15605.js";const _=".sc-stzh-popover-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-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::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-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(--stzh-popover-background, var(--stzh-popover-background-color));--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}";const w=_;const y=200;const x=300;const k=100;const j=200;function $(){const t=z("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?k:y,easing:"linear"}}}function O(){const t=z("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?j:x,easing:"linear"}}}function C(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?k:y,easing:"linear"}}}function Y(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?j:x,easing:"linear"}}}const A={ESC:27};const D="stzh-popover-open";let F=0;const P=class{constructor(e){t(this,e);this.stzhOpen=o(this,"stzhOpen",7);this.stzhOpened=o(this,"stzhOpened",7);this.stzhClose=o(this,"stzhClose",7);this.stzhClosed=o(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&t==="1"&&this.hasStzhHeaderParent;if(this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}};this.handleKeydown=t=>{if(t.keyCode===A.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(z("small").matches){const t=[r({mainAxis:this.distance,crossAxis:this.skidding}),h({padding:5}),p({padding:5})];if(this.variant==="tooltip"){t.push(a({element:this.arrowElement,padding:5}))}const{x:o=0,y:e=0,strategy:s="absolute",placement:i,middlewareData:c}=await n(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:s,left:`${o}px`,top:`${e}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${c.arrow.x}px`:"",top:e!=null?`${c.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const e=o.pageX-this.initialTouchX;const s=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(s)>=i&&Math.abs(e)<=i;if(r){const o=t.target.closest(".stzh-dropdown")!==null;if(!o){this.hide()}}this.initialTouchY=null;this.initialTouchX=null};this.init=()=>{var t;let o=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!o){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));o=t}if(o){this.triggerFirstElement=o;o.addEventListener("click",this.onClickTrigger)}};this.initializedPopover=false;this.open=false;this.placement="bottom";this.fullwidth="";this.variant="default";this.size="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined;this.isHeaderStuckAndViewportMicro=undefined;this.isBranchedOutToBody=undefined;this.hasStzhHeaderParent=undefined}async show(){if(this.open){return}this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchOutToBody()}this.toggledByMethod=true;this.open=true;return b(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;await b(this.element,"stzhClosed");this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}return true}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const e=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!e){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=$();const o=C();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=O();const o=Y();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]);await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?12:8}}setStzhHeaderParent(){let t=this.element.parentElement;while(t){if(t.tagName&&t.tagName.toLowerCase()==="stzh-header"){return true}t=t.parentElement}return false}getChildIndex(t){let o=t.parentNode;let e=Array.prototype.indexOf.call(o.children,t);return e}insertElementAtIndex(t,o,e){let s=t.children[e];if(s){t.insertBefore(o,s)}else{t.appendChild(o)}}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element);document.body.append(this.element);this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout);this.isBranchedOutToBody=true}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout);this.rootElement.prepend(this.triggerElement);this.isBranchedOutToBody=false}async componentWillLoad(){this.id=`stzh-popover-${F++}`;this.initialParentNode=this.element.parentNode;this.hasStzhHeaderParent=this.setStzhHeaderParent();this.distanceWatcher(this.distance);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover")}}popoverShown(){document.body.classList.add(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}}popoverHidden(){document.body.classList.remove(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}}componentDidRender(){this.mediaChangeHandler();const t=v(this.triggerFirstElement);if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}componentDidUpdate(){if(this.open&&!this.initializedPopover){this.initializeAutoUpdate();this.initializeFocusTrap();this.popoverShown();this.initializedPopover=true}if(this.initializedPopover){if(this.open){this.popoverShown()}else{this.popoverHidden()}this.computePosition();if(this.trap){this.trap.updateContainerElements(this.dialogElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=c(this.triggerFirstElement,this.dialogElement,this.computePosition)}initializeFocusTrap(){this.trap=d(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open;this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){f(this.mediaChangeHandler);this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){m(this.mediaChangeHandler);if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant};return e(s,{key:"bf3c5de1c81eccc1bd6f1e81e9a67ee0891a0b03"},e("div",{key:"06092b05e48cec76046f766606e1f08704c49236",class:t,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},e("div",{key:"ce0ffbb1cdc5774cf7de0e04acd2e58c47e5b9fc",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},e("slot",{key:"72a94a7dbe0b4e53b6e864126c58c0156d46260f"})),e("div",{key:"2bb2064eece8ff755e6cb2f4422216ea124bba37",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},this.localization.open),e("div",{key:"82c662cc99fb2384b00471c42bbdfe417338d18f",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},e("div",{key:"d5d98e1898556aa1720621fe542e729a881fbc6c",class:"stzh-popover__backdrop"}),e("div",{key:"5d54141fe5e2351887950918bedee2c5ef009a5d",ref:t=>this.contentElement=t,class:"stzh-popover__content"},e("div",{key:"b8d9b843594c0dea8d45107b6dff11b6887f2ef8",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&e("div",{key:"e46cb59be6d5122fa2a2e4e18e6697dc80075ea4",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:l}),e("div",{key:"5da30671a79bbacd5ea0dff7dc870cb693d5f9d1",class:"stzh-popover__content-inner"},e("div",{key:"531e5bb05101cea561c650222b63ce1d477fe4dc",class:"stzh-popover__label-wrapper"},e("h2",{key:"7ebebe503d3a54acc111a4b53e1488a647fbe089",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:e("slot",{name:"label"})),e("button",{key:"e6359280b3ec0db2ded553afbabd065585df2a6c",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},e("stzh-icon",{key:"96a8a6a6aaf9383c199ebe6f7d64f721254d7079",name:"close",class:"stzh-popover__icon"}),e("span",{key:"aaa0a607d1d2218649a142cae60125a087cfefb5",class:"stzh-popover__vhidden"},this.localization.close))),e("div",{key:"9e89c6d575ea79aef3091066666bb2ca3b40214e",class:"stzh-popover__content-slot-wrapper"},e("div",{key:"c233e13702edf21072bc4ff0b3c57006f763c625",class:"stzh-popover__content-slot"},e("slot",{key:"53236913f351a7e063a314ee3ac0e741abdfdfff",name:"content"})),e("div",{key:"26af36c6173b54f3f8b2b00f96c257118010cac4",class:"stzh-popover__action-slot"},e("slot",{key:"19f8eb1a7ccddb2306369cfd8eaeb55119f5dd1c",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};P.style=w;export{P as stzh_popover};
+//# sourceMappingURL=p-450c13f2.entry.js.map

package/dist/stzh-components/{p-b77def39.entry.js → p-4539e17f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as s,g as r}from"./p-ef5985a3.js";import{s as d,h as a}from"./p-87c329f2.js";import"./p-dae15605.js";const i='@charset "UTF-8";.sc-stzh-feedreader-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-feedreader-item-h,[stzh-hidden].sc-stzh-feedreader-item-h{display:none}.sc-stzh-feedreader-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::before,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-feedreader-item-h .has-focus.sc-stzh-feedreader-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item{outline-style:none !important}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item::-moz-focus-inner{border:0 !important}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] *,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] *{color:var(--stzh-color-black);--color:var(--stzh-color-black)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] .subtitle,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] .subtitle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin-bottom:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul{margin:0;list-style-type:none;padding-inline-start:0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li{text-indent:-0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li:before,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li:before{content:"–";text-indent:-0.3125rem;padding-right:0.75rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{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)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{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)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] strong,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table{border-spacing:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table td,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table td{padding-right:var(--stzh-space-small);padding-bottom:var(--stzh-space-small);vertical-align:top}.sc-stzh-feedreader-item-h[variant=warning].sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h[variant=warning] .sc-stzh-feedreader-item-s>[slot=heading]{--color:var(--stzh-color-warning90)}.stzh-feedreader-item.sc-stzh-feedreader-item{display:block;transition:background-color 0.2s ease;height:100%;padding-top:var(--stzh-space-large);padding-left:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-medium);display:flex;flex-direction:row;gap:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{gap:var(--stzh-space-medium)}}.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--color:var(--stzh-color-warning70)}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--size:1.75rem}}@media screen and (min-width: 900px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-feedreader-item--info.sc-stzh-feedreader-item{background-color:var(--stzh-color-grey10)}.stzh-feedreader-item--warning.sc-stzh-feedreader-item{background-color:var(--stzh-color-warning20)}.stzh-feedreader-item--has-link.sc-stzh-feedreader-item{text-decoration:none}.stzh-feedreader-item--has-link.stzh-feedreader-item--info.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-grey20)}.stzh-feedreader-item--has-link.stzh-feedreader-item--warning.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-warning30)}';const h=i;const n=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');if(e){d(e,{curve:"h3",level:"3"})}};this.link="";this.target="_blank";this.variant="info"}async connectedCallback(){this.init()}renderInner(){const e=a(this.element,"heading");const s=a(this.element,"description");const r=a(this.element,"content");return t("div",{class:"stzh-feedreader-item__container"},t("div",{class:"stzh-feedreader-item__header"},this.variant==="warning"&&t("stzh-icon",{class:"stzh-feedreader-item__header-icon",name:"important-warning-filled"}),t("div",{class:"stzh-feedreader-item__header-text"},e&&t("slot",{name:"heading"}),s&&t("slot",{name:"description"}))),r&&t("div",{class:"stzh-feedreader-item__content"},t("slot",{name:"content"})))}render(){const e={"stzh-feedreader-item":true,"stzh-feedreader-item--has-link":!!this.link,[`stzh-feedreader-item--${this.variant}`]:true};return t(s,{key:"487f0f2871d41c8fbde3ad1a6b39ac1f6526cd25",variant:this.variant},!!this.link?t("a",{class:e,href:this.link,target:this.target},this.renderInner()):t("div",{class:e},this.renderInner()))}get element(){return r(this)}};n.style=h;export{n as stzh_feedreader_item};
-//# sourceMappingURL=p-b77def39.entry.js.map
+import{r as e,h as t,a as s,g as r}from"./p-ef5985a3.js";import{s as d,h as a}from"./p-87c329f2.js";import"./p-dae15605.js";const i='@charset "UTF-8";.sc-stzh-feedreader-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-feedreader-item-h,[stzh-hidden].sc-stzh-feedreader-item-h{display:none}.sc-stzh-feedreader-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::before,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-feedreader-item-h .has-focus.sc-stzh-feedreader-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item{outline-style:none !important}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item::-moz-focus-inner{border:0 !important}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] *,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] *{color:var(--stzh-color-black);--color:var(--stzh-color-black)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] .subtitle,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] .subtitle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin-bottom:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul{margin:0;list-style-type:none;padding-inline-start:0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li{text-indent:-0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li:before,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li:before{content:"–";text-indent:-0.3125rem;padding-right:0.75rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{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)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{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)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] strong,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table{border-spacing:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table td,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table td{padding-right:var(--stzh-space-small);padding-bottom:var(--stzh-space-small);vertical-align:top}.sc-stzh-feedreader-item-h[variant=warning].sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h[variant=warning] .sc-stzh-feedreader-item-s>[slot=heading]{--color:var(--stzh-color-warning90)}.stzh-feedreader-item.sc-stzh-feedreader-item{display:block;transition:background-color 0.2s ease;height:100%;padding-top:var(--stzh-space-large);padding-left:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-medium);display:flex;flex-direction:row;gap:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{gap:var(--stzh-space-medium)}}.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--color:var(--stzh-color-warning70)}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--size:1.75rem}}@media screen and (min-width: 900px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-feedreader-item--info.sc-stzh-feedreader-item{background-color:var(--stzh-color-grey10)}.stzh-feedreader-item--warning.sc-stzh-feedreader-item{background-color:var(--stzh-color-warning20)}.stzh-feedreader-item--has-link.sc-stzh-feedreader-item{text-decoration:none}.stzh-feedreader-item--has-link.stzh-feedreader-item--info.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-grey20)}.stzh-feedreader-item--has-link.stzh-feedreader-item--warning.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-warning30)}';const h=i;const n=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');if(e){d(e,{curve:"h3",level:"3"})}};this.link="";this.target="_blank";this.variant="info"}async connectedCallback(){this.init()}renderInner(){const e=a(this.element,"heading");const s=a(this.element,"description");const r=a(this.element,"content");return t("div",{class:"stzh-feedreader-item__container"},t("div",{class:"stzh-feedreader-item__header"},this.variant==="warning"&&t("stzh-icon",{class:"stzh-feedreader-item__header-icon",name:"important-warning-filled"}),t("div",{class:"stzh-feedreader-item__header-text"},e&&t("slot",{name:"heading"}),s&&t("slot",{name:"description"}))),r&&t("div",{class:"stzh-feedreader-item__content"},t("slot",{name:"content"})))}render(){const e={"stzh-feedreader-item":true,"stzh-feedreader-item--has-link":!!this.link,[`stzh-feedreader-item--${this.variant}`]:true};return t(s,{key:"cca09872dd7266d787923616973495d736ac90eb",variant:this.variant},!!this.link?t("a",{class:e,href:this.link,target:this.target},this.renderInner()):t("div",{class:e},this.renderInner()))}get element(){return r(this)}};n.style=h;export{n as stzh_feedreader_item};
+//# sourceMappingURL=p-4539e17f.entry.js.map

package/dist/stzh-components/{p-7499bdb7.entry.js → p-46dcce84.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as s,a}from"./p-ef5985a3.js";const t=":host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--v-space:var(--stzh-space-default);--v-around-top:0;--v-around-bottom:0;--v-around:0;display:flex;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}:host ::slotted(*){max-width:100%;padding-top:calc(var(--v-space) * var(--v-around-top));padding-bottom:calc(var(--v-space) * var(--v-around-bottom));margin:0}:host ::slotted(*:not(:last-child)){margin-bottom:calc(var(--v-space) * (1 - var(--v-around)))}:host ::slotted(stzh-show){--show-display:block}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){align-self:stretch;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--v-around-top:1;--v-around-bottom:1;--v-around:1}:host(:empty){height:var(--v-space)}:host([around-top]:not([around-top=false])){--v-around-top:1;--v-around:1}:host([around-bottom]:not([around-bottom=false])){--v-around-bottom:1;--v-around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--v-space:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){:host([curve=tiny]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--v-space:var(--stzh-space-small)}}:host([curve=small]){--v-space:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([curve=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([curve=small]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--v-space:var(--stzh-space-xlarge)}}:host([curve=intermediary]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 900px){:host([curve=intermediary]){--v-space:var(--stzh-space-large)}}:host([curve=regular]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=regular]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=regular]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=regular]){--v-space:var(--stzh-space-xxlarge)}}:host([curve=medium]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=medium]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=medium]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([curve=large]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([curve=big]){--v-space:var(--stzh-space-xbig)}}:host([curve=huge]){--v-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=huge]){--v-space:var(--stzh-space-huge)}}:host([curve=section-inner]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=section-inner]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=background-section-inner]){--v-space:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=background-section-outer]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xxlarge)}}:host([size=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--v-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--v-space:var(--stzh-space-xsmall)}:host([size=small]){--v-space:var(--stzh-space-small)}:host([size=medium]){--v-space:var(--stzh-space-medium)}:host([size=large]){--v-space:var(--stzh-space-large)}:host([size=xlarge]){--v-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--v-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--v-space:var(--stzh-space-big)}:host([size=xbig]){--v-space:var(--stzh-space-xbig)}:host([size=huge]){--v-space:var(--stzh-space-huge)}:host([size=xhuge]){--v-space:var(--stzh-space-xhuge)}:host([size=none]){--v-space:var(--stzh-space-none)}:host([size=default]){--v-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 900px){:host([size-medium=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){:host([size-medium=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([size-medium=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 900px){:host([size-medium=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([size-medium=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([size-medium=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 900px){:host([size-medium=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 900px){:host([size-medium=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 900px){:host([size-medium=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 900px){:host([size-medium=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1600px){:host([size-ultra=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){:host([size-ultra=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1600px){:host([size-ultra=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1600px){:host([size-ultra=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1600px){:host([size-ultra=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1600px){:host([size-ultra=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1600px){:host([size-ultra=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1600px){:host([size-ultra=default]){--v-space:var(--stzh-space-default)}}.stzh-vspace{flex-grow:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;margin:0;}.stzh-vspace--border-top{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--justify-center{justify-content:center}.stzh-vspace--justify-end{justify-content:flex-end}.stzh-vspace--justify-between{justify-content:space-between}.stzh-vspace--justify-around{justify-content:space-around}.stzh-vspace--justify-evenly{justify-content:space-evenly}.stzh-vspace--items-end{align-items:flex-end}.stzh-vspace--items-center{align-items:center}.stzh-vspace--items-baseline{align-items:baseline}.stzh-vspace--items-stretch{align-items:stretch}";const i=t;const r=class{constructor(s){e(this,s);this.curve="none";this.size=undefined;this.sizeSmall=undefined;this.sizeMedium=undefined;this.sizeLarge=undefined;this.sizeUltra=undefined;this.justify="start";this.items="start";this.around=false;this.aroundTop=false;this.aroundBottom=false;this.border="none"}render(){return s(a,{key:"2f975b0a16cda55cee23a6c8c7ce1e1aee9e2fd2"},s("div",{key:"4ec84777fc1eed233ce63969a78a87e8097c5f92",class:{"stzh-vspace":true,[`stzh-vspace--justify-${this.justify}`]:!!this.justify,[`stzh-vspace--items-${this.items}`]:!!this.items}},s("slot",{key:"adf37f4cc7c558e867c030f01b9e8513c92ac3fb"})))}};r.style=i;export{r as stzh_vspace};
-//# sourceMappingURL=p-7499bdb7.entry.js.map
+import{r as e,h as s,a}from"./p-ef5985a3.js";const t=":host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--v-space:var(--stzh-space-default);--v-around-top:0;--v-around-bottom:0;--v-around:0;display:flex;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}:host ::slotted(*){max-width:100%;padding-top:calc(var(--v-space) * var(--v-around-top));padding-bottom:calc(var(--v-space) * var(--v-around-bottom));margin:0}:host ::slotted(*:not(:last-child)){margin-bottom:calc(var(--v-space) * (1 - var(--v-around)))}:host ::slotted(stzh-show){--show-display:block}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){align-self:stretch;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--v-around-top:1;--v-around-bottom:1;--v-around:1}:host(:empty){height:var(--v-space)}:host([around-top]:not([around-top=false])){--v-around-top:1;--v-around:1}:host([around-bottom]:not([around-bottom=false])){--v-around-bottom:1;--v-around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--v-space:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){:host([curve=tiny]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--v-space:var(--stzh-space-small)}}:host([curve=small]){--v-space:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([curve=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([curve=small]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--v-space:var(--stzh-space-xlarge)}}:host([curve=intermediary]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 900px){:host([curve=intermediary]){--v-space:var(--stzh-space-large)}}:host([curve=regular]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=regular]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=regular]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=regular]){--v-space:var(--stzh-space-xxlarge)}}:host([curve=medium]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=medium]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=medium]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([curve=large]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([curve=big]){--v-space:var(--stzh-space-xbig)}}:host([curve=huge]){--v-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=huge]){--v-space:var(--stzh-space-huge)}}:host([curve=section-inner]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=section-inner]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=background-section-inner]){--v-space:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=background-section-outer]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xxlarge)}}:host([size=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--v-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--v-space:var(--stzh-space-xsmall)}:host([size=small]){--v-space:var(--stzh-space-small)}:host([size=medium]){--v-space:var(--stzh-space-medium)}:host([size=large]){--v-space:var(--stzh-space-large)}:host([size=xlarge]){--v-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--v-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--v-space:var(--stzh-space-big)}:host([size=xbig]){--v-space:var(--stzh-space-xbig)}:host([size=huge]){--v-space:var(--stzh-space-huge)}:host([size=xhuge]){--v-space:var(--stzh-space-xhuge)}:host([size=none]){--v-space:var(--stzh-space-none)}:host([size=default]){--v-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 900px){:host([size-medium=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){:host([size-medium=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([size-medium=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 900px){:host([size-medium=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([size-medium=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([size-medium=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 900px){:host([size-medium=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 900px){:host([size-medium=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 900px){:host([size-medium=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 900px){:host([size-medium=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1600px){:host([size-ultra=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){:host([size-ultra=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1600px){:host([size-ultra=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1600px){:host([size-ultra=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1600px){:host([size-ultra=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1600px){:host([size-ultra=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1600px){:host([size-ultra=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1600px){:host([size-ultra=default]){--v-space:var(--stzh-space-default)}}.stzh-vspace{flex-grow:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;margin:0;}.stzh-vspace--border-top{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--justify-center{justify-content:center}.stzh-vspace--justify-end{justify-content:flex-end}.stzh-vspace--justify-between{justify-content:space-between}.stzh-vspace--justify-around{justify-content:space-around}.stzh-vspace--justify-evenly{justify-content:space-evenly}.stzh-vspace--items-end{align-items:flex-end}.stzh-vspace--items-center{align-items:center}.stzh-vspace--items-baseline{align-items:baseline}.stzh-vspace--items-stretch{align-items:stretch}";const i=t;const r=class{constructor(s){e(this,s);this.curve="none";this.size=undefined;this.sizeSmall=undefined;this.sizeMedium=undefined;this.sizeLarge=undefined;this.sizeUltra=undefined;this.justify="start";this.items="start";this.around=false;this.aroundTop=false;this.aroundBottom=false;this.border="none"}render(){return s(a,{key:"97699c9a8cad84523b4d48d59bab07674aa6bf96"},s("div",{key:"75878d6ea1746371a724a800451a18557a6f9b86",class:{"stzh-vspace":true,[`stzh-vspace--justify-${this.justify}`]:!!this.justify,[`stzh-vspace--items-${this.items}`]:!!this.items}},s("slot",{key:"0fb66f214df58eff40112c02f9faae21ca8d170e"})))}};r.style=i;export{r as stzh_vspace};
+//# sourceMappingURL=p-46dcce84.entry.js.map

package/dist/stzh-components/{p-a74ed640.entry.js → p-46e5f084.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as i,h as t,a as e,g as n}from"./p-ef5985a3.js";const o=".sc-stzh-skiplink-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-skiplink-h,[stzh-hidden].sc-stzh-skiplink-h{display:none}.sc-stzh-skiplink-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-skiplink-h *.sc-stzh-skiplink,.sc-stzh-skiplink-h *.sc-stzh-skiplink::before,.sc-stzh-skiplink-h *.sc-stzh-skiplink::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-skiplink-h .has-focus.sc-stzh-skiplink{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink{outline-style:none !important}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink::-moz-focus-inner{border:0 !important}.sc-stzh-skiplink-h:not([focused]){padding:0 !important;margin:0 !important}.stzh-skiplink.sc-stzh-skiplink{display:inline-block;right:0;top:0;white-space:nowrap;padding:var(--stzh-space-large) var(--stzh-space-xxlarge);border:solid 0.0625rem var(--stzh-color-grey50);border-radius:0.125rem;background:var(--stzh-color-white);color:var(--stzh-color-primary);transition:color var(--stzh-base-transition-animation-speed);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-skiplink.sc-stzh-skiplink:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-skiplink.sc-stzh-skiplink:hover{color:var(--stzh-color-primary-hover)}";const h=o;const r=class{constructor(t){s(this,t);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.link.focus()}this.focusedByInput=false};this.onFocus=s=>{this.focusedByInput=true;const i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhFocus.emit({component:"stzh-skiplink",originalEvent:s})};this.onBlur=s=>{const i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhBlur.emit({component:"stzh-skiplink",originalEvent:s})};this.label="";this.href=undefined;this.linkAccesskey=undefined;this.linkTitle=undefined;this.analyticsId=undefined;this.focused=false}focusinHandler(){this.focused=true}focusoutHandler(){this.focused=false}componentDidRender(){requestAnimationFrame((()=>{var s;if(this.link){(s=this.link)===null||s===void 0?void 0:s.setAttribute("s-object-id",this.analyticsId||this.label||this.text.innerText);this.link.addEventListener("click",(s=>this.handleSkipLinkClick(s)))}}))}handleSkipLinkClick(s){s.preventDefault();if(!this.href)return;const i=document.querySelectorAll(this.href);const t=Array.from(i).filter((s=>s instanceof HTMLElement&&window.getComputedStyle(s).display!=="none"));const e=t.length>0?t[0]:i[0];if(e instanceof HTMLElement){e.focus();e.scrollIntoView({behavior:"smooth",block:"center"});const s=window.location.origin+window.location.pathname+window.location.search+this.href;history.replaceState(null,"",s)}}render(){return t(e,{key:"566d146867ecbcd1c350f9a075161f79c641d85c",focused:this.focused,tabindex:"-1",onFocus:this.onRootFocus},t("a",{key:"286185dec3b6ef3570b1a34ed29e297b92e808c3",ref:s=>this.link=s,class:"stzh-skiplink",href:this.href,accessKey:this.linkAccesskey,title:this.linkTitle,onFocus:this.onFocus,onBlur:this.onBlur},t("div",{key:"8d3d373f9bd4196910b880c60871c3232dd60987",ref:s=>this.text=s},this.label?this.label:t("slot",null))))}get element(){return n(this)}};r.style=h;export{r as stzh_skiplink};
-//# sourceMappingURL=p-a74ed640.entry.js.map
+import{r as s,c as i,h as t,a as e,g as n}from"./p-ef5985a3.js";const o=".sc-stzh-skiplink-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-skiplink-h,[stzh-hidden].sc-stzh-skiplink-h{display:none}.sc-stzh-skiplink-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-skiplink-h *.sc-stzh-skiplink,.sc-stzh-skiplink-h *.sc-stzh-skiplink::before,.sc-stzh-skiplink-h *.sc-stzh-skiplink::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-skiplink-h .has-focus.sc-stzh-skiplink{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink{outline-style:none !important}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink::-moz-focus-inner{border:0 !important}.sc-stzh-skiplink-h:not([focused]){padding:0 !important;margin:0 !important}.stzh-skiplink.sc-stzh-skiplink{display:inline-block;right:0;top:0;white-space:nowrap;padding:var(--stzh-space-large) var(--stzh-space-xxlarge);border:solid 0.0625rem var(--stzh-color-grey50);border-radius:0.125rem;background:var(--stzh-color-white);color:var(--stzh-color-primary);transition:color var(--stzh-base-transition-animation-speed);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-skiplink.sc-stzh-skiplink:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-skiplink.sc-stzh-skiplink:hover{color:var(--stzh-color-primary-hover)}";const h=o;const r=class{constructor(t){s(this,t);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.link.focus()}this.focusedByInput=false};this.onFocus=s=>{this.focusedByInput=true;const i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhFocus.emit({component:"stzh-skiplink",originalEvent:s})};this.onBlur=s=>{const i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhBlur.emit({component:"stzh-skiplink",originalEvent:s})};this.label="";this.href=undefined;this.linkAccesskey=undefined;this.linkTitle=undefined;this.analyticsId=undefined;this.focused=false}focusinHandler(){this.focused=true}focusoutHandler(){this.focused=false}componentDidRender(){requestAnimationFrame((()=>{var s;if(this.link){(s=this.link)===null||s===void 0?void 0:s.setAttribute("s-object-id",this.analyticsId||this.label||this.text.innerText);this.link.addEventListener("click",(s=>this.handleSkipLinkClick(s)))}}))}handleSkipLinkClick(s){s.preventDefault();if(!this.href)return;const i=document.querySelectorAll(this.href);const t=Array.from(i).filter((s=>s instanceof HTMLElement&&window.getComputedStyle(s).display!=="none"));const e=t.length>0?t[0]:i[0];if(e instanceof HTMLElement){e.focus();e.scrollIntoView({behavior:"smooth",block:"center"});const s=window.location.origin+window.location.pathname+window.location.search+this.href;history.replaceState(null,"",s)}}render(){return t(e,{key:"2cc32ab485def00747fa10e3f6a5e63b4d8e9c95",focused:this.focused,tabindex:"-1",onFocus:this.onRootFocus},t("a",{key:"0e67ddd55b601456a6fdd9eefd27b7de369d598c",ref:s=>this.link=s,class:"stzh-skiplink",href:this.href,accessKey:this.linkAccesskey,title:this.linkTitle,onFocus:this.onFocus,onBlur:this.onBlur},t("div",{key:"3c9ab0157551717152b23d72738a25fab5fd6b44",ref:s=>this.text=s},this.label?this.label:t("slot",null))))}get element(){return n(this)}};r.style=h;export{r as stzh_skiplink};
+//# sourceMappingURL=p-46e5f084.entry.js.map

package/dist/stzh-components/{p-08dcf795.entry.js → p-46fc5ee0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as o,g as e}from"./p-ef5985a3.js";import{d as h,o as n}from"./p-87c329f2.js";import{t as c}from"./p-9ed1a9d3.js";import"./p-dae15605.js";import"./p-6997324b.js";import"./p-1ab64d01.js";const a=':host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents;}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}';const r=a;const d="data-stzh-sticky-container";const k="data-stzh-sticky-width-container";const l=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop",7);this.stzhStuckBottom=s(this,"stzhStuckBottom",7);this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${k}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()};this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.name=undefined;this.position="sticky";this.isStuckTop=undefined;this.isStuckBottom=undefined;this.hasReachedTopLimit=undefined;this.hasReachedBottomLimit=undefined;this.loaded=false}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${d}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"366a3c2c59058ea5e6184d481827b5487a642f33","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"f94ec092ad846089f58e75a5bf3b11efe123b210",class:s},i("div",{key:"c69b2cc74ef7276d4530c6eab020c5801e5db86f",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"8059e8c6fd26eca9cd1409674ed32925bf244aae",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"d3531d057480b4e99f5a398c1801a661b8250c80",class:"stzh-sticky__content"},i("div",{key:"adbe9130517d8564d0e6c591580af6ecb4c81dd1",class:"stzh-sticky__content-inner"},i("slot",{key:"0e1ff73b671caa8d7119a8900853437cfb731bd1"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};l.style=r;export{l as stzh_sticky};
-//# sourceMappingURL=p-08dcf795.entry.js.map
+import{r as t,c as s,h as i,a as o,g as e}from"./p-ef5985a3.js";import{d as h,o as n}from"./p-87c329f2.js";import{t as c}from"./p-9ed1a9d3.js";import"./p-dae15605.js";import"./p-6997324b.js";import"./p-1ab64d01.js";const a=':host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents;}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}';const r=a;const d="data-stzh-sticky-container";const k="data-stzh-sticky-width-container";const l=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop",7);this.stzhStuckBottom=s(this,"stzhStuckBottom",7);this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${k}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()};this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.name=undefined;this.position="sticky";this.isStuckTop=undefined;this.isStuckBottom=undefined;this.hasReachedTopLimit=undefined;this.hasReachedBottomLimit=undefined;this.loaded=false}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${d}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"2b4ffafb3ee3177c7eb6401a599966881bb8e5a7","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"db273e2f720f588d3e504669e99877064a14acf2",class:s},i("div",{key:"beff75a5dc47cd136eef6d7abb498e086170b5e6",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"05a63e898107a683dfefa99fef94b78d53248de0",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"ae5320838323cc3340db7215c4a77f3d0ce52bce",class:"stzh-sticky__content"},i("div",{key:"bfe91c89e178722ccc948aed16307d706a39605f",class:"stzh-sticky__content-inner"},i("slot",{key:"c57e6853002ea75094fdde0752c7df747479cf37"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};l.style=r;export{l as stzh_sticky};
+//# sourceMappingURL=p-46fc5ee0.entry.js.map

package/dist/stzh-components/{p-c023e0ce.js → p-4a7b6f37.js}

@@ -1,2 +1,2 @@
-const t="@oiz/stzh-components";const n="4.6.0-beta1";const o=t.substring(t.indexOf("/")+1);const e=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function s(){window.addEventListener("appload",e)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:e,$globals:s}=window.stzhComponents.translations;const i=f(e,s);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let e=o.getDate().toString(10);let s=e;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){s=`0${s}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,e).replace(/\{d\}/g,s).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const e=function(t,n){if(!n){return}const o=new RegExp(t);const e=n.match(o);if(e){const{groups:t}=e;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const s=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(s)?s:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const s={format:function(n,e="datetime"){const s={...t[e],...window.stzhComponents?.formats[e]||{}};if(typeof s.format==="string"){return o(s.format,n)}else{return s.format(n)}},parse:function(n,o="datetime"){const s={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof s.parse==="string"){return e(s.parse,n)}else{return s.parse(n)}},formatSpan:function(t,o,e="datetime"){let s=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){s=this.format(t,e)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,e)}let a=n.dateRange;if(e.startsWith("time")){a=n.timeRange}return s+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let e=n.dateRange;if(o.startsWith("time")){e=n.timeRange}const s=t.split(e);const i=this.parse(s[0],o);const a=this.parse(s[1],o);return[i,a,e]}};return s}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const e=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&e&&Object.keys(e).length>0){return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const e=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(e));return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();i()}const g=m;export{g};
-//# sourceMappingURL=p-c023e0ce.js.map
+const t="@oiz/stzh-components";const n="4.6.0-beta2";const o=t.substring(t.indexOf("/")+1);const e=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function s(){window.addEventListener("appload",e)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:e,$globals:s}=window.stzhComponents.translations;const i=f(e,s);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let e=o.getDate().toString(10);let s=e;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){s=`0${s}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,e).replace(/\{d\}/g,s).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const e=function(t,n){if(!n){return}const o=new RegExp(t);const e=n.match(o);if(e){const{groups:t}=e;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const s=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(s)?s:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const s={format:function(n,e="datetime"){const s={...t[e],...window.stzhComponents?.formats[e]||{}};if(typeof s.format==="string"){return o(s.format,n)}else{return s.format(n)}},parse:function(n,o="datetime"){const s={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof s.parse==="string"){return e(s.parse,n)}else{return s.parse(n)}},formatSpan:function(t,o,e="datetime"){let s=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){s=this.format(t,e)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,e)}let a=n.dateRange;if(e.startsWith("time")){a=n.timeRange}return s+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let e=n.dateRange;if(o.startsWith("time")){e=n.timeRange}const s=t.split(e);const i=this.parse(s[0],o);const a=this.parse(s[1],o);return[i,a,e]}};return s}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const e=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&e&&Object.keys(e).length>0){return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const e=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(e));return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();i()}const g=m;export{g};
+//# sourceMappingURL=p-4a7b6f37.js.map