{
  "version": 3,
  "sources": ["/cdn/shop/t/8/assets/header-menu.js?cb=1783080663716"],
  "sourcesContent": ["import { Component } from '@theme/component';\nimport { debounce, onDocumentLoaded, setHeaderMenuStyle } from '@theme/utilities';\nimport { MegaMenuHoverEvent } from '@theme/events';\n\n/**\n * A custom element that manages a header menu.\n *\n * @typedef {Object} State\n * @property {HTMLElement | null} activeItem - The currently active menu item.\n *\n * @typedef {object} Refs\n * @property {HTMLElement} overflowMenu - The overflow menu.\n * @property {HTMLElement[]} [submenu] - The submenu in each respective menu item.\n *\n * @extends {Component<Refs>}\n */\nclass HeaderMenu extends Component {\n  requiredRefs = ['overflowMenu'];\n\n  /**\n   * @type {MutationObserver | null}\n   */\n  #submenuMutationObserver = null;\n  #deactivateTimer = null;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    onDocumentLoaded(this.#preloadImages);\n    window.addEventListener('resize', this.#resizeListener);\n    this.overflowMenu?.addEventListener('pointerleave', this.#overflowSubmenuListener);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('resize', this.#resizeListener);\n    this.overflowMenu?.removeEventListener('pointerleave', this.#overflowSubmenuListener);\n    this.#cleanupMutationObserver();\n  }\n\n  /**\n   * Debounced resize event listener to recalculate menu style\n   */\n  #resizeListener = debounce(() => {\n    setHeaderMenuStyle();\n  }, 100);\n\n\n  #overflowSubmenuListener = (event) => {\n    const menu = findSubmenu(this.#state.activeItem);\n    const isMovingToSubmenu = event.relatedTarget instanceof Node && menu?.contains(event.relatedTarget);\n    if (isMovingToSubmenu) return;\n    this.#deactivateTimer = setTimeout(() => this.#deactivate(), 150);\n  };\n\n  /**\n   * @type {State}\n   */\n  #state = {\n    activeItem: null,\n  };\n\n  /**\n   * Get the overflow menu\n   */\n  get overflowMenu() {\n    return /** @type {HTMLElement | null} */ (this.refs.overflowMenu?.shadowRoot?.querySelector('[part=\"overflow\"]'));\n  }\n\n  /**\n   * Whether the overflow list is hovered\n   * @returns {boolean}\n   */\n  get overflowListHovered() {\n    return this.refs.overflowMenu?.shadowRoot?.querySelector('[part=\"overflow-list\"]')?.matches(':hover') ?? false;\n  }\n\n  get headerComponent() {\n    return /** @type {HTMLElement | null} */ (this.closest('header-component'));\n  }\n\n  /**\n   * Activate the selected menu item immediately\n   * @param {PointerEvent | FocusEvent} event\n   */\n  activate = (event) => {\n    this.dispatchEvent(new MegaMenuHoverEvent());\n    clearTimeout(this.#deactivateTimer);\n\n    if (!(event.target instanceof Element) || !this.headerComponent) return;\n\n    let item = findMenuItem(event.target);\n\n    if (!item || item == this.#state.activeItem) return;\n\n    const isDefaultSlot = event.target.slot === '';\n\n    this.dataset.overflowExpanded = (!isDefaultSlot).toString();\n\n    const previouslyActiveItem = this.#state.activeItem;\n\n    if (previouslyActiveItem) {\n      previouslyActiveItem.ariaExpanded = 'false';\n    }\n\n    this.#state.activeItem = item;\n    this.ariaExpanded = 'true';\n    item.ariaExpanded = 'true';\n\n    let submenu = findSubmenu(item);\n    const hasSubmenu = Boolean(submenu);\n\n    if (!hasSubmenu && !isDefaultSlot) {\n      submenu = this.overflowMenu;\n    }\n\n    if (submenu) {\n      // Mark submenu as active for content-visibility optimization\n      submenu.dataset.active = '';\n\n      // Cleanup any existing mutation observer from previous menu activations\n      this.#cleanupMutationObserver();\n\n      // Monitor DOM mutations to catch deferred content injection (from section hydration)\n      this.#submenuMutationObserver = new MutationObserver(() => {\n        requestAnimationFrame(() => {\n          // Double requestAnimationFrame to ensure the height is properly calculated and not defaulting to the contain-intrinsic-size\n          requestAnimationFrame(() => {\n            if (submenu.offsetHeight > 0) {\n              this.headerComponent?.style.setProperty('--submenu-height', `${submenu.offsetHeight}px`);\n              this.#cleanupMutationObserver();\n            }\n          });\n        });\n      });\n      this.#submenuMutationObserver.observe(submenu, {childList: true, subtree: true});\n\n      // Auto-disconnect after 500ms to prevent memory leaks\n      setTimeout(() => {\n        this.#cleanupMutationObserver();\n      }, 500);\n    }\n\n    let finalHeight = submenu?.offsetHeight || 0;\n\n    // For overflow menu, the height needs to be either content of the submenu or the total height of the menu list links\n    if (!isDefaultSlot) {\n      const overflowListHeight = this.#getOverflowListLinksHeight();\n      if (hasSubmenu) {\n        /* Note: When the submenu is inside the overflow menu, its offsetHeight is not valid due to the lack of padding\n         * we could add the padding variables to the submenu.offsetHeight, but measuring the overflowMenu.offsetHeight is just easier */\n        const overflowHeight = this.overflowMenu?.offsetHeight || 0;\n        finalHeight = Math.max(overflowHeight, overflowListHeight);\n      } else {\n        finalHeight = overflowListHeight;\n      }\n    }\n\n    if (!submenu) {\n      // If there is no content to open, don't try to open it\n      finalHeight = 0;\n    }\n\n    this.headerComponent.style.setProperty('--submenu-height', `${finalHeight}px`);\n    this.#setFullOpenHeaderHeight(finalHeight);\n    this.style.setProperty('--submenu-opacity', '1');\n  };\n\n  /**\n   * Deactivate the active item after a delay\n   * @param {PointerEvent | FocusEvent} event\n   */\n  deactivate(event) {\n    if (!(event.target instanceof Element)) return;\n\n    const menu = findSubmenu(this.#state.activeItem);\n    const isMovingWithinMenu = event.relatedTarget instanceof Node && menu?.contains(document.activeElement);\n    const isMovingToSubmenu =\n      event.relatedTarget instanceof Node && menu?.contains(event.relatedTarget);\n    const isMovingToOverflowMenu =\n      event.relatedTarget instanceof Node && event.relatedTarget.parentElement?.matches('[slot=\"overflow\"]');\n\n    if (isMovingWithinMenu || isMovingToOverflowMenu || isMovingToSubmenu) return;\n\n        this.#deactivateTimer = setTimeout(() => this.#deactivate(), 150);\n  }\n\n  /**\n   * Deactivate the active item immediately\n   * @param {HTMLElement | null} [item]\n   */\n  #deactivate = (item = this.#state.activeItem) => {\n    clearTimeout(this.#deactivateTimer);\n    if (!item || item != this.#state.activeItem) return;\n\n    // Don't deactivate if the overflow menu or overflow list is still being hovered\n    if (this.overflowListHovered || this.overflowMenu?.matches(':hover')) return;\n\n    this.headerComponent?.style.setProperty('--submenu-height', '0px');\n    this.#setFullOpenHeaderHeight(0);\n    this.style.setProperty('--submenu-opacity', '0');\n    this.dataset.overflowExpanded = 'false';\n\n    const submenu = findSubmenu(item);\n\n    this.#state.activeItem = null;\n    this.ariaExpanded = 'false';\n    item.ariaExpanded = 'false';\n\n    // Remove active state from submenu after animation completes\n    if (submenu) {\n      delete submenu.dataset.active;\n    }\n  };\n\n  #getOverflowListLinksHeight() {\n    const slottedMenuLinks = this.overflowMenu?.querySelector('slot')?.assignedElements();\n    if (!slottedMenuLinks) return this.overflowMenu?.offsetHeight || 0;\n\n    /**\n     * @param {(submenu: HTMLElement) => void} cb\n     */\n    const mapSubmenus = (cb) => {\n      slottedMenuLinks.forEach((link) => {\n        const submenu = /** @type {HTMLElement | null} */ (link.querySelector('[ref=\"submenu[]\"]'));\n        if (submenu) {\n          cb(submenu);\n        }\n      });\n    }\n\n    mapSubmenus((submenu) => {\n      submenu.style.setProperty('display', 'none');\n    });\n    const height = this.overflowMenu?.offsetHeight || 0;\n    mapSubmenus((submenu) => {\n      submenu.style.removeProperty('display');\n    });\n    return height;\n  }\n\n  /**\n   * Calculate and set the full open header height. If the submenu is not open, the full open header height is 0.\n   * @param {number} submenuHeight\n   */\n  #setFullOpenHeaderHeight(submenuHeight) {\n    if (!this.headerComponent) return;\n\n    const isOverlapSituation = this.headerComponent.hasAttribute('data-submenu-overlap-bottom-row');\n\n    const headerVisibleHeight =\n      isOverlapSituation && this.headerComponent.offsetHeight > 0\n        ? /** @type {HTMLElement | null} */ (this.headerComponent.querySelector('.header__row--top'))?.offsetHeight ?? 0\n        : this.headerComponent.offsetHeight;\n\n    const nothingToOpen = submenuHeight === 0;\n    const fullOpenHeaderHeight = nothingToOpen ? 0 : submenuHeight + (headerVisibleHeight ?? 0);\n\n    this.headerComponent?.style.setProperty('--full-open-header-height', `${fullOpenHeaderHeight}px`);\n  }\n\n  /**\n   * Preload images that are set to load lazily.\n   */\n  #preloadImages = () => {\n    const images = this.querySelectorAll('img[loading=\"lazy\"]');\n    images?.forEach((image) => image.removeAttribute('loading'));\n  };\n\n  #cleanupMutationObserver() {\n    this.#submenuMutationObserver?.disconnect();\n    this.#submenuMutationObserver = null;\n  }\n}\n\nif (!customElements.get('header-menu')) {\n  customElements.define('header-menu', HeaderMenu);\n}\n\n/**\n * Find the closest menu item.\n * @param {Element | null | undefined} element\n * @returns {HTMLElement | null}\n */\nfunction findMenuItem(element) {\n  if (!(element instanceof Element)) return null;\n\n  if (element?.matches('[slot=\"more\"')) {\n    // Select the first overflowing menu item when hovering over the \"More\" item\n    return findMenuItem(element.parentElement?.querySelector('[slot=\"overflow\"]'));\n  }\n\n  return element?.querySelector('[ref=\"menuitem\"]');\n}\n\n/**\n * Find the closest submenu.\n * @param {Element | null | undefined} element\n * @returns {HTMLElement | null}\n */\nfunction findSubmenu(element) {\n  const submenu = element?.parentElement?.querySelector('[ref=\"submenu[]\"]');\n  return submenu instanceof HTMLElement ? submenu : null;\n}\n"],
  "mappings": "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",
  "names": []
}