@oiz/stzh-components 2.4.0 → 2.5.0-alpha

package/dist/cjs/stzh-carousel.cjs.entry.js

@@ -0,0 +1,522 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-83d427ee.js');
+const utils = require('./utils-a2ff9f84.js');
+const translationUtils = require('./translation-utils-73073e44.js');
+const mediaUtils = require('./media-utils-8cfc8591.js');
+
+const stzhCarouselCss = ".sc-stzh-carousel-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-carousel-h{display:none}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::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-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-out:1.25rem;--padding-top:0px;--padding-bottom:0px;--gutter:var(--stzh-space-xxxsmall);--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-out:0px}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem;--gutter:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){[variant=cards].sc-stzh-carousel-h{--peek-out:2rem}}@media screen and (min-width: 1024px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem;--gutter:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:5.5rem;--gutter:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop)}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;-ms-flex-order:1;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}.stzh-carousel.sc-stzh-carousel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;-moz-column-gap:var(--gutter);-webkit-column-gap:var(--gutter);column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grab;cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grabbing;cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}";
+
+const reducedMotionMedia = window.matchMedia("(prefers-reduced-motion: reduce)");
+let carouselCounter = 0;
+const StzhCarousel = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.stzhSlideStart = index.createEvent(this, "stzhSlideStart", 7);
+    this.stzhSlidePassed = index.createEvent(this, "stzhSlidePassed", 7);
+    this.stzhSlideEnd = index.createEvent(this, "stzhSlideEnd", 7);
+    /** Current scroll position */
+    this.slideScrollLeft = 0;
+    /** Flag whether scrolling was done by user or not */
+    this.scrolledByAutoplay = false;
+    /** Timeout ID used to catch the end of scroll events */
+    this.scrollTimeoutId = null;
+    /** Last drag event position */
+    this.lastX = null;
+    /** Where the dragging started */
+    this.startX = null;
+    /** Where the dragging started scroll position */
+    this.startScrollLeft = null;
+    /** Timeout ID for a smooth drag release */
+    this.disableTimeoutId = null;
+    /** Whether user has just stopped dragging */
+    this.stoppedDragging = false;
+    this.onReducedMotionMediaChange = () => {
+      this.autoplayDisabledByMotionMedia = reducedMotionMedia.matches;
+    };
+    this.onMouseenter = () => {
+      this.autoplayDisabledByMouse = true;
+    };
+    this.onMouseleave = () => {
+      this.autoplayDisabledByMouse = false;
+    };
+    this.onFocusin = () => {
+      this.autoplayDisabledByFocus = true;
+    };
+    this.onFocusout = () => {
+      this.autoplayDisabledByFocus = false;
+    };
+    this.onPreviousClick = () => {
+      this.scrollToPreviousSnapPoint();
+    };
+    this.onNextClick = () => {
+      this.scrollToNextSnapPoint();
+    };
+    this.onSlideResize = () => {
+      if (this.scrollElement) {
+        this.itemSize = this.sizingMethod();
+      }
+    };
+    this.onMutation = () => {
+      if (!this.scrollElement) {
+        return;
+      }
+      this.slideElements = Array.from(this.scrollElement.children);
+      this.slideElements.forEach((slide, index) => {
+        slide.setAttribute("role", "group");
+        slide.setAttribute("aria-roledescription", "slide");
+        slide.setAttribute("aria-label", this.localization.slideLabel
+          .replace(/\{current\}/gi, (index + 1).toString())
+          .replace(/\{total\}/gi, this.slideElements.length.toString()));
+      });
+      this.previousElements = Array.from(this.element.querySelectorAll("[data-stzh-carousel-previous]"));
+      this.nextElements = Array.from(this.element.querySelectorAll("[data-stzh-carousel-next]"));
+      this.navigationTextElements = Array.from(this.element.querySelectorAll("[data-stzh-carousel-navigation-text]"));
+    };
+    this.onScroll = () => {
+      if (this.scrollTimeoutId === null) {
+        const direction = (this.scrollElement.scrollLeft > this.slideScrollLeft) ? 1 : -1;
+        this.scrolling = true;
+        if (!this.scrolledByAutoplay) {
+          this.autoplay = false;
+        }
+        this.stzhSlideStart.emit({
+          component: "stzh-carousel",
+          index: this.slide + direction
+        });
+      }
+      if (this.slide !== this.calculateSlide()) {
+        this.update();
+        this.stzhSlidePassed.emit({
+          component: "stzh-carousel",
+          index: this.slide
+        });
+      }
+      this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);
+      this.scrollTimeoutId = window.setTimeout(this.onScrollEnd, this.scrollTimeout);
+    };
+    this.onScrollEnd = () => {
+      this.scrollTimeoutId = null;
+      this.update();
+      this.scrolling = false;
+      this.scrolledByAutoplay = false;
+      if (this.stoppedDragging) {
+        this.stoppedDragging = false;
+        this.scrollElement.style.removeProperty("scroll-behavior");
+        this.scrollElement.style.removeProperty("scroll-snap-type");
+      }
+      if (this.tabThrough || this.variant === "cards") {
+        this.ariaLive = "";
+      }
+      else {
+        this.ariaLive = (this.currentSlides > 1 ? this.localization.slidesLabel : this.localization.slideLabel)
+          .replace(/\{(current|from)\}/gi, (this.slide + 1).toString())
+          .replace(/\{to\}/gi, (this.slide + this.currentSlides).toString())
+          .replace(/\{total\}/gi, this.slideElements.length.toString());
+      }
+      this.stzhSlideEnd.emit({
+        component: "stzh-carousel",
+        index: this.slide
+      });
+    };
+    this.onMediaChange = () => {
+      const ultra = mediaUtils.media("ultra").matches;
+      const large = mediaUtils.media("large").matches;
+      const medium = mediaUtils.media("medium").matches;
+      const small = mediaUtils.media("small").matches;
+      if (ultra && this.slidesUltra !== 0) {
+        this.currentSlides = this.slidesUltra;
+      }
+      else if (large && this.slidesLarge !== 0) {
+        this.currentSlides = this.slidesLarge;
+      }
+      else if (medium && this.slidesMedium !== 0) {
+        this.currentSlides = this.slidesMedium;
+      }
+      else if (small && this.slidesSmall !== 0) {
+        this.currentSlides = this.slidesSmall;
+      }
+      else {
+        this.currentSlides = this.slides;
+      }
+      // if (ultra && this.swipeSlidesUltra !== 0) {
+      //   this.currentSwipeSlides = this.swipeSlidesUltra;
+      // } else if (large && this.swipeSlidesLarge !== 0) {
+      //   this.currentSwipeSlides = this.swipeSlidesLarge;
+      // } else if (medium && this.swipeSlidesMedium !== 0) {
+      //   this.currentSwipeSlides = this.swipeSlidesMedium;
+      // } else if (small && this.swipeSlidesSmall !== 0) {
+      //   this.currentSwipeSlides = this.swipeSlidesSmall;
+      // } else {
+      //   this.currentSwipeSlides = this.swipeSlides;
+      // }
+      this.currentSwipeSlides = this.currentSlides;
+    };
+    /** Scroll the slider the appropriate amount of pixels and update the last event position */
+    this.mouseMove = (event) => {
+      const distance = this.lastX - event.clientX;
+      this.lastX = event.clientX;
+      this.scrollElement.scrollLeft += distance;
+    };
+    /** Clear disable timeout, set up variables and styles and attach the listener. */
+    this.startDragging = (event) => {
+      event.preventDefault();
+      this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);
+      this.disableTimeoutId = null;
+      this.startX = this.lastX = event.clientX;
+      this.startScrollLeft = this.scrollElement.scrollLeft;
+      this.scrollElement.style.setProperty("scroll-behavior", "auto");
+      this.scrollElement.style.setProperty("scroll-snap-type", "unset");
+      this.dragging = true;
+      this.autoplay = false;
+      window.addEventListener("mousemove", this.mouseMove);
+      window.addEventListener("mouseup", this.stopDragging, { capture: true });
+      window.addEventListener("click", this.checkClick, { capture: true });
+    };
+    /** User stopped dragging */
+    this.stopDragging = (event) => {
+      event.preventDefault();
+      const distance = Math.abs(this.startX - this.lastX);
+      const minimumReached = distance > this.distanceQuickSwipe;
+      const direction = (this.lastX > this.startX) ? 1 : -1;
+      this.dragging = false;
+      const endDraddingLeft = this.scrollElement.scrollLeft;
+      this.scrollElement.style.removeProperty("scroll-snap-type");
+      const finalLeft = this.scrollElement.scrollLeft;
+      this.scrollElement.style.setProperty("scroll-snap-type", "unset");
+      this.scrollElement.scrollTo({ left: endDraddingLeft, behavior: "auto" });
+      if (finalLeft !== this.startScrollLeft || !minimumReached) {
+        this.scrollElement.scrollTo({ left: finalLeft, behavior: reducedMotionMedia.matches ? "auto" : "smooth" });
+      }
+      else if (direction === 1) {
+        this.slideToPrevious();
+      }
+      else {
+        this.slideToNext();
+      }
+      window.removeEventListener("mousemove", this.mouseMove);
+      window.removeEventListener("mouseup", this.stopDragging, { capture: true });
+      this.stoppedDragging = true;
+    };
+    this.checkClick = (event) => {
+      const distance = Math.abs(this.startX - this.lastX);
+      const minimumReached = distance > this.distancePreventClick;
+      if (minimumReached) {
+        event.preventDefault();
+      }
+      this.lastX = null;
+      window.removeEventListener("click", this.checkClick, { capture: true });
+    };
+    this.autoplayInterval = () => {
+      this.scrolledByAutoplay = true;
+      if (this.hasReachedLastSlide()) {
+        this.slideTo(0);
+      }
+      else {
+        this.slideToNext();
+      }
+    };
+    this.localization = undefined;
+    this.variant = "default";
+    this.disabled = false;
+    this.slides = 1;
+    this.slidesSmall = 0;
+    this.slidesMedium = 0;
+    this.slidesLarge = 0;
+    this.slidesUltra = 0;
+    this.slide = 0;
+    this.autoplay = false;
+    this.tabThrough = false;
+    this.preventMouseDrag = false;
+    this.scrollTimeout = 100;
+    this.autoplayTimeout = 3000;
+    this.distanceQuickSwipe = 40;
+    this.distancePreventClick = 6;
+    this.autoplayRunning = false;
+    this.autoplayDisabledByMotionMedia = false;
+    this.autoplayDisabledByMouse = false;
+    this.autoplayDisabledByFocus = false;
+    this.dragging = false;
+    this.scrolling = false;
+    this.ariaLive = "";
+    this.currentSlides = 1;
+    this.currentSwipeSlides = 1;
+    this.slideElements = [];
+    this.previousElements = [];
+    this.nextElements = [];
+    this.navigationTextElements = [];
+  }
+  /** Scroll to a slide by index */
+  async slideTo(index, behaviour = "smooth") {
+    this.scrollToSlide(index, behaviour);
+  }
+  /** Scroll to previous snap point */
+  async slideToPrevious(behaviour = "smooth") {
+    this.scrollToPreviousSnapPoint(behaviour);
+  }
+  /** Scroll to next snap point */
+  async slideToNext(behaviour = "smooth") {
+    this.scrollToNextSnapPoint(behaviour);
+  }
+  disabledWatcher() {
+    if (this.disabled) {
+      this.scrollElement && this.scrollElement.removeEventListener("scroll", this.onScroll);
+      this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);
+      this.scrollTimeoutId = null;
+      this.element.removeEventListener("mouseenter", this.onMouseenter);
+      this.element.removeEventListener("mouseleave", this.onMouseleave);
+      this.element.removeEventListener("focusin", this.onFocusin);
+      this.element.removeEventListener("focusout", this.onFocusout);
+      this.onReducedMotionMediaChange();
+      reducedMotionMedia && reducedMotionMedia.removeEventListener("change", this.onReducedMotionMediaChange);
+    }
+    else {
+      this.scrollElement && this.scrollElement.addEventListener("scroll", this.onScroll, { passive: true });
+      this.element.addEventListener("mouseenter", this.onMouseenter);
+      this.element.addEventListener("mouseleave", this.onMouseleave);
+      this.element.addEventListener("focusin", this.onFocusin);
+      this.element.addEventListener("focusout", this.onFocusout);
+      reducedMotionMedia && reducedMotionMedia.addEventListener("change", this.onReducedMotionMediaChange);
+    }
+  }
+  preventMouseDragWatcher() {
+    if (this.preventMouseDrag || this.disabled) {
+      this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);
+      this.disableTimeoutId = null;
+      this.scrollElement && this.scrollElement.removeEventListener("mousedown", this.startDragging);
+      this.lastX = null;
+    }
+    else {
+      this.scrollElement && this.scrollElement.addEventListener("mousedown", this.startDragging);
+    }
+  }
+  autoplayRunningWatcher() {
+    if (!this.autoplay
+      || this.disabled
+      || this.autoplayDisabledByMotionMedia
+      || this.autoplayDisabledByMouse
+      || this.autoplayDisabledByFocus) {
+      this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);
+      this.autoplayIntervalId = null;
+      this.autoplayRunning = false;
+    }
+    else {
+      this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);
+      this.autoplayIntervalId = window.setInterval(this.autoplayInterval, this.autoplayTimeout);
+      this.autoplayRunning = true;
+    }
+  }
+  snapAlignWatcher() {
+    this.slideElements.forEach((slide, index) => {
+      const shouldSnap = (index - this.currentSwipeSlides) % this.currentSwipeSlides === 0;
+      if (shouldSnap) {
+        slide.style.removeProperty("scroll-snap-align");
+      }
+      else {
+        slide.style.setProperty("scroll-snap-align", "none");
+      }
+    });
+  }
+  inertWatcher() {
+    this.slideElements.forEach((slide, index) => {
+      const isActive = this.tabThrough
+        || this.variant === "cards"
+        || index >= this.slide && index < this.slide + this.currentSlides;
+      slide.inert = !isActive;
+      if (isActive) {
+        slide.removeAttribute("aria-hidden");
+      }
+      else {
+        slide.setAttribute("aria-hidden", isActive ? "false" : "true");
+      }
+    });
+  }
+  prevNextNavigationWatcher() {
+    const tabThrough = this.tabThrough || this.variant === "cards";
+    const setAriaAttributes = (element) => {
+      const isStzh = utils.isStzhElement(element);
+      if (tabThrough) {
+        element.setAttribute("aria-hidden", "true");
+        element.setAttribute(isStzh ? "a11y-tabindex" : "tabindex", "-1");
+      }
+      else {
+        element.removeAttribute("aria-hidden");
+        element.removeAttribute(isStzh ? "a11y-tabindex" : "tabindex");
+      }
+    };
+    this.nextElements.forEach(setAriaAttributes);
+    this.previousElements.forEach(setAriaAttributes);
+  }
+  prevNextHiddenWatcher() {
+    const hideElements = this.slideElements.length <= this.currentSlides;
+    const setHiddenAttribute = (element) => {
+      if (hideElements) {
+        element.setAttribute("hidden", "");
+      }
+      else {
+        element.removeAttribute("hidden");
+      }
+    };
+    this.navigationTextElements.forEach(setHiddenAttribute);
+    this.nextElements.forEach(setHiddenAttribute);
+    this.previousElements.forEach(setHiddenAttribute);
+  }
+  nextPrevDisabledWatcher() {
+    if (!this.scrollElement) {
+      return;
+    }
+    const reachedFirstSlide = this.slide === 0;
+    const reachedLastSlide = this.hasReachedLastSlide();
+    this.nextElements.forEach((element) => {
+      const isStzh = utils.isStzhElement(element);
+      element.setAttribute(isStzh ? "a11y-disabled" : "aria-disabled", reachedLastSlide ? "true" : "false");
+    });
+    this.previousElements.forEach((element) => {
+      const isStzh = utils.isStzhElement(element);
+      element.setAttribute(isStzh ? "a11y-disabled" : "aria-disabled", reachedFirstSlide ? "true" : "false");
+    });
+  }
+  nextElementsWatcher() {
+    this.nextElements.forEach((nextElement) => {
+      const isStzh = utils.isStzhElement(nextElement);
+      nextElement.addEventListener("click", this.onNextClick);
+      nextElement.setAttribute(isStzh ? "a11y-controls" : "aria-controls", `${this.carouselId}-scroll`);
+    });
+  }
+  previousElementsWatcher() {
+    this.previousElements.forEach((previousElement) => {
+      const isStzh = utils.isStzhElement(previousElement);
+      previousElement.addEventListener("click", this.onPreviousClick);
+      previousElement.setAttribute(isStzh ? "a11y-controls" : "aria-controls", `${this.carouselId}-scroll`);
+    });
+  }
+  scrollToSlide(index, behaviour = "smooth") {
+    if (this.disabled) {
+      return;
+    }
+    this.scrollElement.scrollTo({
+      left: index * this.itemSize,
+      behavior: reducedMotionMedia.matches ? "auto" : behaviour
+    });
+  }
+  /** Width of a slide  */
+  sizingMethod() {
+    const css = window.getComputedStyle(this.scrollElement);
+    return this.scrollElement.firstElementChild.offsetWidth
+      + parseInt(css.getPropertyValue("column-gap"), 10);
+  }
+  /**
+   * Calculates the active slide.
+   * The scroll-snap-type property makes sure that the container snaps perfectly to integer multiples.
+   */
+  calculateSlide() {
+    // Math.round: Dispatch 'stzhSlidePassed' events around the center of each slide
+    // Math.ceil: Dispatch 'stzhSlidePassed' events as soon as the next one is visible
+    // Math.floor: Dispatch 'stzhSlidePassed' events only when the next one is fully visible
+    return Math.floor(this.scrollElement.scrollLeft / this.itemSize);
+  }
+  scrollToPreviousSnapPoint(behaviour = "smooth") {
+    if (this.disabled) {
+      return;
+    }
+    let previousIndex = this.slide;
+    let canSnap = false;
+    while (!canSnap && previousIndex > 0) {
+      previousIndex = previousIndex - 1;
+      canSnap = (previousIndex - this.currentSwipeSlides) % this.currentSwipeSlides === 0;
+    }
+    this.slideTo(previousIndex, behaviour);
+  }
+  scrollToNextSnapPoint(behaviour = "smooth") {
+    if (this.disabled) {
+      return;
+    }
+    this.slideTo(this.slide + this.currentSwipeSlides, behaviour);
+  }
+  update() {
+    this.slide = this.calculateSlide();
+    this.slideScrollLeft = this.slide * this.itemSize;
+    this.onMutation();
+  }
+  hasReachedLastSlide() {
+    const { scrollLeft, offsetWidth, scrollWidth } = this.scrollElement;
+    return Math.ceil(scrollLeft + offsetWidth) >= scrollWidth;
+  }
+  async componentWillLoad() {
+    this.carouselId = `stzh-carousel-${carouselCounter++}`;
+    this.onMediaChange();
+    if (!this.localization) {
+      this.localization = await translationUtils.fetchTranslations(this.element, "carousel");
+    }
+  }
+  componentDidLoad() {
+    this.itemSize = this.sizingMethod();
+    this.update();
+    this.disabledWatcher();
+    this.preventMouseDragWatcher();
+    this.autoplayRunningWatcher();
+  }
+  connectedCallback() {
+    mediaUtils.addMediaChangeListener(this.onMediaChange);
+    this.resizeObserver = new ResizeObserver(this.onSlideResize);
+    this.resizeObserver.observe(this.element);
+    this.mutationObserver = new MutationObserver(this.onMutation);
+    this.mutationObserver.observe(this.element, {
+      childList: true,
+      subtree: true
+    });
+  }
+  disconnectedCallback() {
+    this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);
+    this.scrollTimeoutId = null;
+    this.disabled = true;
+    mediaUtils.removeMediaChangeListener(this.onMediaChange);
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
+    if (this.mutationObserver) {
+      this.mutationObserver.disconnect();
+    }
+  }
+  render() {
+    const classes = {
+      "stzh-carousel": true,
+      "stzh-carousel--is-disabled": this.disabled,
+      "stzh-carousel--is-draggable": !this.preventMouseDrag,
+      "stzh-carousel--is-dragging": this.dragging,
+      "stzh-carousel--is-scrolling": this.scrolling,
+      "stzh-carousel--has-autoplay": this.autoplay,
+      "stzh-carousel--is-autoplay-running": this.autoplayRunning,
+      "stzh-carousel--is-autoplay-disabled-by-motion-media": this.autoplayDisabledByMotionMedia,
+      "stzh-carousel--is-autoplay-disabled-by-mouse": this.autoplayDisabledByMouse,
+      "stzh-carousel--is-autoplay-disabled-by-focus": this.autoplayDisabledByFocus
+    };
+    return (index.h(index.Host, { "aria-roledescription": "carousel", style: {
+        '--slides': this.currentSlides.toString()
+      } }, index.h("div", { class: classes }, index.h("slot", { name: "actions" }), index.h("div", { class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { ref: (el) => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", null)))));
+  }
+  get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "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"]
+  }; }
+};
+StzhCarousel.style = stzhCarouselCss;
+
+exports.stzh_carousel = StzhCarousel;

package/dist/cjs/stzh-cell.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-83d427ee.js');
 
-const stzhCellCss = ":host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host::after{content:\"\";display:table;clear:both}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span=\"1\"]){--cell-width:8.3333333333%}:host([span=\"2\"]){--cell-width:16.6666666667%}:host([span=\"3\"]){--cell-width:25%}:host([span=\"4\"]){--cell-width:33.3333333333%}:host([span=\"5\"]){--cell-width:41.6666666667%}:host([span=\"6\"]){--cell-width:50%}:host([span=\"7\"]){--cell-width:58.3333333333%}:host([span=\"8\"]){--cell-width:66.6666666667%}:host([span=\"9\"]){--cell-width:75%}:host([span=\"10\"]){--cell-width:83.3333333333%}:host([span=\"11\"]){--cell-width:91.6666666667%}:host([span=\"12\"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small=\"3\"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small=\"6\"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small=\"9\"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small=\"12\"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader=\"3\"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader=\"6\"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader=\"9\"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader=\"12\"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium=\"3\"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium=\"6\"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium=\"9\"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium=\"12\"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large=\"3\"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large=\"6\"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large=\"9\"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large=\"12\"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra=\"3\"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra=\"6\"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra=\"9\"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra=\"12\"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}";
+const stzhCellCss = ":host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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)}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host::after{content:\"\";display:table;clear:both}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span=\"1\"]){--cell-width:8.3333333333%}:host([span=\"2\"]){--cell-width:16.6666666667%}:host([span=\"3\"]){--cell-width:25%}:host([span=\"4\"]){--cell-width:33.3333333333%}:host([span=\"5\"]){--cell-width:41.6666666667%}:host([span=\"6\"]){--cell-width:50%}:host([span=\"7\"]){--cell-width:58.3333333333%}:host([span=\"8\"]){--cell-width:66.6666666667%}:host([span=\"9\"]){--cell-width:75%}:host([span=\"10\"]){--cell-width:83.3333333333%}:host([span=\"11\"]){--cell-width:91.6666666667%}:host([span=\"12\"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small=\"3\"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small=\"6\"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small=\"9\"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small=\"12\"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader=\"3\"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader=\"6\"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader=\"9\"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader=\"12\"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium=\"3\"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium=\"6\"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium=\"9\"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium=\"12\"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large=\"3\"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large=\"6\"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large=\"9\"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large=\"12\"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra=\"1\"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra=\"2\"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra=\"3\"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra=\"4\"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra=\"5\"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra=\"6\"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra=\"7\"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra=\"8\"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra=\"9\"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra=\"10\"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra=\"11\"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra=\"12\"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}";
 
 const StzhCell = class {
   constructor(hostRef) {

package/dist/cjs/stzh-chart.cjs.entry.js

@@ -26916,7 +26916,7 @@ const topojson = /*#__PURE__*/Object.freeze({
   untransform: untransform
 });
 
-const stzhChartCss = "@charset \"UTF-8\";:host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sszvis-outer-container{clear:both;position:relative}.sszvis-svg-layer{position:relative}.sszvis-html-layer{position:absolute}.sszvis-fallback-image{display:block;margin:0 auto;max-width:32.25rem;width:100%}.sszvis-interactive{cursor:default;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none}.sszvis-interactive.sszvis-interactive--draggable{cursor:pointer;cursor:grab;cursor:-webkit-grab}.sszvis-interactive.sszvis-interactive--draggable:active{cursor:grabbing;cursor:-webkit-grabbing}:root{--stzh-font:var(--stzh-font-family-regular, \"Helvetica Neue\", Helvetica, Arial, sans-serif)}.sszvis-axis text{color:#737373;fill:#737373;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.625rem;font-style:normal;font-weight:normal}.sszvis-axis path,.sszvis-axis line{fill:none;stroke:#b8b8b8;shape-rendering:crispEdges}.sszvis-axis .tick text.active{fill:#545454}.sszvis-axis .tick text.hidden{display:none}.sszvis-axis .tick line.hidden{display:none}.sszvis-axis.sszvis-axis--top path{display:none}.sszvis-axis.sszvis-axis--vertical path{display:none}.sszvis-axis.sszvis-axis--slider path{stroke:none}.sszvis-axis__label-contour{fill:#ffffff;opacity:0.8;stroke:#ffffff;stroke-width:3}.sszvis-bar--missing{stroke:#a4a4a4}.sszvis-line{fill:none;stroke-width:1.1}.sszvis-pyramid__referenceline{fill:none;stroke:#aaa;stroke-width:2;stroke-dasharray:3 3}.sszvis-sankey-label{alignment-baseline:central;dominant-baseline:central;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.625rem;font-style:normal;font-weight:normal}.sszvis-sankey-strong-label{fill:#545454}.sszvis-sankey-weak-label{fill:#767676}.sszvis-sankey-column-label{text-anchor:middle}.sszvis-sankey-column-label-tick{stroke:#b8b8b8}.sszvis-sankey-link-source-label{text-anchor:start}.sszvis-sankey-link-target-label{text-anchor:end}.sszvis-map__area{stroke:none}.sszvis-map__border{fill:none;pointer-events:none;stroke-linejoin:round;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__highlight{fill:none;pointer-events:none;stroke-linejoin:round;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__lakezurich{pointer-events:none;stroke:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__lakepath{fill:none;pointer-events:none;stroke:#d3d3d3;stroke-width:1.25;stroke-dasharray:3 3;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__geojsonelement{pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__image{display:block;position:absolute;pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__rasterimage{display:block;position:absolute;pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-control-buttonGroup{display:inline-block;position:absolute;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-control-buttonGroup__item{background-color:#ffffff;border:0.0625rem solid #0f05a0;border-left:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0f05a0;cursor:pointer;display:table-cell;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.75rem;line-height:normal;padding:0.5625rem 0.75rem;text-align:center;vertical-align:middle;-webkit-transition:all 0.3s;transition:all 0.3s}.sszvis-control-buttonGroup__item:hover,.sszvis-control-buttonGroup__item.selected:hover{background-color:#070250;color:#fff}.sszvis-control-buttonGroup__item.selected{background-color:#0f05a0;color:#ffffff}.sszvis-control-buttonGroup__item:first-child{border-left:0.0625rem solid #0f05a0}.sszvis-control-select{border:0.0625rem solid #0f05a0;border-radius:0.125rem;background-color:#ffffff;background-image:url(\"data:image/png;base64,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\");background-position:96% 51%;background-repeat:no-repeat;background-size:0.75rem 0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:2.125rem;overflow:hidden;color:#0f05a0;-webkit-transition:all 0.3s;transition:all 0.3s}.sszvis-control-select:hover{border-color:#070250}.sszvis-control-select__element:hover{color:#070250;cursor:pointer}.sszvis-control-select__element{background:transparent;border:0.0625rem solid #ffffff;color:#0f05a0;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:1rem;height:2.125rem;outline:0;-webkit-transition:all 0.3s;transition:all 0.3s;padding-left:0.3125rem}.sszvis-control-select__element:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.sszvis-control-select__metrics{font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.75rem;height:auto;position:absolute;visibility:hidden;width:auto;white-space:nowrap}.sszvis-control-slider__handle{cursor:pointer}.sszvis-control-slider--label{fill:#545454;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.625rem;text-anchor:middle}.sszvis-control-slider__handlebox{fill:#fff;stroke:#545454}.sszvis-control-slider__handleline{stroke:#545454}.sszvis-handleRuler__handle{fill:#ffffff;stroke:#808184}.sszvis-handleRuler__handle-mark{stroke:#a6a8ab}.sszvis-ruler__rule{shape-rendering:crispEdges;stroke:#cccccc}.sszvis-ruler__dot{stroke:#ffffff;stroke-width:1.5}.sszvis-ruler__label,.sszvis-ruler__label-outline{font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.75rem;font-style:normal;font-weight:normal}.sszvis-ruler__label{fill:#545454}.sszvis-ruler__label-outline{stroke:#ffffff;stroke-width:3}.sszvis-rangeFlag__mark{fill:#efefef;stroke:#7c7c7c;stroke-width:1.5}.sszvis-rangeRuler__rule{opacity:0.25;shape-rendering:crispEdges;stroke:#000000}.sszvis-rangeRuler__p1,.sszvis-rangeRuler__p2{fill:#000000;opacity:0.25}.sszvis-rangeRuler__label,.sszvis-rangeRuler__total{stroke:none;font-size:0.625rem;fill:#737373;color:#737373;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-style:normal}.sszvis-rangeRuler__label-contour,.sszvis-rangeRuler__total-contour{font-size:0.625rem;fill:#737373;color:#737373;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-style:normal;stroke:#ffffff;stroke-width:3;stroke-opacity:0.8}.sszvis-tooltip{min-width:3.75rem;position:absolute}.sszvis-tooltip__background{position:absolute}.sszvis-tooltip__background path{fill:rgba(255, 255, 255, 0.9)}.sszvis-tooltip__background.sszvis-tooltip__background--fallback path{stroke:#ddd;stroke-width:1}.sszvis-tooltip__content{font-family:Arial;padding:0.625rem 0.625rem 0.4375rem 0.625rem;position:relative;white-space:nowrap;z-index:1}.sszvis-tooltip__content strong{font-weight:bold}.sszvis-tooltip__content em{font-weight:bold}.sszvis-tooltip__header{color:#545454;font-size:0.75rem;line-height:1.3333;vertical-align:middle}.sszvis-tooltip__body{color:#7c7c7c;font-size:0.6875rem;line-height:1.4545;vertical-align:middle}.sszvis-tooltip--small .sszvis-tooltip__content{padding:0.375rem 0.625rem 0.25rem 0.625rem;text-align:center}.sszvis-tooltip__body__table,.sszvis-tooltip__body__table td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top}.sszvis-tooltip__body__table{border:none !important;border-collapse:collapse;border-spacing:0;min-width:7.5rem;margin-top:0.375rem;width:100%}.sszvis-tooltip__body__table tr{border-top:0.0625rem solid #e5e6e7}.sszvis-tooltip__body__table td{border:none !important;padding:0.4375rem 0.5em 0.4375rem 0 !important;text-align:left;vertical-align:top}.sszvis-tooltip__body__table tr:last-child td{padding-bottom:0.1875rem}.sszvis-tooltip__body__table td:last-child{color:#545454;font-weight:bold;padding-right:0;text-align:right}.sszvis-tooltipAnchor{pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-referenceline{stroke-width:1.5;stroke:#aaa;stroke-dasharray:3 3}.sszvis-referenceline__caption{fill:#7c7c7c;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.6875rem;text-anchor:middle;-webkit-backface-visibility:hidden}.sszvis-dataareacircle__caption{fill:#7c7c7c;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.6875rem;text-anchor:middle}.sszvis-dataarearectangle__caption{fill:#7c7c7c;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.6875rem;text-anchor:middle}.sszvis-legend__label{fill:#767676;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.75rem;font-style:normal;font-weight:normal;text-anchor:start}.sszvis-legend__label--small{fill:#767676;font-size:0.625rem}.sszvis-legend__axislabel{fill:#767676;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.625rem;font-style:normal;font-weight:normal}.sszvis-legend__crispmark{shape-rendering:crispEdges}.sszvis-legend__greyline{fill:none;stroke:#b8b8b8;stroke-width:1.1}.sszvis-legend__dashedline{stroke:#cccccc;stroke-dasharray:2 3;stroke-width:1}stzh-chart{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}stzh-chart[hidden]{display:none}stzh-chart *,stzh-chart *::before,stzh-chart *::after{-webkit-box-sizing:border-box;box-sizing:border-box}";
+const stzhChartCss = "@charset \"UTF-8\";:host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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)}.sszvis-outer-container{clear:both;position:relative}.sszvis-svg-layer{position:relative}.sszvis-html-layer{position:absolute}.sszvis-fallback-image{display:block;margin:0 auto;max-width:32.25rem;width:100%}.sszvis-interactive{cursor:default;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none}.sszvis-interactive.sszvis-interactive--draggable{cursor:pointer;cursor:grab;cursor:-webkit-grab}.sszvis-interactive.sszvis-interactive--draggable:active{cursor:grabbing;cursor:-webkit-grabbing}:root{--stzh-font:var(--stzh-font-family-regular, \"Helvetica Neue\", Helvetica, Arial, sans-serif)}.sszvis-axis text{color:#737373;fill:#737373;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.625rem;font-style:normal;font-weight:normal}.sszvis-axis path,.sszvis-axis line{fill:none;stroke:#b8b8b8;shape-rendering:crispEdges}.sszvis-axis .tick text.active{fill:#545454}.sszvis-axis .tick text.hidden{display:none}.sszvis-axis .tick line.hidden{display:none}.sszvis-axis.sszvis-axis--top path{display:none}.sszvis-axis.sszvis-axis--vertical path{display:none}.sszvis-axis.sszvis-axis--slider path{stroke:none}.sszvis-axis__label-contour{fill:#ffffff;opacity:0.8;stroke:#ffffff;stroke-width:3}.sszvis-bar--missing{stroke:#a4a4a4}.sszvis-line{fill:none;stroke-width:1.1}.sszvis-pyramid__referenceline{fill:none;stroke:#aaa;stroke-width:2;stroke-dasharray:3 3}.sszvis-sankey-label{alignment-baseline:central;dominant-baseline:central;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.625rem;font-style:normal;font-weight:normal}.sszvis-sankey-strong-label{fill:#545454}.sszvis-sankey-weak-label{fill:#767676}.sszvis-sankey-column-label{text-anchor:middle}.sszvis-sankey-column-label-tick{stroke:#b8b8b8}.sszvis-sankey-link-source-label{text-anchor:start}.sszvis-sankey-link-target-label{text-anchor:end}.sszvis-map__area{stroke:none}.sszvis-map__border{fill:none;pointer-events:none;stroke-linejoin:round;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__highlight{fill:none;pointer-events:none;stroke-linejoin:round;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__lakezurich{pointer-events:none;stroke:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__lakepath{fill:none;pointer-events:none;stroke:#d3d3d3;stroke-width:1.25;stroke-dasharray:3 3;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__geojsonelement{pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__image{display:block;position:absolute;pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-map__rasterimage{display:block;position:absolute;pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-control-buttonGroup{display:inline-block;position:absolute;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-control-buttonGroup__item{background-color:#ffffff;border:0.0625rem solid #0f05a0;border-left:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0f05a0;cursor:pointer;display:table-cell;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.75rem;line-height:normal;padding:0.5625rem 0.75rem;text-align:center;vertical-align:middle;-webkit-transition:all 0.3s;transition:all 0.3s}.sszvis-control-buttonGroup__item:hover,.sszvis-control-buttonGroup__item.selected:hover{background-color:#070250;color:#fff}.sszvis-control-buttonGroup__item.selected{background-color:#0f05a0;color:#ffffff}.sszvis-control-buttonGroup__item:first-child{border-left:0.0625rem solid #0f05a0}.sszvis-control-select{border:0.0625rem solid #0f05a0;border-radius:0.125rem;background-color:#ffffff;background-image:url(\"data:image/png;base64,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\");background-position:96% 51%;background-repeat:no-repeat;background-size:0.75rem 0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:2.125rem;overflow:hidden;color:#0f05a0;-webkit-transition:all 0.3s;transition:all 0.3s}.sszvis-control-select:hover{border-color:#070250}.sszvis-control-select__element:hover{color:#070250;cursor:pointer}.sszvis-control-select__element{background:transparent;border:0.0625rem solid #ffffff;color:#0f05a0;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:1rem;height:2.125rem;outline:0;-webkit-transition:all 0.3s;transition:all 0.3s;padding-left:0.3125rem}.sszvis-control-select__element:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.sszvis-control-select__metrics{font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.75rem;height:auto;position:absolute;visibility:hidden;width:auto;white-space:nowrap}.sszvis-control-slider__handle{cursor:pointer}.sszvis-control-slider--label{fill:#545454;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.625rem;text-anchor:middle}.sszvis-control-slider__handlebox{fill:#fff;stroke:#545454}.sszvis-control-slider__handleline{stroke:#545454}.sszvis-handleRuler__handle{fill:#ffffff;stroke:#808184}.sszvis-handleRuler__handle-mark{stroke:#a6a8ab}.sszvis-ruler__rule{shape-rendering:crispEdges;stroke:#cccccc}.sszvis-ruler__dot{stroke:#ffffff;stroke-width:1.5}.sszvis-ruler__label,.sszvis-ruler__label-outline{font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.75rem;font-style:normal;font-weight:normal}.sszvis-ruler__label{fill:#545454}.sszvis-ruler__label-outline{stroke:#ffffff;stroke-width:3}.sszvis-rangeFlag__mark{fill:#efefef;stroke:#7c7c7c;stroke-width:1.5}.sszvis-rangeRuler__rule{opacity:0.25;shape-rendering:crispEdges;stroke:#000000}.sszvis-rangeRuler__p1,.sszvis-rangeRuler__p2{fill:#000000;opacity:0.25}.sszvis-rangeRuler__label,.sszvis-rangeRuler__total{stroke:none;font-size:0.625rem;fill:#737373;color:#737373;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-style:normal}.sszvis-rangeRuler__label-contour,.sszvis-rangeRuler__total-contour{font-size:0.625rem;fill:#737373;color:#737373;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-style:normal;stroke:#ffffff;stroke-width:3;stroke-opacity:0.8}.sszvis-tooltip{min-width:3.75rem;position:absolute}.sszvis-tooltip__background{position:absolute}.sszvis-tooltip__background path{fill:rgba(255, 255, 255, 0.9)}.sszvis-tooltip__background.sszvis-tooltip__background--fallback path{stroke:#ddd;stroke-width:1}.sszvis-tooltip__content{font-family:Arial;padding:0.625rem 0.625rem 0.4375rem 0.625rem;position:relative;white-space:nowrap;z-index:1}.sszvis-tooltip__content strong{font-weight:bold}.sszvis-tooltip__content em{font-weight:bold}.sszvis-tooltip__header{color:#545454;font-size:0.75rem;line-height:1.3333;vertical-align:middle}.sszvis-tooltip__body{color:#7c7c7c;font-size:0.6875rem;line-height:1.4545;vertical-align:middle}.sszvis-tooltip--small .sszvis-tooltip__content{padding:0.375rem 0.625rem 0.25rem 0.625rem;text-align:center}.sszvis-tooltip__body__table,.sszvis-tooltip__body__table td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top}.sszvis-tooltip__body__table{border:none !important;border-collapse:collapse;border-spacing:0;min-width:7.5rem;margin-top:0.375rem;width:100%}.sszvis-tooltip__body__table tr{border-top:0.0625rem solid #e5e6e7}.sszvis-tooltip__body__table td{border:none !important;padding:0.4375rem 0.5em 0.4375rem 0 !important;text-align:left;vertical-align:top}.sszvis-tooltip__body__table tr:last-child td{padding-bottom:0.1875rem}.sszvis-tooltip__body__table td:last-child{color:#545454;font-weight:bold;padding-right:0;text-align:right}.sszvis-tooltipAnchor{pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sszvis-referenceline{stroke-width:1.5;stroke:#aaa;stroke-dasharray:3 3}.sszvis-referenceline__caption{fill:#7c7c7c;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.6875rem;text-anchor:middle;-webkit-backface-visibility:hidden}.sszvis-dataareacircle__caption{fill:#7c7c7c;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.6875rem;text-anchor:middle}.sszvis-dataarearectangle__caption{fill:#7c7c7c;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.6875rem;text-anchor:middle}.sszvis-legend__label{fill:#767676;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.75rem;font-style:normal;font-weight:normal;text-anchor:start}.sszvis-legend__label--small{fill:#767676;font-size:0.625rem}.sszvis-legend__axislabel{fill:#767676;font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-family:var(--stzh-font);font-size:0.625rem;font-style:normal;font-weight:normal}.sszvis-legend__crispmark{shape-rendering:crispEdges}.sszvis-legend__greyline{fill:none;stroke:#b8b8b8;stroke-width:1.1}.sszvis-legend__dashedline{stroke:#cccccc;stroke-dasharray:2 3;stroke-width:1}stzh-chart{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}stzh-chart[hidden]{display:none}stzh-chart *,stzh-chart *::before,stzh-chart *::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)}";
 
 const StzhChart = class {
   constructor(hostRef) {