@oiz/stzh-components 4.10.0-beta2 → 4.10.1

package/dist/components/p-D36sFB-f.js.map

@@ -1 +0,0 @@
-{"file":"p-D36sFB-f.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-popover/stzh-popover.scss?tag=stzh-popover&encapsulation=scoped","src/components/stzh-popover/stzh-popover.tsx"],"sourcesContent":["/**\n * @prop --width: Width of popover above small breakpoint\n * @prop --min-width: Minimum width of popover above small breakpoint\n * @prop --max-width: Maximum width of popover above small breakpoint\n * @prop --padding: Padding of popover\n * @prop --content-padding: Padding of popover content\n * @prop --border-radius: Border radius of popover\n * @prop --backdrop-opacity: Opacity of popover backdrop (used on mikro breakpoint)\n *\n * @prop --stzh-popover-width: **Global**: Width of popover above small breakpoint (default `223px`)\n * @prop --stzh-popover-min-width: **Global**: Minimum width of popover above small breakpoint (default `initial`)\n * @prop --stzh-popover-max-width: **Global**: Maximum width of popover above small breakpoint (default `initial`)\n * @prop --stzh-popover-padding: **Global**: Padding of popover (default `0px`)\n * @prop --stzh-popover-content-padding: **Global**: Padding of popover content (default `8px 0px`)\n * @prop --stzh-popover-border-radius: **Global**: Border radius of popover above small breakpoint (default `3px`)\n *\n * @prop --stzh-dialog-backdrop-opacity: **Global**: Opacity of backdrops\n * @prop --stzh-dialog-backdrop-background-color: **Global**: Background color of backdrops\n */\n\n:host {\n  display: contents;\n\n  --color: #{$colorBlack};\n  --width: #{$popoverWidth};\n  --min-width: #{$popoverMinWidth};\n  --max-width: #{$popoverMaxWidth};\n  --height: auto;\n  --min-height: initial;\n  --max-height: initial;\n  --padding: #{$popoverPadding};\n  --content-padding: #{$popoverContentPadding};\n  --border-radius: #{$popoverBorderRadius};\n  --background-color: var(--stzh-popover-background, #{$popoverBackgroundColor});\n  --backdrop-opacity: #{$dialogBackdropOpacity};\n  --backdrop-background-color: #{$dialogBackdropBackgroundColor};\n\n  &[size=\"large\"] {\n    --content-padding: #{$popoverLargeContentPadding};\n  }\n\n  &[variant=\"secondary\"] {\n    --background-color: #{$colorSecondary20};\n  }\n\n  &[variant=\"tooltip\"] {\n    --width: #{$tooltipWidth};\n    --min-width: #{$tooltipMinWidth};\n    --max-width: #{$tooltipMaxWidth};\n    --content-padding: #{space(\"small\")} #{space(\"large\")};\n    --border-radius: #{$tooltipBorderRadius};\n\n    @include mq($from: small) {\n      --content-padding: #{$tooltipPadding};\n      --color: #{$colorWhite};\n      --link-color: #{$colorWhite};\n      --hover-link-color: #{$colorWhite70op};\n      --background-color: #{$colorCoolgrey60};\n    }\n  }\n}\n\n.stzh-popover {\n  @include tooltip-arrow;\n  display: contents;\n\n  &__trigger {\n    display: contents;\n  }\n\n  &__content-wrapper {\n    // position: absolute;\n    // width: 100%;\n    // height: 100%;\n    // pointer-events: none;\n    display: contents;\n\n    @include mq($to: small) {\n      z-index: $zIndexDialog;\n      display: flex;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      align-items: stretch;\n      justify-content: stretch;\n    }\n  }\n\n  &__backdrop {\n    display: contents;\n\n    @include mq($to: small) {\n      z-index: 1;\n      position: absolute;\n      display: block;\n      top: 0px;\n      left: 0px;\n      width: 100%;\n      height: 100%;\n      overflow-x: hidden;\n      overflow-y: auto;\n      text-align: center;\n      background-color: var(--backdrop-background-color);\n      opacity: var(--backdrop-opacity);\n    }\n  }\n\n  &__content {\n    // pointer-events: all;\n    display: contents;\n\n    @include mq($to: small) {\n      z-index: 2;\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      flex-grow: 1;\n      overflow: auto;\n    }\n  }\n\n  &__dialog {\n    margin-top: auto;\n    width: 100%;\n    overflow: visible;\n    border-top-left-radius: 2px;\n    border-top-right-radius: 2px;\n    background-color: var(--background-color);\n    touch-action: none;\n    outline: none;\n    border-bottom: 2px solid $colorOldGrey13;\n    color: var(--color);\n\n    --stzh-base-color: var(--color);\n    --stzh-link-color: var(--link-color);\n    // TODO: check with designer\n    --stzh-link-hover-color: var(--hover-link-color);\n\n    @include mq($from: small) {\n      z-index: $zIndexPopover;\n      position: absolute;\n      display: flex;\n      width: var(--width);\n      min-width: var(--min-width);\n      max-width: var(--max-width);\n      // max-width: calc(100vw - var(--stzh-scrollbar-width) - #{space('small')});\n      height: var(--height);\n      min-height: var(--min-height);\n      max-height: var(--max-height);\n      left: auto;\n      right: auto;\n      bottom: auto;\n      border-radius: var(--border-radius);\n      box-shadow: $boxShadowPopover;\n      border: none;\n    }\n  }\n\n  &__content-inner,\n  &__content-slot-wrapper {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  &__content-slot-wrapper {\n    padding: var(--padding);\n  }\n\n  &__content-slot {\n    overflow-y: auto;\n    overflow-x: hidden;\n    overflow-scrolling: touch;\n    padding: var(--content-padding);\n  }\n\n  &__action-slot {\n    display: flex;\n    flex-direction: column;\n\n    // &:not(:empty) {\n    //   margin: space('xsmall') space('small');\n    //   margin-bottom: space('medium');\n    // }\n  }\n\n  &__label-wrapper {\n    display: flex;\n    align-items: center;\n    padding: space(\"small\") space(\"large\");\n    padding-right: space(\"medium\");\n    border-bottom: 1px solid $baseBorderColor;\n    color: $colorOldGrey70;\n\n    @include mq($from: small) {\n      padding: 0;\n      border-bottom: 0;\n    }\n  }\n\n  &__label {\n    @include font(\"heavy\");\n    @include fontCurve(\"p2\");\n    margin: 0;\n    margin-right: space(\"small\");\n\n    @include mq($from: small) {\n      @include visuallyhidden;\n    }\n  }\n\n  &__close {\n    visibility: $popoverCloseVisibility;\n    cursor: pointer;\n    display: flex;\n    appearance: none;\n    font-family: inherit;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    margin-left: auto;\n    border-radius: 50%;\n    color: $baseLeadColor;\n    padding: space(\"xxsmall\");\n  }\n\n  &__icon {\n    --size: #{iconSize(\"xsmall\")};\n  }\n\n  &__arrow {\n    position: absolute;\n    display: none;\n\n    @include mq($from: small) {\n      display: flex;\n    }\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  /* Only non tooltip variants */\n\n  &--default &__close,\n  &--secondary &__close {\n    &:focus {\n      box-shadow: 0 0 0 1px $colorPrimary;\n    }\n\n    @include mq($from: small) {\n      @include visuallyhiddenFocusable;\n      position: absolute;\n      top: 0;\n      right: 0;\n      transform: translate(30%, -30%);\n      background-color: $colorOldGrey5;\n    }\n  }\n\n  /* Tooltip variant */\n\n  &--tooltip &__content-inner {\n    @include mq($from: small) {\n      flex-direction: row-reverse;\n      align-items: flex-start;\n    }\n  }\n\n  &--tooltip &__close {\n    visibility: visible;\n\n    @include mq($from: small) {\n      @include tooltip__close;\n    }\n  }\n\n  &--tooltip &__icon {\n    @include mq($from: small) {\n      @include tooltip__icon;\n    }\n  }\n\n  &--tooltip &__dialog {\n    @include mq($from: small) {\n      @include tooltip-dropshadow;\n    }\n  }\n\n  &--tooltip &__content-slot {\n    @include mq($from: small) {\n      @include tooltip-fontsize;\n    }\n  }\n\n  /* Has fullwidth popover */\n\n  &--popover-fullwidth-horizontal &__dialog {\n    @include mq($from: small) {\n      left: 0 !important;\n      right: 0 !important;\n      width: 100%;\n    }\n  }\n\n  &--popover-fullwidth-vertical &__dialog {\n    @include mq($from: small) {\n      top: 0 !important;\n      bottom: 0 !important;\n      height: 100%;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  StzhPopoverClosedEvent,\n  StzhPopoverCloseEvent,\n  StzhPopoverOpenedEvent,\n  StzhPopoverOpenEvent,\n} from \"../../index\";\n\nimport { arrow, autoUpdate, computePosition, flip, offset, Placement, shift } from \"@floating-ui/dom\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\nimport { isStzhElement } from \"../../utils/utils\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../utils/media-utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, stopAnimations } from \"../../utils/animation-utils\";\n\nimport { StzhPopoverLocalizedText } from \"./stzh-popover.localization\";\n\nimport Arrow from \"../stzh-tooltip/assets/arrow.svg\";\n\nconst ANIMATION_SHOW_DURATION = 200;\nconst ANIMATION_HIDE_DURATION = 300;\nconst ANIMATION_SHOW_DURATION_SMALL = 100;\nconst ANIMATION_HIDE_DURATION_SMALL = 200;\n\nfunction animationContentWrapperShow() {\n  const isSmall = media(\"small\").matches;\n  return {\n    keyframes: [{ opacity: \"0\" }, { opacity: \"1\" }],\n    options: {\n      duration: isSmall ? ANIMATION_SHOW_DURATION_SMALL : ANIMATION_SHOW_DURATION,\n      easing: \"linear\",\n    },\n  };\n}\n\nfunction animationContentWrapperHide() {\n  const isSmall = media(\"small\").matches;\n  return {\n    keyframes: [{ opacity: \"1\" }, { opacity: \"0\" }],\n    options: {\n      duration: isSmall ? ANIMATION_HIDE_DURATION_SMALL : ANIMATION_HIDE_DURATION,\n      easing: \"linear\",\n    },\n  };\n}\n\nfunction animationDialogShow() {\n  const isSmall = media(\"small\").matches;\n  return {\n    keyframes: [{ transform: isSmall ? \"translateY(-8px)\" : \"translateY(100%)\" }, { transform: \"translateY(0px)\" }],\n    options: {\n      duration: isSmall ? ANIMATION_SHOW_DURATION_SMALL : ANIMATION_SHOW_DURATION,\n      easing: \"linear\",\n    },\n  };\n}\n\nfunction animationDialogHide() {\n  const isSmall = media(\"small\").matches;\n  return {\n    keyframes: [{ transform: \"translateY(0px)\" }, { transform: isSmall ? \"translateY(-8px)\" : \"translateY(100%)\" }],\n    options: {\n      duration: isSmall ? ANIMATION_HIDE_DURATION_SMALL : ANIMATION_HIDE_DURATION,\n      easing: \"linear\",\n    },\n  };\n}\n\nconst keyCode = {\n  ESC: 27,\n};\n\nconst CLASS_BODY_OPEN = \"stzh-popover-open\";\n\nlet popoverCounter = 0;\n\n/**\n * @slot - Trigger element for popover\n * @slot content - Any element used as popover content\n * @slot action - `stzh-button` element\n * @slot label - Label for mobile view (alternative for label property)\n */\n@Component({\n  tag: \"stzh-popover\",\n  styleUrl: \"stzh-popover.scss\",\n  scoped: true,\n})\nexport class StzhPopover {\n  /** Whether popover should be open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Default placement of popover relative to trigger element */\n  @Prop({ reflect: true }) placement: Placement = \"bottom\";\n\n  /** Whether to stretch popover to fullwith of parent */\n  @Prop({ reflect: true }) fullwidth: \"horizontal\" | \"vertical\" | \"\" = \"\";\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"secondary\" | \"tooltip\" = \"default\";\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"large\" = \"default\";\n\n  /** Shifting of popover content */\n  @Prop() skidding: number = 0;\n\n  /** Distance from popover content to trigger. \"8\" when default variant, \"16\" when tooltip variant, arrow height (8px) + spacing (4px) = 12. */\n  @Prop() distance: number;\n\n  /** Label for mobile view (use label slot as alternative) */\n  @Prop() label: string = \"\";\n\n  /** Position strategy */\n  @Prop() strategy: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /** Translation strings. */\n  @Prop() localization: StzhPopoverLocalizedText;\n\n  @Element() element: HTMLStzhPopoverElement;\n\n  /** Popover open event */\n  @Event() stzhOpen: EventEmitter<StzhPopoverOpenEvent>;\n\n  /** Popover opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhPopoverOpenedEvent>;\n\n  /** Popover close event */\n  @Event() stzhClose: EventEmitter<StzhPopoverCloseEvent>;\n\n  /** Popover closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhPopoverClosedEvent>;\n\n  private initialParentNode: HTMLElement;\n  private elementIndexOnBranchout: number;\n\n  /** Show popover content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.mediaChangeHandler();\n    if (this.isHeaderStuckAndViewportMicro) {\n      this.branchOutToBody();\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide popover content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n\n    await waitForEvent(this.element, \"stzhClosed\");\n\n    this.mediaChangeHandler();\n    if (this.isHeaderStuckAndViewportMicro) {\n      this.branchInFromBody();\n    }\n\n    return true;\n  }\n\n  /** Toggle popover content */\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  @Method()\n  async update() {\n    return await this.computePosition();\n  }\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const isClickOutside =\n      event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n    const isClickTrigger =\n      event.target === this.triggerElement || this.triggerElement.contains(event.target as HTMLElement);\n\n    if (isClickOutside && !isClickTrigger) {\n      this.hide();\n    }\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.dialogElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-popover\",\n        });\n      }\n\n      const animationShow = animationContentWrapperShow();\n      const animationShowDialog = animationDialogShow();\n\n      await Promise.all([\n        stopAnimations(this.contentWrapperElement),\n        stopAnimations(this.contentElement),\n        stopAnimations(this.dialogElement),\n      ]);\n\n      // safari seems to need will-change,\n      // otherwise it has problems animating the element with the drop shadow\n      this.dialogElement.style.willChange = \"transform, opacity, position, top, left, bottom, right\";\n      this.contentWrapperElement.hidden = false;\n\n      await Promise.all([\n        animateTo(\n          media(\"small\").matches ? this.dialogElement : this.contentWrapperElement,\n          animationShow.keyframes,\n          animationShow.options,\n        ),\n        animateTo(\n          media(\"small\").matches ? this.dialogElement : this.contentElement,\n          animationShowDialog.keyframes,\n          animationShowDialog.options,\n        ),\n      ]);\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-popover\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-popover\",\n        });\n      }\n\n      const animationHide = animationContentWrapperHide();\n      const animationHideDialog = animationDialogHide();\n\n      await Promise.all([\n        stopAnimations(this.contentWrapperElement),\n        stopAnimations(this.contentElement),\n        stopAnimations(this.dialogElement),\n      ]);\n\n      await Promise.all([\n        animateTo(\n          media(\"small\").matches ? this.dialogElement : this.contentWrapperElement,\n          animationHide.keyframes,\n          animationHide.options,\n        ),\n        animateTo(\n          media(\"small\").matches ? this.dialogElement : this.contentElement,\n          animationHideDialog.keyframes,\n          animationHideDialog.options,\n        ),\n      ]);\n\n      this.contentWrapperElement.hidden = true;\n      this.dialogElement.style.willChange = \"auto\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-popover\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  @Watch(\"distance\")\n  distanceWatcher(newValue: number) {\n    if (typeof newValue === \"number\") {\n      this.distance = newValue;\n    } else {\n      this.distance = this.variant === \"tooltip\" ? 12 : 8;\n    }\n  }\n\n  @State() computedPlacement: Placement;\n  @State() isHeaderStuckAndViewportMicro: boolean;\n  @State() isBranchedOutToBody: boolean;\n  @State() hasStzhHeaderParent: boolean;\n\n  private observer: MutationObserver;\n\n  private contentWrapperElement: HTMLElement;\n  private contentElement: HTMLElement;\n  private arrowElement: HTMLElement;\n  private rootElement: HTMLElement;\n  private triggerElement: HTMLElement;\n  private triggerFirstElement: HTMLElement;\n  private dialogElement: HTMLElement;\n  private autoUpdateCleanup: Function;\n\n  private initialTouchX: number = null;\n  private initialTouchY: number = null;\n\n  private id: string;\n  private trap: FocusTrap;\n  private toggledByMethod: boolean;\n\n  private setStzhHeaderParent(): boolean {\n    let parent = this.element.parentElement;\n    while (parent) {\n      if (parent.tagName && parent.tagName.toLowerCase() === \"stzh-header\") {\n        return true;\n      }\n      parent = parent.parentElement;\n    }\n    return false;\n  }\n\n  private getChildIndex(element) {\n    let parent = element.parentNode;\n\n    // Convert child nodes to an array and find the index of the element\n    let index = Array.prototype.indexOf.call(parent.children, element);\n\n    return index;\n  }\n\n  private insertElementAtIndex(parent, newElement, index) {\n    // Get the child element at the specified index\n    let referenceNode = parent.children[index];\n\n    // If referenceNode is null (meaning the index is out of range or at the end), append the new element\n    if (referenceNode) {\n      parent.insertBefore(newElement, referenceNode);\n    } else {\n      parent.appendChild(newElement);\n    }\n  }\n\n  private mediaChangeHandler = () => {\n    const isStzhHeaderStuck = document.documentElement.style.getPropertyValue(\"--stzh-header-is-stuck\");\n    this.isHeaderStuckAndViewportMicro =\n      !media(\"small\").matches && isStzhHeaderStuck === \"1\" && this.hasStzhHeaderParent;\n\n    if (this.open && this.isBranchedOutToBody && !this.isHeaderStuckAndViewportMicro) {\n      this.branchInFromBody();\n    }\n  };\n\n  private branchOutToBody() {\n    this.elementIndexOnBranchout = this.getChildIndex(this.element);\n    document.body.append(this.element);\n    this.insertElementAtIndex(this.initialParentNode, this.triggerElement, this.elementIndexOnBranchout);\n    this.isBranchedOutToBody = true;\n  }\n\n  private branchInFromBody() {\n    this.insertElementAtIndex(this.initialParentNode, this.element, this.elementIndexOnBranchout);\n    this.rootElement.prepend(this.triggerElement);\n    this.isBranchedOutToBody = false;\n  }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (event.keyCode === keyCode.ESC) {\n      this.hide();\n    }\n  };\n\n  private onClickTrigger = () => {\n    this.toggle();\n  };\n\n  private computePosition = async () => {\n    if (!this.triggerFirstElement || !this.dialogElement) {\n      return;\n    }\n\n    if (media(\"small\").matches) {\n      const middleware = [\n        offset({\n          mainAxis: this.distance,\n          crossAxis: this.skidding,\n        }),\n        flip({\n          padding: 5,\n        }),\n        shift({\n          padding: 5,\n        }),\n      ];\n\n      if (this.variant === \"tooltip\") {\n        middleware.push(\n          arrow({\n            element: this.arrowElement,\n            padding: 5,\n          }),\n        );\n      }\n\n      const {\n        x = 0,\n        y = 0,\n        strategy = \"absolute\",\n        placement,\n        middlewareData,\n      } = await computePosition(this.triggerFirstElement, this.dialogElement, {\n        strategy: this.strategy,\n        placement: this.placement,\n        middleware,\n      });\n\n      this.computedPlacement = placement;\n\n      Object.assign(this.dialogElement.style, {\n        position: strategy,\n        left: `${x}px`,\n        top: `${y}px`,\n      });\n\n      if (this.variant === \"tooltip\") {\n        Object.assign(this.arrowElement.style, {\n          left: x != null ? `${middlewareData.arrow.x}px` : \"\",\n          top: y != null ? `${middlewareData.arrow.y}px` : \"\",\n        });\n      }\n    } else {\n      Object.assign(this.dialogElement.style, {\n        position: null,\n        left: null,\n        top: null,\n      });\n\n      if (this.variant === \"tooltip\") {\n        Object.assign(this.arrowElement.style, {\n          left: null,\n          top: null,\n        });\n      }\n    }\n  };\n\n  private handleTouchStart = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    this.initialTouchX = touch.pageX;\n    this.initialTouchY = touch.pageY;\n  };\n\n  // private handleTouchMove = (event: TouchEvent) => {\n  //   event.preventDefault()\n  // }\n\n  private handleTouchEnd = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    const distX = touch.pageX - this.initialTouchX; // get horizontal dist traveled\n    const distY = touch.pageY - this.initialTouchY; // get vertical dist traveled\n    const threshold = 70;\n\n    const isYSwipe = Math.abs(distY) >= threshold && Math.abs(distX) <= threshold;\n\n    if (isYSwipe) {\n      const isInDropdown = (event.target as HTMLElement).closest(\".stzh-dropdown\") !== null;\n      if (!isInDropdown) {\n        this.hide();\n      }\n    }\n\n    this.initialTouchY = null;\n    this.initialTouchX = null;\n  };\n\n  private init = () => {\n    let trigger = this.triggerElement?.firstElementChild as HTMLElement | null;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n      trigger = defaultSlot ?? null;\n    }\n\n    if (!trigger) {\n      return;\n    }\n\n    if (this.triggerFirstElement !== trigger) {\n      this.triggerFirstElement?.removeEventListener(\"click\", this.onClickTrigger);\n      this.triggerFirstElement = trigger;\n      this.triggerFirstElement.addEventListener(\"click\", this.onClickTrigger);\n    }\n  };\n\n  async componentWillLoad() {\n    this.id = `stzh-popover-${popoverCounter++}`;\n    this.initialParentNode = this.element.parentElement;\n    this.hasStzhHeaderParent = this.setStzhHeaderParent();\n\n    this.distanceWatcher(this.distance);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"popover\");\n    }\n  }\n\n  private popoverShown() {\n    document.body.classList.add(CLASS_BODY_OPEN);\n\n    if (this.triggerFirstElement) {\n      const isStzh = isStzhElement(this.triggerFirstElement);\n      this.triggerFirstElement.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", \"true\");\n    }\n\n    this.trap?.activate();\n  }\n\n  private popoverHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n\n    if (this.triggerFirstElement) {\n      const isStzh = isStzhElement(this.triggerFirstElement);\n      this.triggerFirstElement.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", \"false\");\n    }\n\n    this.trap?.deactivate();\n  }\n\n  componentDidRender() {\n    this.mediaChangeHandler();\n    this.init();\n\n    if (!this.triggerFirstElement) {\n      return;\n    }\n\n    const isStzh = isStzhElement(this.triggerFirstElement);\n\n    if (\n      (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n      (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n    ) {\n      this.triggerFirstElement.setAttribute(\n        isStzh ? \"a11y-describedby\" : \"aria-describedby\",\n        `${this.id}-trigger-description`,\n      );\n    }\n\n    if (\n      (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-label\")) ||\n      (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-label\"))\n    ) {\n      this.triggerFirstElement.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", this.label);\n    }\n\n    if (\n      (isStzh && !this.triggerFirstElement.getAttribute(\"analytics-id\")) ||\n      (!isStzh && !this.triggerFirstElement.getAttribute(\"s-object-id\"))\n    ) {\n      this.triggerFirstElement.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", this.label);\n    }\n  }\n\n  private initializedPopover = false;\n\n  componentDidUpdate() {\n    if (this.open && !this.initializedPopover) {\n      if (!this.triggerFirstElement || !this.dialogElement) {\n        return;\n      }\n\n      this.initializeAutoUpdate();\n      this.initializeFocusTrap();\n      this.popoverShown();\n      this.initializedPopover = true;\n    }\n\n    if (this.initializedPopover) {\n      if (this.open) {\n        this.popoverShown();\n      } else {\n        this.popoverHidden();\n      }\n\n      this.computePosition();\n      this.trap?.updateContainerElements(this.dialogElement);\n    }\n  }\n\n  initializeAutoUpdate() {\n    if (!this.triggerFirstElement || !this.dialogElement) {\n      return;\n    }\n\n    this.autoUpdateCleanup = autoUpdate(this.triggerFirstElement, this.dialogElement, this.computePosition);\n  }\n\n  initializeFocusTrap() {\n    this.trap = createFocusTrap(this.dialogElement, {\n      initialFocus: () => this.dialogElement,\n      fallbackFocus: this.dialogElement,\n      clickOutsideDeactivates: true,\n      returnFocusOnDeactivate: true,\n    });\n  }\n\n  componentDidLoad() {\n    this.contentWrapperElement.hidden = !this.open;\n    this.open ? this.popoverShown() : this.popoverHidden();\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.mediaChangeHandler);\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n    this.observer?.disconnect();\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n      this.autoUpdateCleanup = null;\n    }\n\n    this.triggerFirstElement?.removeEventListener(\"click\", this.onClickTrigger);\n    this.initializedPopover = false;\n  }\n\n  render() {\n    const classes = {\n      \"stzh-popover\": true,\n      [`stzh-popover--open`]: this.open,\n      [`stzh-popover--placement-${this.computedPlacement}`]: !!this.computedPlacement,\n      [`stzh-popover--fullwidth-${this.fullwidth}`]: !!this.fullwidth,\n      [`stzh-popover--${this.size}`]: !!this.size,\n      [`stzh-popover--${this.variant}`]: !!this.variant,\n    };\n\n    return (\n      <Host>\n        <div\n          class={classes}\n          onTouchStart={this.handleTouchStart}\n          onTouchEnd={this.handleTouchEnd}\n          ref={el => (this.rootElement = el as HTMLDivElement)}\n        >\n          <div ref={el => (this.triggerElement = el as HTMLDivElement)} class=\"stzh-popover__trigger\">\n            <slot></slot>\n          </div>\n          <div class=\"stzh-popover__vhidden\" id={`${this.id}-trigger-description`}>\n            {this.localization?.open ?? \"\"}\n          </div>\n          <div ref={el => (this.contentWrapperElement = el as HTMLDivElement)} class=\"stzh-popover__content-wrapper\">\n            <div class=\"stzh-popover__backdrop\"></div>\n            <div ref={el => (this.contentElement = el as HTMLDivElement)} class=\"stzh-popover__content\">\n              <div\n                ref={el => (this.dialogElement = el as HTMLDivElement)}\n                class=\"stzh-popover__dialog\"\n                role=\"dialog\"\n                tabindex=\"-1\"\n                aria-modal=\"true\"\n                aria-labelledby={this.label ? `${this.id}-label` : null}\n                aria-hidden={this.open ? \"false\" : \"true\"}\n                onKeyDown={this.handleKeydown}\n              >\n                {this.variant === \"tooltip\" && (\n                  <div\n                    class=\"stzh-popover__arrow\"\n                    ref={el => (this.arrowElement = el as HTMLDivElement)}\n                    innerHTML={Arrow}\n                  ></div>\n                )}\n                <div class=\"stzh-popover__content-inner\">\n                  <div class=\"stzh-popover__label-wrapper\">\n                    <h2 id={`${this.id}-label`} class=\"stzh-popover__label\">\n                      {this.label ? this.label : <slot name=\"label\"></slot>}\n                    </h2>\n                    <button class=\"stzh-popover__close\" onClick={() => this.hide()} type=\"button\">\n                      <stzh-icon name=\"close\" class=\"stzh-popover__icon\"></stzh-icon>\n                      <span class=\"stzh-popover__vhidden\">{this.localization?.close ?? \"\"}</span>\n                    </button>\n                  </div>\n                  <div class=\"stzh-popover__content-slot-wrapper\">\n                    <div class=\"stzh-popover__content-slot\">\n                      <slot name=\"content\"></slot>\n                    </div>\n                    <div class=\"stzh-popover__action-slot\">\n                      <slot name=\"action\"></slot>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-DXFYCyWz.js.map

@@ -1 +0,0 @@
-{"file":"p-DXFYCyWz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-stepper-item/stzh-stepper-item.scss?tag=stzh-stepper-item&encapsulation=scoped","src/components/stzh-stepper-item/stzh-stepper-item.tsx"],"sourcesContent":[":host {\n}\n\n:host([hide]) {\n  display: none;\n}\n\n.stzh-stepper-item {\n  text-align: center;\n\n  &__button,\n  &__unclickable {\n    appearance: none;\n    font-family: inherit;\n    background-color: transparent;\n    border: none;\n  }\n\n  &__button {\n    cursor: pointer;\n  }\n\n  &__unclickable {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  &__unclickable &__number-block {\n    background-color: $colorGrey20;\n    color: $colorPrimary70;\n    border: 1px solid $colorGrey20;\n  }\n\n  &__button:hover &__number-block,\n  &__button:focus &__number-block {\n    color: $colorPrimary70;\n    border-color: $colorSecondary40;\n\n    @include highContrast() {\n      color: Highlight;\n      border-color: Highlight;\n    }\n\n    &::after {\n      background-color: $colorSecondary40;\n    }\n  }\n\n  &__button:hover &__label-block,\n  &__button:focus &__label-block {\n    color:$colorPrimary90;\n\n    @include highContrast() {\n      color: Highlight;\n    }\n  }\n\n  /* what we do here is:\n  add a gray line on the last element, which strikes through all previous ones,\n  add a blue line on the current step which covers all previous elements relative to itself\n  and add a white line on the first element, which gives you the illusion that it stopped. */\n\n  &__number-block {\n    @include font(\"heavy\");\n    @include fontCurve(\"p1\");\n    position: relative;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: $stepperItemSize;\n    height: $stepperItemSize;\n    background-color: $colorSecondary20;\n    border: 1px solid $colorSecondary20;\n    text-align: center;\n    box-sizing: border-box;\n    color: $colorPrimary70;\n    transition-property: color, border-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    @include mq($from: small) {\n      width: $stepperItemSmallUp;\n      height: $stepperItemSmallUp;\n      margin-bottom: space(\"large\");\n    }\n\n    // set a line on every element, but hide it by default\n    &::before {\n      display: none;\n      content: \"\";\n      position: absolute;\n      top: 16px;\n      right: $stepperItemSize - 1px;\n      width: 100vw;\n      height: 1px;\n      background-color: $baseBorderColor;\n      z-index: -2;\n      overflow: hidden;\n\n      @include mq($from: small) {\n        top: 20px;\n        right: $stepperItemSmallUp - 1px;\n      }\n    }\n  }\n\n  &__number-block,\n  &__dotted {\n    &::after {\n      content: \"\";\n      z-index: 0;\n      position: absolute;\n      display: block;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n  }\n\n  &__label-block {\n    display: block;\n    font-size: 14px;\n    line-height: 1.28;\n    color: $colorGrey80;\n    padding: space(\"xxsmall\") space(\"small\");\n    letter-spacing: 0.01em;\n    transition: color $baseTransitionAnimationSpeed;\n\n    @include mq($to: small) {\n      @include visuallyhidden;\n    }\n  }\n\n  &__number,\n  &__icon,\n  &__user-icon,\n  &__dotted-icon {\n    z-index: 1;\n  }\n\n  &__icon,\n  &__user-icon,\n  &__dotted-icon {\n    --size: #{iconSize(\"xsmall\")};\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: $colorPrimary;\n\n    @include highContrast() {\n      color: CanvasText;\n    }\n  }\n\n  &__user-icon {\n    --size: #{iconSize(\"small\")};\n    color: currentColor;\n  }\n\n  &__dotted {\n    z-index: 1;\n    appearance: none;\n    font-family: inherit;\n    position: absolute;\n    top: 3px;\n    width: $stepperItemDottedSize;\n    height: $stepperItemDottedSize;\n    background-color: $colorGrey20;\n    border: 1px solid $colorGrey20;   \n    cursor: pointer;\n    transition-property: color, border-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    &:hover,\n    &:focus {\n      border-color: $colorGrey20;\n      cursor: default;  \n      \n      @include highContrast() {\n        border-color: Highlight;\n      }\n    }\n\n    &:hover::after,\n    &:focus::after {\n      background-color: $colorGrey20;\n\n      @include highContrast() {\n        background-color: Canvas;\n      }\n    }\n\n    &__disabled {\n      cursor: default;\n\n      &:hover,\n      &:focus {\n        border-color: var(--stzh-base-border-color);\n        cursor: default;\n      }\n\n      &:hover::after,\n      &:focus::after {\n        background-color: inherit;\n      }\n    }\n\n    @include mq($from: small) {\n      top: 5px;\n      width: $stepperItemDottedSizeSmallUp;\n      height: $stepperItemDottedSizeSmallUp;\n    }\n  }\n\n  &__dotted:hover &__dotted-icon,\n  &__dotted:focus &__dotted-icon {\n    color: $colorPrimaryHover;\n\n    @include highContrast() {\n      color: Highlight;\n    }\n  }\n\n  /* First and Last */\n\n  &--first &__number-block,\n  &--last &__number-block {\n    &::before {\n      display: block;\n    }\n  }\n\n  /* First */\n\n  &--first {\n    position: relative;\n  }\n\n  &--first &__dotted {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  /* Last */\n\n  &--last &__dotted {\n    // position the dots based on the width divided by the elements minus half of itself\n    right: calc((100% / var(--steps)) - (#{$stepperItemDottedSize * 0.5}));\n\n    @include mq($from: small) {\n      right: calc(\n        (100% / var(--steps)) - (#{$stepperItemDottedSizeSmallUp * 0.5})\n      );\n    }\n  }\n\n  /* Passed */\n\n  &--passed &__label-block {\n    @include font(\"heavy\");\n    color: $colorPrimary;\n  }\n\n  &--passed &__number-block {\n    background-color: $colorSecondary60;\n    border: solid 1px $colorSecondary60;\n\n    @include highContrast() {\n      background-color: Canvas;\n      border-color: CanvasText;\n    }\n  }\n\n  &--passed &__button:hover &__number-block,\n  &--passed &__button:focus &__number-block {\n\n    &::after {\n     background-color: $colorSecondary70;\n    }\n  }\n\n  &--passed &__icon, \n  &--passed &__user-icon {\n    color: $colorWhite;\n  }\n\n  &--passed &__button:hover &__user-icon,\n  &--passed &__button:focus &__user-icon {\n    color: $colorWhite;\n\n    @include highContrast() {\n      color: Highlight;\n    }\n  }\n\n  /* Styles specific to passed items that are **not** incomplete */\n  &--passed:not(&--passed-incomplete) &__number-block,\n  &--passed:not(&--passed-incomplete) &__button:hover &__number-block,\n  &--passed:not(&--passed-incomplete) &__button:focus &__number-block {\n    color: transparent;\n\n    @include highContrast() {\n      color: Canvas;\n    }\n  }\n\n  &--passed:not(&--passed-incomplete) &__button:hover &__number-block,\n  &--passed:not(&--passed-incomplete) &__button:focus &__number-block {\n    border-color: $colorPrimary70;\n\n    @include highContrast() {\n      border-color: Highlight;\n    }\n  }\n\n  /* Styles specific to passed items that **are** incomplete */\n  &--passed-incomplete &__number-block {\n    color: $colorWhite;\n    background-color: $colorSecondary60;\n    border: 1px solid $colorSecondary60;\n\n    @include highContrast() {\n      color: $colorPrimary;\n    }\n  }\n\n  &--passed-incomplete &__button:hover &__number-block,\n  &--passed-incomplete &__button:focus &__number-block {\n    color: $colorWhite;\n    border-color: $colorSecondary70;\n    &::after {\n      background-color: $colorSecondary70;\n    }\n\n    @include highContrast() {\n      color: Highlight;\n      border-color: Highlight;\n    }\n  }\n\n  /* Current */\n\n  &--current &__label-block {\n    @include font(\"heavy\");\n    color: $colorPrimary;\n\n    @include highContrast() {\n      color: SelectedItem;\n    }\n\n    &:hover {\n      text-decoration-line: none;\n    }\n  }\n\n  &--current &__number-block {\n    background-color: $colorPrimary;\n    border: solid 1px $colorPrimary;\n    color: $colorWhite;\n\n    @include highContrast() {\n      color: SelectedItem;\n      border-color: SelectedItem;\n      background-color: Canvas;\n    }\n\n    // make line blue (see desc)\n    &::before {\n      display: block;\n      background-color: $colorPrimary;\n      z-index: -1;\n\n      @include highContrast() {\n        background-color: CanvasText;\n      }\n    }\n  }\n\n  &--current &__button:hover &__number-block,\n  &--current &__button:focus &__number-block {\n    color: $colorWhite;\n    border: 1px solid $colorPrimary90;\n\n    @include highContrast() {\n      color: Highlight;\n    }\n\n    &::after {\n      background-color: $colorPrimaryHover;\n\n      @include highContrast() {\n        background-color: Canvas;\n      }\n    }\n  }\n\n  &--current &__user-icon {\n    @include highContrast() {\n      color: SelectedItem;\n    }\n  }\n\n  &--current &__button:hover &__icon,\n  &--current &__button:focus &__icon,\n  &--current &__button:hover &__user-icon,\n  &--current &__button:focus &__user-icon {\n    @include highContrast() {\n      color: Highlight;\n    }\n  }\n\n  /* Dotted */\n\n  &--dotted#{&}--first &__number-block {\n    margin-bottom: 0;\n\n    &::after {\n      display: none;\n    }\n  }\n\n  &--dotted#{&}--first &__button {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  // hide number block behind dotted element\n  &--dotted#{&}--first &__number-block {\n    position: relative;\n    z-index: 0;\n    top: 5px;\n    width: $stepperItemDottedSize;\n    height: $stepperItemDottedSize;\n    border: none;\n    background-color: transparent;\n\n    // change dimensions to be still hidden\n    @include mq($from: small) {\n      top: 8px;\n      width: $stepperItemDottedSizeSmallUp;\n      height: $stepperItemDottedSizeSmallUp;\n    }\n\n    // realign white line\n    &::before {\n      top: 12px;\n      right: 26px;\n\n      @include mq($from: small) {\n        top: 13px;\n        right: 30px;\n      }\n    }\n  }\n\n  &--dotted#{&}--first &__label-block {\n    display: none;\n  }\n\n  // first child overwrite white line (see desc) */\n  &--first &__number-block {\n    &::before {\n      background-color: $colorWhite;\n      z-index: 1;\n\n      @include highContrast() {\n        background-color: Canvas;\n      }\n    }\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button {\n    cursor: not-allowed;\n  }\n\n  &--is-disabled &__number-block {\n    background-color: $colorGrey60;\n    color: white;\n    border: 1px solid $colorGrey60;\n  }\n\n  &--is-disabled &__button:hover &__number-block,\n  &--is-disabled &__button:focus &__number-block {\n    color: $colorWhite;\n    border: 1px solid $colorGrey60 !important;\n\n    @include highContrast() {\n      color: GrayText;\n      border-color: GrayText;\n    }\n\n    &::after {\n      display: none;\n    }\n  }\n\n  &--is-disabled &__label-block {\n    color: $colorGrey80;\n  }\n\n  &--is-disabled &__button:hover &__label-block,\n  &--is-disabled &__button:focus &__label-block {\n    color: $colorGrey80;\n\n    @include highContrast() {\n      color: GrayText;\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element, Fragment, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent } from \"../../index\";\n\n/**\n * @slot - Slot for label (or use label prop)\n */\n@Component({\n  tag: \"stzh-stepper-item\",\n  styleUrl: \"stzh-stepper-item.scss\",\n  scoped: true,\n})\nexport class StzhStepperItem {\n  /** The label of the item. */\n  @Prop({ reflect: true }) label: string;\n\n  /** When true, it displays a not-allowed cursor on hover. Use this for steps that are not applicable. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether it's the first item (used internally by stzh-stepper). */\n  @Prop({ reflect: true }) first: boolean = false;\n\n  /** Whether it's the last item (used internally by stzh-stepper). */\n  @Prop({ reflect: true }) last: boolean = false;\n\n  /** True when the item index is lower than the current index (used internally by stzh-stepper). */\n  @Prop({ reflect: true }) passed: boolean = false;\n\n  /** For passed items, this prevents displaying a checked icon when true (shows step number instead). */\n  @Prop({ reflect: true }) incomplete: boolean = false;\n\n  /** Whether it's the last item (used internally by stzh-stepper). */\n  @Prop({ reflect: true }) current: boolean = false;\n\n  /** Whether it's a hidden item (used internally by stzh-stepper). */\n  @Prop({ reflect: true }) hide: boolean = false;\n\n  /** Whether it's a dotted item (used internally by stzh-stepper). */\n  @Prop({ reflect: true }) dotted: boolean = false;\n\n  /** The number of the step (used internally by stzh-stepper). */\n  @Prop({ reflect: true }) step: number = 1;\n\n  /** Displays a custom icon instead of the step number. */\n  @Prop({ reflect: true }) icon: string = \"\";\n\n  /** When true, it displays a default cursor on hover and no click event is emitted. */\n  @Prop() clickDisabled: boolean = false;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhStepperItemClickEvent>;\n\n  /** Dotted click event */\n  @Event() stzhDottedClick: EventEmitter<StzhStepperItemDottedClickEvent>;\n\n  @Element() element: HTMLStzhStepperItemElement;\n\n  private button: HTMLButtonElement;\n  private text: HTMLElement;\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-stepper-item\",\n      originalEvent: event,\n      index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n    });\n  };\n\n  private onDottedClick = (event: MouseEvent) => {\n    this.stzhDottedClick.emit({\n      component: \"stzh-stepper-item\",\n      originalEvent: event,\n      index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.button?.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-stepper-item\": true,\n      \"stzh-stepper-item--first\": this.first,\n      \"stzh-stepper-item--last\": this.last,\n      \"stzh-stepper-item--current\": this.current,\n      \"stzh-stepper-item--hide\": this.hide,\n      \"stzh-stepper-item--dotted\": this.dotted,\n      \"stzh-stepper-item--has-icon\": !!this.icon,\n      \"stzh-stepper-item--is-disabled\": this.disabled,\n      \"stzh-stepper-item--passed\": this.passed,\n      \"stzh-stepper-item--passed-incomplete\": this.passed && this.incomplete,\n    };\n\n    const dotted = (\n      <span>\n        {!this.clickDisabled ? (\n          <button class=\"stzh-stepper-item__dotted\" onClick={this.onDottedClick}>\n            <stzh-icon class=\"stzh-stepper-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n          </button>\n        ) : (\n          <div class=\"stzh-stepper-item__dotted stzh-stepper-item__dotted__disabled\">\n            <stzh-icon class=\"stzh-stepper-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n          </div>\n        )}\n      </span>\n    );\n\n    const content = (\n      <span>\n        <span class=\"stzh-stepper-item__number-block\">\n          {this.icon ? (\n            <stzh-icon class=\"stzh-stepper-item__user-icon\" name={this.icon}></stzh-icon>\n          ) : (\n            <span>\n              <span class=\"stzh-stepper-item__number\">{this.step}</span>\n              {this.passed && !this.incomplete && (\n                <stzh-icon class=\"stzh-stepper-item__icon\" name=\"checkmark\"></stzh-icon>\n              )}\n            </span>\n          )}\n        </span>\n        <span ref={el => (this.text = el as HTMLElement)} class=\"stzh-stepper-item__label-block\">\n          {this.label ? this.label : <slot></slot>}\n        </span>\n      </span>\n    );\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.last && this.dotted && dotted}\n          {this.clickDisabled ? (\n            <div class=\"stzh-stepper-item__unclickable\" aria-pressed={this.current ? \"true\" : \"false\"}>\n              {content}\n            </div>\n          ) : (\n            <button\n              ref={el => (this.button = el as HTMLButtonElement)}\n              class=\"stzh-stepper-item__button\"\n              aria-pressed={this.current ? \"true\" : \"false\"}\n              disabled={(this.dotted && this.first) || this.disabled}\n              onClick={this.onClick}\n            >\n              <span class=\"stzh-stepper-item__number-block\">\n                {this.icon ? (\n                  <stzh-icon class=\"stzh-stepper-item__user-icon\" name={this.icon}></stzh-icon>\n                ) : (\n                  <Fragment>\n                    <span class=\"stzh-stepper-item__number\">{this.step}</span>\n                    {this.passed && !this.incomplete && (\n                      <stzh-icon class=\"stzh-stepper-item__icon\" name=\"checkmark\"></stzh-icon>\n                    )}\n                  </Fragment>\n                )}\n              </span>\n              <span ref={el => (this.text = el as HTMLElement)} class=\"stzh-stepper-item__label-block\">\n                {this.label ? this.label : <slot></slot>}\n              </span>\n            </button>\n          )}\n          {this.first && this.dotted && dotted}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-DZmJJLfK.js.map

@@ -1 +0,0 @@
-{"file":"p-DZmJJLfK.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-chipselect/stzh-chipselect.scss?tag=stzh-chipselect&encapsulation=scoped","src/components/stzh-chipselect/stzh-chipselect.tsx"],"sourcesContent":[":host {\n  &[disabled]:not([disabled=\"false\"]) {\n    --description-color: #{$formDisabledColor};\n  }\n  &[active]:not([active=\"false\"]) {\n    --background-color: var(\n      --stzh-chip-active-background-color,\n      #{$colorPrimary70}\n    );\n  }\n  &[active].is-focused {\n    --background-color: var(\n      --stzh-chip-active-background-color,\n      #{$colorPrimary70}\n    );\n  }\n}\n\n.stzh-chipselect {\n  @include input-description;\n\n  &__label {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    @include truncate;\n    color: $headingColor;\n    display: block;\n    margin-bottom: space(\"xsmall\");\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__marker {\n    @include fontSize(\"nano\");\n    margin-left: calc(-0.25em + #{space(\"xsmall\")});\n  }\n\n  &__chips {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    border-radius: $buttonBorderRadius;\n    gap: space(\"medium\");\n\n    &:focus-within {\n      .is-focused[active] {\n        --background-color: #{$colorPrimary90};\n\n        @include highContrast() {\n          --background-color: Canvas;\n        }\n      }\n    }\n  }\n\n  &__chip {\n    &.is-focused:not([active]) {\n      --background-color: #{$colorSecondary40};\n\n      @include highContrast() {\n        --background-color: Highlight;\n      }\n    }\n  }\n\n  &__dropdown {\n    display: block;\n    width: max-content;\n    --popover-width: max-content;\n    --popover-min-width: 100%;\n    --popover-max-width: calc(100vw - 2rem);\n    /*\n      @include mq($from: medium) {\n        display: none;\n      }\n    */\n  }\n\n  // &__description-wrapper {\n  //   @include mq($to: medium) {\n  //     display: none;\n  //   }\n  // }\n\n  &--has-error &__error,\n  &--has-description &__description {\n    margin-top: space(\"xsmall\");\n  }\n\n  /* Hidden label */\n\n  &--has-label-hidden &__label {\n    @include visuallyhidden;\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__chips,\n  &--is-disabled &__label {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Event, EventEmitter, State, Fragment, Listen } from \"@stencil/core\";\n\nimport { StzhChipselectItem, StzhChipselectChangeEvent, StzhDropdownChangeEvent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\n// import { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nlet chipselectCounter = 0;\n\n/**\n * @slot - Slot for `stzh-checkbox` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-chipselect\",\n  styleUrl: \"stzh-chipselect.scss\",\n  scoped: true,\n})\nexport class StzhChipselect {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** The list of chips */\n  @Prop() data: string | StzhChipselectItem[] = [];\n  private _data: StzhChipselectItem[] = [];\n  private _dataDropdown: any[] = [];\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Multiple */\n  @Prop({ mutable: true }) multiple: boolean = false;\n\n  /** Value */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n  private _value: string[] = [];\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string | string[] = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /**\n   * **Do not use this property. It will be deprecated with the next major release.**\n   * Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether all chips are disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Whether chips are shown as dropdown on mobile devices */\n  @Prop() dropdownOnMobile: boolean = false;\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @State() activeFocusOptionIndex: number = -1;\n\n  @State() isMobile: boolean = false;\n\n  @Element() element: HTMLStzhChipselectElement;\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhChipselectChangeEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        const parsedValue = JSON.parse(newValue); // since parsing a number like string (i.e. \"1\") will return a number and parsing a boolean like string (i.e. \"true\") will return a boolean we need to check if the parsed value is indeed an array.\n        if (Array.isArray(parsedValue)) {\n          this._value = parsedValue;\n        } else {\n          this._value = newValue ? [newValue] : [];\n        }\n      } catch (ex) {\n        this._value = newValue ? [newValue] : [];\n      }\n    } else {\n      this._value = newValue ? newValue : [];\n    }\n  }\n\n  @Watch(\"data\")\n  dataWatcher(newValue: StzhChipselectItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    this._data.map(dataEntry => {\n      if (typeof dataEntry.value !== \"string\") {\n        throw new TypeError(\n          `${dataEntry.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`,\n        );\n      }\n    });\n    this._dataDropdown = this._data.map(data => {\n      return {\n        text: data.counter ? `${data.label} (${data.counter})` : data.label,\n        value: data.value,\n      };\n    });\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  private id: string;\n  private renderPromiseResolve: (value?: unknown) => void;\n\n  private waitForNextRender() {\n    return new Promise(resolve => (this.renderPromiseResolve = resolve));\n  }\n\n  private handleReset = async () => {\n    this.value = this.defaultValue;\n\n    // this.stzhChange.emit({\n    //   component: \"stzh-chipselect\",\n    //   value: this.value\n    // });\n  };\n\n  private mediaQuery?: MediaQueryList;\n  private handleMediaQueryChange = (event: MediaQueryListEvent) => {\n    this.isMobile = event.matches;\n  };\n\n  private get useDropdownOnMobile() {\n    return this.isMobile && this.dropdownOnMobile;\n  }\n\n  private handleChipClick = async (data: StzhChipselectItem, index: number) => {\n    if (this.multiple) {\n      if (data.value === \"\" && this._value.length > 0 && !(this._value.length === 1 && this._value[0] === \"\")) {\n        this.value = [];\n      } else if (data.value !== \"\") {\n        this.value = this._value.includes(data.value)\n          ? this._value.filter(value => value !== data.value)\n          : [...this._value, data.value];\n      }\n    } else {\n      this.value = data.value;\n    }\n\n    this.activeFocusOptionIndex = index;\n\n    await this.waitForNextRender();\n\n    this.stzhChange.emit({\n      component: \"stzh-chipselect\",\n      value: this.multiple ? this._value : this._value[0],\n    });\n  };\n  /***\n  private handleDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    this.value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n\n    this.activeFocusOptionIndex = this._data.findIndex(data => {\n      return data.value === this.value;\n    });\n\n    await this.waitForNextRender();\n\n    this.stzhChange.emit({\n      component: \"stzh-chipselect\",\n      value: this.value,\n    });\n  };\n*/\n  private handleDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const newValue = Array.isArray(event.detail.value) ? event.detail.value : [event.detail.value];\n\n    this.value = this.multiple ? newValue : newValue[0] || \"\";\n\n    this.activeFocusOptionIndex = this._data.findIndex(data => {\n      return data.value === newValue[0];\n    });\n\n    await this.waitForNextRender();\n\n    this.stzhChange.emit({\n      component: \"stzh-chipselect\",\n      value: this.multiple ? this._value : this._value[0],\n    });\n  };\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    let newActiveIndex: number = null;\n    const activeOptionIndex = this.activeFocusOptionIndex;\n\n    if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n      event.preventDefault();\n\n      if (activeOptionIndex > 0) {\n        newActiveIndex = activeOptionIndex - 1;\n      }\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n\n      if (activeOptionIndex < this._data.length - 1) {\n        newActiveIndex = activeOptionIndex + 1;\n      }\n    } else if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n\n      if (activeOptionIndex < 0) {\n        return;\n      }\n\n      if (this.multiple) {\n        if (\n          this._data[activeOptionIndex].value === \"\" &&\n          this._value.length > 0 &&\n          !(this._value.length === 1 && this._value[0] === \"\")\n        ) {\n          this.value = [];\n        } else if (this._data[activeOptionIndex].value !== \"\") {\n          this.value = this._value.includes(this._data[activeOptionIndex].value)\n            ? this._value.filter(value => value !== this._data[activeOptionIndex].value)\n            : [...this._value, this._data[activeOptionIndex].value];\n        }\n      } else {\n        this.value = this._data[activeOptionIndex].value;\n      }\n      this.stzhChange.emit({\n        component: \"stzh-chipselect\",\n        value: this.value,\n      });\n    }\n\n    if (newActiveIndex !== null) {\n      this.activeFocusOptionIndex = newActiveIndex;\n    }\n  };\n\n  componentDidRender() {\n    if (this.renderPromiseResolve) {\n      this.renderPromiseResolve();\n    }\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-chipselect-${chipselectCounter++}`;\n\n    this.dataWatcher(this.data);\n    this.errorWatcher(this.error);\n    this.valueWatcher(this.value);\n\n    this.defaultValue = this.defaultValue || this.value;\n\n    if (typeof window !== \"undefined\") {\n      this.mediaQuery = window.matchMedia(\"(max-width: 767px)\");\n      this.isMobile = this.mediaQuery.matches;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"chipselect\");\n    }\n  }\n\n  componentDidLoad() {\n    if (this.mediaQuery) {\n      this.mediaQuery.addEventListener(\"change\", this.handleMediaQueryChange);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.mediaQuery) {\n      this.mediaQuery.removeEventListener(\"change\", this.handleMediaQueryChange);\n    }\n  }\n\n  render() {\n    const descriptionUsed = !!this.description;\n    const descriptionLongUsed = !!this.descriptionLong;\n    const errorUsed = !!this.error;\n\n    const hasActive = this.activeFocusOptionIndex >= 0;\n    const activeId = hasActive ? `${this.id}-option-${this.activeFocusOptionIndex}` : undefined;\n\n    const classes = {\n      \"stzh-chipselect\": true,\n      \"stzh-chipselect--has-description\": descriptionUsed,\n      \"stzh-chipselect--has-description-long\": descriptionLongUsed,\n      \"stzh-chipselect--has-error\": errorUsed,\n      \"stzh-chipselect--is-invalid\": this.invalid || errorUsed,\n      \"stzh-chipselect--is-disabled\": this.disabled,\n      \"stzh-chipselect--is-required\": this.required,\n      \"stzh-chipselect--has-label-hidden\": this.labelHidden,\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed}>\n        <div class={classes}>\n          {!this.useDropdownOnMobile &&\n            (this.multiple ? (\n              <Fragment>\n                {this._value.map(value => (\n                  <input type=\"hidden\" name={this.name} value={value} />\n                ))}\n              </Fragment>\n            ) : (\n              <input type=\"hidden\" name={this.name} value={this.value} />\n            ))}\n\n          {!this.useDropdownOnMobile && (\n            <label class=\"stzh-chipselect__label\" htmlFor={this.id}>\n              {this.label ? this.label : <slot></slot>}\n              {!this.hideOptional && (\n                <span class=\"stzh-chipselect__marker\">\n                  <span class=\"stzh-chipselect__marker-symbol\" aria-hidden=\"true\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldMarker\n                      : this.localization.$globals.optionalFieldMarker}\n                  </span>\n                  <span class=\"stzh-chipselect__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText}\n                  </span>\n                </span>\n              )}\n            </label>\n          )}\n\n          {this._data.length > 0 && (\n            <Fragment>\n              {!this.useDropdownOnMobile ? (\n                <Fragment>\n                  <div\n                    id={this.id}\n                    class=\"stzh-chipselect__chips\"\n                    role=\"listbox\"\n                    tabindex=\"0\"\n                    aria-multiselectable={this.multiple ? \"true\" : \"false\"}\n                    aria-activedescendant={activeId}\n                    aria-describedby={`${this.id}-description ${this.a11yDescribedby}`}\n                    onKeyDown={this.handleKeydown}\n                  >\n                    {this._data.map((data, index) => (\n                      <stzh-chip\n                        role=\"option\"\n                        class={{\n                          \"stzh-chipselect__chip\": true,\n                          \"is-focused\": this.activeFocusOptionIndex === index,\n                        }}\n                        label={data.label}\n                        counter={data.counter}\n                        icon={data.icon}\n                        type={data.type}\n                        inverted={data.inverted}\n                        variant={data.variant}\n                        size={data.size || \"small\"}\n                        disabled={this.disabled || data.disabled}\n                        active={\n                          this._value.includes(data.value) ||\n                          (!this.multiple && !data.value && (this._value.length === 0 || this._value[0] === \"\")) ||\n                          (!data.value &&\n                            this.multiple &&\n                            (this._value.length === 0 || (this._value.length === 1 && this._value[0] === \"\")))\n                        }\n                        aria-selected={\n                          this._value.includes(data.value) ||\n                          (!this.multiple && !data.value && (this._value.length === 0 || this._value[0] === \"\")) ||\n                          (!data.value &&\n                            this.multiple &&\n                            (this._value.length === 0 || (this._value.length === 1 && this._value[0] === \"\")))\n                            ? \"true\"\n                            : \"false\"\n                        }\n                        id={`${this.id}-option-${index}`}\n                        a11yTabindex=\"-1\"\n                        onClick={() => this.handleChipClick(data, index)}\n                      ></stzh-chip>\n                    ))}\n                  </div>\n\n                  <StzhInputDescription\n                    classPrefix=\"stzh-chipselect\"\n                    id={`${this.id}-description`}\n                    error={this._error}\n                    description={this.description}\n                    descriptionLong={this.descriptionLong}\n                    descriptionLongTitle={this.descriptionLongTitle}\n                    descriptionLongUsed={descriptionLongUsed}\n                    moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n                  />\n                </Fragment>\n              ) : (\n                <stzh-dropdown\n                  class=\"stzh-chipselect__dropdown\"\n                  name={this.name}\n                  multiple={this.multiple}\n                  disabled={this.disabled}\n                  error={this._error}\n                  description={this.description}\n                  descriptionLong={this.descriptionLong}\n                  required={this.required}\n                  invalid={this.invalid}\n                  items={this.multiple ? this._value : this._value[0] ? [this._value[0]] : []}\n                  label={this.label}\n                  labelHidden={this.labelHidden}\n                  options={this._dataDropdown}\n                  hideOptional={this.hideOptional}\n                  onStzhChange={this.handleDropdownChange}\n                ></stzh-dropdown>\n              )}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/stzh-components/p-20e1a372.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","Fragment","StzhInputDescription","stzhChipCss","StzhChip","constructor","hostRef","this","stzhClick","stzhRemove","stzhFocus","stzhBlur","label","href","target","nonInteractive","removable","inverted","variant","size","type","counter","removeLabel","active","disabled","a11yDescribedby","focusedByInput","onRootFocus","chip","focus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","emit","component","originalEvent","onBlur","blurEvent","onClick","onRemoveClick","componentDidRender","requestAnimationFrame","_a","setAttribute","analyticsId","text","innerText","renderInner","class","icon","name","lines","ref","el","undefined","render","classes","Chip","key","tabindex","removeAnalyticsId","a11yTabindex","a11yLabel","style","stzhChipselectCss","chipselectCounter","StzhChipselect","stzhChange","data","_data","_dataDropdown","labelHidden","multiple","value","_value","defaultValue","invalid","required","hideOptional","dropdownOnMobile","activeFocusOptionIndex","isMobile","handleReset","async","handleMediaQueryChange","matches","handleChipClick","index","length","includes","filter","waitForNextRender","handleDropdownChange","newValue","Array","isArray","detail","findIndex","handleKeydown","newActiveIndex","activeOptionIndex","preventDefault","resetListener","contains","valueWatcher","parsedValue","JSON","parse","ex","dataWatcher","map","dataEntry","TypeError","errorWatcher","_error","e","Promise","resolve","renderPromiseResolve","useDropdownOnMobile","componentWillLoad","id","error","mediaQuery","matchMedia","localization","stzhComponents","utils","fetchTranslations","componentDidLoad","addEventListener","disconnectedCallback","removeEventListener","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","hasActive","activeId","htmlFor","$globals","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","role","onKeyDown","classPrefix","descriptionLongTitle","moreInfoButtonLabel","items","options","onStzhChange","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/stzh-components/p-314926bf.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as s,a as e,d as i}from"./p-WVDCFmOb.js";import{c as r,a as h,A as a,o as p,f as n,s as c,b as l}from"./p-DzjuI2eY.js";import{c as d}from"./p-CBUfcdIy.js";import{i as v}from"./p--MYN2wgX.js";import{m as z,a as f,r as m}from"./p-CUGRmgip.js";import{w as u}from"./p--SdF31O7.js";import{s as b,a as g}from"./p-BOO84wnP.js";import"./p-BubviQku.js";const _=()=>`.sc-stzh-popover-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(--stzh-popover-background, var(--stzh-popover-background-color));--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-popover__label.sc-stzh-popover{margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}`;const w=200;const y=300;const x=100;const k=200;function j(){const t=z("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?x:w,easing:"linear"}}}function O(){const t=z("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?k:y,easing:"linear"}}}function $(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?x:w,easing:"linear"}}}function C(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?k:y,easing:"linear"}}}const Y={ESC:27};const D="stzh-popover-open";let A=0;const F=class{constructor(s){t(this,s);this.stzhOpen=o(this,"stzhOpen");this.stzhOpened=o(this,"stzhOpened");this.stzhClose=o(this,"stzhClose");this.stzhClosed=o(this,"stzhClosed");this.open=false;this.placement="bottom";this.fullwidth="";this.variant="default";this.size="default";this.skidding=0;this.label="";this.strategy="absolute";this.initialTouchX=null;this.initialTouchY=null;this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&t==="1"&&this.hasStzhHeaderParent;if(this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}};this.handleKeydown=t=>{if(t.keyCode===Y.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(!this.triggerFirstElement||!this.dialogElement){return}if(z("small").matches){const t=[p({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),c({padding:5})];if(this.variant==="tooltip"){t.push(l({element:this.arrowElement,padding:5}))}const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:h}=await r(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${h.arrow.x}px`:"",top:s!=null?`${h.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const s=o.pageX-this.initialTouchX;const e=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(e)>=i&&Math.abs(s)<=i;if(r){const o=t.target.closest(".stzh-dropdown")!==null;if(!o){this.hide()}}this.initialTouchY=null;this.initialTouchX=null};this.init=()=>{var t,o;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!==null&&t!==void 0?t:null}if(!s){return}if(this.triggerFirstElement!==s){(o=this.triggerFirstElement)===null||o===void 0?void 0:o.removeEventListener("click",this.onClickTrigger);this.triggerFirstElement=s;this.triggerFirstElement.addEventListener("click",this.onClickTrigger)}};this.initializedPopover=false}async show(){if(this.open){return}this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchOutToBody()}this.toggledByMethod=true;this.open=true;return u(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;await u(this.element,"stzhClosed");this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}return true}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=j();const o=$();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=O();const o=C();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?12:8}}setStzhHeaderParent(){let t=this.element.parentElement;while(t){if(t.tagName&&t.tagName.toLowerCase()==="stzh-header"){return true}t=t.parentElement}return false}getChildIndex(t){let o=t.parentNode;let s=Array.prototype.indexOf.call(o.children,t);return s}insertElementAtIndex(t,o,s){let e=t.children[s];if(e){t.insertBefore(o,e)}else{t.appendChild(o)}}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element);document.body.append(this.element);this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout);this.isBranchedOutToBody=true}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout);this.rootElement.prepend(this.triggerElement);this.isBranchedOutToBody=false}async componentWillLoad(){this.id=`stzh-popover-${A++}`;this.initialParentNode=this.element.parentElement;this.hasStzhHeaderParent=this.setStzhHeaderParent();this.distanceWatcher(this.distance);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover")}}popoverShown(){var t;document.body.classList.add(D);if(this.triggerFirstElement){const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true")}(t=this.trap)===null||t===void 0?void 0:t.activate()}popoverHidden(){var t;document.body.classList.remove(D);if(this.triggerFirstElement){const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false")}(t=this.trap)===null||t===void 0?void 0:t.deactivate()}componentDidRender(){this.mediaChangeHandler();this.init();if(!this.triggerFirstElement){return}const t=v(this.triggerFirstElement);if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}componentDidUpdate(){var t;if(this.open&&!this.initializedPopover){if(!this.triggerFirstElement||!this.dialogElement){return}this.initializeAutoUpdate();this.initializeFocusTrap();this.popoverShown();this.initializedPopover=true}if(this.initializedPopover){if(this.open){this.popoverShown()}else{this.popoverHidden()}this.computePosition();(t=this.trap)===null||t===void 0?void 0:t.updateContainerElements(this.dialogElement)}}initializeAutoUpdate(){if(!this.triggerFirstElement||!this.dialogElement){return}this.autoUpdateCleanup=h(this.triggerFirstElement,this.dialogElement,this.computePosition)}initializeFocusTrap(){this.trap=d(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open;this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){f(this.mediaChangeHandler);this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var t,o;m(this.mediaChangeHandler);(t=this.observer)===null||t===void 0?void 0:t.disconnect();if(this.autoUpdateCleanup){this.autoUpdateCleanup();this.autoUpdateCleanup=null}(o=this.triggerFirstElement)===null||o===void 0?void 0:o.removeEventListener("click",this.onClickTrigger);this.initializedPopover=false}render(){var t,o,i,r;const h={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant};return s(e,{key:"48623deafdccc545fd325cc2577df1f158e0969f"},s("div",{key:"c5e4f40fc7ff2a4c2842e8f7ab8cb33a8b60a519",class:h,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},s("div",{key:"a0f1a9f5e6e9526e4ced33aa5c936f6b2f58e5d4",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",{key:"c7429003c5f6845bd984f69ed178e9d749d3f6ee"})),s("div",{key:"d7ece9fc9440759c0b915b4c55a541a07a358d38",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},(o=(t=this.localization)===null||t===void 0?void 0:t.open)!==null&&o!==void 0?o:""),s("div",{key:"9be62b3004a613e5faf0fe96fa96cb6d74486a97",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{key:"7695e2a1f951bcddcac88280e198f3e1b04e40ab",class:"stzh-popover__backdrop"}),s("div",{key:"69a9828c67792eaba4a0ba90fd9a396a0ee710ad",ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{key:"bf2db0288be88ab22d631b8d79eb0388f7a7a672",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&s("div",{key:"fb08ad20df62450ac51f0a1ee7dbaa909c90eec0",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:a}),s("div",{key:"394a636892f1151d755acfd53a7955321e958152",class:"stzh-popover__content-inner"},s("div",{key:"9b020036efbeed3754c06983a01297827e0533a6",class:"stzh-popover__label-wrapper"},s("h2",{key:"b3b9b5c522499fa9b8a86ea39c85efb460e45ada",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{key:"3a8988742c144de440bd699269349b9d99464bac",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"ca37ba49dbb72b1d705ead71c7373f4f078a9534",name:"close",class:"stzh-popover__icon"}),s("span",{key:"530c674e640fb905567275db56c55b7d6be990fa",class:"stzh-popover__vhidden"},(r=(i=this.localization)===null||i===void 0?void 0:i.close)!==null&&r!==void 0?r:""))),s("div",{key:"5baf425aa665dcd7854c62b930117a04bf9ae853",class:"stzh-popover__content-slot-wrapper"},s("div",{key:"79443b166d9aadf47e7978c929a4c5e5794d966c",class:"stzh-popover__content-slot"},s("slot",{key:"49e26cb444dd434fe4eb6ac9b9aa159e5ad9ba2c",name:"content"})),s("div",{key:"72b4f56867642093fb3a994f7ebb424c55b3ee74",class:"stzh-popover__action-slot"},s("slot",{key:"71966a22a8f8b1163923980bf2a52560c6666ccd",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};F.style=_();export{F as stzh_popover};
-//# sourceMappingURL=p-314926bf.entry.js.map

package/dist/stzh-components/p-46abd0ee.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,a as n,d as a}from"./p-WVDCFmOb.js";import{h as s}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const c=()=>`.sc-stzh-pagecontent-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagecontent-h,[stzh-hidden].sc-stzh-pagecontent-h{display:none}.sc-stzh-pagecontent-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagecontent-h *.sc-stzh-pagecontent,.sc-stzh-pagecontent-h *.sc-stzh-pagecontent::before,.sc-stzh-pagecontent-h *.sc-stzh-pagecontent::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagecontent-h .has-focus.sc-stzh-pagecontent{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagecontent-h .stzh-fylingfocus-focused.sc-stzh-pagecontent{outline-style:none !important}.sc-stzh-pagecontent-h .stzh-fylingfocus-focused.sc-stzh-pagecontent::-moz-focus-inner{border:0 !important}.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-pagecontent.sc-stzh-pagecontent{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:"aside-left aside-left aside-left aside-left" "content content content content"}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:"aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left" "content content content content content content content content"}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:"aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left" "content content content content content content content content content content content content"}}.stzh-pagecontent__aside-left.sc-stzh-pagecontent{grid-area:aside-left}.stzh-pagecontent__content.sc-stzh-pagecontent{grid-area:content}@media screen and (max-width: 1259px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{position:relative;top:0px;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}}@media screen and (min-width: 1260px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1260px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent{--stzh-content-grid-template-areas:"content content content content content content content content content content content content";grid-template-areas:"aside-left aside-left aside-left aside-left content content content content content content content content"}}.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xxxlarge)}}`;const o=class{constructor(e){t(this,e)}render(){const t=s(this.element,"aside-left");const a=s(this.element,"anchornav");const c={"stzh-pagecontent":true,"stzh-pagecontent--has-aside-left":t||a,"stzh-pagecontent--has-no-aside-left":!t&&!a};return e(n,{key:"58d5e4cbf5c3702fa29ac0614ba2398e32a9491f"},e("div",{key:"5e0acbc7633f2f068203a05d4ebcc05450e83d4f",class:c},e("aside",{key:"fe729cbc4ab3ce5798e03bad4ee1510ab713133e",class:"stzh-pagecontent__aside-left"},e("div",{key:"2b9945f81f7e8777c4fe53cf5cc3c6b14a1db61e",class:"stzh-pagecontent__anchornav"},e("slot",{key:"6596e9a2b214f707369fb1859d0361007c251d84",name:"anchornav"})),e("slot",{key:"3227212c2c3c7bbe99c1e447d592142af7d5d352",name:"aside-left"})),e("div",{key:"9bd408d165b84e7db12200995e94ded888a2fa66",class:"stzh-pagecontent__content"},e("slot",{key:"c285ec75ce066587eff0f65b3dfb7b5de213a1e8"}))))}get element(){return a(this)}};o.style=c();export{o as stzh_pagecontent};
-//# sourceMappingURL=p-46abd0ee.entry.js.map