@oiz/stzh-components 2.10.0-beta → 2.10.0

package/dist/stzh-components/p-f3ab9795.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhCarouselCss","reducedMotionMedia","window","matchMedia","carouselCounter","StzhCarousel","exports","this","slideScrollLeft","scrolledByAutoplay","scrollTimeoutId","lastX","startX","startScrollLeft","disableTimeoutId","stoppedDragging","onReducedMotionMediaChange","_this","autoplayDisabledByMotionMedia","matches","onMouseenter","preventAutoplayPause","autoplayDisabledByMouse","onMouseleave","onFocusin","autoplayDisabledByFocus","onFocusout","onPreviousClick","scrollToPreviousSnapPoint","onNextClick","scrollToNextSnapPoint","onSlideResize","scrollElement","itemSize","sizingMethod","onMutation","slideElements","Array","from","children","forEach","slide","index","setAttribute","localization","slideLabel","replace","toString","length","previousElements","element","querySelectorAll","nextElements","navigationTextElements","onScroll","direction","scrollLeft","scrolling","preventAutoplayStop","autoplayDisabledByScroll","autoplay","stzhSlideStart","emit","component","calculateSlide","update","stzhSlidePassed","clearTimeout","setTimeout","onScrollEnd","scrollTimeout","style","removeProperty","tabThrough","variant","ariaLive","currentSlides","slidesLabel","stzhSlideEnd","onMediaChange","ultra","media","large","medium","small","slidesUltra","slidesLarge","slidesMedium","slidesSmall","slides","currentSwipeSlides","mouseMove","event","distance","clientX","startDragging","preventDefault","setProperty","dragging","autoplayDisabledByDrag","addEventListener","stopDragging","capture","checkClick","Math","abs","minimumReached","distanceQuickSwipe","endDraddingLeft","finalLeft","scrollTo","left","behavior","slideToPrevious","slideToNext","removeEventListener","distancePreventClick","autoplayInterval","hasReachedLastSlide","slideTo","class_1","prototype","behaviour","scrollToSlide","disabledWatcher","disabled","passive","preventMouseDragWatcher","preventMouseDrag","autoplayRunningWatcher","autoplayIntervalId","clearInterval","autoplayRunning","setInterval","autoplayTimeout","snapAlignWatcher","shouldSnap","inertWatcher","isActive","inert","removeAttribute","prevNextNavigationWatcher","setAriaAttributes","isStzh","isStzhElement","prevNextHiddenWatcher","hideElements","setHiddenAttribute","nextPrevDisabledWatcher","reachedFirstSlide","reachedLastSlide","nextElementsWatcher","nextElement","concat","carouselId","previousElementsWatcher","previousElement","css","getComputedStyle","firstElementChild","offsetWidth","parseInt","getPropertyValue","floor","previousIndex","canSnap","_a","scrollWidth","ceil","componentWillLoad","stzhComponents","utils","fetchTranslations","_b","sent","componentDidLoad","connectedCallback","addMediaChangeListener","resizeObserver","ResizeObserver","observe","mutationObserver","MutationObserver","childList","subtree","disconnectedCallback","removeMediaChangeListener","disconnect","render","classes","nonInteractive","h","Host","class","name","ref","el","id"],"sources":["src/components/stzh-carousel/stzh-carousel.scss?tag=stzh-carousel&encapsulation=scoped","src/components/stzh-carousel/stzh-carousel.tsx"],"sourcesContent":["/**\n * @prop --padding-top: Padding Top of scroll container\n * @prop --padding-bottom: Padding Bottom of scroll container\n * @prop --peek-in: Peek size (inside container) showing the next/previous slides\n * @prop --peek-out: Negative peek size (breakout of container) showing the next/previous slides\n * @prop --gutter: Space between the slides\n * @prop --snap-stop: Snap stop of scroll container\n */\n\n:host {\n  --peek: calc(var(--peek-in, 0px) + var(--peek-out, 0px));\n  --peek-out: #{$containerMargin};\n  --padding-top: 0px;\n  --padding-bottom: 0px;\n  --gutter: #{space('xxxsmall')};\n  --snap-stop: always;\n  --slides: 1;\n  --slide-size: calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides));\n\n  @include mq($from: small) {\n    --peek-out: #{$containerMarginSmall};\n  }\n\n  @include mq($from: medium) {\n    --peek-out: 0px;\n  }\n\n  ::slotted(*) {\n    width: 100%;\n    height: 100%;\n    flex-shrink: 0;\n    scroll-snap-align: start;\n    scroll-snap-stop: var(--snap-stop);\n\n    img {\n      -webkit-user-drag: none;\n      user-drag: none;\n      -ms-user-select: none;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n  }\n\n  ::slotted([slot=\"actions\"]) {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    pointer-events: none;\n    padding: 0 var(--peek);\n\n    stzh-text {\n      width: auto;\n    }\n\n    stzh-button {\n      pointer-events: all;\n    }\n  }\n\n  ::slotted(stzh-ratio[slot=\"actions\"]) {\n    stzh-space,\n    stzh-hspace,\n    stzh-vspace {\n      padding: space('xsmall');\n    }\n  }\n\n  ::slotted(stzh-ratio[slot=\"actions\"]) {\n    --background-color: transparent;\n  }\n\n  /* Card */\n\n  &[variant=\"cards\"] {\n    --padding-top: 4px;\n    --padding-bottom: 4px;\n\n    --gutter: #{spaceCurveValue('tiny')};\n\n    @include mq($from: medium) {\n      --peek-out: #{$containerMarginMedium};\n      --gutter: #{spaceCurveValue('tiny', 'medium')};\n    }\n\n    @include mq($from: large) {\n      --peek-out: #{$containerMarginLarge};\n      --gutter: #{spaceCurveValue('tiny', 'large')};\n    }\n\n    @include mq($from: ultra) {\n      --peek-out: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2);\n    }\n  }\n\n  &[variant=\"cards\"] ::slotted([slot=\"actions\"]) {\n    position: relative;\n    order: 1;\n    margin-top: calc(#{space('medium')} - var(--padding-bottom));\n  }\n\n  /* No peek */\n\n  &[no-peek]:not([no-peek=\"false\"]) {\n    --peek-out: 0px;\n    --peek-in: 0px;\n  }\n}\n\n.stzh-carousel {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% + var(--peek-out) * 2);\n  margin-left: calc(var(--peek-out) / -1);\n  margin-right: calc(var(--peek-out) / -1);\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__scroll {\n    position: relative;\n    grid-area: slides;\n    display: grid;\n    width: 100%;\n    height: 100%;\n    place-items: center;\n    overflow-x: auto;\n    overflow-y: visible;\n    grid-auto-flow: column;\n    grid-auto-columns: var(--slide-size);\n    grid-auto-rows: 100%;\n    column-gap: var(--gutter);\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    scroll-behavior: smooth;\n    overscroll-behavior-x: contain;\n    scroll-snap-type: x mandatory;\n    scroll-padding: 0 var(--peek);\n    padding: var(--padding-top) var(--peek) var(--padding-bottom);\n\n    @media (prefers-reduced-motion: reduce) {\n      scroll-behavior: auto;\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  &--is-draggable &__scroll {\n    cursor: grab;\n  }\n\n  &--is-dragging &__scroll {\n    cursor: grabbing;\n  }\n\n  &--is-disabled &__scroll {\n    cursor: not-allowed;\n    overflow: hidden;\n  }\n\n  &--is-non-interactive {\n    pointer-events: none;\n    touch-action: none;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhCarouselSlideStartEvent,\n  StzhCarouselSlidePassedEvent,\n  StzhCarouselSlideEndEvent\n} from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { StzhCarouselLocalizedText } from \"./stzh-carousel.localization\"\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\nconst reducedMotionMedia = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\nlet carouselCounter = 0;\n\n/*\n* Inspired by:\n*\n* - https://github.com/barthy-koeln/scroll-snap-slider\n* - https://tannerhodges.github.io/snap-slider/\n* - https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/\n* - https://dev.to/jasonwebb/how-to-build-a-more-accessible-carousel-or-slider-35lp\n* - http://web-accessibility.carnegiemuseums.org/code/carousels/\n*/\n\n/**\n * @slot - Slot any element\n * @slot actions - Slot for `stzh-actions` element\n */\n@Component({\n  tag: \"stzh-carousel\",\n  styleUrl: \"stzh-carousel.scss\",\n  scoped: true\n})\nexport class StzhCarousel {\n  /** Translation strings */\n  @Prop() localization: StzhCarouselLocalizedText;\n\n  /** Carousel variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"cards\" = \"default\";\n\n  /** Whether carousel is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether to remove inside/outside peek. */\n  @Prop({ reflect: true }) noPeek: boolean = false;\n\n  /** Slides number */\n  @Prop() slides: number = 1;\n  /** Slides number above small breakpoint */\n  @Prop() slidesSmall: number = 0;\n  /** Slides number above medium breakpoint */\n  @Prop() slidesMedium: number = 0;\n  /** Slides number above large breakpoint */\n  @Prop() slidesLarge: number = 0;\n  /** Slides number above ultra breakpoint */\n  @Prop() slidesUltra: number = 0;\n\n  // /** How many slides per swipe */\n  // @Prop() swipeSlides: number = 1;\n  // /** How many slides per swipe above small breakpoint */\n  // @Prop() swipeSlidesSmall: number = 0;\n  // /** How many slides per swipe above medium breakpoint */\n  // @Prop() swipeSlidesMedium: number = 0;\n  // /** How many slides per swipe above large breakpoint */\n  // @Prop() swipeSlidesLarge: number = 0;\n  // /** How many slides per swipe above ultra breakpoint */\n  // @Prop() swipeSlidesUltra: number = 0;\n\n  /** Active slide (readonly) */\n  @Prop() slide: number = 0;\n\n  /**\n   * Whether autoplay is enabled.\n   * Gets paused, when user has focus inside carousel element or hovers over it.\n   * Also when reduced motion media query is active or carousel is set disabled.\n   * Gets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)\n   */\n  @Prop({ mutable: true }) autoplay: boolean = false;\n\n  /** Timeout delay in milliseconds used for autoplay */\n  @Prop() autoplayTimeout: number = 3000;\n\n  /** Whether scrolling & dragging should be disabled */\n  @Prop() nonInteractive: boolean = false;\n\n  /** Whether drag with mouse should be disabled (still will be able to scroll with wheeling or arrow keys) */\n  @Prop() preventMouseDrag: boolean = false;\n\n  /** Whether autoplay pause should be prevented when user hovers/focuses carousel */\n  @Prop() preventAutoplayPause: boolean = false;\n\n  /** Whether autoplay stop should be prevented when user scroll or drags carousel */\n  @Prop() preventAutoplayStop: boolean = false;\n\n  /**\n   * Enable all slides to be tabbable (will disable prev/next arrows from being tabbable).\n   * By default only the visible slides will be tabbable and the prev/next can be used to change slides\n   * (enabled when `variant` is set to `cards`).\n   */\n  @Prop() tabThrough: boolean = false;\n\n\n  /** Timeout delay in milliseconds used to catch the end of scroll events */\n  @State() scrollTimeout: number = 100;\n\n  /** Minimum drag distance that needs to be reached to swipe to next/previous slide(s). */\n  @State() distanceQuickSwipe: number = 40;\n\n  /** Minimum drag distance that neeeds to be reached to prevent click on slide elements. */\n  @State() distancePreventClick: number = 6;\n\n  @Element() element: HTMLStzhCarouselElement;\n\n  /** Slide start event */\n  @Event() stzhSlideStart: EventEmitter<StzhCarouselSlideStartEvent>;\n\n  /** Slide passed event */\n  @Event() stzhSlidePassed: EventEmitter<StzhCarouselSlidePassedEvent>;\n\n  /** Slide end event */\n  @Event() stzhSlideEnd: EventEmitter<StzhCarouselSlideEndEvent>;\n\n  /** Scroll to a slide by index */\n  @Method()\n  async slideTo(index, behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToSlide(index, behaviour);\n  }\n\n  /** Scroll to previous snap point */\n  @Method()\n  async slideToPrevious(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToPreviousSnapPoint(behaviour);\n  }\n\n  /** Scroll to next snap point */\n  @Method()\n  async slideToNext(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToNextSnapPoint(behaviour);\n  }\n\n  @Watch(\"disabled\")\n  disabledWatcher() {\n    if (this.disabled) {\n      this.scrollElement && this.scrollElement.removeEventListener(\"scroll\", this.onScroll);\n      this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n      this.scrollTimeoutId = null;\n      this.element.removeEventListener(\"mouseenter\", this.onMouseenter);\n      this.element.removeEventListener(\"mouseleave\", this.onMouseleave);\n      this.element.removeEventListener(\"focusin\", this.onFocusin);\n      this.element.removeEventListener(\"focusout\", this.onFocusout);\n      this.onReducedMotionMediaChange();\n      reducedMotionMedia && reducedMotionMedia.removeEventListener(\"change\", this.onReducedMotionMediaChange);\n    } else {\n      this.scrollElement && this.scrollElement.addEventListener(\"scroll\", this.onScroll, { passive: true });\n      this.element.addEventListener(\"mouseenter\", this.onMouseenter);\n      this.element.addEventListener(\"mouseleave\", this.onMouseleave);\n      this.element.addEventListener(\"focusin\", this.onFocusin);\n      this.element.addEventListener(\"focusout\", this.onFocusout);\n      reducedMotionMedia && reducedMotionMedia.addEventListener(\"change\", this.onReducedMotionMediaChange);\n    }\n  }\n\n  @Watch(\"disabled\")\n  @Watch(\"preventMouseDrag\")\n  preventMouseDragWatcher() {\n    if (this.preventMouseDrag || this.disabled) {\n      this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n      this.disableTimeoutId = null;\n      this.scrollElement && this.scrollElement.removeEventListener(\"mousedown\", this.startDragging);\n      this.lastX = null;\n    } else {\n      this.scrollElement && this.scrollElement.addEventListener(\"mousedown\", this.startDragging);\n    }\n  }\n\n  @Watch(\"autoplay\")\n  @Watch(\"autoplayDisabledByMotionMedia\")\n  @Watch(\"autoplayDisabledByMouse\")\n  @Watch(\"autoplayDisabledByFocus\")\n  @Watch(\"autoplayDisabledByScroll\")\n  @Watch(\"autoplayDisabledByDrag\")\n  @Watch(\"autoplayTimeout\")\n  @Watch(\"disabled\")\n  autoplayRunningWatcher() {\n    if (\n      !this.autoplay\n      || this.disabled\n      || this.autoplayDisabledByMotionMedia\n      || this.autoplayDisabledByMouse\n      || this.autoplayDisabledByFocus\n      || this.autoplayDisabledByScroll\n      || this.autoplayDisabledByDrag\n    ) {\n      this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n      this.autoplayIntervalId = null;\n      this.autoplayRunning = false;\n    } else {\n      this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n      this.autoplayIntervalId = window.setInterval(this.autoplayInterval, this.autoplayTimeout);\n      this.autoplayRunning = true;\n    }\n  }\n\n  @Watch(\"slideElements\")\n  @Watch(\"currentSwipeSlides\")\n  snapAlignWatcher() {\n    this.slideElements.forEach((slide, index) => {\n      const shouldSnap = (index - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n\n      if (shouldSnap) {\n        slide.style.removeProperty(\"scroll-snap-align\");\n      } else {\n        slide.style.setProperty(\"scroll-snap-align\", \"none\");\n      }\n    });\n  }\n\n  @Watch(\"slide\")\n  @Watch(\"variant\")\n  @Watch(\"slideElements\")\n  @Watch(\"currentSlides\")\n  @Watch(\"tabThrough\")\n  inertWatcher() {\n    this.slideElements.forEach((slide, index) => {\n      const isActive = this.tabThrough\n        || this.variant === \"cards\"\n        || index >= this.slide && index < this.slide + this.currentSlides;\n\n      slide.inert = !isActive;\n\n      if (isActive) {\n        slide.removeAttribute(\"aria-hidden\");\n      } else {\n        slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\n      }\n    });\n  }\n\n  @Watch(\"variant\")\n  @Watch(\"tabThrough\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  prevNextNavigationWatcher() {\n    const tabThrough = this.tabThrough || this.variant === \"cards\";\n\n    const setAriaAttributes = (element) => {\n      const isStzh = isStzhElement(element);\n\n      if (tabThrough) {\n        element.setAttribute(\"aria-hidden\", \"true\");\n        element.setAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\", \"-1\");\n      } else {\n        element.removeAttribute(\"aria-hidden\");\n        element.removeAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\");\n      }\n    }\n\n    this.nextElements.forEach(setAriaAttributes);\n    this.previousElements.forEach(setAriaAttributes);\n  }\n\n  @Watch(\"currentSlides\")\n  @Watch(\"slideElements\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  @Watch(\"navigationTextElements\")\n  prevNextHiddenWatcher() {\n    const hideElements = this.slideElements.length <= this.currentSlides;\n\n    const setHiddenAttribute = (element) => {\n      if (hideElements) {\n        element.setAttribute(\"hidden\", \"\");\n      } else {\n        element.removeAttribute(\"hidden\");\n      }\n    };\n\n    this.navigationTextElements.forEach(setHiddenAttribute);\n    this.nextElements.forEach(setHiddenAttribute);\n    this.previousElements.forEach(setHiddenAttribute);\n  }\n\n  @Watch(\"slide\")\n  @Watch(\"currentSlides\")\n  @Watch(\"slideElements\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  nextPrevDisabledWatcher() {\n    if (!this.scrollElement) {\n      return;\n    }\n\n    const reachedFirstSlide = this.slide === 0;\n    const reachedLastSlide = this.hasReachedLastSlide();\n\n    this.nextElements.forEach((element) => {\n      const isStzh = isStzhElement(element);\n      element.setAttribute(isStzh ? \"a11y-disabled\" : \"aria-disabled\", reachedLastSlide ? \"true\" : \"false\");\n    });\n\n    this.previousElements.forEach((element) => {\n      const isStzh = isStzhElement(element);\n      element.setAttribute(isStzh ? \"a11y-disabled\" : \"aria-disabled\", reachedFirstSlide ? \"true\" : \"false\");\n    });\n  }\n\n  @Watch(\"nextElements\")\n  nextElementsWatcher() {\n    this.nextElements.forEach((nextElement) => {\n      const isStzh = isStzhElement(nextElement);\n\n      nextElement.addEventListener(\"click\", this.onNextClick);\n      nextElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n    });\n  }\n\n  @Watch(\"previousElements\")\n  previousElementsWatcher() {\n    this.previousElements.forEach((previousElement) => {\n      const isStzh = isStzhElement(previousElement);\n\n      previousElement.addEventListener(\"click\", this.onPreviousClick);\n      previousElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n    });\n  }\n\n  /** Whether autoplay is currently running */\n  @State() autoplayRunning: boolean = false;\n\n  /** Whether autoplay is currently disabled by reduced motion media */\n  @State() autoplayDisabledByMotionMedia: boolean = false;\n\n  /** Whether autoplay is currently disabled by mouse */\n  @State() autoplayDisabledByMouse: boolean = false;\n\n  /** Whether autoplay is currently disabled by focus */\n  @State() autoplayDisabledByFocus: boolean = false;\n\n  /** Whether autoplay is currently disabled by scroll */\n  @State() autoplayDisabledByScroll: boolean = false;\n\n  /** Whether autoplay is currently disabled by drag */\n  @State() autoplayDisabledByDrag: boolean = false;\n\n  /** Whether user is currently dragging with mouse */\n  @State() dragging: boolean = false;\n\n  /** Whether user is currently scrolling */\n  @State() scrolling: boolean = false;\n\n  /** Aria live text */\n  @State() ariaLive: string = \"\";\n\n  /** Currently shown slides */\n  @State() currentSlides: number = 1;\n\n  /** How many slides should be moved currently */\n  @State() currentSwipeSlides: number = 1;\n\n  /** Slide elements */\n  @State() slideElements: HTMLElement[] = [];\n\n  /** Previous elements */\n  @State() previousElements: HTMLElement[] = [];\n\n  /** Next elements */\n  @State() nextElements: HTMLElement[] = [];\n\n  /** Navigation text elements */\n  @State() navigationTextElements: HTMLElement[] = [];\n\n  private scrollElement: HTMLElement;\n\n  /** Unique generated id */\n  private carouselId: string;\n\n  /** Current scroll position */\n  private slideScrollLeft: number = 0;\n\n  /** Flag whether scrolling was done by user or not */\n  private scrolledByAutoplay: boolean = false;\n\n  /** Timeout ID used to catch the end of scroll events */\n  private scrollTimeoutId: number = null;\n\n  /** Interval ID for autoplay */\n  private autoplayIntervalId: number;\n\n  /** Last drag event position */\n  private lastX: number = null;\n\n  /** Where the dragging started */\n  private startX: number = null;\n\n  /** Where the dragging started scroll position */\n  private startScrollLeft: number = null;\n\n  /** Timeout ID for a smooth drag release */\n  private disableTimeoutId: number = null;\n\n  /** Calculated size of a single item */\n  private itemSize: number;\n\n  /** Resize observer used to update item size */\n  private resizeObserver: ResizeObserver;\n\n  /** Mutation observer used to keep track of slides */\n  private mutationObserver: MutationObserver;\n\n  /** Whether user has just stopped dragging */\n  private stoppedDragging: boolean = false;\n\n  private scrollToSlide(index, behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    this.scrollElement.scrollTo({\n      left: index * this.itemSize,\n      behavior: reducedMotionMedia.matches ? \"auto\" : behaviour\n    });\n  }\n\n  /** Width of a slide  */\n  private sizingMethod() {\n    const css = window.getComputedStyle(this.scrollElement);\n\n    return ((this.scrollElement.firstElementChild as HTMLElement) || this.scrollElement).offsetWidth\n      + parseInt(css.getPropertyValue(\"column-gap\"), 10);\n  }\n\n  /**\n   * Calculates the active slide.\n   * The scroll-snap-type property makes sure that the container snaps perfectly to integer multiples.\n   */\n  private calculateSlide() {\n    // Math.round: Dispatch 'stzhSlidePassed' events around the center of each slide\n    // Math.ceil: Dispatch 'stzhSlidePassed' events as soon as the next one is visible\n    // Math.floor: Dispatch 'stzhSlidePassed' events only when the next one is fully visible\n    return Math.floor(this.scrollElement.scrollLeft / this.itemSize);\n  }\n\n  private scrollToPreviousSnapPoint(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    let previousIndex = this.slide;\n    let canSnap = false;\n\n    while (!canSnap && previousIndex > 0) {\n      previousIndex = previousIndex - 1;\n      canSnap = (previousIndex - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n    }\n\n    this.slideTo(previousIndex, behaviour);\n  }\n\n  private scrollToNextSnapPoint(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    this.slideTo(this.slide + this.currentSwipeSlides, behaviour);\n  }\n\n  private update() {\n    this.slide = this.calculateSlide();\n    this.slideScrollLeft = this.slide * this.itemSize;\n\n    this.onMutation();\n  }\n\n  private hasReachedLastSlide() {\n    const { scrollLeft, offsetWidth, scrollWidth } = this.scrollElement;\n    return Math.ceil(scrollLeft + offsetWidth) >= scrollWidth;\n  }\n\n  private onReducedMotionMediaChange = () => {\n    this.autoplayDisabledByMotionMedia = reducedMotionMedia.matches;\n  }\n\n  private onMouseenter = () => {\n    if (!this.preventAutoplayPause) {\n      this.autoplayDisabledByMouse = true;\n    }\n  }\n\n  private onMouseleave = () => {\n    this.autoplayDisabledByMouse = false;\n  }\n\n  private onFocusin = () => {\n    if (!this.preventAutoplayPause) {\n      this.autoplayDisabledByFocus = true;\n    }\n  }\n\n  private onFocusout = () => {\n    this.autoplayDisabledByFocus = false;\n  }\n\n  private onPreviousClick = () => {\n    this.scrollToPreviousSnapPoint();\n  }\n\n  private onNextClick = () => {\n    this.scrollToNextSnapPoint();\n  }\n\n  private onSlideResize = () => {\n    if (this.scrollElement) {\n      this.itemSize = this.sizingMethod();\n    }\n  }\n\n  private onMutation = () => {\n    if (!this.scrollElement) {\n      return;\n    }\n\n    this.slideElements = Array.from(this.scrollElement.children) as HTMLElement[];\n\n    this.slideElements.forEach((slide, index) => {\n      slide.setAttribute(\"role\", \"group\");\n      slide.setAttribute(\"aria-roledescription\", \"slide\");\n      slide.setAttribute(\"aria-label\", this.localization.slideLabel\n        .replace(/\\{current\\}/gi, (index + 1).toString())\n        .replace(/\\{total\\}/gi, this.slideElements.length.toString())\n      );\n    });\n\n    this.previousElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-previous]\"));\n    this.nextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-next]\"));\n    this.navigationTextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-navigation-text]\"));\n  }\n\n  private onScroll = () => {\n    if (this.scrollTimeoutId === null) {\n      const direction = (this.scrollElement.scrollLeft > this.slideScrollLeft) ? 1 : -1;\n\n      this.scrolling = true;\n\n      if (!this.scrolledByAutoplay) {\n        if (this.preventAutoplayStop) {\n          this.autoplayDisabledByScroll = true;\n        } else {\n          this.autoplay = false;\n        }\n      }\n\n      this.stzhSlideStart.emit({\n        component: \"stzh-carousel\",\n        index: this.slide + direction\n      });\n    }\n\n    if (this.slide !== this.calculateSlide()) {\n      this.update();\n      this.stzhSlidePassed.emit({\n        component: \"stzh-carousel\",\n        index: this.slide\n      });\n    }\n\n    this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n    this.scrollTimeoutId = window.setTimeout(this.onScrollEnd, this.scrollTimeout);\n  }\n\n  private onScrollEnd = () => {\n    this.scrollTimeoutId = null;\n    this.update();\n\n    this.scrolling = false;\n    this.scrolledByAutoplay = false;\n    this.autoplayDisabledByScroll = false;\n\n    if (this.stoppedDragging) {\n      this.stoppedDragging = false;\n      this.scrollElement.style.removeProperty(\"scroll-behavior\");\n      this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n    }\n\n    if (this.tabThrough || this.variant === \"cards\") {\n      this.ariaLive = \"\";\n    } else {\n      this.ariaLive = (this.currentSlides > 1 ? this.localization.slidesLabel : this.localization.slideLabel)\n        .replace(/\\{(current|from)\\}/gi, (this.slide + 1).toString())\n        .replace(/\\{to\\}/gi, (this.slide + this.currentSlides).toString())\n        .replace(/\\{total\\}/gi, this.slideElements.length.toString());\n    }\n\n    this.stzhSlideEnd.emit({\n      component: \"stzh-carousel\",\n      index: this.slide\n    });\n  }\n\n  private onMediaChange = () => {\n    const ultra = media(\"ultra\").matches;\n    const large = media(\"large\").matches;\n    const medium = media(\"medium\").matches;\n    const small = media(\"small\").matches;\n\n    if (ultra && this.slidesUltra !== 0) {\n      this.currentSlides = this.slidesUltra;\n    } else if (large && this.slidesLarge !== 0) {\n      this.currentSlides = this.slidesLarge;\n    } else if (medium && this.slidesMedium !== 0) {\n      this.currentSlides = this.slidesMedium;\n    } else if (small && this.slidesSmall !== 0) {\n      this.currentSlides = this.slidesSmall;\n    } else {\n      this.currentSlides = this.slides;\n    }\n\n    // if (ultra && this.swipeSlidesUltra !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesUltra;\n    // } else if (large && this.swipeSlidesLarge !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesLarge;\n    // } else if (medium && this.swipeSlidesMedium !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesMedium;\n    // } else if (small && this.swipeSlidesSmall !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesSmall;\n    // } else {\n    //   this.currentSwipeSlides = this.swipeSlides;\n    // }\n\n    this.currentSwipeSlides = this.currentSlides;\n  }\n\n  /** Scroll the slider the appropriate amount of pixels and update the last event position */\n  private mouseMove = (event: MouseEvent) => {\n    const distance = this.lastX - event.clientX;\n    this.lastX = event.clientX;\n\n    this.scrollElement.scrollLeft += distance;\n  }\n\n  /** Clear disable timeout, set up variables and styles and attach the listener. */\n  private startDragging = (event: MouseEvent) => {\n    event.preventDefault();\n\n    this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n    this.disableTimeoutId = null;\n\n    this.startX = this.lastX = event.clientX;\n    this.startScrollLeft = this.scrollElement.scrollLeft;\n    this.scrollElement.style.setProperty(\"scroll-behavior\", \"auto\");\n    this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n\n    this.dragging = true;\n\n    if (this.preventAutoplayStop) {\n      this.autoplayDisabledByDrag = true;\n    } else {\n      this.autoplay = false;\n    }\n\n    window.addEventListener(\"mousemove\", this.mouseMove);\n    window.addEventListener(\"mouseup\", this.stopDragging, { capture: true });\n    window.addEventListener(\"click\", this.checkClick, { capture: true });\n  }\n\n  /** User stopped dragging */\n  private stopDragging = (event: MouseEvent) => {\n    event.preventDefault();\n\n    const distance = Math.abs(this.startX - this.lastX);\n    const minimumReached = distance > this.distanceQuickSwipe;\n    const direction = (this.lastX > this.startX) ? 1 : -1;\n\n    this.dragging = false;\n    this.autoplayDisabledByDrag = false;\n\n    const endDraddingLeft = this.scrollElement.scrollLeft;\n\n    this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n    const finalLeft = this.scrollElement.scrollLeft;\n\n    this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n    this.scrollElement.scrollTo({ left: endDraddingLeft, behavior: \"auto\" });\n\n    if (finalLeft !== this.startScrollLeft || !minimumReached) {\n      this.scrollElement.scrollTo({ left: finalLeft, behavior: reducedMotionMedia.matches ? \"auto\" : \"smooth\" });\n    } else if (direction === 1) {\n      this.slideToPrevious();\n    } else {\n      this.slideToNext();\n    }\n\n    window.removeEventListener(\"mousemove\", this.mouseMove);\n    window.removeEventListener(\"mouseup\", this.stopDragging, { capture: true });\n\n    this.stoppedDragging = true;\n  }\n\n  private checkClick = (event: MouseEvent) => {\n    const distance = Math.abs(this.startX - this.lastX);\n    const minimumReached = distance > this.distancePreventClick;\n\n    if (minimumReached) {\n      event.preventDefault();\n    }\n\n    this.lastX = null;\n\n    window.removeEventListener(\"click\", this.checkClick, { capture: true });\n  }\n\n  private autoplayInterval = () => {\n    this.scrolledByAutoplay = true;\n\n    if (this.hasReachedLastSlide()) {\n      this.slideTo(0);\n    } else {\n      this.slideToNext();\n    }\n  }\n\n  async componentWillLoad() {\n    this.carouselId = `stzh-carousel-${carouselCounter++}`;\n    this.onMediaChange();\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"carousel\");\n    }\n  }\n\n  componentDidLoad() {\n    this.itemSize = this.sizingMethod();\n    this.update();\n\n    this.disabledWatcher();\n    this.preventMouseDragWatcher();\n    this.autoplayRunningWatcher();\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.onMediaChange);\n\n    this.resizeObserver = new ResizeObserver(this.onSlideResize)\n    this.resizeObserver.observe(this.element)\n\n    this.mutationObserver = new MutationObserver(this.onMutation);\n    this.mutationObserver.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n    this.scrollTimeoutId = null;\n    this.disabled = true;\n\n    removeMediaChangeListener(this.onMediaChange);\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-carousel\": true,\n      \"stzh-carousel--is-disabled\": this.disabled,\n      \"stzh-carousel--is-draggable\": !this.preventMouseDrag,\n      \"stzh-carousel--is-non-interactive\": this.nonInteractive,\n      \"stzh-carousel--is-dragging\": this.dragging,\n      \"stzh-carousel--is-scrolling\": this.scrolling,\n      \"stzh-carousel--has-autoplay\": this.autoplay,\n      \"stzh-carousel--is-autoplay-running\": this.autoplayRunning,\n    };\n\n    return (\n      <Host\n        aria-roledescription=\"carousel\"\n        style={{\n          '--slides': this.currentSlides.toString()\n        }}\n      >\n        <div class={classes}>\n          <slot name=\"actions\"></slot>\n          <div\n            class=\"stzh-carousel__vhidden\"\n            aria-live={this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? \"polite\" : \"off\"}\n          >\n            {this.ariaLive}\n          </div>\n          <div\n            ref={(el) => (this.scrollElement = el as HTMLDivElement)}\n            id={`${this.carouselId}-scroll`}\n            class=\"stzh-carousel__scroll\"\n          >\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-fe31269f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,a as e,g as o}from"./p-c92165bd.js";import{i as n}from"./p-ba8c574b.js";import{w as h}from"./p-54bd842e.js";import{s as a,a as r,b as c}from"./p-7e2354d0.js";import"./p-9b063923.js";const l=".sc-stzh-details-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-details-h{display:none}.sc-stzh-details-h *.sc-stzh-details,.sc-stzh-details-h *.sc-stzh-details::before,.sc-stzh-details-h *.sc-stzh-details::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-details-h .has-focus.sc-stzh-details{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details{outline-style:none !important}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details::-moz-focus-inner{border:0 !important}.sc-stzh-details-h{display:contents;--content-padding:0;--content-background:transparent;--content-grid-column:inherit;--content-border-bottom:none}.stzh-details.sc-stzh-details,.stzh-details__trigger.sc-stzh-details{display:contents}.stzh-details__content.sc-stzh-details{overflow:hidden;background-color:var(--content-background);grid-column:var(--content-grid-column);border-bottom:var(--content-border-bottom)}@media print{.stzh-details__content.sc-stzh-details{height:auto !important;overflow:visible !important;display:block !important}}.stzh-details__content-inner.sc-stzh-details{padding:var(--content-padding)}";const d={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};const f={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let z=0;const p=class{constructor(i){t(this,i);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.toggledByMethod=false;this.onClickTrigger=()=>{this.toggle()};this.open=false}async openWatcher(t){if(!this.triggerElement){return}if(this.triggerElement.firstElementChild){const s=n(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(s?"a11y-expanded":"aria-expanded",t?"true":"false")}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}await a(this.bodyElement);this.bodyElement.hidden=false;await r(this.bodyElement,c(d.keyframes,{height:this.bodyElement.scrollHeight}),d.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}await a(this.bodyElement);this.bodyElement.style.overflow="hidden";await r(this.bodyElement,c(f.keyframes,{height:this.bodyElement.scrollHeight}),f.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return h(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return h(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}componentWillLoad(){this.detailsId=`stzh-details-${z++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden";if(this.triggerElement.firstElementChild){const t=n(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-controls":"aria-controls",`${this.detailsId}-content`);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false")}}connectedCallback(){var t;let s=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!s){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));s=t}if(s){s.addEventListener("click",this.onClickTrigger)}}disconnectedCallback(){if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-details":true,"stzh-details--is-open":this.open};return i(e,null,i("div",{class:t},i("div",{ref:t=>this.triggerElement=t,class:"stzh-details__trigger"},i("slot",null)),i("div",{id:`${this.detailsId}-content`,ref:t=>this.bodyElement=t,class:"stzh-details__content","aria-labelledby":`${this.detailsId}-header`},i("div",{class:"stzh-details__content-inner"},i("slot",{name:"content"})))))}get element(){return o(this)}static get watchers(){return{open:["openWatcher"]}}};p.style=l;export{p as stzh_details};
+//# sourceMappingURL=p-fe31269f.entry.js.map

package/dist/stzh-components/p-fe31269f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhDetailsCss","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","detailsCounter","StzhDetails","this","toggledByMethod","onClickTrigger","toggle","openWatcher","newValue","triggerElement","firstElementChild","isStzh","isStzhElement","setAttribute","stzhOpen","emit","component","stopAnimations","bodyElement","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","show","open","waitForEvent","element","hide","componentWillLoad","detailsId","componentDidLoad","connectedCallback","trigger","_a","defaultSlot","Array","from","children","find","child","hasAttribute","addEventListener","disconnectedCallback","removeEventListener","render","classes","h","Host","class","ref","el","id","name"],"sources":["src/components/stzh-details/stzh-details.scss?tag=stzh-details&encapsulation=scoped","src/components/stzh-details/stzh-details.tsx"],"sourcesContent":[":host {\n  display: contents;\n\n  --content-padding: 0;\n  --content-background: transparent;\n  --content-grid-column: inherit;\n  --content-border-bottom: none;\n}\n\n.stzh-details {\n  &,\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    overflow: hidden;\n    background-color: var(--content-background);\n    grid-column: var(--content-grid-column);\n    border-bottom: var(--content-border-bottom);\n\n    @media print {\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n    }\n  }\n\n  &__content-inner {\n    padding: var(--content-padding);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemOpenEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemClosedEvent\n} from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nlet detailsCounter = 0;\n\n/**\n * @slot - Slot for trigger\n * @slot content - Slot for any content\n */\n@Component({\n  tag: \"stzh-details\",\n  styleUrl: \"stzh-details.scss\",\n  scoped: true\n})\nexport class StzhDetails {\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @Element() element: HTMLStzhDetailsElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.triggerElement) {\n      return;\n    }\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n\n      this.triggerElement.firstElementChild\n        .setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", newValue ? \"true\" : \"false\");\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_SHOW.options\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_HIDE.options\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private detailsId: string;\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  private triggerElement: HTMLElement;\n\n  private onClickTrigger = () => {\n    this.toggle();\n  }\n\n  componentWillLoad() {\n    this.detailsId = `stzh-details-${detailsCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n      this.triggerElement.firstElementChild.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.detailsId}-content`);\n      this.triggerElement.firstElementChild.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", this.open ? \"true\" : \"false\");\n    }\n  }\n\n  connectedCallback() {\n    let trigger = this.triggerElement?.firstElementChild;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children)\n        .find(child => !(child as HTMLElement).hasAttribute(\"slot\")) as HTMLElement\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && this.triggerElement.firstElementChild) {\n      this.triggerElement.firstElementChild.removeEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-details\": true,\n      \"stzh-details--is-open\": this.open\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div\n            ref={(el) => (this.triggerElement = el as HTMLDivElement)}\n            class=\"stzh-details__trigger\"\n          >\n            <slot></slot>\n          </div>\n          <div\n            id={`${this.detailsId}-content`}\n            ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-details__content\"\n            aria-labelledby={`${this.detailsId}-header`}\n          >\n            <div class=\"stzh-details__content-inner\">\n              <slot name=\"content\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/stzh-components.css

@@ -16,6 +16,28 @@ body {
   display: none !important;
 }
 
+/* Helper for enabling smooth scrolling */
+
+.stzh-smooth-scrolling {
+  scroll-behavior: smooth;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  .stzh-smooth-scrolling {
+    scroll-behavior: auto;
+  }
+}
+
+/* Helper used to introduce scroll margin top in size of sticky header */
+
+.stzh-header-scroll-margin-top {
+  scroll-margin-top: var(--stzh-header-metabar-height, 0);
+}
+
+.stzh-global-header-scroll-margin-top * {
+  scroll-margin-top: var(--stzh-header-metabar-height, 0);
+}
+
 /* Sticky footer layout */
 
 .stzh-layout-sticky-footer {

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","scriptElm","Array","from","doc","querySelectorAll","find","s","RegExp","NAMESPACE","test","src","getAttribute","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"+IAKA,MAAMA,EAAe,KAKO,CAEpBC,EAAkBC,EAAEC,UAC5B,CAaI,MAAMC,EACAC,MAAMC,KAAKC,EAAIC,iBAAiB,WAAWC,MAAMC,GAAM,IAAIC,OAAO,IAAKC,4BAAoCC,KAAKH,EAAEI,MAChHJ,EAAEK,aAAa,4BAA8BH,IAErD,MAAMI,cAAyBC,IAC/B,MAAMC,GAA+Bd,GAAa,IAAI,cAAgB,GACtE,GAAIY,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EAE/B,MAAMjB,EAAqBsB,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,EAChD,CACQ,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MACtE,CACA,CACA,CACQ,OAAOK,CACf,CAAK,EClDL9B,IAAeqC,MAAKC,IAClBC,IACA,OAAOC,EAAcC,KAAAC,MAAA,8whCAAuCJ,EAAA"}
+{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","scriptElm","Array","from","doc","querySelectorAll","find","s","RegExp","NAMESPACE","test","src","getAttribute","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"+IAKA,MAAMA,EAAe,KAKO,CAEpBC,EAAkBC,EAAEC,UAC5B,CAaI,MAAMC,EACAC,MAAMC,KAAKC,EAAIC,iBAAiB,WAAWC,MAAMC,GAAM,IAAIC,OAAO,IAAKC,4BAAoCC,KAAKH,EAAEI,MAChHJ,EAAEK,aAAa,4BAA8BH,IAErD,MAAMI,cAAyBC,IAC/B,MAAMC,GAA+Bd,GAAa,IAAI,cAAgB,GACtE,GAAIY,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EAE/B,MAAMjB,EAAqBsB,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,EAChD,CACQ,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MACtE,CACA,CACA,CACQ,OAAOK,CACf,CAAK,EClDL9B,IAAeqC,MAAKC,IAClBC,IACA,OAAOC,EAAcC,KAAAC,MAAA,w8iCAAuCJ,EAAA"}

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

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-5fce4cad.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-be975e7b.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/dist/types/components/stzh-cell/stzh-cell.d.ts

@@ -13,8 +13,8 @@ export declare class StzhCell {
   spanLarge: number;
   /** Default span of each cell above ultra breakpoint */
   spanUltra: number;
-  /** Controlling how cells are positioned along a container's main axis */
-  justifySelf: Layout.JustifySelf;
+  /** Controlling how cell is aligned in main axis (sets margin: auto to left/right side) */
+  align: "none" | "left" | "right" | "middle";
   /** Control how cells items are positioned along a container's cross axis */
   alignSelf: Layout.AlignSelf;
   render(): any;

package/dist/types/components/stzh-container/stzh-container.d.ts

@@ -2,5 +2,9 @@
  * @slot - Slot for any content
  */
 export declare class StzhContainer {
+  /** Size variant */
+  size: "default" | "big";
+  /** Whether to prevent side margins */
+  noMargin: boolean;
   render(): any;
 }