@oiz/stzh-components 4.6.0-beta3 → 4.6.0

package/dist/stzh-components/p-6dd89068.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhActionsCss","StzhActionsStyle0","StzhActions","this","init","secondaryButtons","element","querySelectorAll","tertiaryButtons","forEach","button","setPropsIfNull","variant","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","spaceBetween","h","Host","key","class","role","name","stzhCellCss","StzhCellStyle0","StzhCell","stzhCspaceCss","StzhCspaceStyle0","StzhCspace","rootElement","preventRemoveNested","nestedCspaceOrRichtext","cspaceOrRichtext","removeFirstMargin","removeLastMargin","preventRemoveNestedWatcher","componentDidRender","ref","el","stzhFieldsetCss","StzhFieldsetStyle0","StzhFieldset","hideLegend","legend","legendLevel","level","curve","legendCurve","stzhRowCss","StzhRowStyle0","StzhRow","justify","items","content","stzhSpaceCss","StzhSpaceStyle0","StzhSpace","around"],"sources":["src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=shadow","src/components/stzh-actions/stzh-actions.tsx","src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx","src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace","src/components/stzh-cspace/stzh-cspace.tsx","src/components/stzh-fieldset/stzh-fieldset.scss?tag=stzh-fieldset&encapsulation=scoped","src/components/stzh-fieldset/stzh-fieldset.tsx","src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx","src/components/stzh-space/stzh-space.scss?tag=stzh-space&encapsulation=shadow","src/components/stzh-space/stzh-space.tsx"],"sourcesContent":[":host {\n  ::slotted([slot=\"primary\"]),\n  ::slotted([slot=\"secondary\"]),\n  ::slotted([slot=\"tertiary\"]) {\n    flex-grow: 1;\n    margin: calc(#{space(\"medium\")} / 2);\n  }\n\n  &[space-between=\"true\"] ::slotted([slot=\"tertiary\"]) {\n    @include mq($from: small) {\n      flex-grow: inherit;\n    }\n  }\n}\n\n.stzh-actions {\n  &__actions {\n    display: flex;\n    flex-direction: column-reverse;\n    margin: calc(#{space(\"medium\")} / -2);\n\n    @include mq($from: small) {\n      flex-direction: row;\n    }\n  }\n\n  &__primary-actions,\n  &__secondary-actions,\n  &__tertiary-actions {\n    display: flex;\n  }\n\n  &__wrapper {\n    display: contents;\n  }\n\n  // &--dialog &__actions {\n  //   justify-content: flex-end;\n  // }\n\n  &--process &__wrapper {\n    @include mq($to: small) {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  }\n\n  &--process &__actions {\n    justify-content: flex-end;\n  }\n\n  &--process &__primary-actions,\n  &--process &__secondary-actions {\n    @include mq($to: small) {\n      flex-grow: 1;\n    }\n  }\n\n  &--process &__tertiary-actions {\n    @include mq($from: small) {\n      margin-right: auto;\n    }\n  }\n\n  &--search &__actions {\n    justify-content: flex-end;\n  }\n\n  /* space between */\n  &--space-between &__actions {\n    justify-content: space-between;\n\n    @include mq($from: small) {\n      flex-direction: column;\n    }\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &--space-between &__wrapper {\n    @include mq($from: small) {\n      display: flex;\n      justify-content: flex-end;\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n * @slot tertiary - Slot for tertiary button\n */\n@Component({\n  tag: \"stzh-actions\",\n  styleUrl: \"stzh-actions.scss\",\n  shadow: true,\n})\nexport class StzhActions {\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"form\" | \"dialog\" | \"process\" | \"search\" = \"form\";\n\n  /** Whether to split tertiary and primary/secondary from each other (left and right). */\n  @Prop({ reflect: true }) spaceBetween: boolean = false;\n\n  @Element() element: HTMLStzhActionsElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const secondaryButtons = this.element.querySelectorAll(\n      'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button',\n    );\n\n    const tertiaryButtons = this.element.querySelectorAll(\n      'stzh-button[slot=\"tertiary\"], [slot=\"tertiary\"] stzh-button',\n    );\n\n    secondaryButtons.forEach(button => {\n      setPropsIfNull(button, {\n        variant: \"secondary\",\n      } as HTMLStzhButtonElement);\n    });\n\n    tertiaryButtons.forEach(button => {\n      setPropsIfNull(button, {\n        variant: \"tertiary\",\n      } as HTMLStzhButtonElement);\n    });\n  };\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actions\": true,\n      \"stzh-actions--space-between\": this.spaceBetween,\n      [`stzh-actions--${this.variant}`]: !!this.variant,\n    };\n\n    return (\n      <Host space-between={this.spaceBetween}>\n        <div class={classes}>\n          <div class=\"stzh-actions__actions\" role=\"group\">\n            <div class=\"stzh-actions__tertiary-actions\">\n              <slot name=\"tertiary\"></slot>\n            </div>\n            <div class=\"stzh-actions__wrapper\">\n              <div class=\"stzh-actions__secondary-actions\">\n                <slot name=\"secondary\"></slot>\n              </div>\n              <div class=\"stzh-actions__primary-actions\">\n                <slot name=\"primary\"></slot>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  // couldn't use cell-span and calcuate the with with css calc\n  // since IE was calculating the width wrongly with certain viewport widths\n  // so calculating it with sass and using the width directly\n  --cell-width: 100%;\n\n  max-width: 100%;\n  width: var(--cell-width);\n  flex-basis: var(--cell-width);\n  flex-shrink: 0;\n}\n\n/* Align variants */\n\n:host([align=\"left\"]) {\n  margin-right: auto;\n}\n\n:host([align=\"right\"]) {\n  margin-left: auto;\n}\n\n:host([align=\"middle\"]) {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n/* Align self variants */\n\n:host([align-self=\"start\"]) {\n  align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n  align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n  align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n  align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n  align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"]) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{calc(100% / ($gridCells / $i))};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) {\n        --cell-width: #{calc(100% / ($gridCells / $i))};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n  height: 100%;\n  padding-left: calc(#{$gridGutter} / 2);\n  padding-right: calc(#{$gridGutter} / 2);\n\n  @include mq($from: small) {\n    padding-left: calc(#{$gridGutterSmall} / 2);\n    padding-right: calc(#{$gridGutterSmall} / 2);\n  }\n\n  @include mq($from: medium) {\n    padding-left: calc(#{$gridGutterMedium} / 2);\n    padding-right: calc(#{$gridGutterMedium} / 2);\n  }\n\n  @include mq($from: large) {\n    padding-left: calc(#{$gridGutterLarge} / 2);\n    padding-right: calc(#{$gridGutterLarge} / 2);\n  }\n\n  @include mq($from: ultra) {\n    padding-left: calc(#{$gridGutterUltra} / 2);\n    padding-right: calc(#{$gridGutterUltra} / 2);\n  }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-cell\",\n  styleUrl: \"stzh-cell.scss\",\n  shadow: true,\n})\nexport class StzhCell {\n  /** Default span of each cell */\n  @Prop({ reflect: true }) span: number;\n  /** Default span of each cell above small breakpoint */\n  @Prop({ reflect: true }) spanSmall: number;\n  /** Default span of each cell above medium breakpoint */\n  @Prop({ reflect: true }) spanMedium: number;\n  /** Default span of each cell above large breakpoint */\n  @Prop({ reflect: true }) spanLarge: number;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop({ reflect: true }) spanUltra: number;\n\n  /** Controlling how cell is aligned in main axis (sets margin: auto to left/right side) */\n  @Prop({ reflect: true }) align: \"none\" | \"left\" | \"right\" | \"middle\" = \"none\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-cell\": true,\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n","stzh-cspace {\n  @include host;\n  color: inherit;\n  font-weight: inherit;\n  font-family: inherit;\n  letter-spacing: inherit;\n\n  // Remove edge margin\n\n  &[has-hidden-first-margin] > .stzh-cspace {\n    & > :first-child {\n      margin-top: 0 !important;\n    }\n\n    & > .section:first-child > *:first-child {\n      margin-top: 0 !important;\n    }\n  }\n\n  &[has-hidden-last-margin] > .stzh-cspace {\n    & > :last-child {\n      margin-bottom: 0 !important;\n    }\n\n    & > .section:last-child > *:last-child {\n      margin-bottom: 0 !important;\n    }\n  }\n}\n\nstzh-cspace > .stzh-cspace {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  // display: flex;\n  // flex-direction: column;\n  // align-items: flex-start;\n\n  & > .section > h1,\n  & > h1,\n  & > .section > :where(stzh-heading[level=\"1\"]),\n  & > :where(stzh-heading[level=\"1\"]) {\n    @include spaceCurve(\"margin-top\", \"large\");\n    @include spaceCurve(\"margin-bottom\", \"medium\");\n  }\n\n  & > .section > h2,\n  & > h2,\n  & > .section > :where(stzh-heading[level=\"2\"]),\n  & > :where(stzh-heading[level=\"2\"]) {\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n  }\n\n  & > .section > h3,\n  & > h3,\n  & > .section > :where(stzh-heading[level=\"3\"]),\n  & > :where(stzh-heading[level=\"3\"]) {\n    @include spaceCurve(\"margin-top\", \"small\");\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n  }\n\n  & > .section > h4,\n  & > h4,\n  & > .section > :where(stzh-heading[level=\"4\"]),\n  & > :where(stzh-heading[level=\"4\"]) {\n    @include spaceCurve(\"margin-top\", \"small\");\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n  }\n\n  & > .section > p,\n  & > p,\n  & > .section > stzh-text,\n  & > stzh-text,\n  & > .section > ul,\n  & > ul,\n  & > .section > ol,\n  & > ol,\n  & > .section > dl,\n  & > dl,\n  & > .section > stzh-list,\n  & > stzh-list {\n    @include spaceCurve(\"margin-bottom\", \"small\");\n    margin-top: 0;\n  }\n\n  & > .section > :where(stzh-text[curve=\"hero\"]),\n  & > :where(stzh-text[curve=\"hero\"]),\n  & > .section > :where(stzh-heading[curve=\"hero\"]),\n  & > :where(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve(\"margin-bottom\", \"medium\");\n    margin-top: 0;\n  }\n\n  & > .section > :where(stzh-text[curve=\"h1\"]),\n  & > :where(stzh-text[curve=\"h1\"]),\n  & > .section > :where(stzh-heading[curve=\"h1\"]),\n  & > :where(stzh-heading[curve=\"h1\"]) {\n    @include spaceCurve(\"margin-top\", \"large\");\n    @include spaceCurve(\"margin-bottom\", \"medium\");\n  }\n\n  & > .section > :where(stzh-text[curve=\"h2\"]),\n  & > :where(stzh-text[curve=\"h2\"]),\n  & > .section > :where(stzh-heading[curve=\"h2\"]),\n  & > :where(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve(\"margin-top\", \"large\");\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  & > .section > :where(stzh-text[curve=\"h3\"]),\n  & > :where(stzh-text[curve=\"h3\"]),\n  & > .section > :where(stzh-heading[curve=\"h3\"]),\n  & > :where(stzh-heading[curve=\"h3\"]) {\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n  }\n\n  & > .section > :where(stzh-text[curve=\"h4\"]),\n  & > :where(stzh-text[curve=\"h4\"]),\n  & > .section > :where(stzh-heading[curve=\"h4\"]),\n  & > :where(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n  }\n\n  & > .section > :where(stzh-text[curve=\"p1\"]),\n  & > :where(stzh-text[curve=\"p1\"]),\n  & > .section > :where(stzh-heading[curve=\"p1\"]),\n  & > :where(stzh-heading[curve=\"p1\"]) {\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n    margin-top: 0;\n  }\n\n  & > .section > :where(stzh-text[curve=\"p2\"]),\n  & > :where(stzh-text[curve=\"p2\"]),\n  & > .section > :where(stzh-heading[curve=\"p2\"]),\n  & > :where(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve(\"margin-top\", \"small\");\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  & > .section > stzh-input, // DONE\n  & > stzh-input, // DONE\n  & > .section > stzh-datepicker, // DONE\n  & > stzh-datepicker, // DONE\n  & > .section > stzh-daterange, // DONE\n  & > stzh-daterange, // DONE\n  & > .section > stzh-dropdown, // DONE\n  & > stzh-dropdown, // DONE\n  & > .section > stzh-upload, // DONE\n  & > stzh-upload, // DONE\n  & > .section > stzh-checkbox, // DONE\n  & > stzh-checkbox, // DONE\n  & > .section > stzh-checkboxgroup, // DONE\n  & > stzh-checkboxgroup, // DONE\n  & > .section > stzh-radio, // DONE\n  & > stzh-radio, // DONE\n  & > .section > stzh-radiogroup, // DONE\n  & > stzh-radiogroup {\n    // DONE\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n  }\n\n  & > .section > stzh-chipgroup, // DONE\n  & > stzh-chipgroup, // DONE\n  & > .section > stzh-chipselect, // DONE\n  & > stzh-chipselect {\n    margin-bottom: space(\"xlarge\");\n  }\n\n  & > .section > stzh-toggle,\n  & > stzh-toggle {\n      margin-bottom: space(\"medium\");\n  }\n\n  & > .section > stzh-http-error, // DONE\n  & > stzh-http-error {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"big\");\n  }\n\n  & > .section > stzh-message, // DONE\n  & > stzh-message {\n    // DONE\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  & > .section > stzh-cardlist, // DONE\n  & > stzh-cardlist, // DONE\n  & > .section > stzh-contact, // DONE\n  & > stzh-contact, // DONE\n  & > .section > stzh-accordion, // DONE\n  & > stzh-accordion, // DONE\n  & > .section > stzh-anchornav, // DONE\n  & > stzh-anchornav, // DONE\n  & > .section > stzh-audio, // DONE\n  & > stzh-audio, // DONE\n  & > .section > stzh-microsite-teaserlist,\n  & > stzh-microsite-teaserlist,\n  & > .section > stzh-gallery, // DONE\n  & > stzh-gallery, // DONE\n  & > .section > stzh-panorama,\n  & > stzh-panorama,\n  & > .section > stzh-chart,\n  & > stzh-chart,\n  & > .section > stzh-sitemap,\n  & > stzh-sitemap,\n  & > .section > stzh-hr,\n  & > stzh-hr,\n  & > .section > stzh-archivelist,\n  & > stzh-archivelist,\n  & > .section > stzh-figure, // DONE\n  & > stzh-figure, // DONE\n  & > stzh-iframe, // DONE\n  & > .section > stzh-youtube, // DONE\n  & > stzh-youtube, // DONE\n  & > .section > stzh-vbz-ticker,\n  & > stzh-vbz-ticker {\n    @include spaceCurve(\"margin-bottom\", \"large\");\n  }\n\n  & > .section > stzh-ratio, // DONE\n  & > stzh-ratio, // DONE\n  & > .section > stzh-button, // DONE\n  & > stzh-button, // DONE\n  & > .section > stzh-space, // DONE\n  & > stzh-space, // DONE\n  & > .section > stzh-row, // DONE\n  & > stzh-row, // DONE\n  & > .section > stzh-eventinfo, // DONE\n  & > stzh-eventinfo, // DONE\n  & > .section > stzh-eventdata, // DONE\n  & > stzh-eventdata, // DONE\n  & > .section > stzh-datalist, // DONE\n  & > stzh-datalist, // DONE\n  & > .section > stzh-textandimage, // DONE\n  & > stzh-textandimage {\n    // DONE\n    @include spaceCurve(\"margin-bottom\", \"medium\");\n  }\n\n  & > .section > stzh-section[variant=\"highlight\"], // DONE\n  & > stzh-section[variant=\"highlight\"] {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  & > .section > stzh-section[variant=\"contextbox\"], // DONE\n  & > stzh-section[variant=\"contextbox\"] {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  & > .section > stzh-section[variant=\"default\"], // DONE\n  & > stzh-section[variant=\"default\"] {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  & > .section > stzh-section[variant=\"greybox\"], // DONE\n  & > stzh-section[variant=\"default\"] {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  & > .section > stzh-section[variant=\"poimax\"], // DONE\n  & > stzh-section[variant=\"poimax\"] {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"regular\");\n    margin-bottom: space(\"xsmall\");\n  }\n\n  & > .section > stzh-pagetitle[background=\"default\"], // DONE\n  & > stzh-pagetitle[background=\"default\"] {\n    // DONE\n    @include spaceCurve(\"margin-bottom\", \"section-inner\");\n  }\n\n  & > .section > stzh-richtext[has-hidden-last-margin], // DONE\n  & > stzh-richtext[has-hidden-last-margin] {\n    // DONE\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  & > .section > stzh-cta, // DONE\n  & > stzh-cta {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"small\");\n    @include spaceCurve(\"margin-bottom\", \"large\");\n  }\n\n  & > .section > stzh-olmap,\n  & > stzh-olmap {\n    @include spaceCurve(\"margin-top\", \"medium\");\n    @include spaceCurve(\"margin-bottom\", \"medium\");\n  }\n\n  & > .section > stzh-breadcrumb, // DONE\n  & > stzh-breadcrumb {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"medium\");\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  & > .section > stzh-card,\n  & > stzh-card {\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  & > .section > stzh-appointments,\n  & > stzh-appointments {\n    @include spaceCurve(\"margin-bottom\", \"big\");\n\n    &[has-heading] {\n      @include spaceCurve(\"margin-top\", \"regular\");\n    }\n  }\n\n  & > .section > stzh-table, // DONE\n  & > stzh-table, // DONE\n  & > .section > stzh-datatable, // DONE\n  & > stzh-datatable {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"large\");\n  }\n\n  & > .section > stzh-pagebottom,\n  & > stzh-pagebottom {\n    @include spaceCurve(\"margin-top\", \"medium\");\n    @include spaceCurve(\"margin-bottom\", \"medium\");\n  }\n\n  & > .section > stzh-stepper,\n  & > stzh-stepper {\n    @include spaceCurve(\"margin-top\", \"big\");\n  }\n\n  & > .section > stzh-pagination, // DONE\n  & > stzh-pagination {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"regular\");\n    @include spaceCurve(\"margin-bottom\", \"large\");\n  }\n\n  & > .section > stzh-actions, // DONE\n  & > stzh-actions {\n    // DONE\n    @include spaceCurve(\"margin-top\", \"small\");\n    @include spaceCurve(\"margin-bottom\", \"big\");\n  }\n\n  & > .section > stzh-saptcha, // DONE\n  & > stzh-saptcha {\n    // DONE\n    @include spaceCurve(\"margin-bottom\", \"medium\");\n  }\n\n  & > .section > stzh-fieldset, // DONE\n  & > stzh-fieldset {\n    // DONE\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n\n    &[legend] {\n      @include spaceCurve(\"margin-top\", \"regular\");\n    }\n  }\n\n  // & > stzh-heading[level=\"4\"] + stzh-datalist,\n  // & > stzh-heading[curve=\"h4\"] + stzh-datalist {\n  //   margin-top: 0;\n  // }\n\n  /* Utility classes for applying spacing curves */\n\n  @each $spaceCurve, $value in $spaceCurves {\n    $defaultSize: map-get($value, \"size\");\n    $breakpointSizes: map-get($value, \"sizes\");\n\n    & > .section > .cspace-y-curve-#{$spaceCurve},\n    & > .cspace-y-curve-#{$spaceCurve} {\n      @include spaceCurve(\"margin-top\", $spaceCurve);\n      @include spaceCurve(\"margin-bottom\", $spaceCurve);\n    }\n\n    & > .section > .cspace-t-curve-#{$spaceCurve},\n    & > .cspace-t-curve-#{$spaceCurve} {\n      @include spaceCurve(\"margin-top\", $spaceCurve);\n    }\n\n    & > .section > .cspace-b-curve-#{$spaceCurve},\n    & > .cspace-b-curve-#{$spaceCurve} {\n      @include spaceCurve(\"margin-bottom\", $spaceCurve);\n    }\n  }\n\n  /* Utility classes for applying spacing values */\n\n  @each $breakpoint, $size in $breakpoints {\n    @each $space, $value in $spaceSizes {\n      @if $breakpoint {\n        & > .section > .#{$breakpoint}\\:cspace-y-#{$space},\n        & > .#{$breakpoint}\\:cspace-y-#{$space} {\n          margin-top: #{$value};\n          margin-bottom: #{$value};\n        }\n\n        & > .section > .#{$breakpoint}\\:cspace-t-#{$space},\n        & > .#{$breakpoint}\\:cspace-t-#{$space} {\n          margin-top: #{$value};\n        }\n\n        & > .section > .#{$breakpoint}\\:cspace-b-#{$space},\n        & > .#{$breakpoint}\\:cspace-b-#{$space} {\n          margin-bottom: #{$value};\n        }\n      } @else {\n        & > .section > .cspace-y-#{$space},\n        & > .cspace-y-#{$space} {\n          margin-top: #{$value};\n          margin-bottom: #{$value};\n        }\n\n        & > .section > .cspace-t-#{$space},\n        & > .cspace-t-#{$space} {\n          margin-top: #{$value};\n        }\n\n        & > .section > .cspace-b-#{$space},\n        & > .cspace-b-#{$space} {\n          margin-bottom: #{$value};\n        }\n      }\n    }\n  }\n\n  & > .section > .cspace-y-0,\n  & > .cspace-y-0 {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  & > .section > .cspace-t-0,\n  & > .cspace-t-0 {\n    margin-top: 0;\n  }\n\n  & > .section > .cspace-b-0,\n  & > .cspace-b-0 {\n    margin-bottom: 0;\n  }\n\n  @each $breakpoint, $size in $breakpoints {\n    & > .section > .#{$breakpoint}\\:cspace-y-0,\n    & > .#{$breakpoint}\\:cspace-y-0 {\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n\n    & > .section > .#{$breakpoint}\\:cspace-t-0,\n    & > .#{$breakpoint}\\:cspace-t-0 {\n      margin-top: 0;\n    }\n\n    & > .section > .#{$breakpoint}\\:cspace-b-0,\n    & > .#{$breakpoint}\\:cspace-b-0 {\n      margin-bottom: 0;\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-cspace\",\n  styleUrl: \"stzh-cspace.scss\",\n})\nexport class StzhCspace {\n  /** Whether first top margin of first child component should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n  /** Whether last bottom margin of last child component should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean;\n\n  /** Whether removing first/last margin should be automatically prevented for nested cspace/richtext */\n  @Prop({ reflect: true }) preventRemoveNested: \"direct\" | \"deep\" | \"disabled\" = \"direct\";\n\n  @Element() element: HTMLStzhCspaceElement;\n\n  @Watch(\"preventRemoveNested\")\n  preventRemoveNestedWatcher() {\n    this.init();\n  }\n\n  private observer: MutationObserver;\n  private rootElement: HTMLElement;\n\n  private init = () => {\n    if (!this.rootElement) {\n      return;\n    }\n\n    if (this.preventRemoveNested !== \"disabled\") {\n      const nestedCspaceOrRichtext = this.rootElement.querySelectorAll(\n        this.preventRemoveNested === \"deep\"\n          ? \"stzh-cspace, stzh-richtext\"\n          : \":scope > stzh-cspace, :scope > .section > stzh-cspace, stzh-show > stzh-cspace, :scope > stzh-richtext, :scope > .section > stzh-richtext, stzh-show > stzh-richtext\",\n      );\n\n      nestedCspaceOrRichtext.forEach(cspaceOrRichtext => {\n        setPropsIfNull(cspaceOrRichtext, {\n          removeFirstMargin: false,\n          removeLastMargin: false,\n        } as HTMLStzhCspaceElement | HTMLStzhRichtextElement);\n      });\n    }\n  };\n\n  componentDidRender() {\n    this.init();\n\n    this.observer.observe(this.rootElement, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  connectedCallback() {\n    this.observer = new MutationObserver(this.init);\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-cspace\": true,\n    };\n\n    return (\n      <Host\n        has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n        has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n      >\n        <div ref={el => (this.rootElement = el as HTMLElement)} class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  // default spacing for form and layout elements\n  ::slotted(.layout_column > .stzh-fieldset-row > .stzh-fieldset-row),\n  ::slotted(.stzh-fieldset-row > .stzh-fieldset-row),\n  ::slotted(.layout_column > .stzh-fieldset-row),\n  ::slotted(.stzh-fieldset-row),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-input),\n  ::slotted(.stzh-fieldset-row > stzh-input),\n  ::slotted(stzh-input),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-datepicker),\n  ::slotted(.stzh-fieldset-row > stzh-datepicker),\n  ::slotted(stzh-datepicker),\n  ::slotted(.stzh-fieldset-row > stzh-dropdown),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-dropdown),\n  ::slotted(stzh-dropdown),\n  ::slotted(.stzh-fieldset-row > stzh-fieldset),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n  ::slotted(stzh-fieldset),\n  ::slotted(.stzh-fieldset-row > stzh-upload),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-upload),\n  ::slotted(stzh-upload),\n  ::slotted(.stzh-fieldset-row > stzh-checkbox),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkbox),\n  ::slotted(stzh-checkbox),\n  ::slotted(.stzh-fieldset-row > stzh-checkboxgroup),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkboxgroup),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(.stzh-fieldset-row > stzh-radio),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-radio),\n  ::slotted(stzh-radio),\n  ::slotted(.stzh-fieldset-row > stzh-radiogroup),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-radiogroup),\n  ::slotted(stzh-radiogroup),\n  ::slotted(.stzh-fieldset-row > stzh-row),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-row),\n  ::slotted(stzh-row),\n  ::slotted(.stzh-fieldset-row > stzh-vspace),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-vspace),\n  ::slotted(stzh-vspace),\n  ::slotted(.stzh-fieldset-row > stzh-hspace),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-hspace),\n  ::slotted(stzh-hspace),\n  ::slotted(.stzh-fieldset-row > stzh-text),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-text),\n  ::slotted(stzh-text) {\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n    @include mq($to: medium) {\n      @include spaceCurve(\"margin-bottom\", \"small\");\n    }\n  }\n\n  ::slotted(.stzh-fieldset-row > stzh-fieldset),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n  ::slotted(stzh-fieldset) {\n    @include spaceCurve(\"margin-top\", \"regular\");\n\n    .stzh-fieldset__legend {\n      @include fontCurve(\"p1\", \"heading\");\n    }\n  }\n\n  & > .section > stzh-chipgroup,\n  & > stzh-chipgroup,\n  & > .section > stzh-chipselect,\n  & > stzh-chipselect {\n    margin-bottom: space(\"xlarge\");\n  }\n\n  ::slotted(.stzh-fieldset-row > stzh-daterange),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-daterange),\n  ::slotted(stzh-daterange) {\n    @include spaceCurve(\"margin-bottom\", \"tiny\");\n    @include mq($to: medium) {\n      margin-bottom: calc(\n        #{$fieldsetDescriptionMinHeight} + #{spaceCurveValue(\"tiny\")}\n      );\n    }\n  }\n\n  ::slotted(.stzh-fieldset-row > stzh-message),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-message),\n  ::slotted(stzh-message) {\n    @include spaceCurve(\"margin-bottom\", \"large\");\n  }\n\n  ::slotted(.stzh-fieldset-row > stzh-actions),\n  ::slotted(.layout_column > .stzh-fieldset-row > stzh-actions),\n  ::slotted(stzh-actions) {\n    @include spaceCurve(\"margin-top\", \"medium\");\n    @include spaceCurve(\"margin-bottom\", \"big\");\n  }\n\n  ::slotted(*) {\n    stzh-checkboxgroup stzh-checkbox,\n    stzh-radiogroup stzh-radio {\n      --stzh-description-min-height: none;\n    }\n  }\n\n  ::slotted(.stzh-fieldset-row > :last-child),\n  ::slotted(.layout_column > .stzh-fieldset-row > :last-child),\n  ::slotted(:last-child),\n  ::slotted(.layout_column > .stzh-fieldset-row:has(cq) > :nth-last-child(2)),\n  ::slotted(.stzh-fieldset-row:has(cq) > :nth-last-child(2)) {\n    margin-bottom: 0;\n  }\n\n  ::slotted(stzh-row) {\n    @include mq($to: small) {\n      margin-bottom: 0;\n    }\n    @include mq($from: small, $to: medium) {\n      margin-bottom: 0;\n    }\n  }\n\n  /* Slotted cells and rows */\n\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-input),\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-datepicker),\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-upload),\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkbox),\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkboxgroup),\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-dropdown),\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-radio),\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-amount),\n  ::slotted(stzh-row > stzh-cell[span-large] > stzh-radiogroup) {\n    @include mq($to: large) {\n      @include spaceCurve(\"margin-bottom\", \"tiny\");\n    }\n  }\n\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-input),\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-datepicker),\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-upload),\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkbox),\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkboxgroup),\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-dropdown),\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radio),\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-amount),\n  ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radiogroup) {\n    @include mq($to: medium) {\n      @include spaceCurve(\"margin-bottom\", \"tiny\");\n    }\n  }\n\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-input),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-datepicker),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-upload),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkbox),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkboxgroup),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-dropdown),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-radio),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-amount),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-radiogroup) {\n    @include mq($from: small, $to: medium) {\n      @include spaceCurve(\"margin-bottom\", \"small\");\n    }\n  }\n\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-input),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-datepicker),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-upload),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkbox),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkboxgroup),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-dropdown),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-radio),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-amount),\n  ::slotted(stzh-row > stzh-cell[span-small] > stzh-radiogroup) {\n    @include mq($to: small) {\n      @include spaceCurve(\"margin-bottom\", \"small\");\n    }\n  }\n\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-input),\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-datepicker),\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-upload),\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-checkbox),\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-checkboxgroup),\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-dropdown),\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-radio),\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-amount),\n  ::slotted(stzh-row[span-large] > stzh-cell > stzh-radiogroup) {\n    @include mq($to: large) {\n      @include spaceCurve(\"margin-bottom\", \"tiny\");\n    }\n  }\n\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-input),\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-datepicker),\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-upload),\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-checkbox),\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-checkboxgroup),\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-dropdown),\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-radio),\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-amount),\n  ::slotted(stzh-row[span-medium] > stzh-cell > stzh-radiogroup) {\n    @include mq($to: medium) {\n      @include spaceCurve(\"margin-bottom\", \"tiny\");\n    }\n  }\n\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-input),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-datepicker),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-upload),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkbox),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkboxgroup),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-dropdown),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-radio),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-amount),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-radiogroup) {\n    @include mq($from: small, $to: medium) {\n      @include spaceCurve(\"margin-bottom\", \"small\");\n    }\n  }\n\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-input),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-datepicker),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-upload),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkbox),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkboxgroup),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-dropdown),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-radio),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-amount),\n  ::slotted(stzh-row[span-small] > stzh-cell > stzh-radiogroup) {\n    @include mq($to: small) {\n      @include spaceCurve(\"margin-bottom\", \"small\");\n    }\n  }\n}\n\n.stzh-fieldset {\n  //--stzh-row-row-gap: #{space('xsmall')};\n  --stzh-description-min-height: #{$fieldsetDescriptionMinHeight};\n\n  margin: 0;\n  padding: 0;\n  border: none;\n  min-inline-size: auto;\n\n  &__wrapper {\n    display: grid;\n  }\n\n  &__legend {\n    @include font(\"title\");\n    @include fontCurve(\"h4\");\n    color: $colorPrimary70;\n    padding: 0;\n    margin-bottom: space(\"large\");\n  }\n\n  &--hide-legend &__legend {\n    @include visuallyhidden;\n  }\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Slot for any (mostly form) elements\n */\n@Component({\n  tag: \"stzh-fieldset\",\n  styleUrl: \"stzh-fieldset.scss\",\n  scoped: true,\n})\nexport class StzhFieldset {\n  /** Legend describing the field group inside the fieldset */\n  @Prop() legend: string = \"\";\n\n  /** Hide legend to show only for screenreaders */\n  @Prop() hideLegend: boolean = false;\n\n  /** Heading level inside legend */\n  @Prop() legendLevel: \"\" | \"1\" | \"2\" | \"3\" | \"4\" = \"\";\n\n  /** Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n  @Prop() legendCurve: Font.Curves | \"auto\" = \"auto\";\n\n  render() {\n    const classes = {\n      \"stzh-fieldset\": true,\n      \"stzh-fieldset--hide-legend\": this.hideLegend,\n    };\n\n    return (\n      <Host>\n        <fieldset class={classes}>\n          {this.legend && (\n            <legend class=\"stzh-fieldset__legend\">\n              {this.legendLevel ? (\n                <stzh-heading level={this.legendLevel} curve={this.legendCurve}>\n                  {this.legend}\n                </stzh-heading>\n              ) : (\n                this.legend\n              )}\n            </legend>\n          )}\n          <div class=\"stzh-fieldset__wrapper\">\n            <slot></slot>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n",":host {\n  width: 100%;\n\n  --row-gap: var(--stzh-row-row-gap, 0px);\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"])\n        ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{calc(100% / ($gridCells/ $i))};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) ::slotted(stzh-cell:not([span])) {\n        --cell-width: #{calc(100% / calc($gridCells / $i))};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  row-gap: var(--row-gap);\n  margin-left: calc(#{$gridGutter} / -2);\n  margin-right: calc(#{$gridGutter} / -2);\n\n  @include mq($from: small) {\n    margin-left: calc(#{$gridGutterSmall} / -2);\n    margin-right: calc(#{$gridGutterSmall} / -2);\n  }\n\n  @include mq($from: medium) {\n    margin-left: calc(#{$gridGutterMedium} / -2);\n    margin-right: calc(#{$gridGutterMedium} / -2);\n  }\n\n  @include mq($from: large) {\n    margin-left: calc(#{$gridGutterLarge} / -2);\n    margin-right: calc(#{$gridGutterLarge} / -2);\n  }\n\n  @include mq($from: ultra) {\n    margin-left: calc(#{$gridGutterUltra} / -2);\n    margin-right: calc(#{$gridGutterUltra} / -2);\n  }\n\n  /* Justify content variants */\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n\n  /* Align content variants */\n\n  &--content-end {\n    align-content: flex-end;\n  }\n\n  &--content-center {\n    align-content: center;\n  }\n\n  &--content-between {\n    align-content: space-between;\n  }\n\n  &--content-around {\n    align-content: space-around;\n  }\n\n  &--content-evenly {\n    align-content: space-evenly;\n  }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n  tag: \"stzh-row\",\n  styleUrl: \"stzh-row.scss\",\n  shadow: true,\n})\nexport class StzhRow {\n  /** Default span of each cell */\n  @Prop({ reflect: true }) span: number;\n  /** Default span of each cell above small breakpoint */\n  @Prop({ reflect: true }) spanSmall: number;\n  /** Default span of each cell above medium breakpoint */\n  @Prop({ reflect: true }) spanMedium: number;\n  /** Default span of each cell above large breakpoint */\n  @Prop({ reflect: true }) spanLarge: number;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop({ reflect: true }) spanUltra: number;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n  /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n  @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-row\": true,\n            [`stzh-row--justify-${this.justify}`]: !!this.justify,\n            [`stzh-row--items-${this.items}`]: !!this.items,\n            [`stzh-row--content-${this.content}`]: !!this.content,\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --space: #{space()};\n  --around: 0;\n\n  display: flex;\n  color: inherit;\n  font-weight: inherit;\n  font-family: inherit;\n  letter-spacing: inherit;\n\n  ::slotted(*) {\n    // fix IE11 not wrapping text\n    max-width: 100%;\n    padding: calc((var(--space) / 2) * var(--around));\n    margin: calc((var(--space) / 2) * (1 - var(--around)));\n  }\n\n  ::slotted(stzh-show) {\n    --show-display: block;\n  }\n\n  ::slotted(stzh-vspace),\n  ::slotted(stzh-hspace),\n  ::slotted(stzh-row),\n  ::slotted(stzh-container),\n  ::slotted(stzh-section) {\n    align-self: stretch;\n    flex-grow: 1;\n  }\n}\n\n:host(:empty) {\n  --around: 1;\n\n  width: var(--space);\n  height: var(--space);\n}\n\n:host([around]:not([around=\"false\"])) {\n  --around: 1;\n}\n\n/* Border variants */\n\n:host([border=\"top\"]),\n:host([border=\"top-bottom\"]) {\n  border-top: 1px solid $baseBorderColor;\n}\n\n:host([border=\"bottom\"]),\n:host([border=\"top-bottom\"]) {\n  border-bottom: 1px solid $baseBorderColor;\n}\n\n:host([border=\"left\"]),\n:host([border=\"left-right\"]) {\n  border-left: 1px solid $baseBorderColor;\n}\n\n:host([border=\"right\"]),\n:host([border=\"left-right\"]) {\n  border-right: 1px solid $baseBorderColor;\n}\n\n/* Space curve variant */\n\n@each $spaceCurve, $value in $spaceCurves {\n  $defaultSize: map-get($value, \"size\");\n  $breakpointSizes: map-get($value, \"sizes\");\n\n  // :host([curve=\"#{$spaceCurve}\"]) > .stzh-vspace {\n  :host([curve=\"#{$spaceCurve}\"]) {\n    --space: #{space($defaultSize)};\n\n    @each $breakpoint, $size in $breakpointSizes {\n      @include mq($from: $breakpoint) {\n        --space: #{space($size)};\n      }\n    }\n  }\n}\n\n@mixin spaceProps($breakpoint: null) {\n  @each $space, $value in $spaceSizes {\n    @if $breakpoint {\n      // :host([size-#{$breakpoint}=\"#{$space}\"]) > .stzh-vspace {\n      :host([size-#{$breakpoint}=\"#{$space}\"]) {\n        @include mq($from: $breakpoint) {\n          --space: #{$value};\n        }\n      }\n    } @else {\n      // :host([size=\"#{$space}\"]) > .stzh-vspace {\n      :host([size=\"#{$space}\"]) {\n        --space: #{$value};\n      }\n    }\n  }\n}\n\n@include spaceProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include spaceProps($breakpoint);\n}\n\n.stzh-space {\n  flex-grow: 1;\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  padding: calc((var(--space) / -2) * var(--around));\n  margin: calc((var(--space) / -2) * (1 - var(--around)));\n\n  &--is-around {\n    padding: calc((var(--space) / 2) * var(--around));\n    margin: calc((var(--space) / 2) * (1 - var(--around)));\n  }\n\n  /* Justify content variants */\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\nimport { Space, Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-space\",\n  styleUrl: \"stzh-space.scss\",\n  shadow: true,\n})\nexport class StzhSpace {\n  /** Type of curve (see [Spacings docs page](/docs/tokens-spacings--docs#curves) for more info). */\n  @Prop({ reflect: true }) curve: Space.Curves = \"none\";\n\n  /** Type of size (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) size: Space.Sizes;\n  /** Type of size above small breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) sizeSmall: Space.Sizes;\n  /** Type of size above medium breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) sizeMedium: Space.Sizes;\n  /** Type of size above large breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) sizeLarge: Space.Sizes;\n  /** Type of size above ultra breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) sizeUltra: Space.Sizes;\n\n  /** Alignment */\n  @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n  /** Apply spacing to slotted elements */\n  @Prop({ reflect: true }) around: boolean = false;\n\n  /** Add border */\n  @Prop({ reflect: true }) border: \"none\" | \"top\" | \"bottom\" | \"left\" | \"right\" | \"left-right\" | \"top-bottom\" = \"none\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-space\": true,\n            \"stzh-space--is-around\": this.around,\n            [`stzh-space--justify-${this.justify}`]: !!this.justify,\n            [`stzh-space--items-${this.items}`]: !!this.items,\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAiB,o7EACvB,MAAAC,EAAeD,E,MCaFE,EAAW,M,yBAWdC,KAAAC,KAAO,KACb,MAAMC,EAAmBF,KAAKG,QAAQC,iBACpC,iEAGF,MAAMC,EAAkBL,KAAKG,QAAQC,iBACnC,+DAGFF,EAAiBI,SAAQC,IACvBC,EAAeD,EAAQ,CACrBE,QAAS,aACgB,IAG7BJ,EAAgBC,SAAQC,IACtBC,EAAeD,EAAQ,CACrBE,QAAS,YACgB,GAC3B,E,aA5ByE,O,kBAG5B,K,CA4BjD,iBAAAC,GACEV,KAAKC,OAELD,KAAKW,SAAW,IAAIC,iBAAiBZ,KAAKC,MAC1CD,KAAKW,SAASE,QAAQb,KAAKG,QAAS,CAClCW,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAIhB,KAAKW,SAAU,CACjBX,KAAKW,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAU,CACd,eAAgB,KAChB,8BAA+BnB,KAAKoB,aACpC,CAAC,iBAAiBpB,KAAKS,aAAcT,KAAKS,SAG5C,OACEY,EAACC,EAAI,CAAAC,IAAA,2DAAgBvB,KAAKoB,cACxBC,EAAA,OAAAE,IAAA,2CAAKC,MAAOL,GACVE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBAAwBC,KAAK,SACtCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kCACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,cAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mCACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,eAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gB,0CClF3B,MAAMC,EAAc,mrNACpB,MAAAC,EAAeD,E,MCWFE,EAAQ,M,6JAaoD,O,eAGhB,M,CAEvD,MAAAX,GACE,OACEG,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,YAAa,OAGfH,EAAA,QAAAE,IAAA,8C,aCtCV,MAAMO,EAAgB,k2+GACtB,MAAAC,EAAeD,E,MCUFE,EAAU,M,yBAoBbhC,KAAAC,KAAO,KACb,IAAKD,KAAKiC,YAAa,CACrB,M,CAGF,GAAIjC,KAAKkC,sBAAwB,WAAY,CAC3C,MAAMC,EAAyBnC,KAAKiC,YAAY7B,iBAC9CJ,KAAKkC,sBAAwB,OACzB,6BACA,wKAGNC,EAAuB7B,SAAQ8B,IAC7B5B,EAAe4B,EAAkB,CAC/BC,kBAAmB,MACnBC,iBAAkB,OACiC,G,6FA5BoB,Q,CAK/E,0BAAAC,GACEvC,KAAKC,M,CA2BP,kBAAAuC,GACExC,KAAKC,OAELD,KAAKW,SAASE,QAAQb,KAAKiC,YAAa,CACtCnB,UAAW,KACXC,QAAS,M,CAIb,iBAAAL,GACEV,KAAKW,SAAW,IAAIC,iBAAiBZ,KAAKC,K,CAG5C,oBAAAe,GACE,GAAIhB,KAAKW,SAAU,CACjBX,KAAKW,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAU,CACd,cAAe,MAGjB,OACEE,EAACC,EAAI,CAAAC,IAAA,4EAC6BvB,KAAKqC,oBAAsB,UAAYrC,KAAKqC,kBAAoB,KAAI,gCACrErC,KAAKsC,mBAAqB,UAAYtC,KAAKsC,iBAAmB,MAE7FjB,EAAA,OAAAE,IAAA,2CAAKkB,IAAKC,GAAO1C,KAAKiC,YAAcS,EAAoBlB,MAAOL,GAC7DE,EAAA,QAAAE,IAAA,8C,2HClFV,MAAMoB,EAAkB,8xvGACxB,MAAAC,EAAeD,E,MCWFE,EAAY,M,qCAEE,G,gBAGK,M,iBAGoB,G,iBAGN,M,CAE5C,MAAA3B,GACE,MAAMC,EAAU,CACd,gBAAiB,KACjB,6BAA8BnB,KAAK8C,YAGrC,OACEzB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,YAAAE,IAAA,2CAAUC,MAAOL,GACdnB,KAAK+C,QACJ1B,EAAA,UAAAE,IAAA,2CAAQC,MAAM,yBACXxB,KAAKgD,YACJ3B,EAAA,gBAAc4B,MAAOjD,KAAKgD,YAAaE,MAAOlD,KAAKmD,aAChDnD,KAAK+C,QAGR/C,KAAW,QAIjBqB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,QAAAE,IAAA,+C,aC9CZ,MAAM6B,EAAa,gvSACnB,MAAAC,EAAeD,E,MCWFE,EAAO,M,+JAaiC,Q,WAGJ,Q,aAGI,O,CAEnD,MAAApC,GACE,OACEG,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,WAAY,KACZ,CAAC,qBAAqBxB,KAAKuD,aAAcvD,KAAKuD,QAC9C,CAAC,mBAAmBvD,KAAKwD,WAAYxD,KAAKwD,MAC1C,CAAC,qBAAqBxD,KAAKyD,aAAczD,KAAKyD,UAGhDpC,EAAA,QAAAE,IAAA,8C,aC5CV,MAAMmC,EAAe,6laACrB,MAAAC,EAAeD,E,MCWFE,EAAS,M,oCAE2B,O,sIAcI,Q,WAGJ,Q,YAGJ,M,YAGmE,M,CAE9G,MAAA1C,GACE,OACEG,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,aAAc,KACd,wBAAyBxB,KAAK6D,OAC9B,CAAC,uBAAuB7D,KAAKuD,aAAcvD,KAAKuD,QAChD,CAAC,qBAAqBvD,KAAKwD,WAAYxD,KAAKwD,QAG9CnC,EAAA,QAAAE,IAAA,8C"}

package/dist/stzh-components/{p-b145722f.entry.js → p-6e273ca9.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as n,g as a}from"./p-ef5985a3.js";import{h as s}from"./p-87c329f2.js";import"./p-dae15605.js";const c='.sc-stzh-pagecontent-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-pagecontent-h,[stzh-hidden].sc-stzh-pagecontent-h{display:none}.sc-stzh-pagecontent-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagecontent-h *.sc-stzh-pagecontent,.sc-stzh-pagecontent-h *.sc-stzh-pagecontent::before,.sc-stzh-pagecontent-h *.sc-stzh-pagecontent::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-pagecontent-h .has-focus.sc-stzh-pagecontent{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagecontent-h .stzh-fylingfocus-focused.sc-stzh-pagecontent{outline-style:none !important}.sc-stzh-pagecontent-h .stzh-fylingfocus-focused.sc-stzh-pagecontent::-moz-focus-inner{border:0 !important}.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"aside-left aside-left aside-left aside-left" "content content content content"}@media screen and (min-width: 600px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:"aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left" "content content content content content content content content"}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:"aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left" "content content content content content content content content content content content content"}}.stzh-pagecontent__aside-left.sc-stzh-pagecontent{grid-area:aside-left}.stzh-pagecontent__content.sc-stzh-pagecontent{grid-area:content}@media screen and (max-width: 1259px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{position:relative;top:0px;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}}@media screen and (min-width: 1260px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{position:sticky;top:calc(\n        var(--stzh-header-metabar-height, 0px) *\n          var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium)\n      );transition:top var(--stzh-base-transition-animation-speed);width:calc(\n        100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge)\n      )}}@media screen and (min-width: 1600px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{width:calc(\n        100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge)\n      )}}@media screen and (min-width: 1260px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent{--stzh-content-grid-template-areas:"content content content content content content content content content content content content";grid-template-areas:"aside-left aside-left aside-left aside-left content content content content content content content content"}}.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xxxlarge)}}';const o=c;const i=class{constructor(e){t(this,e)}render(){const t=s(this.element,"aside-left");const a=s(this.element,"anchornav");const c={"stzh-pagecontent":true,"stzh-pagecontent--has-aside-left":t||a,"stzh-pagecontent--has-no-aside-left":!t&&!a};return e(n,{key:"f726915c77fb50da570f9464c11423e5a8ccd89a"},e("div",{key:"d41812115b4a4acde596e6a0ab9f010cbd0a61cb",class:c},e("aside",{key:"c66267f8d7d3cedc013a2ec928ed4c45c03255f8",class:"stzh-pagecontent__aside-left"},e("div",{key:"e4e90e268463053ebacfbce8ff4812a737fe7367",class:"stzh-pagecontent__anchornav"},e("slot",{key:"08a0ca43c98fd32d7ef4585d7dcb5e4720f2865c",name:"anchornav"})),e("slot",{key:"a423a6bd099c5891ef13aea3ff2ed09703b8b952",name:"aside-left"})),e("div",{key:"1cdcdf7717832b8d55634a4775f6f5ebda741126",class:"stzh-pagecontent__content"},e("slot",{key:"a67910955cf2adde8784169a5ff9bb3d3306871a"}))))}get element(){return a(this)}};i.style=o;export{i as stzh_pagecontent};
-//# sourceMappingURL=p-b145722f.entry.js.map
+import{r as t,h as e,a as n,g as a}from"./p-ef5985a3.js";import{h as s}from"./p-87c329f2.js";import"./p-dae15605.js";const c='.sc-stzh-pagecontent-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-pagecontent-h,[stzh-hidden].sc-stzh-pagecontent-h{display:none}.sc-stzh-pagecontent-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagecontent-h *.sc-stzh-pagecontent,.sc-stzh-pagecontent-h *.sc-stzh-pagecontent::before,.sc-stzh-pagecontent-h *.sc-stzh-pagecontent::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-pagecontent-h .has-focus.sc-stzh-pagecontent{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagecontent-h .stzh-fylingfocus-focused.sc-stzh-pagecontent{outline-style:none !important}.sc-stzh-pagecontent-h .stzh-fylingfocus-focused.sc-stzh-pagecontent::-moz-focus-inner{border:0 !important}.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"aside-left aside-left aside-left aside-left" "content content content content"}@media screen and (min-width: 600px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:"aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left" "content content content content content content content content"}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:"aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left" "content content content content content content content content content content content content"}}.stzh-pagecontent__aside-left.sc-stzh-pagecontent{grid-area:aside-left}.stzh-pagecontent__content.sc-stzh-pagecontent{grid-area:content}@media screen and (max-width: 1259px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{position:relative;top:0px;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}}@media screen and (min-width: 1260px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{position:sticky;top:calc(\n        var(--stzh-header-metabar-height, 0px) *\n          var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium)\n      );transition:top var(--stzh-base-transition-animation-speed);width:calc(\n        100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge)\n      )}}@media screen and (min-width: 1600px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{width:calc(\n        100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge)\n      )}}@media screen and (min-width: 1260px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent{--stzh-content-grid-template-areas:"content content content content content content content content content content content content";grid-template-areas:"aside-left aside-left aside-left aside-left content content content content content content content content"}}.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xxxlarge)}}';const o=c;const i=class{constructor(e){t(this,e)}render(){const t=s(this.element,"aside-left");const a=s(this.element,"anchornav");const c={"stzh-pagecontent":true,"stzh-pagecontent--has-aside-left":t||a,"stzh-pagecontent--has-no-aside-left":!t&&!a};return e(n,{key:"8204d128129864ac826e4255bd4eadd4b40f2fc5"},e("div",{key:"ff81ff0a4d8bcd01220e15be270920d6dc1dec76",class:c},e("aside",{key:"f0359b46cab1eb0902cfe56dcdb23b492e13069b",class:"stzh-pagecontent__aside-left"},e("div",{key:"68c3dd128f10987c785f8a231e3a661125158427",class:"stzh-pagecontent__anchornav"},e("slot",{key:"7afa88fed75e89bdce4c6ccc5c30ff8d649e7752",name:"anchornav"})),e("slot",{key:"d6e61ba9fb847ddb487ab8e1d96eadaca9030af1",name:"aside-left"})),e("div",{key:"e6b38ec9d28c3a7e8858ee564ebdff1064618af1",class:"stzh-pagecontent__content"},e("slot",{key:"1ad79b2e7695a056ff51ef24f7bee0b766c5d185"}))))}get element(){return a(this)}};i.style=o;export{i as stzh_pagecontent};
+//# sourceMappingURL=p-6e273ca9.entry.js.map

package/dist/stzh-components/{p-8e133247.entry.js → p-70805ea3.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as i,g as r}from"./p-ef5985a3.js";import{s as a,h as o}from"./p-87c329f2.js";import{w as n}from"./p-70ec7e79.js";import{s as h,a as d}from"./p-2c0bec3e.js";import{m as l}from"./p-f4adb3cd.js";import{C as c}from"./p-979121a0.js";import"./p-dae15605.js";import"./p-1ab64d01.js";const f=':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{--label-color:var(--stzh-color-primary70);--background-color:var(--stzh-color-lemonyellow50);--border-color:var(--stzh-color-primary70);--border-width:0.5rem}.stzh-disturber{position:relative;display:flex;background-color:var(--background-color);transition:background-color var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-masked)}.stzh-disturber::before{content:"";position:absolute;inset:0;pointer-events:none;border-style:solid;border-width:0px;border-color:var(--border-color);border-bottom-width:var(--border-width)}@media screen and (min-width: 900px){.stzh-disturber::before{border-right-width:var(--border-width)}}.stzh-disturber__content{padding-bottom:var(--stzh-space-large);padding-top:var(--stzh-space-xxlarge);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1}@media screen and (min-width: 600px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-disturber__label{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing);color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-disturber__close-wrapper{position:absolute;top:0px;right:0px}@media screen and (min-width: 900px){.stzh-disturber__close-wrapper{right:var(--border-width)}}';const b=f;const z="stzh-components-disturber-close";function u(){const t=l("medium").matches;return{keyframes:[{transform:t?"translateY(40px)":"translateY(100%)",opacity:"0"},{transform:"translateY(0px)",opacity:"1"}],options:{duration:300,easing:"ease-out"}}}function p(){const t=l("medium").matches;return{keyframes:[{transform:"translateY(0px)",opacity:"1"},{transform:t?"translateY(40px)":"translateY(100%)",opacity:"0"}],options:{duration:300,easing:"ease-in"}}}const m=class{constructor(s){t(this,s);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.handleLinkSlotchange=()=>{var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.querySelectorAll('stzh-link[slot="link"], [slot="link"] stzh-link');s.forEach((t=>{a(t,{icon:"arrow-right",iconPosition:"right"})}))};this.onCloseButtonClick=()=>{this.hide()};this.localization=undefined;this.label="";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.closeKey=""}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-disturber"})}await h(this.element);this.element.hidden=false;const t=u();await d(this.element,t.keyframes,t.options);this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-disturber"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-disturber"})}await h(this.element);const t=p();await d(this.element,t.keyframes,t.options);this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-disturber"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return n(this.element,"stzhOpened")}async hide(t=true){if(!this.open){return}if(this.closeKey&&t){c.set(`${z}-${this.closeKey}`,Date.now().toString())}this.toggledByMethod=true;this.open=false;return n(this.element,"stzhClosed")}async componentWillLoad(){if(this.closeKey){const t=c.get(`${z}-${this.closeKey}`);if(t){this.hide(false)}}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"disturber")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.opacity="0";this.toggledByMethod=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.openWatcher(true)}),250)}))}))}else{this.element.hidden=!this.open;this.element.style.opacity=this.open?"1":"0"}}render(){const t=o(this.element,"link");const e={"stzh-disturber":true,"stzh-disturber--has-link":t,"stzh-disturber--has-close-hidden":this.hideClose};return s(i,{key:"8b89b6ef3de7091937641b957abcba45e035e3cf"},s("div",{key:"a686138b7009bbb93987a53fc8bd61ed2f9cf60f",ref:t=>this.rootElement=t,class:e},s("div",{key:"eb07a5fbc504e17994f81b19b388e68c7ba36aef",class:"stzh-disturber__content"},s("div",{key:"8f69e4559147d78471bdecefec91683d018fd4ff",class:"stzh-disturber__label"},this.label?this.label:s("slot",{name:"label"})),s("div",{key:"fa90e3d04244a31152a6470ac2acdabfb038fb7f",class:"stzh-disturber__link"},s("slot",{key:"04f1738d6a2a331b7f011c5add5fa70231631a1a",name:"link",onSlotchange:this.handleLinkSlotchange}))),!this.hideClose&&s("div",{key:"a9df5feb4db889a339c417a1d3ee122402d24dba",class:"stzh-disturber__close-wrapper"},s("stzh-button",{key:"e91aa613d720082032580bc04f3dbd0d14725c40",class:"stzh-disturber__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return r(this)}static get watchers(){return{open:["openWatcher"]}}};m.style=b;export{m as stzh_disturber};
-//# sourceMappingURL=p-8e133247.entry.js.map
+import{r as t,c as e,h as s,a as i,g as r}from"./p-ef5985a3.js";import{s as a,h as o}from"./p-87c329f2.js";import{w as n}from"./p-70ec7e79.js";import{s as h,a as d}from"./p-2c0bec3e.js";import{m as l}from"./p-f4adb3cd.js";import{C as c}from"./p-979121a0.js";import"./p-dae15605.js";import"./p-1ab64d01.js";const f=':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{--label-color:var(--stzh-color-primary70);--background-color:var(--stzh-color-lemonyellow50);--border-color:var(--stzh-color-primary70);--border-width:0.5rem}.stzh-disturber{position:relative;display:flex;background-color:var(--background-color);transition:background-color var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-masked)}.stzh-disturber::before{content:"";position:absolute;inset:0;pointer-events:none;border-style:solid;border-width:0px;border-color:var(--border-color);border-bottom-width:var(--border-width)}@media screen and (min-width: 900px){.stzh-disturber::before{border-right-width:var(--border-width)}}.stzh-disturber__content{padding-bottom:var(--stzh-space-large);padding-top:var(--stzh-space-xxlarge);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1}@media screen and (min-width: 600px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-disturber__label{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing);color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-disturber__close-wrapper{position:absolute;top:0px;right:0px}@media screen and (min-width: 900px){.stzh-disturber__close-wrapper{right:var(--border-width)}}';const b=f;const z="stzh-components-disturber-close";function u(){const t=l("medium").matches;return{keyframes:[{transform:t?"translateY(40px)":"translateY(100%)",opacity:"0"},{transform:"translateY(0px)",opacity:"1"}],options:{duration:300,easing:"ease-out"}}}function p(){const t=l("medium").matches;return{keyframes:[{transform:"translateY(0px)",opacity:"1"},{transform:t?"translateY(40px)":"translateY(100%)",opacity:"0"}],options:{duration:300,easing:"ease-in"}}}const m=class{constructor(s){t(this,s);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.handleLinkSlotchange=()=>{var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.querySelectorAll('stzh-link[slot="link"], [slot="link"] stzh-link');s.forEach((t=>{a(t,{icon:"arrow-right",iconPosition:"right"})}))};this.onCloseButtonClick=()=>{this.hide()};this.localization=undefined;this.label="";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.closeKey=""}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-disturber"})}await h(this.element);this.element.hidden=false;const t=u();await d(this.element,t.keyframes,t.options);this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-disturber"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-disturber"})}await h(this.element);const t=p();await d(this.element,t.keyframes,t.options);this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-disturber"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return n(this.element,"stzhOpened")}async hide(t=true){if(!this.open){return}if(this.closeKey&&t){c.set(`${z}-${this.closeKey}`,Date.now().toString())}this.toggledByMethod=true;this.open=false;return n(this.element,"stzhClosed")}async componentWillLoad(){if(this.closeKey){const t=c.get(`${z}-${this.closeKey}`);if(t){this.hide(false)}}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"disturber")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.opacity="0";this.toggledByMethod=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.openWatcher(true)}),250)}))}))}else{this.element.hidden=!this.open;this.element.style.opacity=this.open?"1":"0"}}render(){const t=o(this.element,"link");const e={"stzh-disturber":true,"stzh-disturber--has-link":t,"stzh-disturber--has-close-hidden":this.hideClose};return s(i,{key:"861040a01008f7fc6badcf562e1e6d3255470103"},s("div",{key:"ccfaf74d684c89e885fb7ba914597f512bbbb893",ref:t=>this.rootElement=t,class:e},s("div",{key:"31e3345060aa1d5c1d506caf0c435bf6f852fe39",class:"stzh-disturber__content"},s("div",{key:"9a88fcb0b7e88ad18c5057bdc90fa58b8b4da57a",class:"stzh-disturber__label"},this.label?this.label:s("slot",{name:"label"})),s("div",{key:"9af588ae178e34d96cfc12de95c5a0e7ad50990c",class:"stzh-disturber__link"},s("slot",{key:"ba98087a4b4d96bb1443a7f2db179d5ec066a170",name:"link",onSlotchange:this.handleLinkSlotchange}))),!this.hideClose&&s("div",{key:"3d6e10b856995fabc8a25da27ab5ff3cb900fdea",class:"stzh-disturber__close-wrapper"},s("stzh-button",{key:"04e7775c49d9f6e2a458ff6f16ed86b76b20f5d1",class:"stzh-disturber__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return r(this)}static get watchers(){return{open:["openWatcher"]}}};m.style=b;export{m as stzh_disturber};
+//# sourceMappingURL=p-70805ea3.entry.js.map

package/dist/stzh-components/{p-44e26f4d.entry.js → p-714fdd73.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,a as n,g as r}from"./p-ef5985a3.js";import{h as e}from"./p-87c329f2.js";import{S as a}from"./p-9531514f.js";import"./p-dae15605.js";const o=".sc-stzh-rating-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-rating-h,[stzh-hidden].sc-stzh-rating-h{display:none}.sc-stzh-rating-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-rating-h *.sc-stzh-rating,.sc-stzh-rating-h *.sc-stzh-rating::before,.sc-stzh-rating-h *.sc-stzh-rating::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-rating-h .has-focus.sc-stzh-rating{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating{outline-style:none !important}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating::-moz-focus-inner{border:0 !important}.sc-stzh-rating-h{--rating-legend-color:var(--stzh-rating-legend-color, var(--stzh-heading-color));--rating-icon-empty:var(--stzh-color-primary70);--rating-icon-active:var(--stzh-color-primary70);--rating-icon-hover:var(--stzh-color-secondary60);--rating-icon-invalid:var(--stzh-color-error60);--rating-icon-disabled-empty:var(--stzh-color-grey70);--rating-icon-disabled-active:var(--stzh-color-grey70)}[disabled].sc-stzh-rating-h:not([disabled=false]){--description-color:var(--stzh-color-grey70);--rating-legend-color:var(--stzh-color-grey70);--rating-icon-empty:var(--rating-icon-disabled-empty);--rating-icon-active:var(--rating-icon-disabled-active)}[is-invalid].sc-stzh-rating-h{--rating-icon-empty:var(--rating-icon-invalid);--rating-icon-active:var(--rating-icon-invalid);--rating-icon-hover:var(--rating-icon-invalid)}[invalid].sc-stzh-rating-h:not([invalid=false]) button.rating-item.filled.sc-stzh-rating>stzh-icon.sc-stzh-rating{--color:var(--rating-icon-invalid)}[is-invalid].sc-stzh-rating-h button.rating-item.filled.sc-stzh-rating stzh-icon.sc-stzh-rating,[is-invalid].sc-stzh-rating-h button.rating-item.is-preview.sc-stzh-rating stzh-icon.sc-stzh-rating{--color:var(--rating-icon-invalid) !important}[disabled].sc-stzh-rating-h:not([disabled=false]) button.rating-item.sc-stzh-rating{cursor:not-allowed}.stzh-rating.sc-stzh-rating{margin:0;padding:0;border:none;--rating-item-size:3rem;--rating-item-gap-sm:0.5rem;--rating-item-gap-lg:0.75rem}.stzh-rating__marker-symbol.sc-stzh-rating{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-rating__marker-text.sc-stzh-rating{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-rating__description-wrapper.sc-stzh-rating{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-rating__error.sc-stzh-rating,.stzh-rating__description.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-rating__error.sc-stzh-rating{color:var(--stzh-color-error60)}.stzh-rating__error-list.sc-stzh-rating{list-style:none;margin:0;padding:0}.stzh-rating__description.sc-stzh-rating{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-rating__description-long.sc-stzh-rating{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-rating__description-long.sc-stzh-rating{margin-top:0}}.stzh-rating__description-long-popover.sc-stzh-rating{--width:auto;--max-width:27.3125rem}.stzh-rating__description-long-button.sc-stzh-rating{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-rating.sc-stzh-rating stzh-icon.stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-xsmall)}.stzh-rating--has-error.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating--has-description.sc-stzh-rating .stzh-rating__description.sc-stzh-rating{margin-top:var(--stzh-space-xxxsmall)}.stzh-rating__legend.sc-stzh-rating{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--rating-legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-rating--has-label-hidden.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{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-rating__marker.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-rating--is-invalid.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating,.stzh-rating--has-error.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-error60)}.stzh-rating--is-disabled.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-grey60)}.stzh-rating--size-default.sc-stzh-rating{--rating-item-size:3rem}.stzh-rating--size-small.sc-stzh-rating{--rating-item-size:2.25rem}.stzh-rating__items.sc-stzh-rating{display:inline-flex;align-items:center;gap:var(--rating-item-gap-sm);padding:0;min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-sm) * 4);min-height:var(--stzh-form-input-height, var(--stzh-form-input-height))}@media (min-width: 900px){.stzh-rating__items.sc-stzh-rating{gap:var(--rating-item-gap-lg);min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-lg) * 4)}}button.rating-item.sc-stzh-rating{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;background:transparent;box-sizing:border-box;border:0.125rem solid transparent;padding:0;margin:0;line-height:1;cursor:pointer;width:var(--rating-item-size);height:var(--rating-item-size);flex:0 0 var(--rating-item-size);min-width:var(--rating-item-size);min-height:var(--rating-item-size)}button.rating-item.sc-stzh-rating:focus{outline:none}button.rating-item.sc-stzh-rating:focus-visible{border-color:var(--focus-border-color, var(--stzh-color-secondary50));box-shadow:0 0 0 0.125rem var(--stzh-color-white), 0 0 0 0.25rem var(--focus-border-color, var(--stzh-color-secondary50))}button.rating-item.disabled.sc-stzh-rating,button.rating-item.readonly.sc-stzh-rating{cursor:default}button.rating-item.sc-stzh-rating stzh-icon.sc-stzh-rating{display:block;width:100%;height:100%;--size:100%;--color:var(--rating-icon-empty);transition:none}button.rating-item.filled.sc-stzh-rating stzh-icon.sc-stzh-rating{--color:var(--rating-icon-active)}button.rating-item.is-preview.sc-stzh-rating:not(.disabled):not(.readonly) stzh-icon.sc-stzh-rating{--color:var(--rating-icon-hover)}";const h=o;let l=0;const c=5;const g=[1,2,3,4,5];const d=class{constructor(s){t(this,s);this.stzhChange=i(this,"stzhChange",7);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this._error=[];this.ratingButtons=[];this.onMouseEnter=t=>{if(this.readonly||this.disabled)return;this.hoverIndex=t};this.onMouseLeave=()=>{if(this.readonly||this.disabled)return;this.hoverIndex=null};this.onClick=(t,i)=>{if(this.readonly||this.disabled)return;const s=this.value;const n=this.clampRatingValue(t);if(n!==s){this.value=n;this.stzhChange.emit({component:"stzh-rating",originalEvent:i,value:this.value})}this.hoverIndex=null;this.setTabbableAndFocus(n)};this.onContainerKeyDown=t=>{if(this.readonly||this.disabled)return;if(t.defaultPrevented)return;this.userKeyFocused=true;const i=getComputedStyle(this.containerEl).direction==="rtl";const s=i?"ArrowLeft":"ArrowRight";const n=i?"ArrowRight":"ArrowLeft";if(t.key===s||t.key==="ArrowUp"){t.preventDefault();if(this.tabbableIndex==null)this.setTabbableAndFocus(this.value||1);this.handleStep(this.value||null,+1,t)}else if(t.key===n||t.key==="ArrowDown"){t.preventDefault();if(this.tabbableIndex==null)this.setTabbableAndFocus(this.value||5);this.handleStep(this.value||6,-1,t)}else if(t.key==="Home"){t.preventDefault();const i=this.value;this.value=1;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(1)}else if(t.key==="End"){t.preventDefault();const i=this.value;this.value=5;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(5)}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(!this.value){const i=this.value;this.value=1;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(1)}else if(this.tabbableIndex==null){this.setTabbableAndFocus(this.value)}}};this.onRatingItemKeyDown=(t,i)=>{if(this.readonly||this.disabled)return;this.userKeyFocused=true;const s=getComputedStyle(this.containerEl).direction==="rtl";const n=s?"ArrowLeft":"ArrowRight";const r=s?"ArrowRight":"ArrowLeft";if(i.key===n||i.key==="ArrowUp"){i.preventDefault();i.stopPropagation();this.handleStep(t,+1,i)}else if(i.key===r||i.key==="ArrowDown"){i.preventDefault();i.stopPropagation();this.handleStep(t,-1,i)}};this.localization=undefined;this.value=0;this.disabled=false;this.readonly=false;this.invalid=false;this.required=false;this.hideOptional=false;this.name=undefined;this.label="Label";this.analyticsId=undefined;this.labelHidden=false;this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.size="default";this.a11yDescribedby="";this.hoverIndex=null;this.tabbableIndex=null;this.userKeyFocused=false}handleFocusOut(t){const i=t.relatedTarget;if(i&&this.element.contains(i))return;this.stzhBlur.emit({component:"stzh-rating",originalEvent:t})}handleFocusIn(t){if(!this.element.contains(t.target))return;this.stzhFocus.emit({component:"stzh-rating",originalEvent:t})}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)||[];if(!Array.isArray(this._error))this._error=[t]}catch(i){this._error=t?[t]:[]}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){var t,i;this.groupId=`stzh-rating-${l++}`;this.errorWatcher(this.error);if(!this.localization&&((i=(t=window===null||window===void 0?void 0:window.stzhComponents)===null||t===void 0?void 0:t.utils)===null||i===void 0?void 0:i.fetchTranslations)){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"rating")}this.tabbableIndex=null}clampRatingValue(t){const i=Number(t);if(!Number.isFinite(i))return 0;return Math.max(0,Math.min(c,Math.round(i)))}async setValue(t){this.value=this.clampRatingValue(t)}get displayValue(){var t;return(t=this.hoverIndex)!==null&&t!==void 0?t:this.value}setTabbableAndFocus(t){this.tabbableIndex=t;const i=this.ratingButtons[t-1];if(i)i.focus()}handleStep(t,i,s){const n=t!==null&&t!==void 0?t:0;const r=this.clampRatingValue(n+i);if(r!==this.value){this.value=r;this.stzhChange.emit({component:"stzh-rating",originalEvent:s,value:this.value})}this.setTabbableAndFocus(r)}get errorUsed(){return e(this.element,"error")||this._error.length>0}render(){var t,i,r,o,h,l,c,d;const z=e(this.element,"description")||!!this.description;const f=e(this.element,"description-long")||!!this.descriptionLong;const u=e(this.element)||!!this.label;const v=`${this.groupId}-legend`;const m={"stzh-rating":true,"stzh-rating--has-description":z,"stzh-rating--has-description-long":f,"stzh-rating--has-error":this.errorUsed,"stzh-rating--is-disabled":this.disabled,"stzh-rating--is-readonly":this.readonly,"stzh-rating--is-invalid":this.invalid||this.errorUsed,"stzh-rating--has-label-hidden":this.labelHidden,[`stzh-rating--size-${this.size}`]:!!this.size};const p=(t=this.localization)===null||t===void 0?void 0:t.$globals;const b=this.required?(i=p===null||p===void 0?void 0:p.requiredFieldMarker)!==null&&i!==void 0?i:"*":(r=p===null||p===void 0?void 0:p.optionalFieldMarker)!==null&&r!==void 0?r:"(optional)";const y=this.required?(o=p===null||p===void 0?void 0:p.requiredFieldText)!==null&&o!==void 0?o:"Required":(h=p===null||p===void 0?void 0:p.optionalFieldText)!==null&&h!==void 0?h:"Optional";const _=[this.description||z||f||this.errorUsed?`${this.groupId}-description`:"",this.a11yDescribedby].filter(Boolean).join(" ")||undefined;const w=this.value||0;return s(n,{key:"7ef87267b4048f58eb41c68ebee6f028ff8bf7e5","is-invalid":this.invalid||this.errorUsed,"data-user-focus":this.userKeyFocused?"true":null},this.name&&!this.disabled&&!this.readonly&&s("input",{key:"f7c03407c9b3c127f032a4eb24747b3a01da9db1",type:"hidden",name:this.name,value:String(this.value)}),s("fieldset",{key:"8ac57160477dacf61cc3dbe80f11bb8a6442689d",class:m},s("legend",{key:"c97abb8f71434f648b2f7425dbff507b62df4b30",id:v,class:"stzh-rating__legend"},e(this.element)?s("slot",null):(l=this.label)!==null&&l!==void 0?l:"Label",!this.hideOptional&&s("span",{key:"5a8f68604e8a2bfbe1d5e615fe4f4f98bd153cb6",class:"stzh-rating__marker"},s("span",{key:"cdcacdbfdcb4f507b36cfe9fe0147fec72d184d8",class:"stzh-rating__marker-symbol","aria-hidden":"true"},b),s("span",{key:"2ca7e2ee773bd87eef8a24132ecf2bbd76922aa6",class:"stzh-rating__marker-text"},y))),s("div",{key:"d99ea0617f5769320ea5c07bbe88ae62ba42923a",class:"stzh-rating__items",role:"radiogroup","aria-labelledby":u?v:undefined,"aria-label":u?undefined:this.readonly?`${w} von 5 Punkten`:`Bewertung: ${w} von 5 Punkten. Mit Pfeiltasten ändern.`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid||this.errorUsed?"true":"false","aria-describedby":_,id:this.groupId,tabIndex:this.disabled?undefined:0,onKeyDown:this.onContainerKeyDown,ref:t=>this.containerEl=t},g.map((t=>{const i=this.displayValue;const n=this.value>=t;const r=this.hoverIndex;const e=r!=null&&t<=r;return s("button",{type:"button",class:{"rating-item":true,filled:n,"is-preview":e,disabled:this.disabled,readonly:this.readonly},role:"radio",tabIndex:this.tabbableIndex===t?0:-1,"aria-checked":this.value>=t?"true":"false","aria-label":`${t} ${t===1?"Punkt":"Punkte"}`,onMouseEnter:()=>this.onMouseEnter(t),onMouseLeave:this.onMouseLeave,onKeyDown:i=>this.onRatingItemKeyDown(t,i),onClick:i=>this.onClick(t,i),disabled:this.disabled||this.readonly,ref:i=>this.ratingButtons[t-1]=i,"s-object-id":this.analyticsId||this.label},s("stzh-icon",{name:i>=t?"star-filled":"star","a11y-title":"",style:{"--size":"100%"}}))}))),(this.errorUsed||this.description)&&s(a,{key:"b040d0cb0f915abeef05afeb8d0d276cfdd29b18",classPrefix:"stzh-rating",id:`${this.groupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:f,moreInfoButtonLabel:(d=(c=this.localization)===null||c===void 0?void 0:c.$globals)===null||d===void 0?void 0:d.moreInfoButtonLabel})))}get element(){return r(this)}static get watchers(){return{error:["errorWatcher"]}}};d.style=h;export{d as stzh_rating};
-//# sourceMappingURL=p-44e26f4d.entry.js.map
+import{r as t,c as i,h as s,a as n,g as r}from"./p-ef5985a3.js";import{h as e}from"./p-87c329f2.js";import{S as a}from"./p-9531514f.js";import"./p-dae15605.js";const o=".sc-stzh-rating-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-rating-h,[stzh-hidden].sc-stzh-rating-h{display:none}.sc-stzh-rating-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-rating-h *.sc-stzh-rating,.sc-stzh-rating-h *.sc-stzh-rating::before,.sc-stzh-rating-h *.sc-stzh-rating::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-rating-h .has-focus.sc-stzh-rating{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating{outline-style:none !important}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating::-moz-focus-inner{border:0 !important}.sc-stzh-rating-h{--rating-legend-color:var(--stzh-rating-legend-color, var(--stzh-heading-color));--rating-icon-empty:var(--stzh-color-primary70);--rating-icon-active:var(--stzh-color-primary70);--rating-icon-hover:var(--stzh-color-secondary60);--rating-icon-invalid:var(--stzh-color-error60);--rating-icon-disabled-empty:var(--stzh-color-grey70);--rating-icon-disabled-active:var(--stzh-color-grey70)}[disabled].sc-stzh-rating-h:not([disabled=false]){--description-color:var(--stzh-color-grey70);--rating-legend-color:var(--stzh-color-grey70);--rating-icon-empty:var(--rating-icon-disabled-empty);--rating-icon-active:var(--rating-icon-disabled-active)}[is-invalid].sc-stzh-rating-h{--rating-icon-empty:var(--rating-icon-invalid);--rating-icon-active:var(--rating-icon-invalid);--rating-icon-hover:var(--rating-icon-invalid)}[invalid].sc-stzh-rating-h:not([invalid=false]) button.rating-item.filled.sc-stzh-rating>stzh-icon.sc-stzh-rating{--color:var(--rating-icon-invalid)}[is-invalid].sc-stzh-rating-h button.rating-item.filled.sc-stzh-rating stzh-icon.sc-stzh-rating,[is-invalid].sc-stzh-rating-h button.rating-item.is-preview.sc-stzh-rating stzh-icon.sc-stzh-rating{--color:var(--rating-icon-invalid) !important}[disabled].sc-stzh-rating-h:not([disabled=false]) button.rating-item.sc-stzh-rating{cursor:not-allowed}.stzh-rating.sc-stzh-rating{margin:0;padding:0;border:none;--rating-item-size:3rem;--rating-item-gap-sm:0.5rem;--rating-item-gap-lg:0.75rem}.stzh-rating__marker-symbol.sc-stzh-rating{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-rating__marker-text.sc-stzh-rating{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-rating__description-wrapper.sc-stzh-rating{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-rating__error.sc-stzh-rating,.stzh-rating__description.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-rating__error.sc-stzh-rating{color:var(--stzh-color-error60)}.stzh-rating__error-list.sc-stzh-rating{list-style:none;margin:0;padding:0}.stzh-rating__description.sc-stzh-rating{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-rating__description-long.sc-stzh-rating{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-rating__description-long.sc-stzh-rating{margin-top:0}}.stzh-rating__description-long-popover.sc-stzh-rating{--width:auto;--max-width:27.3125rem}.stzh-rating__description-long-button.sc-stzh-rating{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-rating.sc-stzh-rating stzh-icon.stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-xsmall)}.stzh-rating--has-error.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating--has-description.sc-stzh-rating .stzh-rating__description.sc-stzh-rating{margin-top:var(--stzh-space-xxxsmall)}.stzh-rating__legend.sc-stzh-rating{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--rating-legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-rating--has-label-hidden.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{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-rating__marker.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-rating--is-invalid.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating,.stzh-rating--has-error.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-error60)}.stzh-rating--is-disabled.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-grey60)}.stzh-rating--size-default.sc-stzh-rating{--rating-item-size:3rem}.stzh-rating--size-small.sc-stzh-rating{--rating-item-size:2.25rem}.stzh-rating__items.sc-stzh-rating{display:inline-flex;align-items:center;gap:var(--rating-item-gap-sm);padding:0;min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-sm) * 4);min-height:var(--stzh-form-input-height, var(--stzh-form-input-height))}@media (min-width: 900px){.stzh-rating__items.sc-stzh-rating{gap:var(--rating-item-gap-lg);min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-lg) * 4)}}button.rating-item.sc-stzh-rating{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;background:transparent;box-sizing:border-box;border:0.125rem solid transparent;padding:0;margin:0;line-height:1;cursor:pointer;width:var(--rating-item-size);height:var(--rating-item-size);flex:0 0 var(--rating-item-size);min-width:var(--rating-item-size);min-height:var(--rating-item-size)}button.rating-item.sc-stzh-rating:focus{outline:none}button.rating-item.sc-stzh-rating:focus-visible{border-color:var(--focus-border-color, var(--stzh-color-secondary50));box-shadow:0 0 0 0.125rem var(--stzh-color-white), 0 0 0 0.25rem var(--focus-border-color, var(--stzh-color-secondary50))}button.rating-item.disabled.sc-stzh-rating,button.rating-item.readonly.sc-stzh-rating{cursor:default}button.rating-item.sc-stzh-rating stzh-icon.sc-stzh-rating{display:block;width:100%;height:100%;--size:100%;--color:var(--rating-icon-empty);transition:none}button.rating-item.filled.sc-stzh-rating stzh-icon.sc-stzh-rating{--color:var(--rating-icon-active)}button.rating-item.is-preview.sc-stzh-rating:not(.disabled):not(.readonly) stzh-icon.sc-stzh-rating{--color:var(--rating-icon-hover)}";const h=o;let l=0;const c=5;const g=[1,2,3,4,5];const d=class{constructor(s){t(this,s);this.stzhChange=i(this,"stzhChange",7);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this._error=[];this.ratingButtons=[];this.onMouseEnter=t=>{if(this.readonly||this.disabled)return;this.hoverIndex=t};this.onMouseLeave=()=>{if(this.readonly||this.disabled)return;this.hoverIndex=null};this.onClick=(t,i)=>{if(this.readonly||this.disabled)return;const s=this.value;const n=this.clampRatingValue(t);if(n!==s){this.value=n;this.stzhChange.emit({component:"stzh-rating",originalEvent:i,value:this.value})}this.hoverIndex=null;this.setTabbableAndFocus(n)};this.onContainerKeyDown=t=>{if(this.readonly||this.disabled)return;if(t.defaultPrevented)return;this.userKeyFocused=true;const i=getComputedStyle(this.containerEl).direction==="rtl";const s=i?"ArrowLeft":"ArrowRight";const n=i?"ArrowRight":"ArrowLeft";if(t.key===s||t.key==="ArrowUp"){t.preventDefault();if(this.tabbableIndex==null)this.setTabbableAndFocus(this.value||1);this.handleStep(this.value||null,+1,t)}else if(t.key===n||t.key==="ArrowDown"){t.preventDefault();if(this.tabbableIndex==null)this.setTabbableAndFocus(this.value||5);this.handleStep(this.value||6,-1,t)}else if(t.key==="Home"){t.preventDefault();const i=this.value;this.value=1;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(1)}else if(t.key==="End"){t.preventDefault();const i=this.value;this.value=5;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(5)}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(!this.value){const i=this.value;this.value=1;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(1)}else if(this.tabbableIndex==null){this.setTabbableAndFocus(this.value)}}};this.onRatingItemKeyDown=(t,i)=>{if(this.readonly||this.disabled)return;this.userKeyFocused=true;const s=getComputedStyle(this.containerEl).direction==="rtl";const n=s?"ArrowLeft":"ArrowRight";const r=s?"ArrowRight":"ArrowLeft";if(i.key===n||i.key==="ArrowUp"){i.preventDefault();i.stopPropagation();this.handleStep(t,+1,i)}else if(i.key===r||i.key==="ArrowDown"){i.preventDefault();i.stopPropagation();this.handleStep(t,-1,i)}};this.localization=undefined;this.value=0;this.disabled=false;this.readonly=false;this.invalid=false;this.required=false;this.hideOptional=false;this.name=undefined;this.label="Label";this.analyticsId=undefined;this.labelHidden=false;this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.size="default";this.a11yDescribedby="";this.hoverIndex=null;this.tabbableIndex=null;this.userKeyFocused=false}handleFocusOut(t){const i=t.relatedTarget;if(i&&this.element.contains(i))return;this.stzhBlur.emit({component:"stzh-rating",originalEvent:t})}handleFocusIn(t){if(!this.element.contains(t.target))return;this.stzhFocus.emit({component:"stzh-rating",originalEvent:t})}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)||[];if(!Array.isArray(this._error))this._error=[t]}catch(i){this._error=t?[t]:[]}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){var t,i;this.groupId=`stzh-rating-${l++}`;this.errorWatcher(this.error);if(!this.localization&&((i=(t=window===null||window===void 0?void 0:window.stzhComponents)===null||t===void 0?void 0:t.utils)===null||i===void 0?void 0:i.fetchTranslations)){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"rating")}this.tabbableIndex=null}clampRatingValue(t){const i=Number(t);if(!Number.isFinite(i))return 0;return Math.max(0,Math.min(c,Math.round(i)))}async setValue(t){this.value=this.clampRatingValue(t)}get displayValue(){var t;return(t=this.hoverIndex)!==null&&t!==void 0?t:this.value}setTabbableAndFocus(t){this.tabbableIndex=t;const i=this.ratingButtons[t-1];if(i)i.focus()}handleStep(t,i,s){const n=t!==null&&t!==void 0?t:0;const r=this.clampRatingValue(n+i);if(r!==this.value){this.value=r;this.stzhChange.emit({component:"stzh-rating",originalEvent:s,value:this.value})}this.setTabbableAndFocus(r)}get errorUsed(){return e(this.element,"error")||this._error.length>0}render(){var t,i,r,o,h,l,c,d;const z=e(this.element,"description")||!!this.description;const f=e(this.element,"description-long")||!!this.descriptionLong;const u=e(this.element)||!!this.label;const v=`${this.groupId}-legend`;const m={"stzh-rating":true,"stzh-rating--has-description":z,"stzh-rating--has-description-long":f,"stzh-rating--has-error":this.errorUsed,"stzh-rating--is-disabled":this.disabled,"stzh-rating--is-readonly":this.readonly,"stzh-rating--is-invalid":this.invalid||this.errorUsed,"stzh-rating--has-label-hidden":this.labelHidden,[`stzh-rating--size-${this.size}`]:!!this.size};const p=(t=this.localization)===null||t===void 0?void 0:t.$globals;const b=this.required?(i=p===null||p===void 0?void 0:p.requiredFieldMarker)!==null&&i!==void 0?i:"*":(r=p===null||p===void 0?void 0:p.optionalFieldMarker)!==null&&r!==void 0?r:"(optional)";const y=this.required?(o=p===null||p===void 0?void 0:p.requiredFieldText)!==null&&o!==void 0?o:"Required":(h=p===null||p===void 0?void 0:p.optionalFieldText)!==null&&h!==void 0?h:"Optional";const _=[this.description||z||f||this.errorUsed?`${this.groupId}-description`:"",this.a11yDescribedby].filter(Boolean).join(" ")||undefined;const w=this.value||0;return s(n,{key:"8994f69d23237b3bbc118e4e72d59b57fc3282fd","is-invalid":this.invalid||this.errorUsed,"data-user-focus":this.userKeyFocused?"true":null},this.name&&!this.disabled&&!this.readonly&&s("input",{key:"203eaefdd68ac9883e86cd7b9be472a15453ecd1",type:"hidden",name:this.name,value:String(this.value)}),s("fieldset",{key:"7826202a741d4b0ee09f875f345b33b84708a697",class:m},s("legend",{key:"32105c21f00164b1885b7db714bee2048d4b56a6",id:v,class:"stzh-rating__legend"},e(this.element)?s("slot",null):(l=this.label)!==null&&l!==void 0?l:"Label",!this.hideOptional&&s("span",{key:"784303a15536df960e017035c5b90c5eb0b34cf4",class:"stzh-rating__marker"},s("span",{key:"f589ee64282f160189c18c7d2c799002da687105",class:"stzh-rating__marker-symbol","aria-hidden":"true"},b),s("span",{key:"23c5dd2ab1b744d72af50629ac4f8926c0955a10",class:"stzh-rating__marker-text"},y))),s("div",{key:"d6a39c5f6cecf8099ed73b3ad60dd72b46f762b6",class:"stzh-rating__items",role:"radiogroup","aria-labelledby":u?v:undefined,"aria-label":u?undefined:this.readonly?`${w} von 5 Punkten`:`Bewertung: ${w} von 5 Punkten. Mit Pfeiltasten ändern.`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid||this.errorUsed?"true":"false","aria-describedby":_,id:this.groupId,tabIndex:this.disabled?undefined:0,onKeyDown:this.onContainerKeyDown,ref:t=>this.containerEl=t},g.map((t=>{const i=this.displayValue;const n=this.value>=t;const r=this.hoverIndex;const e=r!=null&&t<=r;return s("button",{type:"button",class:{"rating-item":true,filled:n,"is-preview":e,disabled:this.disabled,readonly:this.readonly},role:"radio",tabIndex:this.tabbableIndex===t?0:-1,"aria-checked":this.value>=t?"true":"false","aria-label":`${t} ${t===1?"Punkt":"Punkte"}`,onMouseEnter:()=>this.onMouseEnter(t),onMouseLeave:this.onMouseLeave,onKeyDown:i=>this.onRatingItemKeyDown(t,i),onClick:i=>this.onClick(t,i),disabled:this.disabled||this.readonly,ref:i=>this.ratingButtons[t-1]=i,"s-object-id":this.analyticsId||this.label},s("stzh-icon",{name:i>=t?"star-filled":"star","a11y-title":"",style:{"--size":"100%"}}))}))),(this.errorUsed||this.description)&&s(a,{key:"4c3ef0def00da808413a7db2d2e057bf2b336c12",classPrefix:"stzh-rating",id:`${this.groupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:f,moreInfoButtonLabel:(d=(c=this.localization)===null||c===void 0?void 0:c.$globals)===null||d===void 0?void 0:d.moreInfoButtonLabel})))}get element(){return r(this)}static get watchers(){return{error:["errorWatcher"]}}};d.style=h;export{d as stzh_rating};
+//# sourceMappingURL=p-714fdd73.entry.js.map

package/dist/stzh-components/{p-664e7a09.entry.js → p-7157b3d2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a as s,g as n}from"./p-ef5985a3.js";import{w as a}from"./p-70ec7e79.js";import{s as h,a as o,b as r}from"./p-2c0bec3e.js";import{m as d,a as c,r as p}from"./p-f4adb3cd.js";const l=":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-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;scrollbar-color:var(--stzh-color-primary40) var(--content-background);}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto;bottom:0}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{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);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{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);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-centi-font-size);line-height:var(--stzh-font-centi-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:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}";const m=l;const u={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const z={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let v=0;const g=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.stzhMenuItemClick=e(this,"stzhMenuItemClick",7);this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=d("small").matches;this.isMedium=d("medium").matches;this.isLarge=d("large").matches;this.isUltra=d("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}};this.localization=undefined;this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.isSmall=undefined;this.isMedium=undefined;this.isLarge=undefined;this.isUltra=undefined;this.analyticsId=undefined;this.rootTabindex=0}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(z.keyframes,{height:this.bodyElement.scrollHeight}),z.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:"stzh-pi-menu__sub-menu"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true,active:t.active}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${v++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"19c9245b7898158309b63e3cecbb6322a9494567",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"80bf1fd91b550fcfd4b1894020957f890d67520f",class:"stzh-pi-menu-positioner"},i("div",{key:"44b07a6af2535d75f2aee4f64edae2f05420774f",class:e,style:{width:r}},i("div",{key:"5ebcdd0b185e4be3b9e86bc7e83ce2087b09dabb",class:n,onClick:this.handleBackdropClick}),i(t,{key:"075ce52b2106e0df7eac5414a51690b049f982c7",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"b1a7f0497f7e973848e8fe4d337d2f7d5b13b28f",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"7beb1052c937d6c7a536be8bd92f8cc536cc9018",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"9901049180363da950c14a75ad44db0360cc4e2f",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"d0ebd8482b70224040fcc19a3693026c95e60579",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"fd76f69718f44ca704754e0c5ebed8309ea9f2f4",class:"stzh-pi-menu__content-inner"},i("nav",{key:"ebc0138ea3372635a5c2538050dbe235e41735d8",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"778afe5da2ce59a0a72456c44f7be248a097c707",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"6fc94fcfb7a6711928e624f854b77bd5927fc24e",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"0347330e191eda5dda471f6e4379b254edc5cab2",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"a42ee43aa87c160023605933428c75c0072fe691",class:"stzh-pi-menu__button-text"},i("span",{key:"53106545d12e49cde15a24706f532bdfd179e8b3",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"e638fc640654dc3cb1223a40c34cfc7b8191e19a",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};g.style=m;export{g as stzh_pi_menu};
-//# sourceMappingURL=p-664e7a09.entry.js.map
+import{r as t,c as e,h as i,a as s,g as n}from"./p-ef5985a3.js";import{w as a}from"./p-70ec7e79.js";import{s as h,a as o,b as r}from"./p-2c0bec3e.js";import{m as d,a as c,r as p}from"./p-f4adb3cd.js";const l=":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-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;scrollbar-color:var(--stzh-color-primary40) var(--content-background);}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto;bottom:0}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{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);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{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);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-centi-font-size);line-height:var(--stzh-font-centi-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:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}";const m=l;const u={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const z={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let v=0;const g=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.stzhMenuItemClick=e(this,"stzhMenuItemClick",7);this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=d("small").matches;this.isMedium=d("medium").matches;this.isLarge=d("large").matches;this.isUltra=d("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}};this.localization=undefined;this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.isSmall=undefined;this.isMedium=undefined;this.isLarge=undefined;this.isUltra=undefined;this.analyticsId=undefined;this.rootTabindex=0}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(z.keyframes,{height:this.bodyElement.scrollHeight}),z.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:"stzh-pi-menu__sub-menu"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true,active:t.active}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${v++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"f8b2a64582df45c8f125c3b0b41fe9f4d72ec6e3",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"6d91d3726087d07be15d6aae92744934d4625332",class:"stzh-pi-menu-positioner"},i("div",{key:"2e9e4f99be510acf7dd7c7e3d2ec3fc41b8c6580",class:e,style:{width:r}},i("div",{key:"275e750ac7ff5a0c3c341aba864bf40d11a1a80f",class:n,onClick:this.handleBackdropClick}),i(t,{key:"58e00809ae1ed9b03459b915411dba1ae64935e7",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"e9e5da54d955b7fcecc6fab3d2a30f18fbbdd57c",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"9a291dfdc959bb51d52078e393b9b244ab3b00d3",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"d9857c53ba80eadbaa361e8481090a374f0cac7a",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"a1ac8833c9e0da632a3562a4158638674170dbd5",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"e61224ef67247a17903e17641c4e9bd47e50d56b",class:"stzh-pi-menu__content-inner"},i("nav",{key:"02148b9b7835b346647290df6eedb04fcef9d1c2",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"70b7a60a240b0614244aba0f85a323566c2739f0",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"1dc8ef72f010b19f93ef42786663d097c58a2a7e",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"d259bf2a875cbb61909a6f6fb82fd31979c55545",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"15d3be269c621e14a65c35da1ad1dd2c87a91d92",class:"stzh-pi-menu__button-text"},i("span",{key:"962a97062b0ca6f24980c42daccae70d61369d83",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"a7f89b1cabf65ed4f740de036bd4bf8c460c72ff",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};g.style=m;export{g as stzh_pi_menu};
+//# sourceMappingURL=p-7157b3d2.entry.js.map

package/dist/stzh-components/{p-4539e17f.entry.js → p-71a0881e.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:"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
+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:"6979b3287563e63ca2ef7e6fe2694390740ee05e",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-71a0881e.entry.js.map