@expressivecss/expressive 0.15.0 → 0.17.0

package/dist/js/chunks/chunk-3KLZRQZI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/carousel.ts"],
+  "sourcesContent": ["import { Utils, restoreAttribute } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\n\nexport interface CarouselI18nOptions {\n  carousel: string;\n  item: string;\n  of: string;\n  indicators: string;\n  slide: string;\n}\n\nexport interface CarouselOptions extends BaseOptions {\n  /**\n   * Milliseconds allowed for a programmatic scroll to land. The track itself\n   * scrolls at the browser's own smooth-scroll speed; this only bounds how\n   * long the component waits for `scrollend` before assuming it arrived, and\n   * is added to `interval` to time each auto-advance rest.\n   * @default 200\n   */\n  duration: number;\n  /**\n   * Show paging dots. Only drawn when there is more than one item.\n   * @default false\n   */\n  indicators: boolean;\n  /**\n   * Stop auto-advance at the last item instead of looping back to the first.\n   * A scroll track never wraps under arrow keys or `set()` either way.\n   * @default false\n   */\n  noWrap: boolean;\n  /**\n   * Milliseconds to rest between automatic advances, on top of `duration` -\n   * the gap follows each transition rather than containing it, so a full cycle\n   * takes `duration + interval`. 0 leaves auto-advance off.\n   * Whenever it is set the track pauses on hover and on keyboard focus, and\n   * `prefers-reduced-motion: reduce` suppresses it entirely - auto-advancing\n   * content is WCAG 2.2.2 territory, so neither is an option an author can\n   * turn off. `noWrap` stops it after one pass instead of looping.\n   * @default 0\n   */\n  interval: number;\n  /**\n   * Fixed track height in pixels. `null` sizes the carousel from its content.\n   * A fixed height gives the indicators their own row below the track instead\n   * of laying them over the media.\n   * @default null\n   */\n  height: number | null;\n  /**\n   * Called when a new item becomes the center.\n   * @default null\n   */\n  onCycleTo: (current: Element, dragged: boolean) => void;\n  /**\n   * Accessible names generated for an unlabeled carousel, its items and its\n   * indicators.\n   */\n  i18n: Partial<CarouselI18nOptions>;\n}\n\nconst _defaults: CarouselOptions = {\n  duration: 200,\n  indicators: false,\n  noWrap: false,\n  interval: 0,\n  height: null,\n  onCycleTo: null,\n  i18n: {\n    carousel: 'Carousel',\n    item: 'Item',\n    of: 'of',\n    indicators: 'Slides',\n    slide: 'Slide'\n  }\n};\n\nconst naturallyFocusable =\n  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), ' +\n  'textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport class Carousel extends Component<CarouselOptions> {\n  hasMultipleSlides: boolean;\n  showIndicators: boolean;\n  pressed: boolean;\n  dragged: boolean;\n  images: HTMLElement[];\n  _indicators: HTMLUListElement | HTMLElement;\n  count: number;\n  center: number = 0;\n  scrollingTimeout: ReturnType<typeof setTimeout>;\n  oneTimeCallback: (current: Element, dragged: boolean) => void | null;\n\n  private _ownIndicators: boolean = false;\n  private _trackEl: HTMLElement | null = null;\n  private _ignoreScroll: boolean = false;\n  private _alignAfterResize = false;\n  private _scrollEndTimeout: ReturnType<typeof setTimeout>;\n  private _trackRaf: number = null;\n  private _started: boolean = false;\n  private _vertical: boolean = false;\n  private _resizeObserver: ResizeObserver | null = null;\n  private _resizeTimeout: ReturnType<typeof setTimeout> = null;\n  private _dragPointerId: number | null = null;\n  private _dragStartX: number = 0;\n  private _dragStartY: number = 0;\n  private _dragStartScroll: number = 0;\n  private _suppressClick: boolean = false;\n  private _suppressClickTimeout: ReturnType<typeof setTimeout> = null;\n  private _generatedContainerRole: boolean = false;\n  private _generatedContainerLabel: boolean = false;\n  private _generatedContainerDescription: boolean = false;\n  private _generatedWideLayout: boolean = false;\n  private _generatedFixedHeight: boolean = false;\n  private _authoredInlineHeight: string | null = null;\n  private _autoAdvanceTimer: ReturnType<typeof setTimeout> = null;\n  private _autoAdvances: boolean = false;\n  private _autoPaused: boolean = false;\n  private _hovered: boolean = false;\n  private _focused: boolean = false;\n  private _motion = window.matchMedia('(prefers-reduced-motion: reduce)');\n  private _generatedItemTabIndexes = new Set<HTMLElement>();\n  private _generatedItemLabels = new Set<HTMLElement>();\n  private _generatedItemDescriptions = new Set<HTMLElement>();\n  private _generatedItemSizes = new Set<HTMLElement>();\n  private _authoredItemSizes = new Set<HTMLElement>();\n  private _itemA11yOriginal = new Map<\n    HTMLElement,\n    { ariaHidden: string | null; tabIndex: string | null; active: boolean; itemClass: boolean }\n  >();\n\n  private get _scroller(): HTMLElement {\n    return this._trackEl ?? this.el;\n  }\n\n  constructor(el: HTMLElement, options: Partial<CarouselOptions>) {\n    super(el, options);\n\n    this._vertical = this.el.classList.contains('full-screen');\n\n    this.pressed = false;\n    this.dragged = false;\n    this.images = this._collectItems();\n    if (!this.images.length) {\n      console.error('Carousel: no .carousel-item elements to show');\n      return;\n    }\n    this.images.forEach((item) => {\n      this._itemA11yOriginal.set(item, {\n        ariaHidden: item.getAttribute('aria-hidden'),\n        tabIndex: item.getAttribute('tabindex'),\n        active: item.classList.contains('active'),\n        itemClass: item.classList.contains('carousel-item')\n      });\n      if (item.hasAttribute('data-carousel-size')) this._authoredItemSizes.add(item);\n    });\n\n    this.hasMultipleSlides = this.images.length > 1;\n    this.showIndicators = this.options.indicators && this.hasMultipleSlides;\n    this.count = this.images.length;\n\n    this._autoAdvances = this.options.interval > 0 && this.hasMultipleSlides;\n\n    this.images.forEach((item) => item.classList.add('carousel-item'));\n    if (this.options.height !== null) {\n      this._generatedFixedHeight = !this.el.classList.contains('fixed-height');\n      this._authoredInlineHeight = this.el.style.getPropertyValue('--carousel-height') || null;\n      this.el.classList.add('fixed-height');\n      this.el.style.setProperty('--carousel-height', `${this.options.height}px`);\n    }\n    this._wrapTrack();\n    this._syncAdaptiveMode();\n\n    if (this.showIndicators) this._setupIndicators();\n\n    this._setupAccessibility();\n\n    this._setupEventHandlers();\n    this._started = true;\n\n    const start = Math.max(\n      0,\n      this.images.findIndex((el) => el.classList.contains('active'))\n    );\n    this.center = start;\n    this._syncActive(start, false);\n    this._updateParallax();\n    this._scrollToIndex(start, false);\n\n    this._syncAutoAdvance();\n  }\n\n  static get defaults(): CarouselOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Carousel';\n\n  destroy() {\n    if (this._started) this._teardown();\n    super.destroy();\n  }\n\n  private _collectItems(): HTMLElement[] {\n    const explicit = Array.from(this.el.children).filter(\n      (el): el is HTMLElement => el instanceof HTMLElement && el.classList.contains('carousel-item')\n    );\n    if (explicit.length) return explicit;\n    return Array.from(this.el.children).filter((el): el is HTMLElement => {\n      if (!(el instanceof HTMLElement)) return false;\n      if (el.classList.contains('indicators')) {\n        return false;\n      }\n      return el.tagName !== 'NAV';\n    });\n  }\n\n  private _setupAccessibility() {\n    if (!this.el.hasAttribute('role')) {\n      this.el.setAttribute('role', 'region');\n      this._generatedContainerRole = true;\n    }\n    if (!this.el.hasAttribute('aria-label') && !this.el.hasAttribute('aria-labelledby')) {\n      this.el.setAttribute('aria-label', this.options.i18n.carousel);\n      this._generatedContainerLabel = true;\n    }\n    if (!this.el.hasAttribute('aria-roledescription')) {\n      this.el.setAttribute('aria-roledescription', 'carousel');\n      this._generatedContainerDescription = true;\n    }\n\n    this.images.forEach((item, index) => {\n      if (!item.hasAttribute('aria-roledescription')) {\n        item.setAttribute('aria-roledescription', 'slide');\n        this._generatedItemDescriptions.add(item);\n      }\n\n      if (!item.hasAttribute('aria-label') && !item.hasAttribute('aria-labelledby')) {\n        const mediaName = item.querySelector('img[alt]')?.getAttribute('alt')?.trim();\n        const textName = item.textContent?.replace(/\\s+/g, ' ').trim();\n        const name = mediaName || textName;\n        const position = `${this.options.i18n.item} ${index + 1} ${this.options.i18n.of} ${this.count}`;\n        item.setAttribute('aria-label', name ? `${name}, ${position}` : position);\n        this._generatedItemLabels.add(item);\n      }\n\n      if (!item.matches(naturallyFocusable) && !item.querySelector(naturallyFocusable)) {\n        item.tabIndex = 0;\n        this._generatedItemTabIndexes.add(item);\n      }\n    });\n  }\n\n  private _setupIndicators() {\n    const existing = Array.from(this.el.children).find(\n      (el): el is HTMLElement => el instanceof HTMLElement && el.classList.contains('indicators')\n    );\n    this._indicators = existing ?? document.createElement('nav');\n    this._ownIndicators = !existing;\n    this._indicators.classList.add('indicators');\n    this._indicators.setAttribute('aria-label', this.options.i18n.indicators);\n    this._indicators.replaceChildren();\n\n    this.images.forEach((_, i) => {\n      const button = document.createElement('button');\n      button.type = 'button';\n      button.classList.add('indicator-item');\n      button.setAttribute('aria-label', `${this.options.i18n.slide} ${i + 1}`);\n      this._indicators.appendChild(button);\n    });\n\n    if (this._ownIndicators) this.el.appendChild(this._indicators);\n  }\n\n  _setupEventHandlers() {\n    const { signal } = this._events;\n    this.el.addEventListener('keydown', this._handleKeydown, { signal });\n    this._motion.addEventListener('change', this._handleMotionChange, { signal });\n    if (this._autoAdvances) {\n      this.el.addEventListener('mouseenter', this._handleAutoAdvanceState, { signal });\n      this.el.addEventListener('mouseleave', this._handleAutoAdvanceState, { signal });\n      this.el.addEventListener('focusin', this._handleAutoAdvanceState, { signal });\n      this.el.addEventListener('focusout', this._handleAutoAdvanceState, { signal });\n      this.el.addEventListener('keydown', this._handleAutoAdvanceKey, { signal });\n      // Browsers clamp a background tab's timers rather than stopping them, so\n      // without this the track keeps cycling out of sight.\n      document.addEventListener('visibilitychange', this._handleAutoAdvanceState, { signal });\n    }\n    if (this.showIndicators && this._indicators) {\n      this._indicators.addEventListener('click', this._handleIndicatorClick, { signal });\n    }\n    this._resizeObserver = new ResizeObserver(() => this._handleThrottledResize());\n    this._resizeObserver.observe(this.el);\n\n    // Full-screen needs a window signal when orientation changes without\n    // changing the container width. ResizeObserver handles every other track,\n    // including pane resizes.\n    if (this.el.classList.contains('full-screen')) {\n      window.addEventListener('resize', this._handleThrottledResize, { passive: true, signal });\n    }\n\n    this._scroller.addEventListener('scroll', this._handleTrackScroll, { passive: true, signal });\n    this._scroller.addEventListener('pointerdown', this._handleTrackPointerDown, { signal });\n    this._scroller.addEventListener('wheel', this._handleNativeScroll, { passive: true, signal });\n    this._scroller.addEventListener('click', this._handleTrackClick, { capture: true, signal });\n    this._scroller.addEventListener('dragstart', this._handleTrackDragStart, { signal });\n    this._scroller.addEventListener('transitionend', this._handleItemResize, { signal });\n  }\n\n  private _teardown() {\n    this._started = false;\n    this._events.abort();\n    this._resizeObserver?.disconnect();\n    this._resizeObserver = null;\n    this._finishScroll();\n    this._autoAdvances = false;\n    this._syncAutoAdvance();\n    if (this._trackRaf !== null) cancelAnimationFrame(this._trackRaf);\n    window.clearTimeout(this.scrollingTimeout);\n    window.clearTimeout(this._suppressClickTimeout);\n    clearTimeout(this._resizeTimeout);\n    if (this._ownIndicators) this._indicators?.remove();\n    this._unwrapTrack();\n    this.images.forEach((el) => {\n      el.style.removeProperty('--md-comp-carousel-item-parallax');\n      if (this._generatedItemLabels.has(el)) el.removeAttribute('aria-label');\n      if (this._generatedItemDescriptions.has(el)) el.removeAttribute('aria-roledescription');\n      if (this._generatedItemSizes.has(el)) el.removeAttribute('data-carousel-size');\n      this._restoreItemState(el);\n    });\n    // A drag or scroll that destroy() cut short leaves its state class behind.\n    this.el.classList.remove('dragging', 'scrolling');\n    if (this._generatedContainerRole) this.el.removeAttribute('role');\n    if (this._generatedContainerLabel) this.el.removeAttribute('aria-label');\n    if (this._generatedContainerDescription) this.el.removeAttribute('aria-roledescription');\n    if (this._generatedFixedHeight) this.el.classList.remove('fixed-height');\n    if (this.options.height !== null) {\n      if (this._authoredInlineHeight === null) this.el.style.removeProperty('--carousel-height');\n      else this.el.style.setProperty('--carousel-height', this._authoredInlineHeight);\n    }\n    if (this._generatedWideLayout) {\n      this.el.classList.remove(\n        'multi-wide',\n        'multi-large',\n        'multi-extra-large',\n        'full-screen-horizontal'\n      );\n    }\n  }\n\n  /**\n   * Puts back an item's accessibility attributes, its authored `active`\n   * class and, for an item found without it, the `carousel-item` class. A\n   * carousel started again used to begin at the last shown item.\n   */\n  private _restoreItemState(el: HTMLElement) {\n    const original = this._itemA11yOriginal.get(el);\n    if (!original) return;\n    restoreAttribute(el, 'aria-hidden', original.ariaHidden);\n    restoreAttribute(el, 'tabindex', original.tabIndex);\n    el.classList.toggle('active', original.active);\n    if (!original.itemClass) el.classList.remove('carousel-item');\n  }\n\n  _handleThrottledResize = () => {\n    if (!this._started || this._resizeTimeout !== null) return;\n    this._handleResize();\n    this._resizeTimeout = setTimeout(() => {\n      this._resizeTimeout = null;\n      this._handleResize();\n    }, 200);\n  };\n\n  _handleAutoAdvanceState = (e: Event) => {\n    if (e.type === 'mouseenter') this._hovered = true;\n    else if (e.type === 'mouseleave') this._hovered = false;\n    // A mouse click focuses what it hits, and only keyboard focus holds the track.\n    // The real target: a shadow host's own :focus-visible can differ from what is inside.\n    else if (e.type === 'focusin') this._focused = (Utils.eventTarget(e) as Element).matches(':focus-visible');\n    else if (e.type === 'focusout') this._focused = this.el.contains((e as FocusEvent).relatedTarget as Node);\n    this._syncAutoAdvance();\n  };\n\n  // A key pressed in here means keyboard use, with no new focus event when the\n  // focus began with a mouse click or moves within a shadow root.\n  private _handleAutoAdvanceKey = () => {\n    this._focused = true;\n    this._syncAutoAdvance();\n  };\n\n  private _handleMotionChange = () => {\n    this._syncAutoAdvance();\n    if (this._motion.matches) this._scrollToIndex(this.center, false);\n    this._updateParallax();\n  };\n\n  /** Start or stop the timer to match the current pause state. */\n  private _syncAutoAdvance() {\n    const run =\n      this._autoAdvances &&\n      !this._autoPaused &&\n      !this._hovered &&\n      !this._focused &&\n      !this._motion.matches &&\n      !document.hidden;\n    if (run && this._autoAdvanceTimer === null) {\n      // Each rest is armed after the move before it, never on a fixed phase.\n      // A repeating timer assumes the work it triggers is instant; a smooth\n      // scroll is not, so a fixed period either lands mid-scroll or, once a\n      // tick is dropped, leaves whatever is left of the period as the next\n      // rest.\n      this._autoAdvanceTimer = setTimeout(\n        this._tick,\n        this.options.duration + this.options.interval\n      );\n    } else if (!run && this._autoAdvanceTimer !== null) {\n      clearTimeout(this._autoAdvanceTimer);\n      this._autoAdvanceTimer = null;\n    }\n  }\n\n  private _tick = () => {\n    this._autoAdvanceTimer = null;\n    this._advance();\n    this._syncAutoAdvance();\n  };\n\n  private _advance = () => {\n    const next = this.center + 1;\n    if (next < this.count) {\n      this.set(next);\n      return;\n    }\n    // Arrow keys and `set()` never wrap, because a scroll container has ends.\n    // Auto-advance is the one caller that can: looping back to the first item\n    // is just a scroll. An author who asked for no wrapping gets one pass and\n    // then silence.\n    if (this.options.noWrap) {\n      this._autoAdvances = false;\n      this._syncAutoAdvance();\n      return;\n    }\n    this.set(0);\n  };\n\n  private _handleNativeScroll = () => {\n    this._alignAfterResize = false;\n    this._finishScroll();\n  };\n\n  /** The document only hears from a carousel while a mouse press is down on its track. */\n  private _setDragListeners(on: boolean) {\n    const method = on ? 'addEventListener' : 'removeEventListener';\n    // The signal also removes them when the carousel is destroyed mid-drag.\n    const options = { signal: this._events.signal };\n    document[method]('pointermove', this._handleTrackPointerMove, options);\n    document[method]('pointerup', this._handleTrackPointerUp, options);\n    document[method]('pointercancel', this._handleTrackPointerUp, options);\n  }\n\n  _handleTrackPointerDown = (e: PointerEvent) => {\n    this._handleNativeScroll();\n    if (e.pointerType !== 'mouse' || e.button !== 0) return;\n    this.pressed = true;\n    this.dragged = false;\n    this._suppressClick = false;\n    this._dragPointerId = e.pointerId;\n    this._dragStartX = e.clientX;\n    this._dragStartY = e.clientY;\n    this._dragStartScroll = this._vertical ? this._scroller.scrollTop : this._scroller.scrollLeft;\n    this._setDragListeners(true);\n  };\n\n  _handleTrackPointerMove = (e: PointerEvent) => {\n    if (!this.pressed || e.pointerId !== this._dragPointerId) return;\n    const deltaX = e.clientX - this._dragStartX;\n    const deltaY = e.clientY - this._dragStartY;\n    const primaryDelta = this._vertical ? deltaY : deltaX;\n    const crossDelta = this._vertical ? deltaX : deltaY;\n\n    if (!this.dragged) {\n      if (Math.abs(primaryDelta) < 6 || Math.abs(primaryDelta) <= Math.abs(crossDelta)) return;\n      this.dragged = true;\n      this.el.classList.add('dragging');\n      try {\n        this._scroller.setPointerCapture(e.pointerId);\n      } catch {\n        // Pointer capture is optional in older browsers and test DOMs.\n      }\n    }\n\n    if (this._vertical) this._scroller.scrollTop = this._dragStartScroll - deltaY;\n    else this._scroller.scrollLeft = this._dragStartScroll - deltaX;\n    e.preventDefault();\n  };\n\n  _handleTrackPointerUp = (e: PointerEvent) => {\n    if (!this.pressed || e.pointerId !== this._dragPointerId) return;\n    this.pressed = false;\n    this._dragPointerId = null;\n    this._setDragListeners(false);\n    this.el.classList.remove('dragging');\n    try {\n      this._scroller.releasePointerCapture(e.pointerId);\n    } catch {\n      // Pointer capture may already have been released.\n    }\n\n    if (!this.dragged) return;\n    this._suppressClick = true;\n    window.clearTimeout(this._suppressClickTimeout);\n    this._suppressClickTimeout = setTimeout(() => {\n      this._suppressClick = false;\n    }, 0);\n    this._syncActive(this._nearestIndex(), true);\n    this.dragged = false;\n  };\n\n  _handleTrackClick = (e: MouseEvent) => {\n    if (!this._suppressClick) return;\n    this._suppressClick = false;\n    e.preventDefault();\n    e.stopImmediatePropagation();\n  };\n\n  _handleTrackDragStart = (e: DragEvent) => {\n    if ((e.target as HTMLElement).closest('a, img, picture, video')) e.preventDefault();\n  };\n\n  private _handleItemResize = (e: TransitionEvent) => {\n    if (this._alignAfterResize && !this.pressed && e.propertyName === 'flex-basis' && this.images.includes(e.target as HTMLElement)) {\n      this._scrollToIndex(this.center, false);\n    }\n  };\n\n  _handleIndicatorClick = (e: Event) => {\n    e.stopPropagation();\n    const indicator = (e.target as HTMLElement).closest('.indicator-item');\n    if (!indicator || !this._indicators.contains(indicator)) return;\n    const index = [...this._indicators.children].indexOf(indicator);\n    if (index < 0) return;\n    this._cycleTo(index);\n  };\n\n  /**\n   * Keys the carousel leaves alone. Modified keys are shortcuts (Alt+Left is\n   * Back), and a nested widget that reads arrows itself - a field, a slider,\n   * tabs, a menu, media controls - keeps them.\n   */\n  private _keyBelongsElsewhere(e: KeyboardEvent) {\n    const target = e.target as HTMLElement;\n    return [e.defaultPrevented, e.altKey, e.ctrlKey, e.metaKey, e.shiftKey, target.isContentEditable].some(Boolean) ||\n      this.el.contains(target.closest(\n        'input, textarea, select, video[controls], audio[controls], [role=\"slider\"], [role=\"tablist\"], [role=\"menu\"]'\n      ));\n  }\n\n  _handleKeydown = (e: KeyboardEvent) => {\n    if (this._keyBelongsElsewhere(e)) return;\n    const rtl = getComputedStyle(this._scroller).direction === 'rtl';\n    const forward = this._vertical ? e.key === 'ArrowDown' : e.key === (rtl ? 'ArrowLeft' : 'ArrowRight');\n    const backward = this._vertical ? e.key === 'ArrowUp' : e.key === (rtl ? 'ArrowRight' : 'ArrowLeft');\n    if (e.key === 'Home') {\n      e.preventDefault();\n      this.set(0);\n      this._focusItem(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      this.set(this.count - 1);\n      this._focusItem(this.count - 1);\n    } else if (forward) {\n      e.preventDefault();\n      this.next();\n      this._focusItem(this.center);\n    } else if (backward) {\n      e.preventDefault();\n      this.prev();\n      this._focusItem(this.center);\n    }\n  };\n\n  _handleTrackScroll = () => {\n    if (!this.el.classList.contains('scrolling')) this.el.classList.add('scrolling');\n    window.clearTimeout(this.scrollingTimeout);\n    this.scrollingTimeout = setTimeout(() => this.el.classList.remove('scrolling'), 120);\n    if (this._trackRaf !== null) return;\n    this._trackRaf = requestAnimationFrame(() => {\n      this._trackRaf = null;\n      // Read the nearest index before the parallax writes invalidate style.\n      const index = this._ignoreScroll ? this.center : this._nearestIndex();\n      this._updateParallax();\n      if (index !== this.center) this._syncActive(index, this.dragged);\n    });\n  };\n\n  _handleResize = () => {\n    if (!this._started || !this.images.length) return;\n    this._syncAdaptiveMode();\n    this._syncLayoutRoles(this.center);\n    if (!this.pressed) this._scrollToIndex(this.center, false);\n    this._updateParallax();\n  };\n\n  private _paintIndicators(center: number) {\n    if (!this.showIndicators || !this._indicators) return;\n    const pos = ((center % this.count) + this.count) % this.count;\n    this._indicators.querySelectorAll('.indicator-item').forEach((el, i) => {\n      const on = i === pos;\n      el.classList.toggle('active', on);\n      if (on) el.setAttribute('aria-current', 'true');\n      else el.removeAttribute('aria-current');\n    });\n  }\n\n  /** Whether `index` is still the active item once its change is reported. */\n  private _syncActive(index: number, dragged: boolean): boolean {\n    const prev = this.center;\n    this.center = index;\n    this.images.forEach((el, i) => el.classList.toggle('active', i === index));\n    this._paintIndicators(index);\n    this._syncLayoutRoles(index);\n    const curr = this.images[index];\n    const detail = { item: curr, dragged };\n    if (prev !== index && !this._notify('change', this.options.onCycleTo, { args: [curr, dragged], detail, current: () => this.center === index })) return false;\n    if (typeof this.oneTimeCallback === 'function') {\n      this.oneTimeCallback.call(this, curr, dragged);\n      this.oneTimeCallback = null;\n    }\n    return true;\n  }\n\n  private _syncLayoutRoles(index: number) {\n    // Every size is worked out before any is written. Writing `large` to all\n    // items and then reading clientWidth forced a layout in that interim\n    // state on every center change.\n    type Size = 'large' | 'medium' | 'small';\n    const sizes: Size[] = this.images.map(() => 'large');\n    const setSize = (i: number, size: Size) => {\n      if (this.images[i]) sizes[i] = size;\n    };\n\n    if (\n      this.el.classList.contains('uncontained') ||\n      (this.el.classList.contains('full-screen') && this._vertical)\n    ) {\n      // Every item stays large.\n    } else if (\n      this.el.classList.contains('hero') ||\n      this.el.classList.contains('full-screen-horizontal')\n    ) {\n      setSize(index + 1, 'small');\n      if (this.el.classList.contains('center-aligned')) setSize(index - 1, 'small');\n    } else {\n      const width = this.el.clientWidth;\n      const desiredLargeCount = width >= 1600 ? 4 : width >= 1200 ? 3 : width >= 600 ? 2 : 1;\n      const largeCount = Math.min(desiredLargeCount, Math.max(1, this.count - 2));\n      this.el.classList.remove('multi-wide', 'multi-large', 'multi-extra-large');\n      if (largeCount === 2) this.el.classList.add('multi-wide');\n      else if (largeCount === 3) this.el.classList.add('multi-large');\n      else if (largeCount >= 4) this.el.classList.add('multi-extra-large');\n      this._generatedWideLayout = this._generatedWideLayout || largeCount > 1;\n      setSize(index + largeCount, 'medium');\n      setSize(index + largeCount + 1, 'small');\n    }\n\n    this.images.forEach((item, i) => {\n      if (this._authoredItemSizes.has(item)) return;\n      item.setAttribute('data-carousel-size', sizes[i]);\n      this._generatedItemSizes.add(item);\n    });\n  }\n\n  private _syncAdaptiveMode() {\n    if (!this.el.classList.contains('full-screen')) return;\n    const landscape = window.matchMedia('(orientation: landscape)').matches;\n    const horizontal = this.el.clientWidth >= 840 || landscape;\n    const wasVertical = this._vertical;\n    this._vertical = !horizontal;\n    this.el.classList.toggle('full-screen-horizontal', horizontal);\n    this._generatedWideLayout = this._generatedWideLayout || horizontal;\n\n    if (this._started && wasVertical !== this._vertical) {\n      this._scroller.scrollTo({ left: 0, top: 0, behavior: 'auto' });\n    }\n  }\n\n  private _focusItem(index: number) {\n    const item = this.images[index];\n    if (!item) return;\n    const focusable = item.matches(naturallyFocusable)\n      ? item\n      : item.querySelector<HTMLElement>(naturallyFocusable);\n    (focusable ?? item).focus({ preventScroll: true });\n  }\n\n  private _updateParallax() {\n    if (this._motion.matches) {\n      this.images.forEach((item) =>\n        item.style.setProperty('--md-comp-carousel-item-parallax', '0px')\n      );\n      return;\n    }\n\n    const scrollerRect = this._scroller.getBoundingClientRect();\n    const viewportCenter = this._vertical\n      ? scrollerRect.top + scrollerRect.height / 2\n      : scrollerRect.left + scrollerRect.width / 2;\n    const viewportSize = Math.max(1, this._vertical ? scrollerRect.height : scrollerRect.width);\n\n    // All reads, then all writes: a write between two reads forces a style\n    // recalculation per item on every scroll frame.\n    const rects = this.images.map((item) => item.getBoundingClientRect());\n    this.images.forEach((item, i) => {\n      const rect = rects[i];\n      const itemCenter = this._vertical ? rect.top + rect.height / 2 : rect.left + rect.width / 2;\n      const progress = Math.max(-1, Math.min(1, (itemCenter - viewportCenter) / viewportSize));\n      item.style.setProperty('--md-comp-carousel-item-parallax', `${progress * -24}px`);\n    });\n  }\n\n  private _wrapTrack() {\n    const track = document.createElement('div');\n    track.className = 'carousel-track';\n    this.images[0].before(track);\n    this.images.forEach((el) => track.appendChild(el));\n    this._trackEl = track;\n  }\n\n  private _unwrapTrack() {\n    if (!this._trackEl) return;\n    this.images.forEach((el) => this.el.insertBefore(el, this._trackEl));\n    this._trackEl.remove();\n    this._trackEl = null;\n  }\n\n  private _nearestIndex(): number {\n    const centered = this.el.classList.contains('center-aligned');\n    const style = getComputedStyle(this._scroller);\n    const rtl = !this._vertical && style.direction === 'rtl';\n    const position = this._vertical ? this._scroller.scrollTop : this._scroller.scrollLeft;\n    const viewport = this._vertical ? this._scroller.clientHeight : this._scroller.clientWidth;\n    const extent = (this._vertical ? this._scroller.scrollHeight : this._scroller.scrollWidth) - viewport;\n    const padding = parseFloat(this._vertical ? style.paddingBlockStart : style.paddingInlineStart) || 0;\n    let best = this.center;\n    let bestDist = Infinity;\n    let centerDist = Infinity;\n    this.images.forEach((el, i) => {\n      const start = this._vertical ? el.offsetTop : el.offsetLeft;\n      const size = this._vertical ? el.offsetHeight : el.offsetWidth;\n      const target = centered ? start - (viewport - size) / 2 : start + (rtl ? size - viewport + padding : -padding);\n      const bounded = Math.max(rtl ? -extent : 0, Math.min(rtl ? 0 : extent, target));\n      const dist = Math.abs(bounded - position);\n      if (i === this.center) centerDist = dist;\n      if (dist < bestDist) {\n        bestDist = dist;\n        best = i;\n      }\n    });\n    // Items past the scroll end all clamp to it, and a subpixel wobble there\n    // (WebKit reports -179 for -178 in a right-to-left track) must not hand\n    // the selection to a later item that only shares the clamped position.\n    return centerDist - bestDist <= 1 ? this.center : best;\n  }\n\n  private _scrollToIndex(n: number, smooth = true) {\n    const el = this.images[n];\n    if (!el) return;\n    this._finishScroll();\n    const centered = this.el.classList.contains('center-aligned');\n    const style = getComputedStyle(this._scroller);\n    const inlinePadding = Number.parseFloat(style.paddingInlineStart) || 0;\n    const blockPadding = Number.parseFloat(style.paddingBlockStart) || 0;\n    const left = centered\n      ? el.offsetLeft - (this._scroller.clientWidth - el.offsetWidth) / 2\n      : style.direction === 'rtl'\n        ? el.offsetLeft + el.offsetWidth - this._scroller.clientWidth + inlinePadding\n        : el.offsetLeft - inlinePadding;\n    const top = el.offsetTop - blockPadding;\n    this._ignoreScroll = true;\n    // Item sizes are still transitioning, so the track can be too narrow to\n    // reach the target and clamps short of it. Firefox takes whatever item\n    // sits at that clamped position as the snap target and re-snaps to it\n    // after each later layout change, undoing the alignment below. Snapping\n    // returns in _finishScroll, once the track has settled on the item.\n    this._scroller.style.scrollSnapType = 'none';\n    this._scroller.scrollTo({\n      left: this._vertical ? 0 : left,\n      top: this._vertical ? top : 0,\n      behavior: smooth && !this._motion.matches ? 'smooth' : 'instant'\n    });\n    this._scroller.addEventListener('scrollend', this._handleScrollEnd);\n    this._scrollEndTimeout = setTimeout(this._finishScroll, this.options.duration + 350);\n  }\n\n  private _finishScroll = () => {\n    this._ignoreScroll = false;\n    this._scroller.style.scrollSnapType = '';\n    clearTimeout(this._scrollEndTimeout);\n    this._scroller.removeEventListener('scrollend', this._handleScrollEnd);\n  };\n\n  private _handleScrollEnd = () => {\n    // An earlier scroll can finish after a new navigation has started.\n    if (this._nearestIndex() === this.center && !this.images.some(item => item.getAnimations().some(animation => animation.playState === 'running'))) {\n      this._finishScroll();\n    }\n  };\n\n  _cycleTo(n: number, callback: CarouselOptions['onCycleTo'] = null) {\n    this._alignAfterResize = true;\n    if (typeof callback === 'function') this.oneTimeCallback = callback;\n    // A listener that moved to another item, or destroyed the carousel, has\n    // already scrolled where it wanted.\n    if (this._syncActive(n, false)) this._scrollToIndex(n);\n  }\n\n  /**\n   * Stop auto-advance until start() is called. Without an `interval` there is\n   * nothing to stop and this does nothing.\n   */\n  pause() {\n    this._autoPaused = true;\n    this._syncAutoAdvance();\n  }\n\n  /** Resume auto-advance after pause(). */\n  start() {\n    this._autoPaused = false;\n    this._syncAutoAdvance();\n  }\n\n  next(n: number = 1) {\n    if (isNaN(n)) n = 1;\n    const index = this.center + n;\n    if (index >= this.count || index < 0) return;\n    this._cycleTo(index);\n  }\n\n  prev(n: number = 1) {\n    if (isNaN(n)) n = 1;\n    const index = this.center - n;\n    if (index >= this.count || index < 0) return;\n    this._cycleTo(index);\n  }\n\n  set(n: number, callback?: CarouselOptions['onCycleTo']) {\n    if (n === undefined || isNaN(n)) n = 0;\n    if (n >= this.count || n < 0) return;\n    this._cycleTo(n, callback);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AA6DA,IAAM,YAA6B;AAAA,EACjC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF;AAEA,IAAM,qBACJ;AAGK,IAAM,WAAN,cAAuB,UAA2B;AAAA,EAsDvD,YAAY,IAAiB,SAAmC;AAC9D,UAAM,IAAI,OAAO;AA/CnB,kBAAiB;AAIjB,SAAQ,iBAA0B;AAClC,SAAQ,WAA+B;AACvC,SAAQ,gBAAyB;AACjC,SAAQ,oBAAoB;AAE5B,SAAQ,YAAoB;AAC5B,SAAQ,WAAoB;AAC5B,SAAQ,YAAqB;AAC7B,SAAQ,kBAAyC;AACjD,SAAQ,iBAAgD;AACxD,SAAQ,iBAAgC;AACxC,SAAQ,cAAsB;AAC9B,SAAQ,cAAsB;AAC9B,SAAQ,mBAA2B;AACnC,SAAQ,iBAA0B;AAClC,SAAQ,wBAAuD;AAC/D,SAAQ,0BAAmC;AAC3C,SAAQ,2BAAoC;AAC5C,SAAQ,iCAA0C;AAClD,SAAQ,uBAAgC;AACxC,SAAQ,wBAAiC;AACzC,SAAQ,wBAAuC;AAC/C,SAAQ,oBAAmD;AAC3D,SAAQ,gBAAyB;AACjC,SAAQ,cAAuB;AAC/B,SAAQ,WAAoB;AAC5B,SAAQ,WAAoB;AAC5B,SAAQ,UAAU,OAAO,WAAW,kCAAkC;AACtE,SAAQ,2BAA2B,oBAAI,IAAiB;AACxD,SAAQ,uBAAuB,oBAAI,IAAiB;AACpD,SAAQ,6BAA6B,oBAAI,IAAiB;AAC1D,SAAQ,sBAAsB,oBAAI,IAAiB;AACnD,SAAQ,qBAAqB,oBAAI,IAAiB;AAClD,SAAQ,oBAAoB,oBAAI,IAG9B;AA2OF,kCAAyB,MAAM;AAC7B,UAAI,CAAC,KAAK,YAAY,KAAK,mBAAmB,KAAM;AACpD,WAAK,cAAc;AACnB,WAAK,iBAAiB,WAAW,MAAM;AACrC,aAAK,iBAAiB;AACtB,aAAK,cAAc;AAAA,MACrB,GAAG,GAAG;AAAA,IACR;AAEA,mCAA0B,CAAC,MAAa;AACtC,UAAI,EAAE,SAAS,aAAc,MAAK,WAAW;AAAA,eACpC,EAAE,SAAS,aAAc,MAAK,WAAW;AAAA,eAGzC,EAAE,SAAS,UAAW,MAAK,WAAY,MAAM,YAAY,CAAC,EAAc,QAAQ,gBAAgB;AAAA,eAChG,EAAE,SAAS,WAAY,MAAK,WAAW,KAAK,GAAG,SAAU,EAAiB,aAAqB;AACxG,WAAK,iBAAiB;AAAA,IACxB;AAIA;AAAA;AAAA,SAAQ,wBAAwB,MAAM;AACpC,WAAK,WAAW;AAChB,WAAK,iBAAiB;AAAA,IACxB;AAEA,SAAQ,sBAAsB,MAAM;AAClC,WAAK,iBAAiB;AACtB,UAAI,KAAK,QAAQ,QAAS,MAAK,eAAe,KAAK,QAAQ,KAAK;AAChE,WAAK,gBAAgB;AAAA,IACvB;AA2BA,SAAQ,QAAQ,MAAM;AACpB,WAAK,oBAAoB;AACzB,WAAK,SAAS;AACd,WAAK,iBAAiB;AAAA,IACxB;AAEA,SAAQ,WAAW,MAAM;AACvB,YAAM,OAAO,KAAK,SAAS;AAC3B,UAAI,OAAO,KAAK,OAAO;AACrB,aAAK,IAAI,IAAI;AACb;AAAA,MACF;AAKA,UAAI,KAAK,QAAQ,QAAQ;AACvB,aAAK,gBAAgB;AACrB,aAAK,iBAAiB;AACtB;AAAA,MACF;AACA,WAAK,IAAI,CAAC;AAAA,IACZ;AAEA,SAAQ,sBAAsB,MAAM;AAClC,WAAK,oBAAoB;AACzB,WAAK,cAAc;AAAA,IACrB;AAYA,mCAA0B,CAAC,MAAoB;AAC7C,WAAK,oBAAoB;AACzB,UAAI,EAAE,gBAAgB,WAAW,EAAE,WAAW,EAAG;AACjD,WAAK,UAAU;AACf,WAAK,UAAU;AACf,WAAK,iBAAiB;AACtB,WAAK,iBAAiB,EAAE;AACxB,WAAK,cAAc,EAAE;AACrB,WAAK,cAAc,EAAE;AACrB,WAAK,mBAAmB,KAAK,YAAY,KAAK,UAAU,YAAY,KAAK,UAAU;AACnF,WAAK,kBAAkB,IAAI;AAAA,IAC7B;AAEA,mCAA0B,CAAC,MAAoB;AAC7C,UAAI,CAAC,KAAK,WAAW,EAAE,cAAc,KAAK,eAAgB;AAC1D,YAAM,SAAS,EAAE,UAAU,KAAK;AAChC,YAAM,SAAS,EAAE,UAAU,KAAK;AAChC,YAAM,eAAe,KAAK,YAAY,SAAS;AAC/C,YAAM,aAAa,KAAK,YAAY,SAAS;AAE7C,UAAI,CAAC,KAAK,SAAS;AACjB,YAAI,KAAK,IAAI,YAAY,IAAI,KAAK,KAAK,IAAI,YAAY,KAAK,KAAK,IAAI,UAAU,EAAG;AAClF,aAAK,UAAU;AACf,aAAK,GAAG,UAAU,IAAI,UAAU;AAChC,YAAI;AACF,eAAK,UAAU,kBAAkB,EAAE,SAAS;AAAA,QAC9C,QAAQ;AAAA,QAER;AAAA,MACF;AAEA,UAAI,KAAK,UAAW,MAAK,UAAU,YAAY,KAAK,mBAAmB;AAAA,UAClE,MAAK,UAAU,aAAa,KAAK,mBAAmB;AACzD,QAAE,eAAe;AAAA,IACnB;AAEA,iCAAwB,CAAC,MAAoB;AAC3C,UAAI,CAAC,KAAK,WAAW,EAAE,cAAc,KAAK,eAAgB;AAC1D,WAAK,UAAU;AACf,WAAK,iBAAiB;AACtB,WAAK,kBAAkB,KAAK;AAC5B,WAAK,GAAG,UAAU,OAAO,UAAU;AACnC,UAAI;AACF,aAAK,UAAU,sBAAsB,EAAE,SAAS;AAAA,MAClD,QAAQ;AAAA,MAER;AAEA,UAAI,CAAC,KAAK,QAAS;AACnB,WAAK,iBAAiB;AACtB,aAAO,aAAa,KAAK,qBAAqB;AAC9C,WAAK,wBAAwB,WAAW,MAAM;AAC5C,aAAK,iBAAiB;AAAA,MACxB,GAAG,CAAC;AACJ,WAAK,YAAY,KAAK,cAAc,GAAG,IAAI;AAC3C,WAAK,UAAU;AAAA,IACjB;AAEA,6BAAoB,CAAC,MAAkB;AACrC,UAAI,CAAC,KAAK,eAAgB;AAC1B,WAAK,iBAAiB;AACtB,QAAE,eAAe;AACjB,QAAE,yBAAyB;AAAA,IAC7B;AAEA,iCAAwB,CAAC,MAAiB;AACxC,UAAK,EAAE,OAAuB,QAAQ,wBAAwB,EAAG,GAAE,eAAe;AAAA,IACpF;AAEA,SAAQ,oBAAoB,CAAC,MAAuB;AAClD,UAAI,KAAK,qBAAqB,CAAC,KAAK,WAAW,EAAE,iBAAiB,gBAAgB,KAAK,OAAO,SAAS,EAAE,MAAqB,GAAG;AAC/H,aAAK,eAAe,KAAK,QAAQ,KAAK;AAAA,MACxC;AAAA,IACF;AAEA,iCAAwB,CAAC,MAAa;AACpC,QAAE,gBAAgB;AAClB,YAAM,YAAa,EAAE,OAAuB,QAAQ,iBAAiB;AACrE,UAAI,CAAC,aAAa,CAAC,KAAK,YAAY,SAAS,SAAS,EAAG;AACzD,YAAM,QAAQ,CAAC,GAAG,KAAK,YAAY,QAAQ,EAAE,QAAQ,SAAS;AAC9D,UAAI,QAAQ,EAAG;AACf,WAAK,SAAS,KAAK;AAAA,IACrB;AAeA,0BAAiB,CAAC,MAAqB;AACrC,UAAI,KAAK,qBAAqB,CAAC,EAAG;AAClC,YAAM,MAAM,iBAAiB,KAAK,SAAS,EAAE,cAAc;AAC3D,YAAM,UAAU,KAAK,YAAY,EAAE,QAAQ,cAAc,EAAE,SAAS,MAAM,cAAc;AACxF,YAAM,WAAW,KAAK,YAAY,EAAE,QAAQ,YAAY,EAAE,SAAS,MAAM,eAAe;AACxF,UAAI,EAAE,QAAQ,QAAQ;AACpB,UAAE,eAAe;AACjB,aAAK,IAAI,CAAC;AACV,aAAK,WAAW,CAAC;AAAA,MACnB,WAAW,EAAE,QAAQ,OAAO;AAC1B,UAAE,eAAe;AACjB,aAAK,IAAI,KAAK,QAAQ,CAAC;AACvB,aAAK,WAAW,KAAK,QAAQ,CAAC;AAAA,MAChC,WAAW,SAAS;AAClB,UAAE,eAAe;AACjB,aAAK,KAAK;AACV,aAAK,WAAW,KAAK,MAAM;AAAA,MAC7B,WAAW,UAAU;AACnB,UAAE,eAAe;AACjB,aAAK,KAAK;AACV,aAAK,WAAW,KAAK,MAAM;AAAA,MAC7B;AAAA,IACF;AAEA,8BAAqB,MAAM;AACzB,UAAI,CAAC,KAAK,GAAG,UAAU,SAAS,WAAW,EAAG,MAAK,GAAG,UAAU,IAAI,WAAW;AAC/E,aAAO,aAAa,KAAK,gBAAgB;AACzC,WAAK,mBAAmB,WAAW,MAAM,KAAK,GAAG,UAAU,OAAO,WAAW,GAAG,GAAG;AACnF,UAAI,KAAK,cAAc,KAAM;AAC7B,WAAK,YAAY,sBAAsB,MAAM;AAC3C,aAAK,YAAY;AAEjB,cAAM,QAAQ,KAAK,gBAAgB,KAAK,SAAS,KAAK,cAAc;AACpE,aAAK,gBAAgB;AACrB,YAAI,UAAU,KAAK,OAAQ,MAAK,YAAY,OAAO,KAAK,OAAO;AAAA,MACjE,CAAC;AAAA,IACH;AAEA,yBAAgB,MAAM;AACpB,UAAI,CAAC,KAAK,YAAY,CAAC,KAAK,OAAO,OAAQ;AAC3C,WAAK,kBAAkB;AACvB,WAAK,iBAAiB,KAAK,MAAM;AACjC,UAAI,CAAC,KAAK,QAAS,MAAK,eAAe,KAAK,QAAQ,KAAK;AACzD,WAAK,gBAAgB;AAAA,IACvB;AAiMA,SAAQ,gBAAgB,MAAM;AAC5B,WAAK,gBAAgB;AACrB,WAAK,UAAU,MAAM,iBAAiB;AACtC,mBAAa,KAAK,iBAAiB;AACnC,WAAK,UAAU,oBAAoB,aAAa,KAAK,gBAAgB;AAAA,IACvE;AAEA,SAAQ,mBAAmB,MAAM;AAE/B,UAAI,KAAK,cAAc,MAAM,KAAK,UAAU,CAAC,KAAK,OAAO,KAAK,UAAQ,KAAK,cAAc,EAAE,KAAK,eAAa,UAAU,cAAc,SAAS,CAAC,GAAG;AAChJ,aAAK,cAAc;AAAA,MACrB;AAAA,IACF;AA5pBE,SAAK,YAAY,KAAK,GAAG,UAAU,SAAS,aAAa;AAEzD,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,SAAS,KAAK,cAAc;AACjC,QAAI,CAAC,KAAK,OAAO,QAAQ;AACvB,cAAQ,MAAM,8CAA8C;AAC5D;AAAA,IACF;AACA,SAAK,OAAO,QAAQ,CAAC,SAAS;AAC5B,WAAK,kBAAkB,IAAI,MAAM;AAAA,QAC/B,YAAY,KAAK,aAAa,aAAa;AAAA,QAC3C,UAAU,KAAK,aAAa,UAAU;AAAA,QACtC,QAAQ,KAAK,UAAU,SAAS,QAAQ;AAAA,QACxC,WAAW,KAAK,UAAU,SAAS,eAAe;AAAA,MACpD,CAAC;AACD,UAAI,KAAK,aAAa,oBAAoB,EAAG,MAAK,mBAAmB,IAAI,IAAI;AAAA,IAC/E,CAAC;AAED,SAAK,oBAAoB,KAAK,OAAO,SAAS;AAC9C,SAAK,iBAAiB,KAAK,QAAQ,cAAc,KAAK;AACtD,SAAK,QAAQ,KAAK,OAAO;AAEzB,SAAK,gBAAgB,KAAK,QAAQ,WAAW,KAAK,KAAK;AAEvD,SAAK,OAAO,QAAQ,CAAC,SAAS,KAAK,UAAU,IAAI,eAAe,CAAC;AACjE,QAAI,KAAK,QAAQ,WAAW,MAAM;AAChC,WAAK,wBAAwB,CAAC,KAAK,GAAG,UAAU,SAAS,cAAc;AACvE,WAAK,wBAAwB,KAAK,GAAG,MAAM,iBAAiB,mBAAmB,KAAK;AACpF,WAAK,GAAG,UAAU,IAAI,cAAc;AACpC,WAAK,GAAG,MAAM,YAAY,qBAAqB,GAAG,KAAK,QAAQ,MAAM,IAAI;AAAA,IAC3E;AACA,SAAK,WAAW;AAChB,SAAK,kBAAkB;AAEvB,QAAI,KAAK,eAAgB,MAAK,iBAAiB;AAE/C,SAAK,oBAAoB;AAEzB,SAAK,oBAAoB;AACzB,SAAK,WAAW;AAEhB,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA,KAAK,OAAO,UAAU,CAACA,QAAOA,IAAG,UAAU,SAAS,QAAQ,CAAC;AAAA,IAC/D;AACA,SAAK,SAAS;AACd,SAAK,YAAY,OAAO,KAAK;AAC7B,SAAK,gBAAgB;AACrB,SAAK,eAAe,OAAO,KAAK;AAEhC,SAAK,iBAAiB;AAAA,EACxB;AAAA,EA3DA,IAAY,YAAyB;AACnC,WAAO,KAAK,YAAY,KAAK;AAAA,EAC/B;AAAA,EA2DA,WAAW,WAA4B;AACrC,WAAO;AAAA,EACT;AAAA,EAIA,UAAU;AACR,QAAI,KAAK,SAAU,MAAK,UAAU;AAClC,UAAM,QAAQ;AAAA,EAChB;AAAA,EAEQ,gBAA+B;AACrC,UAAM,WAAW,MAAM,KAAK,KAAK,GAAG,QAAQ,EAAE;AAAA,MAC5C,CAAC,OAA0B,cAAc,eAAe,GAAG,UAAU,SAAS,eAAe;AAAA,IAC/F;AACA,QAAI,SAAS,OAAQ,QAAO;AAC5B,WAAO,MAAM,KAAK,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,OAA0B;AACpE,UAAI,EAAE,cAAc,aAAc,QAAO;AACzC,UAAI,GAAG,UAAU,SAAS,YAAY,GAAG;AACvC,eAAO;AAAA,MACT;AACA,aAAO,GAAG,YAAY;AAAA,IACxB,CAAC;AAAA,EACH;AAAA,EAEQ,sBAAsB;AAC5B,QAAI,CAAC,KAAK,GAAG,aAAa,MAAM,GAAG;AACjC,WAAK,GAAG,aAAa,QAAQ,QAAQ;AACrC,WAAK,0BAA0B;AAAA,IACjC;AACA,QAAI,CAAC,KAAK,GAAG,aAAa,YAAY,KAAK,CAAC,KAAK,GAAG,aAAa,iBAAiB,GAAG;AACnF,WAAK,GAAG,aAAa,cAAc,KAAK,QAAQ,KAAK,QAAQ;AAC7D,WAAK,2BAA2B;AAAA,IAClC;AACA,QAAI,CAAC,KAAK,GAAG,aAAa,sBAAsB,GAAG;AACjD,WAAK,GAAG,aAAa,wBAAwB,UAAU;AACvD,WAAK,iCAAiC;AAAA,IACxC;AAEA,SAAK,OAAO,QAAQ,CAAC,MAAM,UAAU;AACnC,UAAI,CAAC,KAAK,aAAa,sBAAsB,GAAG;AAC9C,aAAK,aAAa,wBAAwB,OAAO;AACjD,aAAK,2BAA2B,IAAI,IAAI;AAAA,MAC1C;AAEA,UAAI,CAAC,KAAK,aAAa,YAAY,KAAK,CAAC,KAAK,aAAa,iBAAiB,GAAG;AAC7E,cAAM,YAAY,KAAK,cAAc,UAAU,GAAG,aAAa,KAAK,GAAG,KAAK;AAC5E,cAAM,WAAW,KAAK,aAAa,QAAQ,QAAQ,GAAG,EAAE,KAAK;AAC7D,cAAM,OAAO,aAAa;AAC1B,cAAM,WAAW,GAAG,KAAK,QAAQ,KAAK,IAAI,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAE,IAAI,KAAK,KAAK;AAC7F,aAAK,aAAa,cAAc,OAAO,GAAG,IAAI,KAAK,QAAQ,KAAK,QAAQ;AACxE,aAAK,qBAAqB,IAAI,IAAI;AAAA,MACpC;AAEA,UAAI,CAAC,KAAK,QAAQ,kBAAkB,KAAK,CAAC,KAAK,cAAc,kBAAkB,GAAG;AAChF,aAAK,WAAW;AAChB,aAAK,yBAAyB,IAAI,IAAI;AAAA,MACxC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,mBAAmB;AACzB,UAAM,WAAW,MAAM,KAAK,KAAK,GAAG,QAAQ,EAAE;AAAA,MAC5C,CAAC,OAA0B,cAAc,eAAe,GAAG,UAAU,SAAS,YAAY;AAAA,IAC5F;AACA,SAAK,cAAc,YAAY,SAAS,cAAc,KAAK;AAC3D,SAAK,iBAAiB,CAAC;AACvB,SAAK,YAAY,UAAU,IAAI,YAAY;AAC3C,SAAK,YAAY,aAAa,cAAc,KAAK,QAAQ,KAAK,UAAU;AACxE,SAAK,YAAY,gBAAgB;AAEjC,SAAK,OAAO,QAAQ,CAAC,GAAG,MAAM;AAC5B,YAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,aAAO,OAAO;AACd,aAAO,UAAU,IAAI,gBAAgB;AACrC,aAAO,aAAa,cAAc,GAAG,KAAK,QAAQ,KAAK,KAAK,IAAI,IAAI,CAAC,EAAE;AACvE,WAAK,YAAY,YAAY,MAAM;AAAA,IACrC,CAAC;AAED,QAAI,KAAK,eAAgB,MAAK,GAAG,YAAY,KAAK,WAAW;AAAA,EAC/D;AAAA,EAEA,sBAAsB;AACpB,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,SAAK,GAAG,iBAAiB,WAAW,KAAK,gBAAgB,EAAE,OAAO,CAAC;AACnE,SAAK,QAAQ,iBAAiB,UAAU,KAAK,qBAAqB,EAAE,OAAO,CAAC;AAC5E,QAAI,KAAK,eAAe;AACtB,WAAK,GAAG,iBAAiB,cAAc,KAAK,yBAAyB,EAAE,OAAO,CAAC;AAC/E,WAAK,GAAG,iBAAiB,cAAc,KAAK,yBAAyB,EAAE,OAAO,CAAC;AAC/E,WAAK,GAAG,iBAAiB,WAAW,KAAK,yBAAyB,EAAE,OAAO,CAAC;AAC5E,WAAK,GAAG,iBAAiB,YAAY,KAAK,yBAAyB,EAAE,OAAO,CAAC;AAC7E,WAAK,GAAG,iBAAiB,WAAW,KAAK,uBAAuB,EAAE,OAAO,CAAC;AAG1E,eAAS,iBAAiB,oBAAoB,KAAK,yBAAyB,EAAE,OAAO,CAAC;AAAA,IACxF;AACA,QAAI,KAAK,kBAAkB,KAAK,aAAa;AAC3C,WAAK,YAAY,iBAAiB,SAAS,KAAK,uBAAuB,EAAE,OAAO,CAAC;AAAA,IACnF;AACA,SAAK,kBAAkB,IAAI,eAAe,MAAM,KAAK,uBAAuB,CAAC;AAC7E,SAAK,gBAAgB,QAAQ,KAAK,EAAE;AAKpC,QAAI,KAAK,GAAG,UAAU,SAAS,aAAa,GAAG;AAC7C,aAAO,iBAAiB,UAAU,KAAK,wBAAwB,EAAE,SAAS,MAAM,OAAO,CAAC;AAAA,IAC1F;AAEA,SAAK,UAAU,iBAAiB,UAAU,KAAK,oBAAoB,EAAE,SAAS,MAAM,OAAO,CAAC;AAC5F,SAAK,UAAU,iBAAiB,eAAe,KAAK,yBAAyB,EAAE,OAAO,CAAC;AACvF,SAAK,UAAU,iBAAiB,SAAS,KAAK,qBAAqB,EAAE,SAAS,MAAM,OAAO,CAAC;AAC5F,SAAK,UAAU,iBAAiB,SAAS,KAAK,mBAAmB,EAAE,SAAS,MAAM,OAAO,CAAC;AAC1F,SAAK,UAAU,iBAAiB,aAAa,KAAK,uBAAuB,EAAE,OAAO,CAAC;AACnF,SAAK,UAAU,iBAAiB,iBAAiB,KAAK,mBAAmB,EAAE,OAAO,CAAC;AAAA,EACrF;AAAA,EAEQ,YAAY;AAClB,SAAK,WAAW;AAChB,SAAK,QAAQ,MAAM;AACnB,SAAK,iBAAiB,WAAW;AACjC,SAAK,kBAAkB;AACvB,SAAK,cAAc;AACnB,SAAK,gBAAgB;AACrB,SAAK,iBAAiB;AACtB,QAAI,KAAK,cAAc,KAAM,sBAAqB,KAAK,SAAS;AAChE,WAAO,aAAa,KAAK,gBAAgB;AACzC,WAAO,aAAa,KAAK,qBAAqB;AAC9C,iBAAa,KAAK,cAAc;AAChC,QAAI,KAAK,eAAgB,MAAK,aAAa,OAAO;AAClD,SAAK,aAAa;AAClB,SAAK,OAAO,QAAQ,CAAC,OAAO;AAC1B,SAAG,MAAM,eAAe,kCAAkC;AAC1D,UAAI,KAAK,qBAAqB,IAAI,EAAE,EAAG,IAAG,gBAAgB,YAAY;AACtE,UAAI,KAAK,2BAA2B,IAAI,EAAE,EAAG,IAAG,gBAAgB,sBAAsB;AACtF,UAAI,KAAK,oBAAoB,IAAI,EAAE,EAAG,IAAG,gBAAgB,oBAAoB;AAC7E,WAAK,kBAAkB,EAAE;AAAA,IAC3B,CAAC;AAED,SAAK,GAAG,UAAU,OAAO,YAAY,WAAW;AAChD,QAAI,KAAK,wBAAyB,MAAK,GAAG,gBAAgB,MAAM;AAChE,QAAI,KAAK,yBAA0B,MAAK,GAAG,gBAAgB,YAAY;AACvE,QAAI,KAAK,+BAAgC,MAAK,GAAG,gBAAgB,sBAAsB;AACvF,QAAI,KAAK,sBAAuB,MAAK,GAAG,UAAU,OAAO,cAAc;AACvE,QAAI,KAAK,QAAQ,WAAW,MAAM;AAChC,UAAI,KAAK,0BAA0B,KAAM,MAAK,GAAG,MAAM,eAAe,mBAAmB;AAAA,UACpF,MAAK,GAAG,MAAM,YAAY,qBAAqB,KAAK,qBAAqB;AAAA,IAChF;AACA,QAAI,KAAK,sBAAsB;AAC7B,WAAK,GAAG,UAAU;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,kBAAkB,IAAiB;AACzC,UAAM,WAAW,KAAK,kBAAkB,IAAI,EAAE;AAC9C,QAAI,CAAC,SAAU;AACf,qBAAiB,IAAI,eAAe,SAAS,UAAU;AACvD,qBAAiB,IAAI,YAAY,SAAS,QAAQ;AAClD,OAAG,UAAU,OAAO,UAAU,SAAS,MAAM;AAC7C,QAAI,CAAC,SAAS,UAAW,IAAG,UAAU,OAAO,eAAe;AAAA,EAC9D;AAAA;AAAA,EAmCQ,mBAAmB;AACzB,UAAM,MACJ,KAAK,iBACL,CAAC,KAAK,eACN,CAAC,KAAK,YACN,CAAC,KAAK,YACN,CAAC,KAAK,QAAQ,WACd,CAAC,SAAS;AACZ,QAAI,OAAO,KAAK,sBAAsB,MAAM;AAM1C,WAAK,oBAAoB;AAAA,QACvB,KAAK;AAAA,QACL,KAAK,QAAQ,WAAW,KAAK,QAAQ;AAAA,MACvC;AAAA,IACF,WAAW,CAAC,OAAO,KAAK,sBAAsB,MAAM;AAClD,mBAAa,KAAK,iBAAiB;AACnC,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA;AAAA,EAgCQ,kBAAkB,IAAa;AACrC,UAAM,SAAS,KAAK,qBAAqB;AAEzC,UAAM,UAAU,EAAE,QAAQ,KAAK,QAAQ,OAAO;AAC9C,aAAS,MAAM,EAAE,eAAe,KAAK,yBAAyB,OAAO;AACrE,aAAS,MAAM,EAAE,aAAa,KAAK,uBAAuB,OAAO;AACjE,aAAS,MAAM,EAAE,iBAAiB,KAAK,uBAAuB,OAAO;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2FQ,qBAAqB,GAAkB;AAC7C,UAAM,SAAS,EAAE;AACjB,WAAO,CAAC,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,OAAO,iBAAiB,EAAE,KAAK,OAAO,KAC5G,KAAK,GAAG,SAAS,OAAO;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACL;AAAA,EAgDQ,iBAAiB,QAAgB;AACvC,QAAI,CAAC,KAAK,kBAAkB,CAAC,KAAK,YAAa;AAC/C,UAAM,OAAQ,SAAS,KAAK,QAAS,KAAK,SAAS,KAAK;AACxD,SAAK,YAAY,iBAAiB,iBAAiB,EAAE,QAAQ,CAAC,IAAI,MAAM;AACtE,YAAM,KAAK,MAAM;AACjB,SAAG,UAAU,OAAO,UAAU,EAAE;AAChC,UAAI,GAAI,IAAG,aAAa,gBAAgB,MAAM;AAAA,UACzC,IAAG,gBAAgB,cAAc;AAAA,IACxC,CAAC;AAAA,EACH;AAAA;AAAA,EAGQ,YAAY,OAAe,SAA2B;AAC5D,UAAM,OAAO,KAAK;AAClB,SAAK,SAAS;AACd,SAAK,OAAO,QAAQ,CAAC,IAAI,MAAM,GAAG,UAAU,OAAO,UAAU,MAAM,KAAK,CAAC;AACzE,SAAK,iBAAiB,KAAK;AAC3B,SAAK,iBAAiB,KAAK;AAC3B,UAAM,OAAO,KAAK,OAAO,KAAK;AAC9B,UAAM,SAAS,EAAE,MAAM,MAAM,QAAQ;AACrC,QAAI,SAAS,SAAS,CAAC,KAAK,QAAQ,UAAU,KAAK,QAAQ,WAAW,EAAE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,SAAS,MAAM,KAAK,WAAW,MAAM,CAAC,EAAG,QAAO;AACvJ,QAAI,OAAO,KAAK,oBAAoB,YAAY;AAC9C,WAAK,gBAAgB,KAAK,MAAM,MAAM,OAAO;AAC7C,WAAK,kBAAkB;AAAA,IACzB;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,iBAAiB,OAAe;AAKtC,UAAM,QAAgB,KAAK,OAAO,IAAI,MAAM,OAAO;AACnD,UAAM,UAAU,CAAC,GAAW,SAAe;AACzC,UAAI,KAAK,OAAO,CAAC,EAAG,OAAM,CAAC,IAAI;AAAA,IACjC;AAEA,QACE,KAAK,GAAG,UAAU,SAAS,aAAa,KACvC,KAAK,GAAG,UAAU,SAAS,aAAa,KAAK,KAAK,WACnD;AAAA,IAEF,WACE,KAAK,GAAG,UAAU,SAAS,MAAM,KACjC,KAAK,GAAG,UAAU,SAAS,wBAAwB,GACnD;AACA,cAAQ,QAAQ,GAAG,OAAO;AAC1B,UAAI,KAAK,GAAG,UAAU,SAAS,gBAAgB,EAAG,SAAQ,QAAQ,GAAG,OAAO;AAAA,IAC9E,OAAO;AACL,YAAM,QAAQ,KAAK,GAAG;AACtB,YAAM,oBAAoB,SAAS,OAAO,IAAI,SAAS,OAAO,IAAI,SAAS,MAAM,IAAI;AACrF,YAAM,aAAa,KAAK,IAAI,mBAAmB,KAAK,IAAI,GAAG,KAAK,QAAQ,CAAC,CAAC;AAC1E,WAAK,GAAG,UAAU,OAAO,cAAc,eAAe,mBAAmB;AACzE,UAAI,eAAe,EAAG,MAAK,GAAG,UAAU,IAAI,YAAY;AAAA,eAC/C,eAAe,EAAG,MAAK,GAAG,UAAU,IAAI,aAAa;AAAA,eACrD,cAAc,EAAG,MAAK,GAAG,UAAU,IAAI,mBAAmB;AACnE,WAAK,uBAAuB,KAAK,wBAAwB,aAAa;AACtE,cAAQ,QAAQ,YAAY,QAAQ;AACpC,cAAQ,QAAQ,aAAa,GAAG,OAAO;AAAA,IACzC;AAEA,SAAK,OAAO,QAAQ,CAAC,MAAM,MAAM;AAC/B,UAAI,KAAK,mBAAmB,IAAI,IAAI,EAAG;AACvC,WAAK,aAAa,sBAAsB,MAAM,CAAC,CAAC;AAChD,WAAK,oBAAoB,IAAI,IAAI;AAAA,IACnC,CAAC;AAAA,EACH;AAAA,EAEQ,oBAAoB;AAC1B,QAAI,CAAC,KAAK,GAAG,UAAU,SAAS,aAAa,EAAG;AAChD,UAAM,YAAY,OAAO,WAAW,0BAA0B,EAAE;AAChE,UAAM,aAAa,KAAK,GAAG,eAAe,OAAO;AACjD,UAAM,cAAc,KAAK;AACzB,SAAK,YAAY,CAAC;AAClB,SAAK,GAAG,UAAU,OAAO,0BAA0B,UAAU;AAC7D,SAAK,uBAAuB,KAAK,wBAAwB;AAEzD,QAAI,KAAK,YAAY,gBAAgB,KAAK,WAAW;AACnD,WAAK,UAAU,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU,OAAO,CAAC;AAAA,IAC/D;AAAA,EACF;AAAA,EAEQ,WAAW,OAAe;AAChC,UAAM,OAAO,KAAK,OAAO,KAAK;AAC9B,QAAI,CAAC,KAAM;AACX,UAAM,YAAY,KAAK,QAAQ,kBAAkB,IAC7C,OACA,KAAK,cAA2B,kBAAkB;AACtD,KAAC,aAAa,MAAM,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EACnD;AAAA,EAEQ,kBAAkB;AACxB,QAAI,KAAK,QAAQ,SAAS;AACxB,WAAK,OAAO;AAAA,QAAQ,CAAC,SACnB,KAAK,MAAM,YAAY,oCAAoC,KAAK;AAAA,MAClE;AACA;AAAA,IACF;AAEA,UAAM,eAAe,KAAK,UAAU,sBAAsB;AAC1D,UAAM,iBAAiB,KAAK,YACxB,aAAa,MAAM,aAAa,SAAS,IACzC,aAAa,OAAO,aAAa,QAAQ;AAC7C,UAAM,eAAe,KAAK,IAAI,GAAG,KAAK,YAAY,aAAa,SAAS,aAAa,KAAK;AAI1F,UAAM,QAAQ,KAAK,OAAO,IAAI,CAAC,SAAS,KAAK,sBAAsB,CAAC;AACpE,SAAK,OAAO,QAAQ,CAAC,MAAM,MAAM;AAC/B,YAAM,OAAO,MAAM,CAAC;AACpB,YAAM,aAAa,KAAK,YAAY,KAAK,MAAM,KAAK,SAAS,IAAI,KAAK,OAAO,KAAK,QAAQ;AAC1F,YAAM,WAAW,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,aAAa,kBAAkB,YAAY,CAAC;AACvF,WAAK,MAAM,YAAY,oCAAoC,GAAG,WAAW,GAAG,IAAI;AAAA,IAClF,CAAC;AAAA,EACH;AAAA,EAEQ,aAAa;AACnB,UAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,UAAM,YAAY;AAClB,SAAK,OAAO,CAAC,EAAE,OAAO,KAAK;AAC3B,SAAK,OAAO,QAAQ,CAAC,OAAO,MAAM,YAAY,EAAE,CAAC;AACjD,SAAK,WAAW;AAAA,EAClB;AAAA,EAEQ,eAAe;AACrB,QAAI,CAAC,KAAK,SAAU;AACpB,SAAK,OAAO,QAAQ,CAAC,OAAO,KAAK,GAAG,aAAa,IAAI,KAAK,QAAQ,CAAC;AACnE,SAAK,SAAS,OAAO;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEQ,gBAAwB;AAC9B,UAAM,WAAW,KAAK,GAAG,UAAU,SAAS,gBAAgB;AAC5D,UAAM,QAAQ,iBAAiB,KAAK,SAAS;AAC7C,UAAM,MAAM,CAAC,KAAK,aAAa,MAAM,cAAc;AACnD,UAAM,WAAW,KAAK,YAAY,KAAK,UAAU,YAAY,KAAK,UAAU;AAC5E,UAAM,WAAW,KAAK,YAAY,KAAK,UAAU,eAAe,KAAK,UAAU;AAC/E,UAAM,UAAU,KAAK,YAAY,KAAK,UAAU,eAAe,KAAK,UAAU,eAAe;AAC7F,UAAM,UAAU,WAAW,KAAK,YAAY,MAAM,oBAAoB,MAAM,kBAAkB,KAAK;AACnG,QAAI,OAAO,KAAK;AAChB,QAAI,WAAW;AACf,QAAI,aAAa;AACjB,SAAK,OAAO,QAAQ,CAAC,IAAI,MAAM;AAC7B,YAAM,QAAQ,KAAK,YAAY,GAAG,YAAY,GAAG;AACjD,YAAM,OAAO,KAAK,YAAY,GAAG,eAAe,GAAG;AACnD,YAAM,SAAS,WAAW,SAAS,WAAW,QAAQ,IAAI,SAAS,MAAM,OAAO,WAAW,UAAU,CAAC;AACtG,YAAM,UAAU,KAAK,IAAI,MAAM,CAAC,SAAS,GAAG,KAAK,IAAI,MAAM,IAAI,QAAQ,MAAM,CAAC;AAC9E,YAAM,OAAO,KAAK,IAAI,UAAU,QAAQ;AACxC,UAAI,MAAM,KAAK,OAAQ,cAAa;AACpC,UAAI,OAAO,UAAU;AACnB,mBAAW;AACX,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAID,WAAO,aAAa,YAAY,IAAI,KAAK,SAAS;AAAA,EACpD;AAAA,EAEQ,eAAe,GAAW,SAAS,MAAM;AAC/C,UAAM,KAAK,KAAK,OAAO,CAAC;AACxB,QAAI,CAAC,GAAI;AACT,SAAK,cAAc;AACnB,UAAM,WAAW,KAAK,GAAG,UAAU,SAAS,gBAAgB;AAC5D,UAAM,QAAQ,iBAAiB,KAAK,SAAS;AAC7C,UAAM,gBAAgB,OAAO,WAAW,MAAM,kBAAkB,KAAK;AACrE,UAAM,eAAe,OAAO,WAAW,MAAM,iBAAiB,KAAK;AACnE,UAAM,OAAO,WACT,GAAG,cAAc,KAAK,UAAU,cAAc,GAAG,eAAe,IAChE,MAAM,cAAc,QAClB,GAAG,aAAa,GAAG,cAAc,KAAK,UAAU,cAAc,gBAC9D,GAAG,aAAa;AACtB,UAAM,MAAM,GAAG,YAAY;AAC3B,SAAK,gBAAgB;AAMrB,SAAK,UAAU,MAAM,iBAAiB;AACtC,SAAK,UAAU,SAAS;AAAA,MACtB,MAAM,KAAK,YAAY,IAAI;AAAA,MAC3B,KAAK,KAAK,YAAY,MAAM;AAAA,MAC5B,UAAU,UAAU,CAAC,KAAK,QAAQ,UAAU,WAAW;AAAA,IACzD,CAAC;AACD,SAAK,UAAU,iBAAiB,aAAa,KAAK,gBAAgB;AAClE,SAAK,oBAAoB,WAAW,KAAK,eAAe,KAAK,QAAQ,WAAW,GAAG;AAAA,EACrF;AAAA,EAgBA,SAAS,GAAW,WAAyC,MAAM;AACjE,SAAK,oBAAoB;AACzB,QAAI,OAAO,aAAa,WAAY,MAAK,kBAAkB;AAG3D,QAAI,KAAK,YAAY,GAAG,KAAK,EAAG,MAAK,eAAe,CAAC;AAAA,EACvD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,QAAQ;AACN,SAAK,cAAc;AACnB,SAAK,iBAAiB;AAAA,EACxB;AAAA;AAAA,EAGA,QAAQ;AACN,SAAK,cAAc;AACnB,SAAK,iBAAiB;AAAA,EACxB;AAAA,EAEA,KAAK,IAAY,GAAG;AAClB,QAAI,MAAM,CAAC,EAAG,KAAI;AAClB,UAAM,QAAQ,KAAK,SAAS;AAC5B,QAAI,SAAS,KAAK,SAAS,QAAQ,EAAG;AACtC,SAAK,SAAS,KAAK;AAAA,EACrB;AAAA,EAEA,KAAK,IAAY,GAAG;AAClB,QAAI,MAAM,CAAC,EAAG,KAAI;AAClB,UAAM,QAAQ,KAAK,SAAS;AAC5B,QAAI,SAAS,KAAK,SAAS,QAAQ,EAAG;AACtC,SAAK,SAAS,KAAK;AAAA,EACrB;AAAA,EAEA,IAAI,GAAW,UAAyC;AACtD,QAAI,MAAM,UAAa,MAAM,CAAC,EAAG,KAAI;AACrC,QAAI,KAAK,KAAK,SAAS,IAAI,EAAG;AAC9B,SAAK,SAAS,GAAG,QAAQ;AAAA,EAC3B;AACF;AAjwBa,SAmHJ,MAAM;",
+  "names": ["el"]
+}

package/dist/js/chunks/{chunk-CK2XCICY.mjs → chunk-3XORNED5.mjs}

@@ -1,24 +1,15 @@
 import {
   ColumnChart
-} from "./chunk-45FER6RI.mjs";
+} from "./chunk-26VUH75M.mjs";
 
 // src/ts/components/barChart.ts
 var BarChart = class extends ColumnChart {
   get _type() {
     return "bar-chart";
   }
-  get _key() {
-    return "Expressive_BarChart";
-  }
   get _horizontal() {
     return true;
   }
-  static init(els, options = {}) {
-    return super.init(els, options);
-  }
-  static getInstance(el) {
-    return el["Expressive_BarChart"];
-  }
   /**
    * The column chart's spans; CSS reads their --top and --bottom across the
    * plot. With .values, a copy of the bars without their clipping holds each
@@ -40,8 +31,9 @@ var BarChart = class extends ColumnChart {
     return layers;
   }
 };
+BarChart.key = "Expressive_BarChart";
 
 export {
   BarChart
 };
-//# sourceMappingURL=chunk-CK2XCICY.mjs.map
+//# sourceMappingURL=chunk-3XORNED5.mjs.map

package/dist/js/chunks/chunk-3XORNED5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/barChart.ts"],
+  "sourcesContent": ["import { ColumnChart, ColumnChartOptions } from './columnChart';\n\nexport type BarChartOptions = ColumnChartOptions;\n\n/**\n * Bar chart. A column chart turned on its side: each row of the <table> is\n * a band of bars that grow from zero along the inline axis, with its label\n * beside it. The up and down arrows move the tooltip between rows.\n *\n * Call `update()` after changing the table, or start it with `watch` or\n * `data-watch`.\n */\nexport class BarChart extends ColumnChart {\n  protected get _type() {\n    return 'bar-chart';\n  }\n\n  protected get _horizontal() {\n    return true;\n  }\n\n  static key = 'Expressive_BarChart';\n\n  /**\n   * The column chart's spans; CSS reads their --top and --bottom across the\n   * plot. With .values, a copy of the bars without their clipping holds each\n   * cell's text, so text longer than a short bar can run past its end.\n   */\n  protected _draw(): Element {\n    const bars = super._draw() as HTMLElement;\n    bars.className = 'bar-chart-bars';\n    // Read here rather than with :dir(), which misses CSS `direction`.\n    bars.classList.toggle('rtl', getComputedStyle(this.el).direction === 'rtl');\n    if (!this.el.classList.contains('values')) return bars;\n\n    const values = bars.cloneNode(true) as HTMLElement;\n    values.classList.replace('bar-chart-bars', 'bar-chart-values');\n    values.querySelectorAll<HTMLElement>('span[data-text]').forEach((span) => {\n      span.textContent = span.dataset.text;\n    });\n    const layers = document.createElement('div');\n    layers.className = 'bar-chart-layers';\n    layers.append(bars, values);\n    return layers;\n  }\n}\n"],
+  "mappings": ";;;;;AAYO,IAAM,WAAN,cAAuB,YAAY;AAAA,EACxC,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,cAAc;AAC1B,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASU,QAAiB;AACzB,UAAM,OAAO,MAAM,MAAM;AACzB,SAAK,YAAY;AAEjB,SAAK,UAAU,OAAO,OAAO,iBAAiB,KAAK,EAAE,EAAE,cAAc,KAAK;AAC1E,QAAI,CAAC,KAAK,GAAG,UAAU,SAAS,QAAQ,EAAG,QAAO;AAElD,UAAM,SAAS,KAAK,UAAU,IAAI;AAClC,WAAO,UAAU,QAAQ,kBAAkB,kBAAkB;AAC7D,WAAO,iBAA8B,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AACxE,WAAK,cAAc,KAAK,QAAQ;AAAA,IAClC,CAAC;AACD,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AACnB,WAAO,OAAO,MAAM,MAAM;AAC1B,WAAO;AAAA,EACT;AACF;AAjCa,SASJ,MAAM;",
+  "names": []
+}

package/dist/js/chunks/chunk-4WBGAQN3.mjs

@@ -0,0 +1,113 @@
+import {
+  Component
+} from "./chunk-EB2V4OKL.mjs";
+import {
+  Utils,
+  controllerFor
+} from "./chunk-67UNY7RH.mjs";
+
+// src/ts/components/backToTop.ts
+var _defaults = {
+  threshold: "100vh"
+};
+var modified = (e) => e.ctrlKey || e.metaKey || e.shiftKey || e.altKey;
+var BackToTop = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    this._observer = null;
+    this._sentinel = null;
+    // The target given tabindex="-1" for one focus move, and its blur listener.
+    this._temporary = null;
+    this._blur = null;
+    // Whether the window is above the threshold, as the observer last said.
+    this._above = true;
+    // Shown once the sentinel is above the viewport. A sentinel below it, on a
+    // page that has not scrolled that far, keeps the link hidden.
+    this._onIntersect = (entries) => {
+      const entry = entries[entries.length - 1];
+      if (!entry) return;
+      this._above = entry.isIntersecting || entry.boundingClientRect.top >= 0;
+      this._update();
+    };
+    // A focused link stays until it loses focus, because an inert one would
+    // drop focus to the body, as pressing Home on it does.
+    this._update = () => {
+      this.el.toggleAttribute("inert", this._above && !this.el.matches(":focus"));
+    };
+    // Focus first, so nothing focus does can interrupt the scroll. Smooth and
+    // instant scrolls both end at the top with focus kept (probed 2026-10-25).
+    this._onClick = (e) => {
+      if (e.defaultPrevented || modified(e)) return;
+      e.preventDefault();
+      this._focus(this._target());
+      const view = this.el.ownerDocument.defaultView;
+      const reduce = view.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      view.scrollTo({ top: 0, behavior: reduce ? "instant" : "smooth" });
+    };
+    this._clearTabindex = () => {
+      this._blur?.abort();
+      this._temporary?.removeAttribute("tabindex");
+      this._temporary = this._blur = null;
+    };
+    this.el.setAttribute("inert", "");
+    this._sentinel = this.el.ownerDocument.createElement("span");
+    this._sentinel.setAttribute("aria-hidden", "true");
+    this._sentinel.style.cssText = "position:absolute;inset-inline-start:0;height:0;pointer-events:none;visibility:hidden";
+    this._setThreshold(this.options.threshold);
+    this.el.ownerDocument.body.prepend(this._sentinel);
+    this._observer = new IntersectionObserver(this._onIntersect);
+    this._observer.observe(this._sentinel);
+    const { signal } = this._events;
+    this.el.addEventListener("click", this._onClick, { signal });
+    this.el.addEventListener("blur", this._update, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  destroy() {
+    this._observer?.disconnect();
+    this._observer = null;
+    this._sentinel?.remove();
+    this._sentinel = null;
+    this._clearTabindex();
+    this.el.removeAttribute("inert");
+    super.destroy();
+  }
+  // The style setter drops a value that is not a length, which would leave
+  // the sentinel at the top of the body and show the link at once.
+  _setThreshold(threshold) {
+    this._sentinel.style.top = threshold;
+    if (this._sentinel.style.top) return;
+    console.warn(`BackToTop ignored threshold "${threshold}": expected a CSS length.`, this.el);
+    this._sentinel.style.top = _defaults.threshold;
+  }
+  // The element the href names; `#`, `#top` or a missing id mean the body.
+  _target() {
+    const fragment = /^#(.+)/.exec(String(this.el.getAttribute("href")));
+    return fragment && Utils.getElementById(this.el, fragment[1]) || this.el.ownerDocument.body;
+  }
+  // A target that does not take focus gets tabindex="-1" until it loses
+  // focus, so its Tab behavior afterwards is the author's.
+  _focus(target) {
+    target.focus({ preventScroll: true });
+    if (this._focused(target)) return;
+    this._clearTabindex();
+    target.setAttribute("tabindex", "-1");
+    target.focus({ preventScroll: true });
+    this._temporary = target;
+    this._blur = controllerFor(target);
+    target.addEventListener("blur", this._clearTabindex, { once: true, signal: this._blur.signal });
+  }
+  // The body is the active element whenever nothing else is, so it only took
+  // focus if it has a tabindex.
+  _focused(target) {
+    if (target === target.ownerDocument.body) return target.hasAttribute("tabindex");
+    return target.getRootNode().activeElement === target;
+  }
+};
+BackToTop.key = "Expressive_BackToTop";
+
+export {
+  BackToTop
+};
+//# sourceMappingURL=chunk-4WBGAQN3.mjs.map

package/dist/js/chunks/chunk-4WBGAQN3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/backToTop.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { Utils, controllerFor } from '../core/utils';\n\nexport interface BackToTopOptions extends BaseOptions {\n  /**\n   * How far the window scrolls before the link shows, as a CSS length from\n   * the top of the page. Viewport units follow window resizes.\n   * @default '100vh'\n   */\n  threshold: string;\n}\n\nconst _defaults: BackToTopOptions = {\n  threshold: '100vh'\n};\n\n// A modified click opens the link the browser's way: Ctrl, Meta or Shift\n// for a new tab or window, Alt to download.\nconst modified = (e: MouseEvent) => e.ctrlKey || e.metaKey || e.shiftKey || e.altKey;\n\n/**\n * Back-to-top link. The link stays inert, so hidden, until the window has\n * scrolled past `threshold`. Activating it scrolls to the top and focuses\n * the element its `href` names, or the body.\n *\n * Observation is IntersectionObserver on a sentinel at the threshold, as in\n * AppBar, so a scroll tick reads no layout.\n */\nexport class BackToTop extends Component<BackToTopOptions> {\n  private _observer: IntersectionObserver | null = null;\n  private _sentinel: HTMLElement | null = null;\n  // The target given tabindex=\"-1\" for one focus move, and its blur listener.\n  private _temporary: HTMLElement | null = null;\n  private _blur: AbortController | null = null;\n  // Whether the window is above the threshold, as the observer last said.\n  private _above = true;\n\n  constructor(el: HTMLElement, options: Partial<BackToTopOptions>) {\n    super(el, options);\n    this.el.setAttribute('inert', '');\n    // Absolute in the body, so `top` measures from the top of the page. Zero\n    // height and no pointer events keep it out of the layout and the way.\n    this._sentinel = this.el.ownerDocument.createElement('span');\n    this._sentinel.setAttribute('aria-hidden', 'true');\n    this._sentinel.style.cssText = 'position:absolute;inset-inline-start:0;height:0;pointer-events:none;visibility:hidden';\n    this._setThreshold(this.options.threshold);\n    this.el.ownerDocument.body.prepend(this._sentinel);\n    this._observer = new IntersectionObserver(this._onIntersect);\n    this._observer.observe(this._sentinel);\n    const { signal } = this._events;\n    this.el.addEventListener('click', this._onClick, { signal });\n    this.el.addEventListener('blur', this._update, { signal });\n  }\n\n  static get defaults(): BackToTopOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_BackToTop';\n\n  destroy() {\n    this._observer?.disconnect();\n    this._observer = null;\n    this._sentinel?.remove();\n    this._sentinel = null;\n    this._clearTabindex();\n    this.el.removeAttribute('inert');\n    super.destroy();\n  }\n\n  // The style setter drops a value that is not a length, which would leave\n  // the sentinel at the top of the body and show the link at once.\n  private _setThreshold(threshold: string) {\n    this._sentinel.style.top = threshold;\n    if (this._sentinel.style.top) return;\n    console.warn(`BackToTop ignored threshold \"${threshold}\": expected a CSS length.`, this.el);\n    this._sentinel.style.top = _defaults.threshold;\n  }\n\n  // Shown once the sentinel is above the viewport. A sentinel below it, on a\n  // page that has not scrolled that far, keeps the link hidden.\n  private _onIntersect = (entries: IntersectionObserverEntry[]) => {\n    const entry = entries[entries.length - 1];\n    if (!entry) return;\n    this._above = entry.isIntersecting || entry.boundingClientRect.top >= 0;\n    this._update();\n  };\n\n  // A focused link stays until it loses focus, because an inert one would\n  // drop focus to the body, as pressing Home on it does.\n  private _update = () => {\n    this.el.toggleAttribute('inert', this._above && !this.el.matches(':focus'));\n  };\n\n  // Focus first, so nothing focus does can interrupt the scroll. Smooth and\n  // instant scrolls both end at the top with focus kept (probed 2026-10-25).\n  private _onClick = (e: MouseEvent) => {\n    if (e.defaultPrevented || modified(e)) return;\n    e.preventDefault();\n    this._focus(this._target());\n    const view = this.el.ownerDocument.defaultView;\n    const reduce = view.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    view.scrollTo({ top: 0, behavior: reduce ? 'instant' : 'smooth' });\n  };\n\n  // The element the href names; `#`, `#top` or a missing id mean the body.\n  private _target(): HTMLElement {\n    const fragment = /^#(.+)/.exec(String(this.el.getAttribute('href')));\n    return (fragment && Utils.getElementById(this.el, fragment[1])) || this.el.ownerDocument.body;\n  }\n\n  // A target that does not take focus gets tabindex=\"-1\" until it loses\n  // focus, so its Tab behavior afterwards is the author's.\n  private _focus(target: HTMLElement) {\n    target.focus({ preventScroll: true });\n    if (this._focused(target)) return;\n    this._clearTabindex();\n    target.setAttribute('tabindex', '-1');\n    target.focus({ preventScroll: true });\n    this._temporary = target;\n    this._blur = controllerFor(target);\n    target.addEventListener('blur', this._clearTabindex, { once: true, signal: this._blur.signal });\n  }\n\n  // The body is the active element whenever nothing else is, so it only took\n  // focus if it has a tabindex.\n  private _focused(target: HTMLElement) {\n    if (target === target.ownerDocument.body) return target.hasAttribute('tabindex');\n    return (target.getRootNode() as Document | ShadowRoot).activeElement === target;\n  }\n\n  private _clearTabindex = () => {\n    this._blur?.abort();\n    this._temporary?.removeAttribute('tabindex');\n    this._temporary = this._blur = null;\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-FM5CZOUB.mjs → chunk-5F4URJHL.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-PD6HYHAE.mjs";
+} from "./chunk-EB2V4OKL.mjs";
 
 // src/ts/components/scrollspy.ts
 var _defaultGetActiveElement = (id) => `a[href="#${id}"]`;
@@ -12,14 +12,9 @@ var _defaults = {
 };
 var _ScrollSpy = class _ScrollSpy extends Component {
   constructor(el, options) {
-    super(el, options, _ScrollSpy);
+    super(el, options);
     this._ratio = 0;
     this._link = null;
-    this.el["Expressive_ScrollSpy"] = this;
-    this.options = {
-      ..._ScrollSpy.defaults,
-      ...options
-    };
     this._offset = this.el.style.getPropertyValue("--md-comp-scrollspy-offset");
     this._offsetPriority = this.el.style.getPropertyPriority("--md-comp-scrollspy-offset");
     this.el.style.setProperty(
@@ -27,27 +22,19 @@ var _ScrollSpy = class _ScrollSpy extends Component {
       `${this.options.scrollOffset}px`
     );
     _ScrollSpy._elements.push(this);
-    if (typeof IntersectionObserver !== "undefined") {
-      this._observer = new IntersectionObserver((entries) => {
-        if (_ScrollSpy.getInstance(this.el) !== this) return;
-        for (const entry of entries) this._ratio = entry.isIntersecting ? entry.intersectionRatio : 0;
-        _ScrollSpy._syncActive(this.options.getActiveElement);
-      }, {
-        rootMargin: `-${this.options.scrollOffset}px 0px -45% 0px`,
-        threshold: [0, 0.1, 0.25, 0.5, 0.75, 1]
-      });
-      this._observer.observe(this.el);
-    }
+    this._observer = new IntersectionObserver((entries) => {
+      if (_ScrollSpy.getInstance(this.el) !== this) return;
+      for (const entry of entries) this._ratio = entry.isIntersecting ? entry.intersectionRatio : 0;
+      _ScrollSpy._syncActive(this.options.getActiveElement);
+    }, {
+      rootMargin: `-${this.options.scrollOffset}px 0px -45% 0px`,
+      threshold: [0, 0.1, 0.25, 0.5, 0.75, 1]
+    });
+    this._observer.observe(this.el);
   }
   static get defaults() {
     return _defaults;
   }
-  static init(els, options = {}) {
-    return super.init(els, options, _ScrollSpy);
-  }
-  static getInstance(el) {
-    return el["Expressive_ScrollSpy"];
-  }
   destroy() {
     const index = _ScrollSpy._elements.indexOf(this);
     if (index < 0) return;
@@ -56,7 +43,7 @@ var _ScrollSpy = class _ScrollSpy extends Component {
     const resolver = this.options.getActiveElement;
     if (_ScrollSpy._active.get(resolver) === this) _ScrollSpy._clearActive(resolver);
     this.el.style.setProperty("--md-comp-scrollspy-offset", this._offset, this._offsetPriority);
-    this.el["Expressive_ScrollSpy"] = void 0;
+    super.destroy();
     _ScrollSpy._syncActive(resolver);
   }
   static _syncActive(resolver) {
@@ -76,7 +63,7 @@ var _ScrollSpy = class _ScrollSpy extends Component {
     }
     const active = _ScrollSpy._active.get(resolver);
     if (best && active === best && best._link?.isConnected) return;
-    const next = best ? _ScrollSpy._linkFor(best.el.id, best.options) : null;
+    const next = best ? _ScrollSpy._linkFor(best.el.id, best.options, best.el.getRootNode()) : null;
     if (active === best && active?._link === next) return;
     _ScrollSpy._clearActive(resolver);
     if (!next) return;
@@ -84,6 +71,7 @@ var _ScrollSpy = class _ScrollSpy extends Component {
     next.setAttribute("aria-current", "true");
     best._link = next;
     _ScrollSpy._active.set(resolver, best);
+    best._notify("change", null, { detail: { link: next } });
   }
   static _nearestAbove(elements) {
     let best = null;
@@ -109,24 +97,25 @@ var _ScrollSpy = class _ScrollSpy extends Component {
    * Default lookup compares href attributes (no interpolated selector).
    * A custom getActiveElement still returns a selector.
    */
-  static _linkFor(id, options) {
+  static _linkFor(id, options, root = document) {
     if (!id) return null;
     if (options.getActiveElement !== _defaultGetActiveElement) {
       try {
-        return document.querySelector(options.getActiveElement(id));
+        return root.querySelector(options.getActiveElement(id));
       } catch {
         return null;
       }
     }
     const href = `#${id}`;
-    return Array.from(document.querySelectorAll('a[href^="#"]')).find((link) => link.getAttribute("href") === href) ?? null;
+    return Array.from(root.querySelectorAll('a[href^="#"]')).find((link) => link.getAttribute("href") === href) ?? null;
   }
 };
 _ScrollSpy._elements = [];
 _ScrollSpy._active = /* @__PURE__ */ new Map();
+_ScrollSpy.key = "Expressive_ScrollSpy";
 var ScrollSpy = _ScrollSpy;
 
 export {
   ScrollSpy
 };
-//# sourceMappingURL=chunk-FM5CZOUB.mjs.map
+//# sourceMappingURL=chunk-5F4URJHL.mjs.map

package/dist/js/chunks/chunk-5F4URJHL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/scrollspy.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\n\nexport interface ScrollSpyOptions extends BaseOptions {\n  /**\n   * Offset used as IntersectionObserver rootMargin and as\n   * `--md-comp-scrollspy-offset` (scroll-margin on the section).\n   * @default 200\n   */\n  scrollOffset: number;\n  /**\n   * Class applied to active elements.\n   * @default 'active'\n   */\n  activeClass: string;\n  /**\n   * Returns a CSS selector for the TOC link. The default is unused: links\n   * are found by comparing `a[href^=\"#\"]` to `#id`. A custom function\n   * still runs through `querySelector` (escape any author id yourself).\n   * @default id => 'a[href=\"#' + id + '\"]'\n   */\n  getActiveElement: (id: string) => string;\n  /**\n   * If true, keep the last section above the viewport active when nothing\n   * intersects. If there is no such section, the first one stays active.\n   * @default false\n   */\n  keepTopElementActive: boolean;\n}\n\nconst _defaultGetActiveElement = (id: string): string => `a[href=\"#${id}\"]`;\n\nconst _defaults: ScrollSpyOptions = {\n  scrollOffset: 200,\n  activeClass: 'active',\n  getActiveElement: _defaultGetActiveElement,\n  keepTopElementActive: false\n};\n\n/**\n * ScrollSpy. IntersectionObserver decides which section is current.\n * Hash links are left to the browser (`scroll-margin` + `scroll-behavior`).\n */\nexport class ScrollSpy extends Component<ScrollSpyOptions> {\n  static _elements: ScrollSpy[] = [];\n  private static _active = new Map<ScrollSpyOptions['getActiveElement'], ScrollSpy>();\n  private _observer: IntersectionObserver;\n  private _ratio = 0;\n  private _link: Element | null = null;\n  private _offset: string;\n  private _offsetPriority: string;\n\n  constructor(el: HTMLElement, options: Partial<ScrollSpyOptions>) {\n    super(el, options);\n\n    this._offset = this.el.style.getPropertyValue('--md-comp-scrollspy-offset');\n    this._offsetPriority = this.el.style.getPropertyPriority('--md-comp-scrollspy-offset');\n    this.el.style.setProperty(\n      '--md-comp-scrollspy-offset',\n      `${this.options.scrollOffset}px`\n    );\n\n    ScrollSpy._elements.push(this);\n    this._observer = new IntersectionObserver((entries) => {\n      if (ScrollSpy.getInstance(this.el) !== this) return;\n      for (const entry of entries) this._ratio = entry.isIntersecting ? entry.intersectionRatio : 0;\n      ScrollSpy._syncActive(this.options.getActiveElement);\n    }, {\n      rootMargin: `-${this.options.scrollOffset}px 0px -45% 0px`,\n      threshold: [0, 0.1, 0.25, 0.5, 0.75, 1]\n    });\n    this._observer.observe(this.el);\n  }\n\n  static get defaults(): ScrollSpyOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_ScrollSpy';\n\n  destroy() {\n    const index = ScrollSpy._elements.indexOf(this);\n    if (index < 0) return;\n    ScrollSpy._elements.splice(index, 1);\n    this._observer?.disconnect();\n    const resolver = this.options.getActiveElement;\n    if (ScrollSpy._active.get(resolver) === this) ScrollSpy._clearActive(resolver);\n    this.el.style.setProperty('--md-comp-scrollspy-offset', this._offset, this._offsetPriority);\n    super.destroy();\n    ScrollSpy._syncActive(resolver);\n  }\n\n  private static _syncActive(resolver: ScrollSpyOptions['getActiveElement']) {\n    const elements = ScrollSpy._elements.filter(spy => spy.options.getActiveElement === resolver);\n\n    let best: ScrollSpy | null = null;\n    let bestRatio = 0;\n    for (const spy of elements) {\n      const ratio = spy._ratio;\n      if (ratio > bestRatio) {\n        bestRatio = ratio;\n        best = spy;\n      }\n    }\n\n    if (!best) {\n      const retained = elements.filter(spy => spy.options.keepTopElementActive);\n      best = ScrollSpy._nearestAbove(retained) ?? retained[0];\n    }\n\n    const active = ScrollSpy._active.get(resolver);\n    // Most callbacks only move a ratio within the same section. Its link is\n    // already marked, so skip the document-wide lookup.\n    if (best && active === best && best._link?.isConnected) return;\n    const next = best ? ScrollSpy._linkFor(best.el.id, best.options, best.el.getRootNode() as ParentNode) : null;\n    if (active === best && active?._link === next) return;\n    ScrollSpy._clearActive(resolver);\n    if (!next) return;\n    next.classList.add(best.options.activeClass);\n    next.setAttribute('aria-current', 'true');\n    best._link = next;\n    ScrollSpy._active.set(resolver, best);\n    best._notify('change', null, { detail: { link: next } });\n  }\n\n  private static _nearestAbove(elements: ScrollSpy[]): ScrollSpy | null {\n    let best: ScrollSpy | null = null;\n    let bestTop = -Infinity;\n    for (const spy of elements) {\n      const top = spy.el.getBoundingClientRect().top;\n      if (top <= 0 && top >= bestTop) {\n        bestTop = top;\n        best = spy;\n      }\n    }\n    return best;\n  }\n\n  private static _clearActive(resolver: ScrollSpyOptions['getActiveElement']) {\n    const active = ScrollSpy._active.get(resolver);\n    if (!active) return;\n    active._link?.classList.remove(active.options.activeClass);\n    active._link?.removeAttribute('aria-current');\n    active._link = null;\n    ScrollSpy._active.delete(resolver);\n  }\n\n  /**\n   * Default lookup compares href attributes (no interpolated selector).\n   * A custom getActiveElement still returns a selector.\n   */\n  static _linkFor(id: string, options: ScrollSpyOptions, root: ParentNode = document): Element | null {\n    if (!id) return null;\n    if (options.getActiveElement !== _defaultGetActiveElement) {\n      try {\n        return root.querySelector(options.getActiveElement(id));\n      } catch {\n        return null;\n      }\n    }\n    const href = `#${id}`;\n    return Array.from(root.querySelectorAll('a[href^=\"#\"]')).find(link => link.getAttribute('href') === href) ?? null;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}