@expressivecss/expressive 0.15.0 → 0.17.0

package/dist/js/chunks/chunk-HEH7E3KO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/snackbar.ts"],
+  "sourcesContent": ["import { BaseOptions } from '../core/component';\nimport { Utils, controllerFor, deepActiveElement, restoreAttribute } from '../core/utils';\n\nexport interface SnackbarOptions extends BaseOptions {\n  /**\n   * The content of the Snackbar.\n   * @default \"\"\n   */\n  text: string;\n  /**\n   * Optional action label. Rendered as a trailing text button.\n   * @default \"\"\n   */\n  action: string;\n  /**\n   * Called when the action button is pressed. The snackbar still dismisses.\n   * @default null\n   */\n  onAction: () => void;\n  /**\n   * Show a trailing close icon button.\n   * Defaults to true when action is set, otherwise false.\n   */\n  dismissible: boolean;\n  /**\n   * Element id of a `<template>` (or another element) used as the snackbar body.\n   * @default \"\"\n   */\n  snackbarId?: string;\n  /**\n   * Length in ms the Snackbar stays before dismissal.\n   * `Infinity` keeps it on screen until the user acts.\n   * When `action` is set and this is omitted, the default is Infinity.\n   * @default 4000\n   */\n  displayLength: number;\n  /**\n   * Transition in duration in milliseconds.\n   * @default 300\n   */\n  inDuration: number;\n  /**\n   * Transition out duration in milliseconds.\n   * @default 375\n   */\n  outDuration: number;\n  /**\n   * Classes to be added to the snackbar element.\n   * @default \"\"\n   */\n  classes: string;\n  /**\n   * Callback function called when the snackbar is dismissed.\n   * @default null\n   */\n  completeCallback: () => void;\n  /**\n   * The percentage of the snackbar's width it takes for a drag\n   * to dismiss a Snackbar.\n   * @default 0.8\n   */\n  activationPercent: number;\n  /**\n   * Any element in the tree the snackbar should render into. A Snackbar has no\n   * originating element to infer this from, so pass one when the page lives in\n   * a shadow root \u2014 the container is appended to that root instead of to\n   * `document.body`, where a root-scoped stylesheet could not reach it.\n   * @default null\n   */\n  root: HTMLElement;\n  /**\n   * Show at once, dismissing the snackbar on screen without its exit\n   * animation, instead of waiting in the queue behind it.\n   * @default false\n   */\n  replace: boolean;\n}\n\nconst _defaults: SnackbarOptions = {\n  text: '',\n  action: '',\n  onAction: null,\n  dismissible: false,\n  displayLength: 4000,\n  inDuration: 300,\n  outDuration: 375,\n  classes: '',\n  completeCallback: null,\n  activationPercent: 0.8,\n  root: null,\n  replace: false\n};\n\nexport class Snackbar {\n  /** The snackbar element. */\n  el: HTMLElement;\n  /**\n   * The remaining amount of time in ms that the snackbar\n   * will stay before dismissal.\n   */\n  timeRemaining: number;\n  /**\n   * Describes the current pan state of the Snackbar.\n   */\n  panning: boolean;\n  options: SnackbarOptions;\n  message: string;\n  counterTimeout: ReturnType<typeof setTimeout>;\n  /** Wall-clock time the snackbar is due to dismiss, for pause/resume. */\n  private _deadline: number;\n  wasSwiped: boolean;\n  startingXPos: number;\n  xPos: number;\n  time: number;\n  deltaX: number;\n  velocityX: number;\n  /** Swipe distance that dismisses, measured once when the drag starts. */\n  private _activationDistance: number;\n  private _dismissed = false;\n  private _returnFocus: HTMLElement | null = null;\n  /** The document body or shadow root the snackbar renders into. */\n  private _portal: HTMLElement | ShadowRoot;\n  private _events: AbortController;\n  private _restoreElement: (() => void) | null = null;\n  private _transitionTimer: ReturnType<typeof setTimeout>;\n  private _dismissTimer: ReturnType<typeof setTimeout>;\n  private _focusTimer: ReturnType<typeof setTimeout>;\n\n  /** The snackbar on screen, kept until its exit animation finishes. */\n  static _snackbars: Snackbar[];\n  /** Snackbars waiting for the one on screen to leave, oldest first. */\n  static _queue: Snackbar[];\n  /** Set while a replacement clears the screen; the queue waits for it. */\n  private static _replacing = false;\n  static _container: HTMLElement;\n  static _draggedSnackbar: Snackbar;\n  /** Which pointer owns the drag in flight; a second finger is ignored. */\n  static _dragPointerId: number | null = null;\n\n  /**\n   * Whether a bar gets its close button when the page does not say. One with\n   * an action waits for it, and one that never times out waits for the\n   * reader; either way, swiping must not be the only way to send it off.\n   */\n  private static _needsClose(options: SnackbarOptions): boolean {\n    return !!options.action || options.displayLength === Infinity;\n  }\n\n  constructor(options: Partial<SnackbarOptions> = {}) {\n    this.options = {\n      ...Snackbar.defaults,\n      ...options\n    };\n    if (options.displayLength === undefined && this.options.action) {\n      this.options.displayLength = Infinity;\n    }\n    if (options.dismissible === undefined) this.options.dismissible = Snackbar._needsClose(this.options);\n    this.message = this.options.text;\n    this.panning = false;\n    this.timeRemaining = this.options.displayLength;\n    // Worked out now: `root` may be inside the snackbar this one replaces,\n    // and gone by the time it shows.\n    this._portal = Utils.portalRoot(this.options.root ?? document.body);\n    // First, so an authored body a re-render orphaned is back in its place.\n    Snackbar._dropDetached();\n    // An authored body is taken when the snackbar shows: one waiting in the\n    // queue must not claim the element the snackbar on screen is using.\n    if (this.options.snackbarId) this._requireBody();\n    else this._build();\n    // One snackbar at a time, as Material asks. Everything goes through the\n    // queue, so arrivals show in order; a replacement goes to its front once\n    // the screen is cleared.\n    if (this.options.replace) Snackbar._replaceShown(this);\n    else Snackbar._queue.push(this);\n    Snackbar._advance();\n  }\n\n  /**\n   * Lets go of snackbars a re-render took out of the page. A persistent one\n   * would otherwise hold the queue for good.\n   */\n  private static _dropDetached() {\n    for (const snackbar of Snackbar._snackbars.filter((shown) => !shown.el.isConnected)) {\n      snackbar._dismissed = true;\n      snackbar._remove(false);\n      snackbar.options.completeCallback?.();\n    }\n  }\n\n  /**\n   * Ends a snackbar a replacement cuts short, at once, with the events and\n   * callback a dismissal has: they used to be skipped, so code waiting on\n   * completeCallback never heard. One already dismissing has fired `close`.\n   */\n  private _evict() {\n    if (!this._dismissed) Utils.emit(this.el, 'close');\n    this._dismissed = true;\n    // While the snackbar is still in the page, so the event reaches the document.\n    Utils.emit(this.el, 'closed');\n    this._restoreFocus(true);\n    this.options.completeCallback?.();\n  }\n\n  /** Throws now, rather than when the snackbar shows, if `snackbarId` names nothing. */\n  private _requireBody() {\n    if (!this._hasBody()) throw new Error('Snackbar body not found');\n  }\n\n  /** Whether the body a snackbar shows is still there: its own, or `snackbarId`'s. */\n  private _hasBody(): boolean {\n    return !this.options.snackbarId || !!Utils.getElementById(this._portal, this.options.snackbarId);\n  }\n\n  private _build() {\n    this.el = this._createSnackbar();\n    Reflect.set(this.el, 'Expressive_Snackbar', this);\n  }\n\n  /**\n   * Takes the snackbar on screen down at once, without starting the queue.\n   * Restoring focus can open another, which goes too.\n   */\n  private static _replaceShown(replacement: Snackbar) {\n    // A snackbar opened by the focus restore below must not start the queue,\n    // or the next waiting one would show only to be cut short here.\n    Snackbar._replacing = true;\n    try {\n      while (Snackbar._snackbars.length) {\n        for (const snackbar of Snackbar._snackbars.splice(0)) snackbar._evict();\n      }\n    } finally {\n      Snackbar._replacing = false;\n    }\n    Snackbar._queue.unshift(replacement);\n  }\n\n  /** Puts the snackbar on screen and starts its countdown. */\n  private _show() {\n    if (!this.el) this._build();\n    this._returnFocus = Snackbar._focused();\n    Snackbar._containerIn(this._portal).appendChild(this.el);\n    Snackbar._snackbars.push(this);\n    this._animateIn();\n    this._setTimer();\n    Utils.emit(this.el, 'open');\n  }\n\n  /** The focused element, looking inside open shadow roots. */\n  private static _focused(): HTMLElement | null {\n    const focused = deepActiveElement(document);\n    return focused instanceof HTMLElement ? focused : null;\n  }\n\n  /**\n   * One container serves every snackbar, and only one snackbar shows at a\n   * time \u2014 so it is moved rather than duplicated when the root changes.\n   */\n  private static _containerIn(root: HTMLElement | ShadowRoot): HTMLElement {\n    const container = Snackbar._container;\n    if (container?.isConnected && container.parentNode === root) return container;\n    Snackbar._removeContainer();\n    Snackbar._createContainer(root);\n    return Snackbar._container;\n  }\n\n  static get defaults(): SnackbarOptions {\n    return _defaults;\n  }\n\n  static getInstance(el: Element): Snackbar | undefined {\n    return Reflect.get(el, 'Expressive_Snackbar');\n  }\n\n  static _createContainer(root: HTMLElement | ShadowRoot = document.body) {\n    const container = document.createElement('div');\n    container.setAttribute('id', 'snackbar-container');\n    // One listener per stage. These used to be a touch trio on the container\n    // plus a mouse trio split across the container and the document, with a\n    // helper picking `targetTouches[0].clientX` or `clientX` apart afterwards.\n    // Move and up stay on the document so a drag that leaves the container\n    // still completes.\n    container.addEventListener('pointerdown', Snackbar._onDragStart);\n    document.addEventListener('pointermove', Snackbar._onDragMove);\n    document.addEventListener('pointerup', Snackbar._onDragEnd);\n    document.addEventListener('pointercancel', Snackbar._onDragCancel);\n    root.appendChild(container);\n    Snackbar._container = container;\n  }\n\n  static _removeContainer() {\n    document.removeEventListener('pointermove', Snackbar._onDragMove);\n    document.removeEventListener('pointerup', Snackbar._onDragEnd);\n    document.removeEventListener('pointercancel', Snackbar._onDragCancel);\n    Snackbar._container?.remove();\n    Snackbar._container = null;\n  }\n\n  static _onDragStart(e: PointerEvent) {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    const target = e.target as HTMLElement | null;\n    // Don't start a swipe from the action or close \u2014 those are buttons.\n    if (target && !target.closest('button, a') && target.closest('.snackbar')) {\n      const snackbarElem = target.closest('.snackbar') as HTMLElement;\n      const snackbar = Snackbar.getInstance(snackbarElem);\n      if (!snackbar) return;\n      snackbar.panning = true;\n      snackbar._pauseTimer();\n      Snackbar._draggedSnackbar = snackbar;\n      snackbar.el.classList.add('panning');\n      snackbar.el.style.transition = '';\n      Snackbar._dragPointerId = e.pointerId;\n      snackbar.startingXPos = e.clientX;\n      snackbar.velocityX = 0;\n      snackbar.time = Date.now();\n      snackbar.xPos = e.clientX;\n      // A translateX does not change the width, so one read covers the drag.\n      snackbar._activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;\n    }\n  }\n\n  static _onDragMove(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    if (!!Snackbar._draggedSnackbar) {\n      e.preventDefault();\n      const snackbar = Snackbar._draggedSnackbar;\n      snackbar.deltaX = Math.abs(snackbar.xPos - e.clientX);\n      snackbar.xPos = e.clientX;\n      // Two moves in the same millisecond would divide by zero, and an\n      // infinite velocity dismisses on release.\n      snackbar.velocityX = snackbar.deltaX / Math.max(1, Date.now() - snackbar.time);\n      snackbar.time = Date.now();\n\n      const totalDeltaX = snackbar.xPos - snackbar.startingXPos;\n      const activationDistance = snackbar._activationDistance;\n      snackbar.el.style.transform = `translateX(${totalDeltaX}px)`;\n      snackbar.el.style.opacity = (1 - Math.abs(totalDeltaX / activationDistance)).toString();\n    }\n  }\n\n  static _onDragEnd(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    Snackbar._dragPointerId = null;\n    if (!!Snackbar._draggedSnackbar) {\n      const snackbar = Snackbar._draggedSnackbar;\n      snackbar.panning = false;\n      snackbar.el.classList.remove('panning');\n\n      const totalDeltaX = snackbar.xPos - snackbar.startingXPos;\n      const activationDistance = snackbar._activationDistance;\n      const velocity = Date.now() - snackbar.time < 100 ? snackbar.velocityX : 0;\n      const shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || velocity > 1;\n\n      // Remove snackbar\n      if (shouldBeDismissed) {\n        snackbar.wasSwiped = true;\n        snackbar.dismiss();\n        // Animate snackbar back to original position\n      } else {\n        snackbar._snapBack();\n      }\n      Snackbar._draggedSnackbar = null;\n    }\n  }\n\n  /**\n   * A cancelled pointer is not a short swipe. Snap back and resume the timer\n   * without consulting the distance travelled - the browser took the gesture\n   * over, so the movement so far says nothing about what the user wanted.\n   */\n  static _onDragCancel(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    Snackbar._dragPointerId = null;\n    const snackbar = Snackbar._draggedSnackbar;\n    if (!snackbar) return;\n    snackbar.panning = false;\n    snackbar.el.classList.remove('panning');\n    snackbar._snapBack();\n    Snackbar._draggedSnackbar = null;\n  }\n\n  private _snapBack() {\n    this.el.style.transition = 'transform .2s, opacity .2s';\n    this.el.style.transform = '';\n    this.el.style.opacity = '';\n    this._resumeTimer();\n  }\n\n  /**\n   * dismiss all snackbars.\n   */\n  static dismissAll() {\n    // The queue first, so the one on screen does not hand over to it. Copy\n    // first: dismiss() splices the lists it is iterating.\n    for (const snackbar of [...Snackbar._queue, ...Snackbar._snackbars]) {\n      snackbar.dismiss();\n    }\n  }\n\n  /**\n   * Whether dismiss() is done already: the snackbar was dismissed before, or\n   * never showed and is dropped from the queue. A dropped one reports through\n   * completeCallback but fires no events, never having been in the page.\n   */\n  private _leaveQueue(): boolean {\n    if (this._dismissed) return true;\n    const index = Snackbar._queue.indexOf(this);\n    if (index < 0) return false;\n    Snackbar._queue.splice(index, 1);\n    this._drop();\n    return true;\n  }\n\n  private _drop() {\n    this._dismissed = true;\n    // An authored body was never taken, so there is nothing to give back.\n    if (this.el) this._remove(false);\n    this.options.completeCallback?.();\n  }\n\n  _createSnackbar() {\n    let snackbar: HTMLElement = this.options.snackbarId\n      ? Utils.getElementById(this._portal, this.options.snackbarId)\n      : document.createElement('div');\n    if (snackbar instanceof HTMLTemplateElement) {\n      const node = snackbar.content.cloneNode(true);\n      snackbar = (node as HTMLElement).firstElementChild as HTMLElement;\n    } else if (snackbar && this.options.snackbarId) {\n      const placeholder = document.createComment('');\n      snackbar.before(placeholder);\n      const children = [...snackbar.childNodes];\n      const attributes = ['class', 'style', 'role', 'aria-live', 'aria-atomic', 'inert']\n        .map(name => [name, snackbar.getAttribute(name)]);\n      this._restoreElement = () => {\n        snackbar.replaceChildren(...children);\n        for (const [name, value] of attributes) restoreAttribute(snackbar, name, value);\n        placeholder.replaceWith(snackbar);\n      };\n    }\n    if (!snackbar) throw new Error('Snackbar body not found');\n    this._events = controllerFor(snackbar);\n    const listenerOptions = { signal: this._events.signal };\n    snackbar.classList.add('snackbar');\n    snackbar.setAttribute('role', 'status');\n    snackbar.setAttribute('aria-live', 'polite');\n    snackbar.setAttribute('aria-atomic', 'true');\n    snackbar.inert = false;\n    snackbar.addEventListener('focusin', (e) => {\n      if (e.relatedTarget instanceof HTMLElement && !snackbar.contains(e.relatedTarget)) {\n        this._returnFocus = e.relatedTarget;\n      }\n      this._pauseTimer();\n    }, listenerOptions);\n    snackbar.addEventListener('keydown', (e) => {\n      if (e.key !== 'Escape' || e.defaultPrevented || this._dismissed) return;\n      e.preventDefault();\n      e.stopPropagation();\n      this.dismiss();\n    }, listenerOptions);\n    snackbar.addEventListener('focusout', () => {\n      clearTimeout(this._focusTimer);\n      this._focusTimer = setTimeout(() => this._resumeTimer(), 0);\n    }, listenerOptions);\n    snackbar.addEventListener('pointerenter', () => this._pauseTimer(), listenerOptions);\n    snackbar.addEventListener('pointerleave', () => this._resumeTimer(), listenerOptions);\n    // Add custom classes onto snackbar\n    if (this.options.classes.length > 0) {\n      snackbar.classList.add(...this.options.classes.split(' ').filter(Boolean));\n    }\n    if (this.message) {\n      const text = document.createElement('p');\n      text.textContent = this.message;\n      snackbar.replaceChildren(text);\n    }\n    if (this.options.action) {\n      const action = document.createElement('button');\n      action.type = 'button';\n      action.textContent = this.options.action;\n      action.addEventListener('click', (e) => {\n        e.stopPropagation();\n        if (this._dismissed) return;\n        try {\n          if (typeof this.options.onAction === 'function') this.options.onAction();\n          Utils.emit(this.el, 'action');\n        } finally {\n          this.dismiss();\n        }\n      }, listenerOptions);\n      snackbar.appendChild(action);\n    }\n    if (this.options.dismissible) {\n      const close = document.createElement('button');\n      close.type = 'button';\n      close.className = 'circle';\n      close.setAttribute('aria-label', 'Dismiss');\n      const icon = document.createElement('span');\n      icon.className = 'material-symbols';\n      icon.setAttribute('aria-hidden', 'true');\n      icon.textContent = 'close';\n      close.appendChild(icon);\n      close.addEventListener('click', (e) => {\n        e.stopPropagation();\n        this.dismiss();\n      }, listenerOptions);\n      snackbar.appendChild(close);\n    }\n    return snackbar;\n  }\n\n  private _remove(advance = true) {\n    if (this._events.signal.aborted) return;\n    this._events.abort();\n    clearTimeout(this.counterTimeout);\n    clearTimeout(this._transitionTimer);\n    clearTimeout(this._dismissTimer);\n    clearTimeout(this._focusTimer);\n    this.counterTimeout = null;\n    if (Snackbar._draggedSnackbar === this) {\n      Snackbar._draggedSnackbar = null;\n      Snackbar._dragPointerId = null;\n    }\n    Reflect.set(this.el, 'Expressive_Snackbar', undefined);\n    if (this._restoreElement) this._restoreElement();\n    else this.el.remove();\n    const index = Snackbar._snackbars.indexOf(this);\n    if (index >= 0) Snackbar._snackbars.splice(index, 1);\n    if (advance) Snackbar._advance();\n  }\n\n  /** Shows the next queued snackbar once the screen is clear, or tidies up. */\n  private static _advance() {\n    while (!Snackbar._replacing && !Snackbar._snackbars.length) {\n      const next = Snackbar._queue.shift();\n      if (!next) return Snackbar._tidy();\n      Snackbar._showOrDrop(next);\n    }\n  }\n\n  /**\n   * A queued snackbar completes without showing when the page it was for has\n   * gone: its `root`, such as a removed shadow host, or its authored body.\n   * Shown there, nothing could reach it to dismiss it, and the queue would stall.\n   */\n  private static _showOrDrop(next: Snackbar) {\n    if (Snackbar._canShow(next)) next._show();\n    else next._drop();\n  }\n\n  private static _canShow(next: Snackbar): boolean {\n    if (!next._portal.isConnected) return false;\n    return !!next.el || next._hasBody();\n  }\n\n  /** Removes the container once nothing is left in it. */\n  private static _tidy() {\n    if (Snackbar._container?.childElementCount === 0) Snackbar._removeContainer();\n  }\n\n  _animateIn() {\n    this.el.style.display = '';\n    this.el.style.opacity = '0';\n    this.el.style.transform = 'translateY(24px)';\n    this.el.style.transition = `\n      transform ${this.options.inDuration}ms ease,\n      opacity ${this.options.inDuration}ms ease\n    `;\n    this._transitionTimer = setTimeout(() => {\n      this.el.style.transform = '';\n      this.el.style.opacity = '1';\n    }, 1);\n  }\n\n  /**\n   * Arm the dismissal timer.\n   *\n   * One timeout, not a 20ms interval ticking a counter down: the old form woke\n   * the page up 50 times a second per snackbar purely to subtract 20 from a\n   * number. Dragging pauses the countdown via _pauseTimer/_resumeTimer instead.\n   */\n  _setTimer() {\n    if (this.timeRemaining === Infinity) return;\n    this._deadline = Date.now() + this.timeRemaining;\n    this.counterTimeout = setTimeout(() => this.dismiss(), this.timeRemaining);\n  }\n\n  /** Stop the countdown, banking the time that was left on it. */\n  _pauseTimer() {\n    if (this.counterTimeout == null) return;\n    clearTimeout(this.counterTimeout);\n    this.counterTimeout = null;\n    this.timeRemaining = Math.max(0, this._deadline - Date.now());\n  }\n\n  /** Restart a countdown stopped by {@link _pauseTimer}. */\n  _resumeTimer() {\n    if (this._dismissed || this.panning || this.el.matches(':hover, :focus-within') || this.counterTimeout != null) return;\n    this._setTimer();\n  }\n\n  private _restoreFocus(remove = false) {\n    const focused = (this.el.getRootNode() as Document | ShadowRoot).activeElement;\n    const returnFocus = focused && this.el.contains(focused) ? this._returnFocus : null;\n    this.el.inert = true;\n    if (remove) this._remove(false);\n    if (returnFocus?.isConnected) returnFocus.focus({ preventScroll: true });\n  }\n\n  /**\n   * Dismiss snackbar with animation.\n   */\n  dismiss() {\n    if (this._leaveQueue()) return;\n    this._dismissed = true;\n    clearTimeout(this.counterTimeout);\n    this.counterTimeout = null;\n    this._restoreFocus();\n    if (this._events.signal.aborted) return;\n    Utils.emit(this.el, 'close');\n    const duration = this.options.outDuration;\n    const transitions = [`margin ${duration}ms ease`, `opacity ${duration}ms ease`];\n\n    if (this.wasSwiped) {\n      // Carry on off the side the user swiped toward, from where they let go.\n      const direction = this.xPos < this.startingXPos ? -1 : 1;\n      this.el.style.transform = `translateX(${direction * this.el.offsetWidth}px)`;\n      this.el.style.opacity = '0';\n      transitions.push(`transform ${duration}ms ease`);\n    }\n\n    this.el.style.transition = transitions.join(', ');\n\n    clearTimeout(this._transitionTimer);\n    this._transitionTimer = setTimeout(() => {\n      this.el.style.opacity = '0';\n      this.el.style.marginTop = '-40px';\n    }, 1);\n\n    this._dismissTimer = setTimeout(() => {\n      // While the snackbar is still in the page, so the event reaches the document.\n      Utils.emit(this.el, 'closed');\n      this._remove();\n      // Call the optional callback\n      if (typeof this.options.completeCallback === 'function') {\n        this.options.completeCallback();\n      }\n    }, this.options.outDuration);\n  }\n\n  static {\n    Snackbar._snackbars = [];\n    Snackbar._queue = [];\n    Snackbar._container = null;\n    Snackbar._draggedSnackbar = null;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/chunk-HQRLBTNM.mjs

@@ -0,0 +1,152 @@
+import {
+  Component
+} from "./chunk-EB2V4OKL.mjs";
+import {
+  Utils
+} from "./chunk-67UNY7RH.mjs";
+
+// src/ts/components/pullToRefresh.ts
+var _defaults = {
+  threshold: 64,
+  onRefresh: null,
+  i18n: {
+    refreshing: "Refreshing",
+    refreshed: "Refreshed"
+  }
+};
+var SLOP = 4;
+var SCROLLING = /* @__PURE__ */ new Set(["auto", "scroll"]);
+var stopsAt = (node, el) => SCROLLING.has(getComputedStyle(node).overflowY) && (node.scrollTop > 0 || node.contains(el));
+var _PullToRefresh = class _PullToRefresh extends Component {
+  constructor(el, options) {
+    super(el, options);
+    /** Where the finger went down and on what, while it may still become a pull. */
+    this._start = null;
+    this._pulling = false;
+    this._travel = 0;
+    /** The running refresh. A new object each time, so a promise from an earlier one cannot end it. */
+    this._refresh = null;
+    this._onStart = (event) => {
+      if (this._refresh) return;
+      if (event.touches.length !== 1) {
+        this._endPull();
+        return;
+      }
+      const { clientX, clientY } = event.touches[0];
+      this._start = { x: clientX, y: clientY, target: Utils.eventTarget(event) };
+    };
+    this._onMove = (event) => {
+      if (!this._start) return;
+      const { clientX, clientY } = event.touches[0];
+      const dx = clientX - this._start.x;
+      const dy = clientY - this._start.y;
+      if (!this._pulling) this._decide(dx, dy, this._start.target);
+      if (this._pulling) this._drag(event, dy);
+    };
+    this._onEnd = () => {
+      const ready = this._pulling && this._travel >= this.options.threshold;
+      this._endPull();
+      if (ready) this.refresh();
+    };
+    this._endPull = () => {
+      this._start = null;
+      this._pulling = false;
+      this._travel = 0;
+      this.el.classList.remove("pulling");
+      this.el.style.removeProperty("--pull-to-refresh-offset");
+      this.el.style.removeProperty("--pull-to-refresh-progress");
+    };
+    this._onClick = (event) => {
+      const button = Utils.eventTarget(event)?.closest("[data-refresh]");
+      if (button && this.el.contains(button)) this.refresh();
+    };
+    if (!(this.options.threshold > 0)) this.options.threshold = _defaults.threshold;
+    this._status = el.ownerDocument.createElement("span");
+    this._status.className = "pull-to-refresh-status";
+    this._status.setAttribute("role", "status");
+    el.append(this._status);
+    const signal = this._events.signal;
+    el.addEventListener("touchstart", this._onStart, { passive: true, signal });
+    el.addEventListener("touchmove", this._onMove, { passive: false, signal });
+    el.addEventListener("touchend", this._onEnd, { signal });
+    el.addEventListener("touchcancel", this._endPull, { signal });
+    el.addEventListener("click", this._onClick, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /** Starts a refresh, as a pull or the refresh button does. Does nothing while one runs. */
+  refresh() {
+    if (this._refresh || _PullToRefresh.getInstance(this.el) !== this) return;
+    const run = { pending: 0 };
+    this._refresh = run;
+    this.el.setAttribute("aria-busy", "true");
+    this._status.textContent = this.options.i18n.refreshing;
+    const settle = () => {
+      if (--run.pending === 0 && this._refresh === run) this.complete();
+    };
+    const detail = {
+      waitUntil: (promise) => {
+        run.pending++;
+        Promise.resolve(promise).finally(settle);
+      }
+    };
+    this._fireRefresh(run, detail);
+  }
+  /** Ends the running refresh: the indicator hides, `aria-busy` goes and the finish is announced. */
+  complete() {
+    if (this._refresh) this._status.textContent = this.options.i18n.refreshed;
+    this._refresh = null;
+    this.el.removeAttribute("aria-busy");
+  }
+  destroy() {
+    this._endPull();
+    this.complete();
+    this._status.remove();
+    super.destroy();
+  }
+  /**
+   * Runs `onRefresh` and fires the event. A callback that throws ends the
+   * refresh it started, so later pulls still work, and the error still reaches the page.
+   */
+  _fireRefresh(run, detail) {
+    try {
+      this._notify("refresh", this.options.onRefresh, { args: [detail], detail });
+    } catch (error) {
+      if (this._refresh === run) this.complete();
+      throw error;
+    }
+  }
+  /**
+   * Whether a downward drag from `target` would scroll something instead: a
+   * scrolled-down scroller inside the container, the container itself, or
+   * the scroller it sits in, which is the page when no ancestor scrolls.
+   */
+  _canScrollUp(target) {
+    let node = target;
+    while (node && !stopsAt(node, this.el)) node = node.parentElement;
+    return (node ?? this.el.ownerDocument.scrollingElement).scrollTop > 0;
+  }
+  /** Pulls once the finger moves down, or leaves the touch to scrolling when it moves another way first. */
+  _decide(dx, dy, target) {
+    if (Math.max(Math.abs(dx), Math.abs(dy)) <= SLOP) return;
+    if (dy > Math.abs(dx) && !this._canScrollUp(target)) this._pulling = true;
+    else this._start = null;
+  }
+  /** Moves the indicator down with the finger, at half its travel, and fades it in toward the threshold. */
+  _drag(event, dy) {
+    if (event.cancelable) event.preventDefault();
+    const { threshold } = this.options;
+    this._travel = Math.max(dy, 0);
+    this.el.classList.add("pulling");
+    this.el.style.setProperty("--pull-to-refresh-offset", `${Math.min(this._travel, threshold * 2) / 2}px`);
+    this.el.style.setProperty("--pull-to-refresh-progress", `${Math.min(this._travel / threshold, 1)}`);
+  }
+};
+_PullToRefresh.key = "Expressive_PullToRefresh";
+var PullToRefresh = _PullToRefresh;
+
+export {
+  PullToRefresh
+};
+//# sourceMappingURL=chunk-HQRLBTNM.mjs.map

package/dist/js/chunks/chunk-HQRLBTNM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/pullToRefresh.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { Utils } from '../core/utils';\n\n/** What `expressive:refresh` carries, and what `onRefresh` receives. */\nexport interface PullToRefreshDetail {\n  /** Keeps the refresh running until the promise settles, fulfilled or rejected. */\n  waitUntil(promise: PromiseLike<unknown>): void;\n}\n\n/** What the container's status region announces. */\nexport interface PullToRefreshI18nOptions {\n  /** Announced when a refresh starts. */\n  refreshing: string;\n  /** Announced when it finishes. */\n  refreshed: string;\n}\n\nexport interface PullToRefreshOptions extends BaseOptions {\n  /**\n   * How far a finger must pull down, in pixels, for the release to refresh.\n   * A value that is not a positive number falls back to the default.\n   * @default 64\n   */\n  threshold: number;\n  /**\n   * Called when a refresh starts, with the event's detail.\n   * @default null\n   */\n  onRefresh: ((detail: PullToRefreshDetail) => void) | null;\n  /** What the status region announces when a refresh starts and finishes. */\n  i18n: Partial<PullToRefreshI18nOptions>;\n}\n\nconst _defaults: PullToRefreshOptions = {\n  threshold: 64,\n  onRefresh: null,\n  i18n: {\n    refreshing: 'Refreshing',\n    refreshed: 'Refreshed'\n  }\n};\n\n/** One refresh, with how many `waitUntil()` promises it still waits for. */\ntype Run = { pending: number };\n\n/** Past this the finger was moving, not resting. Hand jitter, in pixels. */\nconst SLOP = 4;\n/** `overflow-y` values that make an element a scroll container. */\nconst SCROLLING = new Set(['auto', 'scroll']);\n\n/**\n * Whether the walk up from a touch stops at `node`: a scroll container that\n * is scrolled down, so a downward drag scrolls it, or the one that holds the\n * pull-to-refresh container, which decides on its own.\n */\nconst stopsAt = (node: Element, el: Element) =>\n  SCROLLING.has(getComputedStyle(node).overflowY) && (node.scrollTop > 0 || node.contains(el));\n\n/**\n * Pull-to-refresh. A touch pull down from the top of the container, or a\n * `[data-refresh]` button inside it, starts a refresh. The refresh runs until\n * every promise passed to `waitUntil()` settles or the page calls `complete()`.\n *\n * Touch events rather than pointer events: a pointer drag the browser takes\n * for a pan ends in `pointercancel`, and Safari has no directional\n * `touch-action` to keep a downward pull from it. A mouse never fires touch\n * events; a stylus does where the browser reports it as touch, as Safari on\n * iPadOS does.\n */\nexport class PullToRefresh extends Component<PullToRefreshOptions> {\n  static key = 'Expressive_PullToRefresh';\n  /** Where the finger went down and on what, while it may still become a pull. */\n  private _start: { x: number; y: number; target: Element | null } | null = null;\n  private _pulling = false;\n  private _travel = 0;\n  /** The running refresh. A new object each time, so a promise from an earlier one cannot end it. */\n  private _refresh: Run | null = null;\n  /**\n   * Announces the start and the finish. The author's indicator cannot: it is\n   * hidden once the refresh ends, which would drop the finish.\n   */\n  private _status: HTMLElement;\n\n  constructor(el: HTMLElement, options: Partial<PullToRefreshOptions>) {\n    super(el, options);\n    // Markup options are untrusted; zero or less would refresh on any pull.\n    if (!(this.options.threshold > 0)) this.options.threshold = _defaults.threshold;\n    this._status = el.ownerDocument.createElement('span');\n    this._status.className = 'pull-to-refresh-status';\n    this._status.setAttribute('role', 'status');\n    el.append(this._status);\n    const signal = this._events.signal;\n    el.addEventListener('touchstart', this._onStart, { passive: true, signal });\n    // Not passive: a pull cancels the move so the container does not also scroll.\n    el.addEventListener('touchmove', this._onMove, { passive: false, signal });\n    el.addEventListener('touchend', this._onEnd, { signal });\n    el.addEventListener('touchcancel', this._endPull, { signal });\n    el.addEventListener('click', this._onClick, { signal });\n  }\n\n  static get defaults(): PullToRefreshOptions {\n    return _defaults;\n  }\n\n  /** Starts a refresh, as a pull or the refresh button does. Does nothing while one runs. */\n  refresh() {\n    if (this._refresh || PullToRefresh.getInstance(this.el) !== this) return;\n    const run: Run = { pending: 0 };\n    this._refresh = run;\n    this.el.setAttribute('aria-busy', 'true');\n    this._status.textContent = this.options.i18n.refreshing;\n    const settle = () => {\n      if (--run.pending === 0 && this._refresh === run) this.complete();\n    };\n    const detail: PullToRefreshDetail = {\n      waitUntil: (promise) => {\n        run.pending++;\n        // finally() passes a rejection on, so a failure the page does not\n        // catch still reaches unhandledrejection.\n        Promise.resolve(promise).finally(settle);\n      }\n    };\n    this._fireRefresh(run, detail);\n  }\n\n  /** Ends the running refresh: the indicator hides, `aria-busy` goes and the finish is announced. */\n  complete() {\n    if (this._refresh) this._status.textContent = this.options.i18n.refreshed;\n    this._refresh = null;\n    this.el.removeAttribute('aria-busy');\n  }\n\n  destroy() {\n    this._endPull();\n    this.complete();\n    this._status.remove();\n    super.destroy();\n  }\n\n  /**\n   * Runs `onRefresh` and fires the event. A callback that throws ends the\n   * refresh it started, so later pulls still work, and the error still reaches the page.\n   */\n  private _fireRefresh(run: Run, detail: PullToRefreshDetail) {\n    try {\n      this._notify('refresh', this.options.onRefresh, { args: [detail], detail });\n    } catch (error) {\n      if (this._refresh === run) this.complete();\n      throw error;\n    }\n  }\n\n  /**\n   * Whether a downward drag from `target` would scroll something instead: a\n   * scrolled-down scroller inside the container, the container itself, or\n   * the scroller it sits in, which is the page when no ancestor scrolls.\n   */\n  private _canScrollUp(target: Element | null) {\n    let node = target;\n    while (node && !stopsAt(node, this.el)) node = node.parentElement;\n    return (node ?? this.el.ownerDocument.scrollingElement!).scrollTop > 0;\n  }\n\n  private _onStart = (event: TouchEvent) => {\n    if (this._refresh) return;\n    // A second finger is a pinch or a mistake, not a pull.\n    if (event.touches.length !== 1) {\n      this._endPull();\n      return;\n    }\n    const { clientX, clientY } = event.touches[0];\n    this._start = { x: clientX, y: clientY, target: Utils.eventTarget(event) };\n  };\n\n  private _onMove = (event: TouchEvent) => {\n    if (!this._start) return;\n    const { clientX, clientY } = event.touches[0];\n    const dx = clientX - this._start.x;\n    const dy = clientY - this._start.y;\n    if (!this._pulling) this._decide(dx, dy, this._start.target);\n    if (this._pulling) this._drag(event, dy);\n  };\n\n  /** Pulls once the finger moves down, or leaves the touch to scrolling when it moves another way first. */\n  private _decide(dx: number, dy: number, target: Element | null) {\n    if (Math.max(Math.abs(dx), Math.abs(dy)) <= SLOP) return;\n    if (dy > Math.abs(dx) && !this._canScrollUp(target)) this._pulling = true;\n    else this._start = null;\n  }\n\n  /** Moves the indicator down with the finger, at half its travel, and fades it in toward the threshold. */\n  private _drag(event: TouchEvent, dy: number) {\n    if (event.cancelable) event.preventDefault();\n    const { threshold } = this.options;\n    this._travel = Math.max(dy, 0);\n    this.el.classList.add('pulling');\n    this.el.style.setProperty('--pull-to-refresh-offset', `${Math.min(this._travel, threshold * 2) / 2}px`);\n    this.el.style.setProperty('--pull-to-refresh-progress', `${Math.min(this._travel / threshold, 1)}`);\n  }\n\n  private _onEnd = () => {\n    const ready = this._pulling && this._travel >= this.options.threshold;\n    this._endPull();\n    if (ready) this.refresh();\n  };\n\n  private _endPull = () => {\n    this._start = null;\n    this._pulling = false;\n    this._travel = 0;\n    this.el.classList.remove('pulling');\n    this.el.style.removeProperty('--pull-to-refresh-offset');\n    this.el.style.removeProperty('--pull-to-refresh-progress');\n  };\n\n  private _onClick = (event: MouseEvent) => {\n    const button = Utils.eventTarget(event)?.closest('[data-refresh]');\n    if (button && this.el.contains(button)) this.refresh();\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/chunk-I2F7MLUU.mjs

@@ -0,0 +1,137 @@
+import {
+  Utils
+} from "./chunk-67UNY7RH.mjs";
+
+// src/ts/behaviors/tour.ts
+var states = /* @__PURE__ */ new WeakMap();
+var anchor = "--tour-target";
+var _Tour = class _Tour {
+  static Init() {
+    if (_Tour._initialized || typeof document === "undefined") return;
+    _Tour._initialized = true;
+    document.addEventListener("click", _Tour._onClick);
+    document.addEventListener("keydown", (e) => {
+      const tour = Utils.closestInPath(e, ".tour");
+      if (e.key === "Escape" && tour instanceof HTMLElement && states.has(tour)) _Tour.end(tour);
+    });
+    document.addEventListener(
+      "toggle",
+      (e) => {
+        const tour = e.target;
+        if (e.newState === "closed" && states.has(tour)) _Tour.end(tour);
+      },
+      true
+    );
+  }
+  /** Opens the tour at a step. Does nothing when no step has a visible target. */
+  static start(tour, index = 0) {
+    const steps = [...tour.querySelectorAll(":scope > section[data-tour-target]")].filter(
+      (step) => _Tour._target(step)?.checkVisibility()
+    );
+    if (!steps.length) return;
+    const previous = states.get(tour);
+    if (previous) _Tour._release(previous.steps[previous.index]);
+    const state = { steps, index: 0, opener: _Tour._opener(tour, previous) };
+    states.set(tour, state);
+    _Tour._show(tour, !previous);
+    if (states.get(tour) === state) _Tour.go(tour, index);
+  }
+  /** Where focus returns at the end: the first start's focus, kept across restarts. */
+  static _opener(tour, previous) {
+    if (previous?.opener) return previous.opener;
+    const active = tour.getRootNode().activeElement;
+    return active instanceof HTMLElement ? active : null;
+  }
+  /** Shows the card, and reports the start of a tour that was not running. */
+  static _show(tour, opening) {
+    if (!tour.matches(":popover-open")) tour.showPopover();
+    if (opening) Utils.emit(tour, "open");
+  }
+  /** Shows step `index` of a running tour. */
+  static go(tour, index) {
+    const state = states.get(tour);
+    if (!state) return;
+    _Tour._release(state.steps[state.index]);
+    index = Math.min(Math.max(index, 0), state.steps.length - 1);
+    const travel = index < state.index ? -1 : 1;
+    while (state.steps[index] && !_Tour._target(state.steps[index])) index += travel;
+    const step = state.steps[index];
+    if (!step) {
+      _Tour.end(tour);
+      return;
+    }
+    state.index = index;
+    const last = state.index === state.steps.length - 1;
+    tour.querySelectorAll(":scope > section[data-tour-target]").forEach((section) => {
+      section.hidden = section !== step;
+    });
+    const heading = step.querySelector("h1, h2, h3, h4, h5, h6");
+    if (heading) {
+      if (!heading.id) heading.id = `tour-${Utils.guid()}`;
+      tour.setAttribute("aria-labelledby", heading.id);
+    }
+    const progress = tour.querySelector(".tour-progress");
+    if (progress) {
+      progress.textContent = _Tour.i18n.progress.replace("{current}", String(state.index + 1)).replace("{total}", String(state.steps.length));
+    }
+    const toggle = (selector, show) => tour.querySelectorAll(selector).forEach((button) => button.hidden = !show);
+    toggle("[data-tour-back]", state.index > 0);
+    toggle("[data-tour-next]", !last);
+    toggle("[data-tour-done]", last);
+    const target = _Tour._target(step);
+    target.classList.add("tour-target");
+    Utils.setAnchorName(target, anchor, true);
+    const smooth = !matchMedia("(prefers-reduced-motion: reduce)").matches;
+    target.scrollIntoView({ block: "center", behavior: smooth ? "smooth" : "auto" });
+    if (!tour.hasAttribute("tabindex")) tour.tabIndex = -1;
+    tour.focus({ preventScroll: true });
+    Utils.emit(tour, "change", { step, index: state.index });
+  }
+  /**
+   * Ends a running tour and returns focus to where it was. `completed` says
+   * the user finished it, as the done button does, rather than dismissed it.
+   */
+  static end(tour, completed = false) {
+    const state = states.get(tour);
+    if (!state) return;
+    _Tour._release(state.steps[state.index]);
+    states.delete(tour);
+    if (tour.matches(":popover-open")) tour.hidePopover();
+    state.opener?.focus();
+    Utils.emit(tour, "close", { completed });
+  }
+  static _target(step) {
+    return Utils.getElementById(step, step.getAttribute("data-tour-target") ?? "");
+  }
+  static _release(step) {
+    const target = step && _Tour._target(step);
+    target?.classList.remove("tour-target");
+    if (target) Utils.setAnchorName(target, anchor, false);
+  }
+  static _onClick(e) {
+    const control = Utils.closestInPath(
+      e,
+      "[data-tour-start], [data-tour-back], [data-tour-next], [data-tour-done], [data-tour-close]"
+    );
+    if (!control) return;
+    if (control.hasAttribute("data-tour-start")) {
+      const tour2 = Utils.getElementById(control, control.getAttribute("data-tour-start"));
+      if (tour2?.matches(".tour")) _Tour.start(tour2);
+      return;
+    }
+    const tour = control.closest(".tour");
+    const state = tour && states.get(tour);
+    if (!state) return;
+    if (control.hasAttribute("data-tour-back")) _Tour.go(tour, state.index - 1);
+    else if (control.hasAttribute("data-tour-next")) _Tour.go(tour, state.index + 1);
+    else _Tour.end(tour, control.hasAttribute("data-tour-done"));
+  }
+};
+_Tour.i18n = { progress: "Step {current} of {total}" };
+_Tour._initialized = false;
+var Tour = _Tour;
+
+export {
+  Tour
+};
+//# sourceMappingURL=chunk-I2F7MLUU.mjs.map

package/dist/js/chunks/chunk-I2F7MLUU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/tour.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\ninterface TourState {\n  steps: HTMLElement[];\n  index: number;\n  opener: HTMLElement | null;\n}\n\nconst states = new WeakMap<HTMLElement, TourState>();\nconst anchor = '--tour-target';\n\n/**\n * Product tour. A `.tour` is a `popover=\"manual\"` card holding one `<section>`\n * per step; each section's `data-tour-target` names the id of the element it\n * explains. The card shows one step at a time beside its target, which gets a\n * highlight ring and scrolls into view. Steps whose target is missing or\n * hidden are skipped.\n *\n * `[data-tour-start=\"tour-id\"]` starts a tour; inside it, `[data-tour-back]`,\n * `[data-tour-next]`, `[data-tour-done]` and `[data-tour-close]` move through\n * it or end it, and Escape ends it. Back hides on the first step, Next on the\n * last, Done everywhere else. Ending hides the card (its `toggle` event says\n * so) and returns focus to whatever had it before the tour.\n */\nexport class Tour {\n  static i18n = { progress: 'Step {current} of {total}' };\n  private static _initialized = false;\n\n  static Init() {\n    if (Tour._initialized || typeof document === 'undefined') return;\n    Tour._initialized = true;\n    document.addEventListener('click', Tour._onClick);\n    document.addEventListener('keydown', (e) => {\n      const tour = Utils.closestInPath(e, '.tour');\n      if (e.key === 'Escape' && tour instanceof HTMLElement && states.has(tour)) Tour.end(tour);\n    });\n    // A page that hides the card itself still gets the target released.\n    // `toggle` does not bubble, so this listens in the capture phase.\n    document.addEventListener(\n      'toggle',\n      (e: ToggleEvent) => {\n        const tour = e.target as HTMLElement;\n        if (e.newState === 'closed' && states.has(tour)) Tour.end(tour);\n      },\n      true\n    );\n  }\n\n  /** Opens the tour at a step. Does nothing when no step has a visible target. */\n  static start(tour: HTMLElement, index = 0) {\n    const steps = [...tour.querySelectorAll<HTMLElement>(':scope > section[data-tour-target]')].filter((step) =>\n      Tour._target(step)?.checkVisibility()\n    );\n    if (!steps.length) return;\n    const previous = states.get(tour);\n    // Restarting a running tour: let go of the step it was showing, or two\n    // targets carry the highlight and the card's anchor name.\n    if (previous) Tour._release(previous.steps[previous.index]);\n    const state: TourState = { steps, index: 0, opener: Tour._opener(tour, previous) };\n    states.set(tour, state);\n    Tour._show(tour, !previous);\n    // An open listener may have ended or restarted the tour.\n    if (states.get(tour) === state) Tour.go(tour, index);\n  }\n\n  /** Where focus returns at the end: the first start's focus, kept across restarts. */\n  private static _opener(tour: HTMLElement, previous: TourState | undefined): HTMLElement | null {\n    if (previous?.opener) return previous.opener;\n    const active = (tour.getRootNode() as Document | ShadowRoot).activeElement;\n    return active instanceof HTMLElement ? active : null;\n  }\n\n  /** Shows the card, and reports the start of a tour that was not running. */\n  private static _show(tour: HTMLElement, opening: boolean) {\n    if (!tour.matches(':popover-open')) tour.showPopover();\n    if (opening) Utils.emit(tour, 'open');\n  }\n\n  /** Shows step `index` of a running tour. */\n  static go(tour: HTMLElement, index: number) {\n    const state = states.get(tour);\n    if (!state) return;\n    Tour._release(state.steps[state.index]);\n    index = Math.min(Math.max(index, 0), state.steps.length - 1);\n    // A target removed since start() is passed over in the direction of\n    // travel; with none left that way the tour ends.\n    const travel = index < state.index ? -1 : 1;\n    while (state.steps[index] && !Tour._target(state.steps[index])) index += travel;\n    const step = state.steps[index];\n    if (!step) {\n      Tour.end(tour);\n      return;\n    }\n    state.index = index;\n    const last = state.index === state.steps.length - 1;\n    tour.querySelectorAll<HTMLElement>(':scope > section[data-tour-target]').forEach((section) => {\n      section.hidden = section !== step;\n    });\n    const heading = step.querySelector<HTMLElement>('h1, h2, h3, h4, h5, h6');\n    if (heading) {\n      if (!heading.id) heading.id = `tour-${Utils.guid()}`;\n      tour.setAttribute('aria-labelledby', heading.id);\n    }\n    const progress = tour.querySelector('.tour-progress');\n    if (progress) {\n      progress.textContent = Tour.i18n.progress\n        .replace('{current}', String(state.index + 1))\n        .replace('{total}', String(state.steps.length));\n    }\n    const toggle = (selector: string, show: boolean) =>\n      tour.querySelectorAll<HTMLElement>(selector).forEach((button) => (button.hidden = !show));\n    toggle('[data-tour-back]', state.index > 0);\n    toggle('[data-tour-next]', !last);\n    toggle('[data-tour-done]', last);\n\n    const target = Tour._target(step);\n    target.classList.add('tour-target');\n    Utils.setAnchorName(target, anchor, true);\n    const smooth = !matchMedia('(prefers-reduced-motion: reduce)').matches;\n    target.scrollIntoView({ block: 'center', behavior: smooth ? 'smooth' : 'auto' });\n    if (!tour.hasAttribute('tabindex')) tour.tabIndex = -1;\n    tour.focus({ preventScroll: true });\n    Utils.emit(tour, 'change', { step, index: state.index });\n  }\n\n  /**\n   * Ends a running tour and returns focus to where it was. `completed` says\n   * the user finished it, as the done button does, rather than dismissed it.\n   */\n  static end(tour: HTMLElement, completed = false) {\n    const state = states.get(tour);\n    if (!state) return;\n    Tour._release(state.steps[state.index]);\n    states.delete(tour);\n    if (tour.matches(':popover-open')) tour.hidePopover();\n    state.opener?.focus();\n    Utils.emit(tour, 'close', { completed });\n  }\n\n  private static _target(step: HTMLElement): HTMLElement | null {\n    return Utils.getElementById(step, step.getAttribute('data-tour-target') ?? '');\n  }\n\n  private static _release(step: HTMLElement | undefined) {\n    const target = step && Tour._target(step);\n    target?.classList.remove('tour-target');\n    if (target) Utils.setAnchorName(target, anchor, false);\n  }\n\n  private static _onClick(e: MouseEvent) {\n    const control = Utils.closestInPath(\n      e,\n      '[data-tour-start], [data-tour-back], [data-tour-next], [data-tour-done], [data-tour-close]'\n    );\n    if (!control) return;\n    if (control.hasAttribute('data-tour-start')) {\n      const tour = Utils.getElementById(control, control.getAttribute('data-tour-start'));\n      if (tour?.matches('.tour')) Tour.start(tour);\n      return;\n    }\n    const tour = control.closest<HTMLElement>('.tour');\n    const state = tour && states.get(tour);\n    if (!state) return;\n    if (control.hasAttribute('data-tour-back')) Tour.go(tour, state.index - 1);\n    else if (control.hasAttribute('data-tour-next')) Tour.go(tour, state.index + 1);\n    else Tour.end(tour, control.hasAttribute('data-tour-done'));\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["tour"]
+}