@expressivecss/expressive 0.13.1 → 0.15.0

package/dist/js/chunks/{chunk-UNEMYWEW.mjs → chunk-SFI2U4YW.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/lightbox.ts
 var _defaults = {
@@ -36,9 +36,6 @@ var _Lightbox = class _Lightbox extends Component {
         for (const el of [this.el, this._overlay, this._photoCaption]) if (el) el.style.transition = "none";
       }
     };
-    this._handleLightboxClick = () => {
-      this._handleLightboxToggle();
-    };
     this._handleLightboxKeypress = (e) => {
       if (this._trigger === this.el && (e.key === Utils.keys.ENTER || e.key === " ")) {
         e.preventDefault();
@@ -49,10 +46,7 @@ var _Lightbox = class _Lightbox extends Component {
       if (this._isOpen) this.close();
       else this.open();
     };
-    this._handleWindowScroll = () => {
-      if (this.overlayActive) this.close();
-    };
-    this._handleWindowResize = () => {
+    this._handleWindowChange = () => {
       if (this.overlayActive) this.close();
     };
     this._handleWindowEscape = (e) => {
@@ -100,8 +94,6 @@ var _Lightbox = class _Lightbox extends Component {
       if (this.caption !== "") this._addCaption();
       const widthPercent = this.originalWidth / this.windowWidth;
       const heightPercent = this.originalHeight / this.windowHeight;
-      this.newWidth = 0;
-      this.newHeight = 0;
       if (widthPercent > heightPercent) {
         const ratio = this.originalHeight / this.originalWidth;
         this.newWidth = this.windowWidth * 0.9;
@@ -111,8 +103,8 @@ var _Lightbox = class _Lightbox extends Component {
         this.newWidth = this.windowHeight * 0.9 * ratio;
         this.newHeight = this.windowHeight * 0.9;
       }
-      window.addEventListener("scroll", this._handleWindowScroll, { passive: true });
-      window.addEventListener("resize", this._handleWindowResize, { passive: true });
+      window.addEventListener("scroll", this._handleWindowChange, { passive: true });
+      window.addEventListener("resize", this._handleWindowChange, { passive: true });
       window.addEventListener("keyup", this._handleWindowEscape);
       this._animateImageIn();
     };
@@ -127,11 +119,11 @@ var _Lightbox = class _Lightbox extends Component {
       if (typeof this.options.onCloseStart === "function")
         this.options.onCloseStart.call(this, this.el);
       if (revision !== this._revision) return;
-      window.removeEventListener("scroll", this._handleWindowScroll);
-      window.removeEventListener("resize", this._handleWindowResize);
+      window.removeEventListener("scroll", this._handleWindowChange);
+      window.removeEventListener("resize", this._handleWindowChange);
       window.removeEventListener("keyup", this._handleWindowEscape);
-      if (this._overlay) this._removeOverlay();
-      if (this._photoCaption) this._removeCaption();
+      if (this._overlay) this._fadeOut(this._overlay);
+      if (this._photoCaption) this._fadeOut(this._photoCaption);
       this._animateImageOut();
     };
     this.el["Expressive_Lightbox"] = this;
@@ -185,8 +177,8 @@ var _Lightbox = class _Lightbox extends Component {
     this.el["Expressive_Lightbox"] = void 0;
   }
   _reset() {
-    window.removeEventListener("scroll", this._handleWindowScroll);
-    window.removeEventListener("resize", this._handleWindowResize);
+    window.removeEventListener("scroll", this._handleWindowChange);
+    window.removeEventListener("resize", this._handleWindowChange);
     window.removeEventListener("keyup", this._handleWindowEscape);
     this._overlay?.remove();
     this._photoCaption?.remove();
@@ -198,8 +190,8 @@ var _Lightbox = class _Lightbox extends Component {
       }
     }
     this._changedAncestorList = [];
-    if (this.attrWidth !== null && this.attrWidth !== void 0) this.el.setAttribute("width", this.attrWidth);
-    if (this.attrHeight !== null && this.attrHeight !== void 0) this.el.setAttribute("height", this.attrHeight);
+    if (this.attrWidth != null) this.el.setAttribute("width", this.attrWidth);
+    if (this.attrHeight != null) this.el.setAttribute("height", this.attrHeight);
     this.el.classList.remove("active");
     this.placeholder.removeAttribute("style");
     if (this.originInlineStyles === null) this.el.removeAttribute("style");
@@ -226,18 +218,18 @@ var _Lightbox = class _Lightbox extends Component {
   }
   _setupEventHandlers() {
     this._motion.addEventListener("change", this._handleMotionChange);
-    this._trigger.addEventListener("click", this._handleLightboxClick);
+    this._trigger.addEventListener("click", this._handleLightboxToggle);
     this.el.addEventListener("keydown", this._handleLightboxKeypress);
   }
   _removeEventHandlers() {
     this._motion.removeEventListener("change", this._handleMotionChange);
-    this._trigger.removeEventListener("click", this._handleLightboxClick);
+    this._trigger.removeEventListener("click", this._handleLightboxToggle);
     this.el.removeEventListener("keydown", this._handleLightboxKeypress);
   }
   _makeAncestorsOverflowVisible() {
     this._changedAncestorList = [];
     let ancestor = this.placeholder.parentNode;
-    while (ancestor !== null && ancestor !== void 0 && ancestor !== document) {
+    while (ancestor != null && ancestor !== document) {
       const curr = ancestor;
       if (curr.style && (curr.style.overflow !== "visible" || _Lightbox._overflow.has(curr))) {
         const saved = _Lightbox._overflow.get(curr) ?? { count: 0, value: curr.style.overflow, priority: curr.style.getPropertyPriority("overflow") };
@@ -311,18 +303,7 @@ var _Lightbox = class _Lightbox extends Component {
     this._photoCaption.innerText = this.caption;
     Utils.portalRoot(this.el).append(this._photoCaption);
     this._photoCaption.style.display = "inline";
-    this._photoCaption.style.transition = "none";
-    this._photoCaption.style.opacity = "0";
-    const duration = this._motion.matches ? 0 : this.options.inDuration;
-    this._schedule(() => {
-      this._photoCaption.style.transition = `opacity ${duration}ms ease`;
-      this._photoCaption.style.opacity = "1";
-    }, 1);
-  }
-  _removeCaption() {
-    const duration = this._motion.matches ? 0 : this.options.outDuration;
-    this._photoCaption.style.transition = `opacity ${duration}ms ease`;
-    this._photoCaption.style.opacity = "0";
+    this._fadeIn(this._photoCaption);
   }
   // Overlay
   _addOverlay() {
@@ -342,18 +323,21 @@ var _Lightbox = class _Lightbox extends Component {
     this._overlay.style.height = this.windowHeight + "px";
     this._overlay.style.left = -1 * overlayOffset.left + "px";
     this._overlay.style.top = -1 * overlayOffset.top + "px";
-    this._overlay.style.transition = "none";
-    this._overlay.style.opacity = "0";
+    this._fadeIn(this._overlay);
+  }
+  _fadeIn(el) {
+    el.style.transition = "none";
+    el.style.opacity = "0";
     const duration = this._motion.matches ? 0 : this.options.inDuration;
     this._schedule(() => {
-      this._overlay.style.transition = `opacity ${duration}ms ease`;
-      this._overlay.style.opacity = "1";
+      el.style.transition = `opacity ${duration}ms ease`;
+      el.style.opacity = "1";
     }, 1);
   }
-  _removeOverlay() {
+  _fadeOut(el) {
     const duration = this._motion.matches ? 0 : this.options.outDuration;
-    this._overlay.style.transition = `opacity ${duration}ms ease`;
-    this._overlay.style.opacity = "0";
+    el.style.transition = `opacity ${duration}ms ease`;
+    el.style.opacity = "0";
   }
 };
 _Lightbox._overflow = /* @__PURE__ */ new WeakMap();
@@ -362,4 +346,4 @@ var Lightbox = _Lightbox;
 export {
   Lightbox
 };
-//# sourceMappingURL=chunk-UNEMYWEW.mjs.map
+//# sourceMappingURL=chunk-SFI2U4YW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/lightbox.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { BaseOptions, Component, InitElements, InitElement } from '../core/component';\n\nexport interface LightboxOptions extends BaseOptions {\n  /**\n   * Transition in duration in milliseconds.\n   * @default 275\n   */\n  inDuration: number;\n  /**\n   * Transition out duration in milliseconds.\n   * @default 200\n   */\n  outDuration: number;\n  /**\n   * Callback function called before lightbox is opened.\n   * @default null\n   */\n  onOpenStart: (el: Element) => void;\n  /**\n   * Callback function called after lightbox is opened.\n   * @default null\n   */\n  onOpenEnd: (el: Element) => void;\n  /**\n   * Callback function called before lightbox is closed.\n   * @default null\n   */\n  onCloseStart: (el: Element) => void;\n  /**\n   * Callback function called after lightbox is closed.\n   * @default null\n   */\n  onCloseEnd: (el: Element) => void;\n}\n\nconst _defaults: LightboxOptions = {\n  inDuration: 275,\n  outDuration: 200,\n  onOpenStart: null,\n  onOpenEnd: null,\n  onCloseStart: null,\n  onCloseEnd: null\n};\n\nexport class Lightbox extends Component<LightboxOptions> {\n  /** If the lightbox overlay is showing. */\n  overlayActive: boolean;\n  /** If the lightbox is no longer being animated. */\n  doneAnimating: boolean;\n  /** Caption, if specified. */\n  caption: string;\n  /** Original width of image. */\n  originalWidth: number;\n  /** Original height of image. */\n  originalHeight: number;\n  private originInlineStyles: string;\n  private placeholder: HTMLElement;\n  /** Ancestors forced to `overflow: visible`, with the inline value to put back. */\n  private _changedAncestorList: HTMLElement[] = [];\n  private static _overflow = new WeakMap<HTMLElement, { count: number; value: string; priority: string }>();\n  private newHeight: number;\n  private newWidth: number;\n  private windowWidth: number;\n  private windowHeight: number;\n  private attrWidth: string;\n  private attrHeight: string;\n  private _overlay: HTMLElement;\n  private _photoCaption: HTMLElement;\n  private _trigger: HTMLElement;\n  private _tabindex: string | null;\n  private _timers = new Map<ReturnType<typeof setTimeout>, () => void>();\n  private _motion = window.matchMedia('(prefers-reduced-motion: reduce)');\n  private _isOpen = false;\n  private _destroyed = false;\n  private _revision = 0;\n\n  constructor(el: HTMLElement, options: Partial<LightboxOptions>) {\n    super(el, options, Lightbox);\n    this.el['Expressive_Lightbox'] = this;\n\n    this.options = {\n      ...Lightbox.defaults,\n      ...options\n    };\n\n    this.overlayActive = false;\n    this.doneAnimating = true;\n    this.placeholder = document.createElement('div');\n    this.placeholder.classList.add('material-placeholder');\n    this.originalWidth = 0;\n    this.originalHeight = 0;\n    this.originInlineStyles = this.el.getAttribute('style');\n    this.caption = this.el.getAttribute('data-caption') || '';\n    this._tabindex = this.el.getAttribute('tabindex');\n    this._trigger = this.el.closest('button') ?? this.el;\n    this.el.tabIndex = this._trigger === this.el ? 0 : -1;\n    // Wrap\n    this.el.before(this.placeholder);\n    this.placeholder.append(this.el);\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): LightboxOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Lightbox.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<LightboxOptions>): Lightbox;\n  /**\n   * Initializes instances of Lightbox.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<LightboxOptions>): Lightbox[];\n  /**\n   * Initializes instances of Lightbox.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<LightboxOptions> = {}\n  ): Lightbox | Lightbox[] {\n    return super.init(els, options, Lightbox);\n  }\n\n  static getInstance(el: HTMLElement): Lightbox {\n    return el['Expressive_Lightbox'];\n  }\n\n  destroy() {\n    if (this._destroyed) return;\n    this._destroyed = true;\n    const root = this.el.getRootNode() as Document | ShadowRoot;\n    const focused = root.activeElement === this.el;\n    this._removeEventHandlers();\n    this._cancel();\n    this._reset();\n    this.placeholder.replaceWith(this.el);\n    let active = document.activeElement;\n    while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;\n    if (focused && (active === document.body || active === (root as ShadowRoot).host)) this._trigger.focus();\n    if (this._tabindex === null) this.el.removeAttribute('tabindex');\n    else this.el.setAttribute('tabindex', this._tabindex);\n    this.el['Expressive_Lightbox'] = undefined;\n  }\n\n  private _reset() {\n    window.removeEventListener('scroll', this._handleWindowChange);\n    window.removeEventListener('resize', this._handleWindowChange);\n    window.removeEventListener('keyup', this._handleWindowEscape);\n    this._overlay?.remove();\n    this._photoCaption?.remove();\n    for (const ancestor of this._changedAncestorList) {\n      const saved = Lightbox._overflow.get(ancestor);\n      if (--saved.count === 0) {\n        ancestor.style.setProperty('overflow', saved.value, saved.priority);\n        Lightbox._overflow.delete(ancestor);\n      }\n    }\n    this._changedAncestorList = [];\n    if (this.attrWidth != null) this.el.setAttribute('width', this.attrWidth);\n    if (this.attrHeight != null) this.el.setAttribute('height', this.attrHeight);\n    this.el.classList.remove('active');\n    this.placeholder.removeAttribute('style');\n    if (this.originInlineStyles === null) this.el.removeAttribute('style');\n    else this.el.setAttribute('style', this.originInlineStyles);\n    this.overlayActive = false;\n    this._isOpen = false;\n    this.doneAnimating = true;\n  }\n\n  private _cancel() {\n    for (const timer of this._timers.keys()) clearTimeout(timer);\n    this._timers.clear();\n    return ++this._revision;\n  }\n\n  private _schedule(callback: () => void, delay: number) {\n    if (this._motion.matches) { callback(); return; }\n    const timer = setTimeout(() => { this._timers.delete(timer); callback(); }, delay);\n    this._timers.set(timer, callback);\n  }\n\n  private _handleMotionChange = () => {\n    if (!this._motion.matches) return;\n    const callbacks = [...this._timers.values()];\n    const revision = this._cancel();\n    for (const callback of callbacks) {\n      if (revision !== this._revision) break;\n      callback();\n    }\n    if (this.overlayActive) {\n      for (const el of [this.el, this._overlay, this._photoCaption]) if (el) el.style.transition = 'none';\n    }\n  };\n\n  private _setupEventHandlers() {\n    this._motion.addEventListener('change', this._handleMotionChange);\n    this._trigger.addEventListener('click', this._handleLightboxToggle);\n    this.el.addEventListener('keydown', this._handleLightboxKeypress);\n  }\n\n  private _removeEventHandlers() {\n    this._motion.removeEventListener('change', this._handleMotionChange);\n    this._trigger.removeEventListener('click', this._handleLightboxToggle);\n    this.el.removeEventListener('keydown', this._handleLightboxKeypress);\n  }\n\n  private _handleLightboxKeypress = (e: KeyboardEvent) => {\n    if (this._trigger === this.el && (e.key === Utils.keys.ENTER || e.key === ' ')) {\n      e.preventDefault();\n      this._handleLightboxToggle();\n    }\n  };\n\n  private _handleLightboxToggle = () => {\n    // If already modal, return to original\n    if (this._isOpen) this.close();\n    else this.open();\n  };\n\n  private _handleWindowChange = () => {\n    if (this.overlayActive) this.close();\n  };\n\n  private _handleWindowEscape = (e: KeyboardEvent) => {\n    if (e.key === Utils.keys.ESC) this.close();\n  };\n\n  private _makeAncestorsOverflowVisible() {\n    this._changedAncestorList = [];\n    let ancestor: Node = this.placeholder.parentNode;\n    while (ancestor != null && ancestor !== document) {\n      const curr = <HTMLElement>ancestor;\n      // A shadow root has no style; the clipping ancestors are above its host.\n      if (curr.style && (curr.style.overflow !== 'visible' || Lightbox._overflow.has(curr))) {\n        // Read before the write: an author's inline `overflow` has to come\n        // back on close, and restoring '' would silently discard it.\n        const saved = Lightbox._overflow.get(curr) ?? { count: 0, value: curr.style.overflow, priority: curr.style.getPropertyPriority('overflow') };\n        saved.count++;\n        Lightbox._overflow.set(curr, saved);\n        this._changedAncestorList.push(curr);\n        curr.style.overflow = 'visible';\n      }\n      ancestor = ancestor.parentNode ?? (<ShadowRoot>ancestor).host;\n    }\n  }\n\n  private _offset(el: HTMLElement) {\n    const box = el.getBoundingClientRect();\n    const docElem = document.documentElement;\n    return {\n      top: box.top + window.scrollY - docElem.clientTop,\n      left: box.left + window.scrollX - docElem.clientLeft\n    };\n  }\n  private _updateVars(): void {\n    this.windowWidth = window.innerWidth;\n    this.windowHeight = window.innerHeight;\n    this.caption = this.el.getAttribute('data-caption') || '';\n  }\n\n  // Image\n  private _animateImageIn(): void {\n    this.el.style.maxHeight = this.newHeight.toString() + 'px';\n    this.el.style.maxWidth = this.newWidth.toString() + 'px';\n    const duration = this._motion.matches ? 0 : this.options.inDuration;\n    // from\n    this.el.style.transition = 'none';\n    this.el.style.height = this.originalHeight + 'px';\n    this.el.style.width = this.originalWidth + 'px';\n    this._schedule(() => {\n      // One offset for both axes, read before any of the writes below.\n      const placeholderOffset = this._offset(this.placeholder);\n      // easeOutQuad\n      this.el.style.transition = `height ${duration}ms ease,\n        width ${duration}ms ease,\n        left ${duration}ms ease,\n        top ${duration}ms ease\n      `;\n      // to\n      this.el.style.height = this.newHeight + 'px';\n      this.el.style.width = this.newWidth + 'px';\n      this.el.style.left =\n        Utils.getDocumentScrollLeft() +\n        this.windowWidth / 2 -\n        placeholderOffset.left -\n        this.newWidth / 2 +\n        'px';\n\n      this.el.style.top =\n        Utils.getDocumentScrollTop() +\n        this.windowHeight / 2 -\n        placeholderOffset.top -\n        this.newHeight / 2 +\n        'px';\n    }, 1);\n\n    this._schedule(() => {\n      this.doneAnimating = true;\n      if (typeof this.options.onOpenEnd === 'function') this.options.onOpenEnd.call(this, this.el);\n    }, duration);\n\n  }\n  private _animateImageOut(): void {\n    const duration = this._motion.matches ? 0 : this.options.outDuration;\n    // easeOutQuad\n    this.el.style.transition = `height ${duration}ms ease,\n      width ${duration}ms ease,\n      left ${duration}ms ease,\n      top ${duration}ms ease\n    `;\n    // to\n    this.el.style.height = this.originalHeight + 'px'; // was originalWidth\n    this.el.style.width = this.originalWidth + 'px';\n    this.el.style.left = '0';\n    this.el.style.top = '0';\n    this._schedule(() => {\n      this._reset();\n      // onCloseEnd callback\n      if (typeof this.options.onCloseEnd === 'function')\n        this.options.onCloseEnd.call(this, this.el);\n    }, duration);\n  }\n\n  // Caption\n  private _addCaption(): void {\n    this._photoCaption = document.createElement('div');\n    this._photoCaption.classList.add('lightbox-caption');\n    this._photoCaption.innerText = this.caption;\n    Utils.portalRoot(this.el).append(this._photoCaption);\n    this._photoCaption.style.display = 'inline';\n    this._fadeIn(this._photoCaption);\n  }\n\n  // Overlay\n  private _addOverlay(): void {\n    this._overlay = document.createElement('div');\n    this._overlay.id = 'lightbox-overlay';\n    this._overlay.addEventListener(\n      'click',\n      (event) => {\n        event.stopPropagation();\n        this.close();\n      },\n      { once: true }\n    );\n\n    // Put before in origin image to preserve z-index layering.\n    this.el.before(this._overlay);\n\n    // Set dimensions if needed\n    const overlayOffset = this._overlay.getBoundingClientRect();\n    this._overlay.style.width = this.windowWidth + 'px';\n    this._overlay.style.height = this.windowHeight + 'px';\n    this._overlay.style.left = -1 * overlayOffset.left + 'px';\n    this._overlay.style.top = -1 * overlayOffset.top + 'px';\n\n    this._fadeIn(this._overlay);\n  }\n\n  private _fadeIn(el: HTMLElement): void {\n    el.style.transition = 'none';\n    el.style.opacity = '0';\n    const duration = this._motion.matches ? 0 : this.options.inDuration;\n    this._schedule(() => {\n      el.style.transition = `opacity ${duration}ms ease`;\n      el.style.opacity = '1';\n    }, 1);\n  }\n\n  private _fadeOut(el: HTMLElement): void {\n    const duration = this._motion.matches ? 0 : this.options.outDuration;\n    el.style.transition = `opacity ${duration}ms ease`;\n    el.style.opacity = '0';\n  }\n\n  /**\n   * Open lightbox.\n   */\n  open = () => {\n    if (this._destroyed || this._isOpen) return;\n    const revision = this._cancel();\n    if (this.overlayActive) this._reset();\n    this._isOpen = true;\n    this._updateVars();\n    // Both rects are read up front: measuring the placeholder after writing\n    // its width forced a second layout for the height.\n    const originRect = this.el.getBoundingClientRect();\n    const placeholderRect = this.placeholder.getBoundingClientRect();\n    this.originalWidth = originRect.width;\n    this.originalHeight = originRect.height;\n    // Set states\n    this.doneAnimating = false;\n    this.el.classList.add('active');\n    this.overlayActive = true;\n    // onOpenStart callback\n    if (typeof this.options.onOpenStart === 'function')\n      this.options.onOpenStart.call(this, this.el);\n    if (revision !== this._revision) return;\n    // Set positioning for placeholder\n    this.placeholder.style.width = placeholderRect.width + 'px';\n    this.placeholder.style.height = placeholderRect.height + 'px';\n    this.placeholder.style.position = 'relative';\n    this.placeholder.style.top = '0';\n    this.placeholder.style.left = '0';\n    this._makeAncestorsOverflowVisible();\n    // Set css on origin\n    this.el.style.position = 'absolute';\n    this.el.style.zIndex = '1000';\n    this.el.style.willChange = 'left, top, width, height';\n    // Change from width or height attribute to css\n    this.attrWidth = this.el.getAttribute('width');\n    this.attrHeight = this.el.getAttribute('height');\n    if (this.attrWidth) {\n      this.el.style.width = this.attrWidth + 'px';\n      this.el.removeAttribute('width');\n    }\n    if (this.attrHeight) {\n      this.el.style.height = this.attrHeight + 'px'; // was width, from the height attribute\n      this.el.removeAttribute('height');\n    }\n    this._addOverlay();\n    // Add and animate caption if it exists\n    if (this.caption !== '') this._addCaption();\n    // Resize Image\n    const widthPercent = this.originalWidth / this.windowWidth;\n    const heightPercent = this.originalHeight / this.windowHeight;\n    if (widthPercent > heightPercent) {\n      // Width first\n      const ratio = this.originalHeight / this.originalWidth;\n      this.newWidth = this.windowWidth * 0.9;\n      this.newHeight = this.windowWidth * 0.9 * ratio;\n    } else {\n      // Height first\n      const ratio = this.originalWidth / this.originalHeight;\n      this.newWidth = this.windowHeight * 0.9 * ratio;\n      this.newHeight = this.windowHeight * 0.9;\n    }\n    // Handle Exit triggers\n    window.addEventListener('scroll', this._handleWindowChange, { passive: true });\n    window.addEventListener('resize', this._handleWindowChange, { passive: true });\n    window.addEventListener('keyup', this._handleWindowEscape);\n    this._animateImageIn();\n  };\n\n  /**\n   * Close lightbox.\n   */\n  close = () => {\n    if (this._destroyed || !this._isOpen) return;\n    const revision = this._cancel();\n    this._isOpen = false;\n    this.doneAnimating = false;\n    // onCloseStart callback\n    if (typeof this.options.onCloseStart === 'function')\n      this.options.onCloseStart.call(this, this.el);\n    if (revision !== this._revision) return;\n    // disable exit handlers\n    window.removeEventListener('scroll', this._handleWindowChange);\n    window.removeEventListener('resize', this._handleWindowChange);\n    window.removeEventListener('keyup', this._handleWindowEscape);\n    if (this._overlay) this._fadeOut(this._overlay);\n    if (this._photoCaption) this._fadeOut(this._photoCaption);\n    this._animateImageOut();\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-VTLBW7QS.mjs → chunk-SMY7GJSS.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/richTextEditor.ts
 var _defaults = {
@@ -121,4 +121,4 @@ var RichTextEditor = class _RichTextEditor extends Component {
 export {
   RichTextEditor
 };
-//# sourceMappingURL=chunk-VTLBW7QS.mjs.map
+//# sourceMappingURL=chunk-SMY7GJSS.mjs.map

package/dist/js/chunks/{chunk-O5XPWXIQ.mjs → chunk-TCCA2HDG.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/lineChart.ts
 var _defaults = {
@@ -14,13 +14,19 @@ function svgNode(name, attributes = {}) {
   for (const key in attributes) element.setAttribute(key, attributes[key]);
   return element;
 }
+function polarPoint(turn, r) {
+  const angle = turn * 2 * Math.PI;
+  return `${(r * Math.sin(angle)).toFixed(3)},${(-r * Math.cos(angle)).toFixed(3)}`;
+}
+var seriesColor = (i) => String(i % COLORS + 1);
 var _gradientId = 0;
 function cellValue(cell) {
   if (!cell) return null;
   const raw = cell.dataset.value ?? cell.textContent;
   const text = raw.replace(/\u2212/g, "-").replace(/[\s%\p{Sc}]/gu, "");
-  if (!/^[+-]?(\d{1,3}(,\d{3})+|\d+)?(\.\d+)?(e[+-]?\d+)?$/i.test(text) || !/\d/.test(text)) return null;
-  return parseFloat(text.replace(/,/g, ""));
+  if (!/^[+-]?(\d{1,3}(,\d{3})+|\d+)?(\.\d+)?(e[+-]?\d+)?$/i.test(text)) return null;
+  const value = parseFloat(text.replace(/,/g, ""));
+  return Number.isFinite(value) ? value : null;
 }
 function monotonePath(points) {
   const n = points.length;
@@ -161,7 +167,7 @@ var LineChart = class extends Component {
     this.series.forEach((series, i) => {
       const value = series.values[index];
       if (value === null) return;
-      const color = String(i % COLORS + 1);
+      const color = seriesColor(i);
       const top = series.tops[index];
       if (top !== null && this._points) {
         const dot = document.createElement("span");
@@ -313,7 +319,7 @@ var LineChart = class extends Component {
     legend.setAttribute("aria-hidden", "true");
     legend.append(...this.series.map((series, i) => {
       const li = document.createElement("li");
-      li.dataset.series = String(i % COLORS + 1);
+      li.dataset.series = seriesColor(i);
       li.textContent = series.name;
       return li;
     }));
@@ -321,15 +327,17 @@ var LineChart = class extends Component {
   }
   /** Draws the series, which fill the plot. */
   _draw(drawn = this.series) {
-    const svg = document.createElementNS(SVG, "svg");
-    svg.setAttribute("viewBox", "0 0 100 100");
-    svg.setAttribute("preserveAspectRatio", "none");
-    svg.setAttribute("aria-hidden", "true");
-    svg.setAttribute("focusable", "false");
+    const svg = svgNode("svg", {
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      focusable: "false"
+    });
     for (const series of drawn) {
-      const group = document.createElementNS(SVG, "g");
-      group.setAttribute("class", `${this._type}-series ${series.className}`.trim());
-      group.dataset.series = String(this.series.indexOf(series) % COLORS + 1);
+      const group = svgNode("g", {
+        class: `${this._type}-series ${series.className}`.trim(),
+        "data-series": seriesColor(this.series.indexOf(series))
+      });
       const runs = [[]];
       series.tops.forEach((value, index) => {
         if (value === null) runs.push([]);
@@ -339,23 +347,21 @@ var LineChart = class extends Component {
       const points = (run, values) => run.map((index) => [this._x(index), series.y(values[index])]);
       const tops = filled.map((run) => monotonePath(points(run, series.tops)));
       const id = `line-chart-gradient-${++_gradientId}`;
-      const gradient = document.createElementNS(SVG, "linearGradient");
-      gradient.id = id;
-      gradient.setAttribute("x2", "0");
-      gradient.setAttribute("y2", "1");
-      gradient.append(document.createElementNS(SVG, "stop"), document.createElementNS(SVG, "stop"));
-      gradient.lastElementChild.setAttribute("offset", "1");
-      const area = document.createElementNS(SVG, "path");
-      area.setAttribute("class", `${this._type}-area`);
-      area.setAttribute("fill", `url(#${id})`);
-      area.setAttribute("d", filled.map((run, r) => {
-        if (!series.base) return `${tops[r]}V100H${this._x(run[0])}Z`;
-        const base = points(run, series.base).map(([x, y]) => [x, Math.min(100, y)]);
-        return `${tops[r]}L${monotonePath(base.reverse()).slice(1)}Z`;
-      }).join(""));
-      const line = document.createElementNS(SVG, "path");
-      line.setAttribute("class", `${this._type}-line`);
-      line.setAttribute("d", tops.join(""));
+      const gradient = svgNode("linearGradient", { id, x2: "0", y2: "1" });
+      gradient.append(svgNode("stop"), svgNode("stop", { offset: "1" }));
+      const area = svgNode("path", {
+        class: `${this._type}-area`,
+        fill: `url(#${id})`,
+        // A stacked area runs back along the series below; the reversed curve
+        // is the same curve. Its base stops at the plot bottom when the y axis
+        // starts above zero.
+        d: filled.map((run, r) => {
+          if (!series.base) return `${tops[r]}V100H${this._x(run[0])}Z`;
+          const base = points(run, series.base).map(([x, y]) => [x, Math.min(100, y)]);
+          return `${tops[r]}L${monotonePath(base.reverse()).slice(1)}Z`;
+        }).join("")
+      });
+      const line = svgNode("path", { class: `${this._type}-line`, d: tops.join("") });
       group.append(gradient, area, line);
       svg.append(group);
     }
@@ -401,6 +407,8 @@ var LineChart = class extends Component {
 export {
   COLORS,
   svgNode,
+  polarPoint,
+  seriesColor,
   LineChart
 };
-//# sourceMappingURL=chunk-O5XPWXIQ.mjs.map
+//# sourceMappingURL=chunk-TCCA2HDG.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/lineChart.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport interface LineChartOptions extends BaseOptions {\n  /**\n   * Lowest value on the y axis. Defaults to the data minimum less 10% of\n   * the range; a stacked chart starts at zero or its lowest total, and a\n   * column chart always includes zero. Overridden by `data-min` on the chart.\n   */\n  min: number | null;\n  /**\n   * Highest value on the y axis. Defaults to the data maximum plus 10% of\n   * the range. Overridden by `data-max` on the chart.\n   */\n  max: number | null;\n}\n\nconst _defaults: LineChartOptions = {\n  min: null,\n  max: null\n};\n\nconst SVG = 'http://www.w3.org/2000/svg';\nexport const COLORS = 4;\n\n/** An SVG element with its attributes. */\nexport function svgNode(name: string, attributes: Record<string, string> = {}): SVGElement {\n  const element = document.createElementNS(SVG, name);\n  for (const key in attributes) element.setAttribute(key, attributes[key]);\n  return element;\n}\n\n/** A point at a turn clockwise from the top and a distance from the middle, as \"x,y\". */\nexport function polarPoint(turn: number, r: number): string {\n  const angle = turn * 2 * Math.PI;\n  return `${(r * Math.sin(angle)).toFixed(3)},${(-r * Math.cos(angle)).toFixed(3)}`;\n}\n\n/** A series' color number, for its `data-series`. */\nexport const seriesColor = (i: number) => String((i % COLORS) + 1);\nlet _gradientId = 0;\n\nexport interface Series {\n  name: string;\n  /** Header cell classes, such as `dashed`. */\n  className: string;\n  /** Cell text, shown in the tooltip as the author formatted it. */\n  text: string[];\n  values: (number | null)[];\n  /**\n   * Where each value is drawn: the value, or in a stacked chart the running\n   * total, which is unknown (null) above a gap.\n   */\n  tops: (number | null)[];\n  /** In a stacked chart, the total of the series below, which this area fills down to. */\n  base?: (number | null)[];\n  /** The series' y scale: a value's distance down the plot, in percent. */\n  y: (value: number) => number;\n}\n\n/**\n * Reads a cell as a number. `data-value` wins over the text, which may carry\n * currency or percent signs, grouping commas and a typographic minus around\n * one number. Anything else, such as \"(1,200)\" or \"3\u20135\", is a gap rather\n * than a guess.\n */\nfunction cellValue(cell: Element | undefined): number | null {\n  if (!cell) return null;\n  const raw = (cell as HTMLElement).dataset.value ?? cell.textContent;\n  const text = raw.replace(/\\u2212/g, '-').replace(/[\\s%\\p{Sc}]/gu, '');\n  if (!/^[+-]?(\\d{1,3}(,\\d{3})+|\\d+)?(\\.\\d+)?(e[+-]?\\d+)?$/i.test(text)) return null;\n  // The pattern also lets through \"e5\" (NaN) and \"1e400\" (Infinity).\n  const value = parseFloat(text.replace(/,/g, ''));\n  return Number.isFinite(value) ? value : null;\n}\n\n/**\n * A monotone cubic through the points (Fritsch-Butland tangents), so the\n * curve never overshoots a data point. Bezier curves keep their shape under\n * the plot's non-uniform scaling, so this can be drawn in a 0-100 box.\n */\nfunction monotonePath(points: [number, number][]): string {\n  const n = points.length;\n  if (n === 0) return '';\n  if (n === 1) return `M${points[0][0]},${points[0][1]}h0`;\n  const slopes: number[] = [];\n  for (let i = 0; i < n - 1; i++) {\n    slopes.push((points[i + 1][1] - points[i][1]) / (points[i + 1][0] - points[i][0]));\n  }\n  const tangents = points.map((_, i) => {\n    if (i === 0) return slopes[0];\n    if (i === n - 1) return slopes[n - 2];\n    const [a, b] = [slopes[i - 1], slopes[i]];\n    return a * b <= 0 ? 0 : 2 / (1 / a + 1 / b);\n  });\n  let d = `M${points[0][0]},${points[0][1]}`;\n  for (let i = 0; i < n - 1; i++) {\n    const [[x0, y0], [x1, y1]] = [points[i], points[i + 1]];\n    const h = (x1 - x0) / 3;\n    d += `C${x0 + h},${y0 + tangents[i] * h} ${x1 - h},${y1 - tangents[i + 1] * h} ${x1},${y1}`;\n  }\n  return d;\n}\n\n/**\n * Line chart. The data is the chart's <table>; this class draws it as an SVG\n * with x labels, a legend for more than one series, and a cursor and tooltip\n * that follow the pointer or the arrow keys. Styling is CSS.\n *\n * Re-run `LineChart.init(el)` after changing the table.\n */\nexport class LineChart extends Component<LineChartOptions> {\n  /** The values' x positions and series, read from the table. */\n  labels: string[] = [];\n  series: Series[] = [];\n  /** The highlighted row, or -1. */\n  activeIndex = -1;\n  private _generated: Element[] = [];\n  /** The table's header cells and body rows, as read. */\n  protected _header: HTMLTableCellElement[] = [];\n  protected _rows: HTMLTableRowElement[] = [];\n  protected _plot: HTMLElement;\n  protected _cursor: HTMLElement;\n  protected _tooltip: HTMLElement;\n  protected _y: (value: number) => number;\n  /**\n   * Whether the rows run right to left: a horizontal row axis in a\n   * right-to-left context, like the labels. Bar chart rows keep their order.\n   */\n  protected _reversed = false;\n\n  /** The class prefix of the generated parts; ColumnChart reuses this class. */\n  protected get _type() {\n    return 'line-chart';\n  }\n\n  /** Whether the y axis always includes zero, as columns grow from it. */\n  protected get _fromZero() {\n    return false;\n  }\n\n  /**\n   * Whether the rows run down the plot and the values across it, as in a\n   * bar chart. The rows then keep their order in a right-to-left context.\n   */\n  protected get _horizontal() {\n    return false;\n  }\n\n  /**\n   * Whether the rows go round a circle, as in a pie or radar chart. The\n   * arrows then step round it, wrapping from the last row to the first.\n   */\n  protected get _circular() {\n    return false;\n  }\n\n  /** Whether the cursor marks each series with a point. */\n  protected get _points() {\n    return true;\n  }\n\n  protected get _key() {\n    return 'Expressive_LineChart';\n  }\n\n  constructor(el: HTMLElement, options: Partial<LineChartOptions>) {\n    super(el, options, new.target);\n    this.el[this._key] = this;\n\n    this.options = {\n      ...new.target.defaults,\n      ...options\n    };\n\n    this._read();\n    if (!this.labels.length || !this.series.length) return;\n    this._reversed = !this._horizontal && getComputedStyle(this.el).direction === 'rtl';\n    this._render();\n    if (!this.el.classList.contains('sparkline')) {\n      this._plot.tabIndex = 0;\n      // A tap has no move before it, so the press picks the row too.\n      this._plot.addEventListener('pointerdown', this._onPointerMove);\n      this._plot.addEventListener('pointermove', this._onPointerMove);\n      this._plot.addEventListener('pointerleave', this._onLeave);\n      this._plot.addEventListener('pointercancel', this._onCancel);\n      this._plot.addEventListener('keydown', this._onKeyDown);\n      this._plot.addEventListener('focus', this._onFocus);\n      this._plot.addEventListener('blur', this._onLeave);\n    }\n  }\n\n  static get defaults(): LineChartOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<LineChartOptions>): LineChart;\n  static init(els: InitElements<InitElement>, options?: Partial<LineChartOptions>): LineChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<LineChartOptions> = {}\n  ): LineChart | LineChart[] {\n    return super.init(els, options, this);\n  }\n\n  static getInstance(el: HTMLElement): LineChart {\n    return el['Expressive_LineChart'];\n  }\n\n  destroy() {\n    // The listeners live on the plot, which goes with the generated nodes.\n    this._generated.forEach((node) => node.remove());\n    this._generated = [];\n    this.el[this._key] = undefined;\n  }\n\n  /**\n   * Highlights one row: moves the cursor and fills the tooltip.\n   * Pass -1 to hide them. Does nothing for a chart without data.\n   */\n  show(index: number) {\n    // Skipping a repeat also keeps the live tooltip from re-announcing.\n    if (!this._tooltip || index === this.activeIndex) return;\n    this.activeIndex = index;\n    const hidden = index < 0 || index >= this.labels.length;\n    this._cursor.hidden = this._tooltip.hidden = hidden;\n    if (hidden) return;\n\n    this._cursor.replaceChildren();\n    const title = document.createElement('strong');\n    title.textContent = this.labels[index];\n    this._tooltip.replaceChildren(title);\n\n    this.series.forEach((series, i) => {\n      const value = series.values[index];\n      if (value === null) return;\n      const color = seriesColor(i);\n      const top = series.tops[index];\n      if (top !== null && this._points) {\n        const dot = document.createElement('span');\n        dot.className = series.className;\n        dot.dataset.series = color;\n        dot.style.top = `${series.y(top)}%`;\n        this._cursor.append(dot);\n      }\n      const name = document.createElement('span');\n      name.dataset.series = color;\n      name.textContent = series.name;\n      const text = document.createElement('span');\n      text.textContent = series.text[index];\n      this._tooltip.append(name, text);\n    });\n    this._place(index);\n  }\n\n  /**\n   * Moves the filled cursor and tooltip to a row: beside its band, with the\n   * tooltip opening back over the plot past the middle.\n   */\n  protected _place(index: number) {\n    const x = this._x(index);\n    const side = this._horizontal ? 'top' : 'left';\n    this._cursor.style[side] = this._tooltip.style[side] = `${x}%`;\n    this._tooltip.classList.toggle('end', x > 50);\n  }\n\n  private _read() {\n    const table = this.el.querySelector<HTMLTableElement>(':scope > table');\n    if (!table) return;\n    // Without a <thead> the parser puts the header row in the first <tbody>.\n    const headerRow = table.tHead?.rows[0] ?? table.rows[0];\n    const header = Array.from(headerRow?.cells ?? []);\n    const rows = Array.from(table.tBodies)\n      .flatMap((body) => Array.from(body.rows))\n      .filter((row) => row !== headerRow);\n    [this._header, this._rows] = [header, rows];\n    this.labels = rows.map((row) => row.cells[0]?.textContent.trim() ?? '');\n    this.series = header.slice(1).map((cell, i) => {\n      const values = rows.map((row) => cellValue(row.cells[i + 1]));\n      return {\n        name: cell.textContent.trim(),\n        className: cell.className,\n        text: rows.map((row) => row.cells[i + 1]?.textContent.trim() ?? ''),\n        values,\n        tops: values,\n        y: undefined\n      };\n    });\n    const stacked = this.el.classList.contains('stacked');\n    if (stacked) {\n      // A gap leaves the total unknown, so the series above break there too.\n      // ponytail: negative values overlap the band below; diverging stacks if needed.\n      const totals: (number | null)[] = this.labels.map(() => 0);\n      for (const series of this.series) {\n        series.base = [...totals];\n        series.tops = series.values.map((value, i) =>\n          (totals[i] = value === null || totals[i] === null ? null : totals[i] + value));\n      }\n    }\n\n    if (this.series.every((series) => series.tops.every((value) => value === null))) this.series = [];\n    const option = (name: 'min' | 'max') => this._number(name) ?? this.options[name];\n    this._y = this._scale(this.series, option('min'), option('max'));\n  }\n\n  /** A number from one of the chart's data attributes, or null. */\n  protected _number(name: string) {\n    const value = parseFloat(this.el.dataset[name] ?? '');\n    return Number.isFinite(value) ? value : null;\n  }\n\n  /**\n   * Fits a y scale to the series' tops, between `min` and `max` where they\n   * are set, and gives it to each series.\n   */\n  protected _scale(series: Series[], min: number | null, max: number | null, fromZero = this._fromZero) {\n    const stacked = this.el.classList.contains('stacked');\n    let [low, high] = [Infinity, -Infinity];\n    for (const { tops } of series) {\n      for (const value of tops) {\n        if (value === null) continue;\n        low = Math.min(low, value);\n        high = Math.max(high, value);\n      }\n    }\n    if (low > high) low = high = 0;\n    if (fromZero) {\n      // Zero is on the scale, with 10% of the span to spare on each side\n      // that has data.\n      const [bottom, top] = [Math.min(0, low), Math.max(0, high)];\n      const room = (top - (min ?? bottom)) * 0.1 || 1;\n      min ??= bottom < 0 ? bottom - room : 0;\n      max ??= top + room;\n    } else {\n      const pad = (high - low) * 0.1 || 1;\n      // Stacked areas are read against zero, with the headroom of that span.\n      min ??= stacked ? Math.min(0, low) : low - pad;\n      max ??= high + (stacked ? (high - min) * 0.1 || 1 : pad);\n    }\n    const y = (value: number) => 100 - ((value - min) / (max - min || 1)) * 100;\n    for (const each of series) each.y = y;\n    return y;\n  }\n\n  /** Each row sits in the middle of an equal band, beside its label. */\n  private _x(index: number) {\n    const x = ((index + 0.5) / this.labels.length) * 100;\n    return this._reversed ? 100 - x : x;\n  }\n\n  private _render() {\n    const type = this._type;\n    this._plot = document.createElement('div');\n    this._plot.className = `${type}-plot`;\n    const caption = this.el.querySelector(':scope > figcaption')?.textContent.trim();\n    this._plot.setAttribute('role', 'group');\n    this._plot.setAttribute('aria-roledescription', type.replace(/-/g, ' '));\n    if (caption) this._plot.setAttribute('aria-label', caption);\n\n    this._cursor = document.createElement('div');\n    this._cursor.className = `${type}-cursor`;\n    this._cursor.hidden = true;\n    this._tooltip = document.createElement('div');\n    this._tooltip.className = `${type}-tooltip`;\n    this._tooltip.hidden = true;\n    this._tooltip.setAttribute('aria-live', 'polite');\n    this._plot.append(this._draw(), this._cursor, this._tooltip);\n\n    this._generated = [this._plot, ...this._guides()];\n    this.el.append(...this._generated);\n  }\n\n  /**\n   * The <tfoot> row as a total to show over the plot, its value over its\n   * label, or null without one.\n   */\n  protected _total(className: string): HTMLElement | null {\n    const footer = this.el.querySelector<HTMLTableElement>(':scope > table')?.tFoot?.rows[0];\n    if (!footer) return null;\n    const total = document.createElement('div');\n    total.className = className;\n    const [label, value] = [document.createElement('span'), document.createElement('strong')];\n    label.textContent = footer.cells[0]?.textContent.trim() ?? '';\n    value.textContent = footer.cells[1]?.textContent.trim() ?? '';\n    total.append(value, label);\n    return total;\n  }\n\n  /** The parts below the plot: the row labels and the legend. */\n  protected _guides(): Element[] {\n    const labels = document.createElement('ol');\n    labels.className = `${this._type}-labels`;\n    labels.setAttribute('aria-hidden', 'true');\n    // A loop rather than a spread: a spread of every row overflows the stack.\n    for (const text of this.labels) {\n      const li = document.createElement('li');\n      li.textContent = text;\n      labels.append(li);\n    }\n    return [labels, ...this._legend()];\n  }\n\n  /** The series legend, for more than one series. */\n  protected _legend(): Element[] {\n    if (this.series.length < 2) return [];\n    const legend = document.createElement('ul');\n    legend.className = `${this._type}-legend`;\n    legend.setAttribute('aria-hidden', 'true');\n    legend.append(...this.series.map((series, i) => {\n      const li = document.createElement('li');\n      li.dataset.series = seriesColor(i);\n      li.textContent = series.name;\n      return li;\n    }));\n    return [legend];\n  }\n\n  /** Draws the series, which fill the plot. */\n  protected _draw(drawn = this.series): Element {\n    const svg = svgNode('svg', {\n      viewBox: '0 0 100 100',\n      preserveAspectRatio: 'none',\n      'aria-hidden': 'true',\n      focusable: 'false'\n    });\n\n    for (const series of drawn) {\n      const group = svgNode('g', {\n        class: `${this._type}-series ${series.className}`.trim(),\n        'data-series': seriesColor(this.series.indexOf(series))\n      });\n\n      // A gap in the data breaks the line into runs of row indexes.\n      const runs: number[][] = [[]];\n      series.tops.forEach((value, index) => {\n        if (value === null) runs.push([]);\n        else runs[runs.length - 1].push(index);\n      });\n      const filled = runs.filter((run) => run.length);\n      const points = (run: number[], values: (number | null)[]) =>\n        run.map((index): [number, number] => [this._x(index), series.y(values[index]!)]);\n      const tops = filled.map((run) => monotonePath(points(run, series.tops)));\n\n      const id = `line-chart-gradient-${++_gradientId}`;\n      const gradient = svgNode('linearGradient', { id, x2: '0', y2: '1' });\n      gradient.append(svgNode('stop'), svgNode('stop', { offset: '1' }));\n\n      const area = svgNode('path', {\n        class: `${this._type}-area`,\n        fill: `url(#${id})`,\n        // A stacked area runs back along the series below; the reversed curve\n        // is the same curve. Its base stops at the plot bottom when the y axis\n        // starts above zero.\n        d: filled\n          .map((run, r) => {\n            if (!series.base) return `${tops[r]}V100H${this._x(run[0])}Z`;\n            const base = points(run, series.base).map(([x, y]): [number, number] => [x, Math.min(100, y)]);\n            return `${tops[r]}L${monotonePath(base.reverse()).slice(1)}Z`;\n          })\n          .join('')\n      });\n\n      const line = svgNode('path', { class: `${this._type}-line`, d: tops.join('') });\n\n      group.append(gradient, area, line);\n      svg.append(group);\n    }\n    return svg;\n  }\n\n  private _onPointerMove = (e: PointerEvent) => {\n    this.show(this._indexAt(e));\n  };\n\n  /** The row under the pointer, or -1. */\n  protected _indexAt(e: PointerEvent) {\n    const box = this._plot.getBoundingClientRect();\n    const fraction = this._horizontal\n      ? (e.clientY - box.top) / box.height\n      : (e.clientX - box.left) / box.width;\n    const index = Math.floor((this._reversed ? 1 - fraction : fraction) * this.labels.length);\n    return Math.min(this.labels.length - 1, Math.max(0, index));\n  }\n\n  /**\n   * For a circular chart, the pointer's position from the plot's middle: a\n   * fraction of a turn clockwise from the top, and its distance as a share\n   * of the plot's width.\n   */\n  protected _polarAt(e: PointerEvent): [turn: number, distance: number] {\n    const box = this._plot.getBoundingClientRect();\n    const [x, y] = [e.clientX - box.left - box.width / 2, e.clientY - box.top - box.height / 2];\n    return [(Math.atan2(x, -y) / (2 * Math.PI) + 1) % 1, Math.hypot(x, y) / box.width];\n  }\n\n  /** The keys that move to the next row and to the one before. */\n  protected get _arrows(): [string[], string[]] {\n    // Round a circle both pairs work. The rows run clockwise in RTL too, so\n    // right still moves the way the top row turns.\n    if (this._circular) return [['ArrowRight', 'ArrowDown'], ['ArrowLeft', 'ArrowUp']];\n    // Arrows move the cursor the way they point, so they swap in RTL.\n    if (this._horizontal) return [['ArrowDown'], ['ArrowUp']];\n    return this._reversed ? [['ArrowLeft'], ['ArrowRight']] : [['ArrowRight'], ['ArrowLeft']];\n  }\n\n  private _onFocus = () => {\n    // Only keyboard focus picks the first row; a press off the marks, which\n    // focuses the plot too, leaves the tooltip hidden.\n    if (this.activeIndex < 0 && this._plot.matches(':focus-visible')) this.show(0);\n  };\n\n  private _onLeave = (e: Event) => {\n    // A touch leaves as it lifts; the tapped row stays until the plot blurs.\n    if ((e as PointerEvent).pointerType === 'touch' || this._plot.matches(':focus-visible')) return;\n    this.show(-1);\n  };\n\n  /** The browser took the touch to scroll the page. */\n  private _onCancel = () => {\n    this.show(-1);\n  };\n\n  /** The index a key moves to, or undefined for a key the chart ignores. */\n  protected _keyTarget(key: string): number | undefined {\n    const last = this.labels.length - 1;\n    const [forward, back] = this._arrows;\n    const step = (by: number) => {\n      if (!this._circular) return Math.min(last, Math.max(0, this.activeIndex + by));\n      // Round a circle the ends meet; from no row, back starts at the last.\n      if (this.activeIndex < 0) return by > 0 ? 0 : last;\n      return (this.activeIndex + by + last + 1) % (last + 1);\n    };\n    // With nothing shown, Escape is left to a dialog or sheet around the chart.\n    if (key === 'Escape') return this.activeIndex < 0 ? undefined : -1;\n    return forward.includes(key) ? step(1)\n      : back.includes(key) ? step(-1)\n      : { Home: 0, End: last }[key];\n  }\n\n  private _onKeyDown = (e: KeyboardEvent) => {\n    const next = this._keyTarget(e.key);\n    if (next === undefined) return;\n    e.preventDefault();\n    this.show(next);\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-UBLRRJ7N.mjs → chunk-TSZYSW7F.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/cards.ts
 var _defaults = {
@@ -169,7 +169,7 @@ var Cards = class _Cards extends Component {
     Utils.onDocumentReady(() => {
       const cards = Array.from(document.querySelectorAll(CARDS_SELECTOR)).filter(isCardReveal);
       cards.forEach((el) => {
-        if (el && el["Expressive_Cards"] == void 0) this.init(el);
+        if (el["Expressive_Cards"] == void 0) this.init(el);
       });
     });
   }
@@ -180,4 +180,4 @@ export {
   isCardReveal,
   Cards
 };
-//# sourceMappingURL=chunk-UBLRRJ7N.mjs.map
+//# sourceMappingURL=chunk-TSZYSW7F.mjs.map

package/dist/js/chunks/{chunk-UBLRRJ7N.mjs.map → chunk-TSZYSW7F.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ts/components/cards.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';\n\nexport interface CardsOptions extends BaseOptions {\n  onOpen: (el: Element) => void;\n  onClose: (el: Element) => void;\n}\n\nconst _defaults: CardsOptions = {\n  onOpen: null,\n  onClose: null\n};\n\n/**\n * What counts as a card reveal.\n *\n * Shared with `components/registry.ts` so `Cards.Init()` and `AutoInit()` use\n * the same semantic selector.\n */\nexport const CARDS_SELECTOR =\n  'article:has(> aside[id]:not([id=\"\"])):not(:has(> aside ~ aside)):has(> button.card-reveal-trigger[type=\"button\"], > :not(aside) button.card-reveal-trigger[type=\"button\"])';\n\nconst REVEAL_INITIALIZED_CLASS = 'card-reveal-initialized';\n\nfunction hasAccessibleName(trigger: HTMLButtonElement) {\n  const label = trigger.getAttribute('aria-label');\n  if (label?.trim()) return true;\n\n  const labelledBy = trigger.getAttribute('aria-labelledby');\n  if (labelledBy) {\n    const referencedText = labelledBy\n      .trim()\n      .split(/\\s+/)\n      .map((id) => trigger.ownerDocument.getElementById(id)?.textContent ?? '')\n      .join(' ')\n      .trim();\n    if (referencedText) return true;\n  }\n\n  const content = trigger.cloneNode(true) as HTMLButtonElement;\n  content.querySelectorAll('[aria-hidden=\"true\"]').forEach((node) => node.remove());\n  return Boolean(content.textContent?.trim());\n}\n\nfunction isUsableCardTrigger(\n  trigger: HTMLButtonElement,\n  card: Element,\n  panel: HTMLElement\n) {\n  return (\n    trigger.closest('article') === card &&\n    !panel.contains(trigger) &&\n    !trigger.disabled &&\n    trigger.getAttribute('aria-disabled') !== 'true' &&\n    hasAccessibleName(trigger)\n  );\n}\n\nexport function isCardReveal(el: Element): el is HTMLElement {\n  if (el.tagName !== 'ARTICLE') return false;\n  const panels = el.querySelectorAll<HTMLElement>(':scope > aside');\n  if (panels.length !== 1 || !panels[0].id) return false;\n\n  return Array.from(\n    el.querySelectorAll<HTMLButtonElement>('button.card-reveal-trigger[type=\"button\"]')\n  ).some((trigger) => isUsableCardTrigger(trigger, el, panels[0]));\n}\n\nexport class Cards extends Component<CardsOptions> implements Openable {\n  isOpen: boolean = false;\n  private readonly cardReveal: HTMLElement | null;\n  private _activators: HTMLButtonElement[];\n  private _ownsRevealInitializedClass = false;\n  private _initialAriaControls = new Map<HTMLButtonElement, string | null>();\n  private _lastActivator: HTMLButtonElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<CardsOptions> = {}) {\n    super(el, options, Cards);\n    this.el['Expressive_Cards'] = this;\n\n    this.options = {\n      ...Cards.defaults,\n      ...options\n    };\n\n    const cardReveals = this.el.querySelectorAll<HTMLElement>(':scope > aside');\n    const cardReveal = cardReveals.length === 1 ? cardReveals[0] : null;\n    const activators = cardReveal\n      ? Array.from(\n          this.el.querySelectorAll<HTMLButtonElement>(\n            'button.card-reveal-trigger[type=\"button\"]'\n          )\n        ).filter(\n          (activator) => isUsableCardTrigger(activator, this.el, cardReveal)\n        )\n      : [];\n\n    this.cardReveal = cardReveal?.id && activators.length > 0 ? cardReveal : null;\n    this._activators = this.cardReveal ? activators : [];\n\n    if (this.cardReveal) {\n      this._ownsRevealInitializedClass = !this.el.classList.contains(REVEAL_INITIALIZED_CLASS);\n      this.el.classList.add(REVEAL_INITIALIZED_CLASS);\n      this._activators.forEach((activator) => {\n        this._initialAriaControls.set(activator, activator.getAttribute('aria-controls'));\n        activator.ariaExpanded = 'false';\n        activator.setAttribute('aria-controls', this.cardReveal.id);\n      });\n\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = true;\n      this._setupEventHandlers();\n    }\n  }\n\n  static get defaults(): CardsOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Cards.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<CardsOptions>): Cards;\n  /**\n   * Initializes instances of Cards.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<CardsOptions>): Cards[];\n  /**\n   * Initializes instances of Cards.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options?: Partial<CardsOptions>\n  ): Cards | Cards[] {\n    return super.init(els, options, Cards);\n  }\n\n  static getInstance(el: HTMLElement): Cards {\n    return el['Expressive_Cards'];\n  }\n\n  /**\n   * {@inheritDoc}\n   */\n  destroy() {\n    this._removeEventHandlers();\n    if (this.cardReveal) {\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = false;\n      if (this._ownsRevealInitializedClass) this.el.classList.remove(REVEAL_INITIALIZED_CLASS);\n    }\n    this._activators.forEach((activator) => {\n      activator.removeAttribute('aria-expanded');\n      const initialAriaControls = this._initialAriaControls.get(activator);\n      if (initialAriaControls === null) activator.removeAttribute('aria-controls');\n      else if (initialAriaControls !== undefined) {\n        activator.setAttribute('aria-controls', initialAriaControls);\n      }\n    });\n    this.isOpen = false;\n    this._activators = [];\n    this._initialAriaControls.clear();\n    this._lastActivator = null;\n    this.el['Expressive_Cards'] = undefined;\n  }\n\n  _setupEventHandlers = () => {\n    this._activators.forEach((activator) => {\n      activator.addEventListener('click', this._handleClickInteraction);\n    });\n    this.el.addEventListener('keydown', this._handleKeydownEvent);\n  };\n\n  _removeEventHandlers = () => {\n    this._activators.forEach((activator) => {\n      activator.removeEventListener('click', this._handleClickInteraction);\n    });\n    this.el.removeEventListener('keydown', this._handleKeydownEvent);\n  };\n\n  _handleClickInteraction = (event: MouseEvent) => {\n    this._lastActivator = event.currentTarget as HTMLButtonElement;\n    this._handleRevealEvent();\n  };\n\n  _handleKeydownEvent = (event: KeyboardEvent) => {\n    const target = event.target instanceof Element ? event.target.closest('article') : null;\n    if (target !== this.el || event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    this.close();\n  };\n\n  _handleRevealEvent = () => {\n    if (this.isOpen) this.close();\n    else this.open();\n  };\n\n  /**\n   * Show card reveal.\n   */\n  open: () => void = () => {\n    if (this.isOpen || !this.cardReveal) return;\n    this.isOpen = true;\n    this.cardReveal.classList.add('open');\n    this.cardReveal.inert = false;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'true'));\n    if (typeof this.options.onOpen === 'function') {\n      this.options.onOpen.call(this, this.el);\n    }\n  };\n\n  /**\n   * Hide card reveal.\n   */\n  close: () => void = () => {\n    if (!this.isOpen || !this.cardReveal) return;\n\n    const focusWasInside = this.cardReveal.contains(document.activeElement);\n    this.isOpen = false;\n    this.cardReveal.classList.remove('open');\n    this.cardReveal.inert = true;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'false'));\n    if (typeof this.options.onClose === 'function') {\n      this.options.onClose.call(this, this.el);\n    }\n\n    if (focusWasInside) {\n      (this._lastActivator ?? this._activators[0])?.focus();\n    }\n  };\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      const cards = Array.from(document.querySelectorAll(CARDS_SELECTOR)).filter(isCardReveal);\n      cards.forEach((el) => {\n        if (el && el['Expressive_Cards'] == undefined) this.init(el as HTMLElement);\n      });\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;AAQA,IAAM,YAA0B;AAAA,EAC9B,QAAQ;AAAA,EACR,SAAS;AACX;AAQO,IAAM,iBACX;AAEF,IAAM,2BAA2B;AAEjC,SAAS,kBAAkB,SAA4B;AACrD,QAAM,QAAQ,QAAQ,aAAa,YAAY;AAC/C,MAAI,OAAO,KAAK,EAAG,QAAO;AAE1B,QAAM,aAAa,QAAQ,aAAa,iBAAiB;AACzD,MAAI,YAAY;AACd,UAAM,iBAAiB,WACpB,KAAK,EACL,MAAM,KAAK,EACX,IAAI,CAAC,OAAO,QAAQ,cAAc,eAAe,EAAE,GAAG,eAAe,EAAE,EACvE,KAAK,GAAG,EACR,KAAK;AACR,QAAI,eAAgB,QAAO;AAAA,EAC7B;AAEA,QAAM,UAAU,QAAQ,UAAU,IAAI;AACtC,UAAQ,iBAAiB,sBAAsB,EAAE,QAAQ,CAAC,SAAS,KAAK,OAAO,CAAC;AAChF,SAAO,QAAQ,QAAQ,aAAa,KAAK,CAAC;AAC5C;AAEA,SAAS,oBACP,SACA,MACA,OACA;AACA,SACE,QAAQ,QAAQ,SAAS,MAAM,QAC/B,CAAC,MAAM,SAAS,OAAO,KACvB,CAAC,QAAQ,YACT,QAAQ,aAAa,eAAe,MAAM,UAC1C,kBAAkB,OAAO;AAE7B;AAEO,SAAS,aAAa,IAAgC;AAC3D,MAAI,GAAG,YAAY,UAAW,QAAO;AACrC,QAAM,SAAS,GAAG,iBAA8B,gBAAgB;AAChE,MAAI,OAAO,WAAW,KAAK,CAAC,OAAO,CAAC,EAAE,GAAI,QAAO;AAEjD,SAAO,MAAM;AAAA,IACX,GAAG,iBAAoC,2CAA2C;AAAA,EACpF,EAAE,KAAK,CAAC,YAAY,oBAAoB,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC;AACjE;AAEO,IAAM,QAAN,MAAM,eAAc,UAA4C;AAAA,EAQrE,YAAY,IAAiB,UAAiC,CAAC,GAAG;AAChE,UAAM,IAAI,SAAS,MAAK;AAR1B,kBAAkB;AAGlB,SAAQ,8BAA8B;AACtC,SAAQ,uBAAuB,oBAAI,IAAsC;AACzE,SAAQ,iBAA2C;AAkGnD,+BAAsB,MAAM;AAC1B,WAAK,YAAY,QAAQ,CAAC,cAAc;AACtC,kBAAU,iBAAiB,SAAS,KAAK,uBAAuB;AAAA,MAClE,CAAC;AACD,WAAK,GAAG,iBAAiB,WAAW,KAAK,mBAAmB;AAAA,IAC9D;AAEA,gCAAuB,MAAM;AAC3B,WAAK,YAAY,QAAQ,CAAC,cAAc;AACtC,kBAAU,oBAAoB,SAAS,KAAK,uBAAuB;AAAA,MACrE,CAAC;AACD,WAAK,GAAG,oBAAoB,WAAW,KAAK,mBAAmB;AAAA,IACjE;AAEA,mCAA0B,CAAC,UAAsB;AAC/C,WAAK,iBAAiB,MAAM;AAC5B,WAAK,mBAAmB;AAAA,IAC1B;AAEA,+BAAsB,CAAC,UAAyB;AAC9C,YAAM,SAAS,MAAM,kBAAkB,UAAU,MAAM,OAAO,QAAQ,SAAS,IAAI;AACnF,UAAI,WAAW,KAAK,MAAM,MAAM,QAAQ,YAAY,CAAC,KAAK,OAAQ;AAClE,YAAM,eAAe;AACrB,WAAK,MAAM;AAAA,IACb;AAEA,8BAAqB,MAAM;AACzB,UAAI,KAAK,OAAQ,MAAK,MAAM;AAAA,UACvB,MAAK,KAAK;AAAA,IACjB;AAKA;AAAA;AAAA;AAAA,gBAAmB,MAAM;AACvB,UAAI,KAAK,UAAU,CAAC,KAAK,WAAY;AACrC,WAAK,SAAS;AACd,WAAK,WAAW,UAAU,IAAI,MAAM;AACpC,WAAK,WAAW,QAAQ;AACxB,WAAK,YAAY,QAAQ,CAAC,cAAe,UAAU,eAAe,MAAO;AACzE,UAAI,OAAO,KAAK,QAAQ,WAAW,YAAY;AAC7C,aAAK,QAAQ,OAAO,KAAK,MAAM,KAAK,EAAE;AAAA,MACxC;AAAA,IACF;AAKA;AAAA;AAAA;AAAA,iBAAoB,MAAM;AACxB,UAAI,CAAC,KAAK,UAAU,CAAC,KAAK,WAAY;AAEtC,YAAM,iBAAiB,KAAK,WAAW,SAAS,SAAS,aAAa;AACtE,WAAK,SAAS;AACd,WAAK,WAAW,UAAU,OAAO,MAAM;AACvC,WAAK,WAAW,QAAQ;AACxB,WAAK,YAAY,QAAQ,CAAC,cAAe,UAAU,eAAe,OAAQ;AAC1E,UAAI,OAAO,KAAK,QAAQ,YAAY,YAAY;AAC9C,aAAK,QAAQ,QAAQ,KAAK,MAAM,KAAK,EAAE;AAAA,MACzC;AAEA,UAAI,gBAAgB;AAClB,SAAC,KAAK,kBAAkB,KAAK,YAAY,CAAC,IAAI,MAAM;AAAA,MACtD;AAAA,IACF;AA7JE,SAAK,GAAG,kBAAkB,IAAI;AAE9B,SAAK,UAAU;AAAA,MACb,GAAG,OAAM;AAAA,MACT,GAAG;AAAA,IACL;AAEA,UAAM,cAAc,KAAK,GAAG,iBAA8B,gBAAgB;AAC1E,UAAM,aAAa,YAAY,WAAW,IAAI,YAAY,CAAC,IAAI;AAC/D,UAAM,aAAa,aACf,MAAM;AAAA,MACJ,KAAK,GAAG;AAAA,QACN;AAAA,MACF;AAAA,IACF,EAAE;AAAA,MACA,CAAC,cAAc,oBAAoB,WAAW,KAAK,IAAI,UAAU;AAAA,IACnE,IACA,CAAC;AAEL,SAAK,aAAa,YAAY,MAAM,WAAW,SAAS,IAAI,aAAa;AACzE,SAAK,cAAc,KAAK,aAAa,aAAa,CAAC;AAEnD,QAAI,KAAK,YAAY;AACnB,WAAK,8BAA8B,CAAC,KAAK,GAAG,UAAU,SAAS,wBAAwB;AACvF,WAAK,GAAG,UAAU,IAAI,wBAAwB;AAC9C,WAAK,YAAY,QAAQ,CAAC,cAAc;AACtC,aAAK,qBAAqB,IAAI,WAAW,UAAU,aAAa,eAAe,CAAC;AAChF,kBAAU,eAAe;AACzB,kBAAU,aAAa,iBAAiB,KAAK,WAAW,EAAE;AAAA,MAC5D,CAAC;AAED,WAAK,WAAW,UAAU,OAAO,MAAM;AACvC,WAAK,WAAW,QAAQ;AACxB,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,WAAW,WAAyB;AAClC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBA,OAAO,KACL,KACA,SACiB;AACjB,WAAO,MAAM,KAAK,KAAK,SAAS,MAAK;AAAA,EACvC;AAAA,EAEA,OAAO,YAAY,IAAwB;AACzC,WAAO,GAAG,kBAAkB;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,SAAK,qBAAqB;AAC1B,QAAI,KAAK,YAAY;AACnB,WAAK,WAAW,UAAU,OAAO,MAAM;AACvC,WAAK,WAAW,QAAQ;AACxB,UAAI,KAAK,4BAA6B,MAAK,GAAG,UAAU,OAAO,wBAAwB;AAAA,IACzF;AACA,SAAK,YAAY,QAAQ,CAAC,cAAc;AACtC,gBAAU,gBAAgB,eAAe;AACzC,YAAM,sBAAsB,KAAK,qBAAqB,IAAI,SAAS;AACnE,UAAI,wBAAwB,KAAM,WAAU,gBAAgB,eAAe;AAAA,eAClE,wBAAwB,QAAW;AAC1C,kBAAU,aAAa,iBAAiB,mBAAmB;AAAA,MAC7D;AAAA,IACF,CAAC;AACD,SAAK,SAAS;AACd,SAAK,cAAc,CAAC;AACpB,SAAK,qBAAqB,MAAM;AAChC,SAAK,iBAAiB;AACtB,SAAK,GAAG,kBAAkB,IAAI;AAAA,EAChC;AAAA,EAmEA,OAAO,OAAO;AACZ,UAAM,gBAAgB,MAAM;AAC1B,YAAM,QAAQ,MAAM,KAAK,SAAS,iBAAiB,cAAc,CAAC,EAAE,OAAO,YAAY;AACvF,YAAM,QAAQ,CAAC,OAAO;AACpB,YAAI,MAAM,GAAG,kBAAkB,KAAK,OAAW,MAAK,KAAK,EAAiB;AAAA,MAC5E,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';\n\nexport interface CardsOptions extends BaseOptions {\n  onOpen: (el: Element) => void;\n  onClose: (el: Element) => void;\n}\n\nconst _defaults: CardsOptions = {\n  onOpen: null,\n  onClose: null\n};\n\n/**\n * What counts as a card reveal.\n *\n * Shared with `components/registry.ts` so `Cards.Init()` and `AutoInit()` use\n * the same semantic selector.\n */\nexport const CARDS_SELECTOR =\n  'article:has(> aside[id]:not([id=\"\"])):not(:has(> aside ~ aside)):has(> button.card-reveal-trigger[type=\"button\"], > :not(aside) button.card-reveal-trigger[type=\"button\"])';\n\nconst REVEAL_INITIALIZED_CLASS = 'card-reveal-initialized';\n\nfunction hasAccessibleName(trigger: HTMLButtonElement) {\n  const label = trigger.getAttribute('aria-label');\n  if (label?.trim()) return true;\n\n  const labelledBy = trigger.getAttribute('aria-labelledby');\n  if (labelledBy) {\n    const referencedText = labelledBy\n      .trim()\n      .split(/\\s+/)\n      .map((id) => trigger.ownerDocument.getElementById(id)?.textContent ?? '')\n      .join(' ')\n      .trim();\n    if (referencedText) return true;\n  }\n\n  const content = trigger.cloneNode(true) as HTMLButtonElement;\n  content.querySelectorAll('[aria-hidden=\"true\"]').forEach((node) => node.remove());\n  return Boolean(content.textContent?.trim());\n}\n\nfunction isUsableCardTrigger(\n  trigger: HTMLButtonElement,\n  card: Element,\n  panel: HTMLElement\n) {\n  return (\n    trigger.closest('article') === card &&\n    !panel.contains(trigger) &&\n    !trigger.disabled &&\n    trigger.getAttribute('aria-disabled') !== 'true' &&\n    hasAccessibleName(trigger)\n  );\n}\n\nexport function isCardReveal(el: Element): el is HTMLElement {\n  if (el.tagName !== 'ARTICLE') return false;\n  const panels = el.querySelectorAll<HTMLElement>(':scope > aside');\n  if (panels.length !== 1 || !panels[0].id) return false;\n\n  return Array.from(\n    el.querySelectorAll<HTMLButtonElement>('button.card-reveal-trigger[type=\"button\"]')\n  ).some((trigger) => isUsableCardTrigger(trigger, el, panels[0]));\n}\n\nexport class Cards extends Component<CardsOptions> implements Openable {\n  isOpen: boolean = false;\n  private readonly cardReveal: HTMLElement | null;\n  private _activators: HTMLButtonElement[];\n  private _ownsRevealInitializedClass = false;\n  private _initialAriaControls = new Map<HTMLButtonElement, string | null>();\n  private _lastActivator: HTMLButtonElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<CardsOptions> = {}) {\n    super(el, options, Cards);\n    this.el['Expressive_Cards'] = this;\n\n    this.options = {\n      ...Cards.defaults,\n      ...options\n    };\n\n    const cardReveals = this.el.querySelectorAll<HTMLElement>(':scope > aside');\n    const cardReveal = cardReveals.length === 1 ? cardReveals[0] : null;\n    const activators = cardReveal\n      ? Array.from(\n          this.el.querySelectorAll<HTMLButtonElement>(\n            'button.card-reveal-trigger[type=\"button\"]'\n          )\n        ).filter(\n          (activator) => isUsableCardTrigger(activator, this.el, cardReveal)\n        )\n      : [];\n\n    this.cardReveal = cardReveal?.id && activators.length > 0 ? cardReveal : null;\n    this._activators = this.cardReveal ? activators : [];\n\n    if (this.cardReveal) {\n      this._ownsRevealInitializedClass = !this.el.classList.contains(REVEAL_INITIALIZED_CLASS);\n      this.el.classList.add(REVEAL_INITIALIZED_CLASS);\n      this._activators.forEach((activator) => {\n        this._initialAriaControls.set(activator, activator.getAttribute('aria-controls'));\n        activator.ariaExpanded = 'false';\n        activator.setAttribute('aria-controls', this.cardReveal.id);\n      });\n\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = true;\n      this._setupEventHandlers();\n    }\n  }\n\n  static get defaults(): CardsOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Cards.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<CardsOptions>): Cards;\n  /**\n   * Initializes instances of Cards.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<CardsOptions>): Cards[];\n  /**\n   * Initializes instances of Cards.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options?: Partial<CardsOptions>\n  ): Cards | Cards[] {\n    return super.init(els, options, Cards);\n  }\n\n  static getInstance(el: HTMLElement): Cards {\n    return el['Expressive_Cards'];\n  }\n\n  /**\n   * {@inheritDoc}\n   */\n  destroy() {\n    this._removeEventHandlers();\n    if (this.cardReveal) {\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = false;\n      if (this._ownsRevealInitializedClass) this.el.classList.remove(REVEAL_INITIALIZED_CLASS);\n    }\n    this._activators.forEach((activator) => {\n      activator.removeAttribute('aria-expanded');\n      const initialAriaControls = this._initialAriaControls.get(activator);\n      if (initialAriaControls === null) activator.removeAttribute('aria-controls');\n      else if (initialAriaControls !== undefined) {\n        activator.setAttribute('aria-controls', initialAriaControls);\n      }\n    });\n    this.isOpen = false;\n    this._activators = [];\n    this._initialAriaControls.clear();\n    this._lastActivator = null;\n    this.el['Expressive_Cards'] = undefined;\n  }\n\n  _setupEventHandlers = () => {\n    this._activators.forEach((activator) => {\n      activator.addEventListener('click', this._handleClickInteraction);\n    });\n    this.el.addEventListener('keydown', this._handleKeydownEvent);\n  };\n\n  _removeEventHandlers = () => {\n    this._activators.forEach((activator) => {\n      activator.removeEventListener('click', this._handleClickInteraction);\n    });\n    this.el.removeEventListener('keydown', this._handleKeydownEvent);\n  };\n\n  _handleClickInteraction = (event: MouseEvent) => {\n    this._lastActivator = event.currentTarget as HTMLButtonElement;\n    this._handleRevealEvent();\n  };\n\n  _handleKeydownEvent = (event: KeyboardEvent) => {\n    const target = event.target instanceof Element ? event.target.closest('article') : null;\n    if (target !== this.el || event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    this.close();\n  };\n\n  _handleRevealEvent = () => {\n    if (this.isOpen) this.close();\n    else this.open();\n  };\n\n  /**\n   * Show card reveal.\n   */\n  open: () => void = () => {\n    if (this.isOpen || !this.cardReveal) return;\n    this.isOpen = true;\n    this.cardReveal.classList.add('open');\n    this.cardReveal.inert = false;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'true'));\n    if (typeof this.options.onOpen === 'function') {\n      this.options.onOpen.call(this, this.el);\n    }\n  };\n\n  /**\n   * Hide card reveal.\n   */\n  close: () => void = () => {\n    if (!this.isOpen || !this.cardReveal) return;\n\n    const focusWasInside = this.cardReveal.contains(document.activeElement);\n    this.isOpen = false;\n    this.cardReveal.classList.remove('open');\n    this.cardReveal.inert = true;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'false'));\n    if (typeof this.options.onClose === 'function') {\n      this.options.onClose.call(this, this.el);\n    }\n\n    if (focusWasInside) {\n      (this._lastActivator ?? this._activators[0])?.focus();\n    }\n  };\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      const cards = Array.from(document.querySelectorAll(CARDS_SELECTOR)).filter(isCardReveal);\n      cards.forEach((el) => {\n        if (el['Expressive_Cards'] == undefined) this.init(el);\n      });\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;AAQA,IAAM,YAA0B;AAAA,EAC9B,QAAQ;AAAA,EACR,SAAS;AACX;AAQO,IAAM,iBACX;AAEF,IAAM,2BAA2B;AAEjC,SAAS,kBAAkB,SAA4B;AACrD,QAAM,QAAQ,QAAQ,aAAa,YAAY;AAC/C,MAAI,OAAO,KAAK,EAAG,QAAO;AAE1B,QAAM,aAAa,QAAQ,aAAa,iBAAiB;AACzD,MAAI,YAAY;AACd,UAAM,iBAAiB,WACpB,KAAK,EACL,MAAM,KAAK,EACX,IAAI,CAAC,OAAO,QAAQ,cAAc,eAAe,EAAE,GAAG,eAAe,EAAE,EACvE,KAAK,GAAG,EACR,KAAK;AACR,QAAI,eAAgB,QAAO;AAAA,EAC7B;AAEA,QAAM,UAAU,QAAQ,UAAU,IAAI;AACtC,UAAQ,iBAAiB,sBAAsB,EAAE,QAAQ,CAAC,SAAS,KAAK,OAAO,CAAC;AAChF,SAAO,QAAQ,QAAQ,aAAa,KAAK,CAAC;AAC5C;AAEA,SAAS,oBACP,SACA,MACA,OACA;AACA,SACE,QAAQ,QAAQ,SAAS,MAAM,QAC/B,CAAC,MAAM,SAAS,OAAO,KACvB,CAAC,QAAQ,YACT,QAAQ,aAAa,eAAe,MAAM,UAC1C,kBAAkB,OAAO;AAE7B;AAEO,SAAS,aAAa,IAAgC;AAC3D,MAAI,GAAG,YAAY,UAAW,QAAO;AACrC,QAAM,SAAS,GAAG,iBAA8B,gBAAgB;AAChE,MAAI,OAAO,WAAW,KAAK,CAAC,OAAO,CAAC,EAAE,GAAI,QAAO;AAEjD,SAAO,MAAM;AAAA,IACX,GAAG,iBAAoC,2CAA2C;AAAA,EACpF,EAAE,KAAK,CAAC,YAAY,oBAAoB,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC;AACjE;AAEO,IAAM,QAAN,MAAM,eAAc,UAA4C;AAAA,EAQrE,YAAY,IAAiB,UAAiC,CAAC,GAAG;AAChE,UAAM,IAAI,SAAS,MAAK;AAR1B,kBAAkB;AAGlB,SAAQ,8BAA8B;AACtC,SAAQ,uBAAuB,oBAAI,IAAsC;AACzE,SAAQ,iBAA2C;AAkGnD,+BAAsB,MAAM;AAC1B,WAAK,YAAY,QAAQ,CAAC,cAAc;AACtC,kBAAU,iBAAiB,SAAS,KAAK,uBAAuB;AAAA,MAClE,CAAC;AACD,WAAK,GAAG,iBAAiB,WAAW,KAAK,mBAAmB;AAAA,IAC9D;AAEA,gCAAuB,MAAM;AAC3B,WAAK,YAAY,QAAQ,CAAC,cAAc;AACtC,kBAAU,oBAAoB,SAAS,KAAK,uBAAuB;AAAA,MACrE,CAAC;AACD,WAAK,GAAG,oBAAoB,WAAW,KAAK,mBAAmB;AAAA,IACjE;AAEA,mCAA0B,CAAC,UAAsB;AAC/C,WAAK,iBAAiB,MAAM;AAC5B,WAAK,mBAAmB;AAAA,IAC1B;AAEA,+BAAsB,CAAC,UAAyB;AAC9C,YAAM,SAAS,MAAM,kBAAkB,UAAU,MAAM,OAAO,QAAQ,SAAS,IAAI;AACnF,UAAI,WAAW,KAAK,MAAM,MAAM,QAAQ,YAAY,CAAC,KAAK,OAAQ;AAClE,YAAM,eAAe;AACrB,WAAK,MAAM;AAAA,IACb;AAEA,8BAAqB,MAAM;AACzB,UAAI,KAAK,OAAQ,MAAK,MAAM;AAAA,UACvB,MAAK,KAAK;AAAA,IACjB;AAKA;AAAA;AAAA;AAAA,gBAAmB,MAAM;AACvB,UAAI,KAAK,UAAU,CAAC,KAAK,WAAY;AACrC,WAAK,SAAS;AACd,WAAK,WAAW,UAAU,IAAI,MAAM;AACpC,WAAK,WAAW,QAAQ;AACxB,WAAK,YAAY,QAAQ,CAAC,cAAe,UAAU,eAAe,MAAO;AACzE,UAAI,OAAO,KAAK,QAAQ,WAAW,YAAY;AAC7C,aAAK,QAAQ,OAAO,KAAK,MAAM,KAAK,EAAE;AAAA,MACxC;AAAA,IACF;AAKA;AAAA;AAAA;AAAA,iBAAoB,MAAM;AACxB,UAAI,CAAC,KAAK,UAAU,CAAC,KAAK,WAAY;AAEtC,YAAM,iBAAiB,KAAK,WAAW,SAAS,SAAS,aAAa;AACtE,WAAK,SAAS;AACd,WAAK,WAAW,UAAU,OAAO,MAAM;AACvC,WAAK,WAAW,QAAQ;AACxB,WAAK,YAAY,QAAQ,CAAC,cAAe,UAAU,eAAe,OAAQ;AAC1E,UAAI,OAAO,KAAK,QAAQ,YAAY,YAAY;AAC9C,aAAK,QAAQ,QAAQ,KAAK,MAAM,KAAK,EAAE;AAAA,MACzC;AAEA,UAAI,gBAAgB;AAClB,SAAC,KAAK,kBAAkB,KAAK,YAAY,CAAC,IAAI,MAAM;AAAA,MACtD;AAAA,IACF;AA7JE,SAAK,GAAG,kBAAkB,IAAI;AAE9B,SAAK,UAAU;AAAA,MACb,GAAG,OAAM;AAAA,MACT,GAAG;AAAA,IACL;AAEA,UAAM,cAAc,KAAK,GAAG,iBAA8B,gBAAgB;AAC1E,UAAM,aAAa,YAAY,WAAW,IAAI,YAAY,CAAC,IAAI;AAC/D,UAAM,aAAa,aACf,MAAM;AAAA,MACJ,KAAK,GAAG;AAAA,QACN;AAAA,MACF;AAAA,IACF,EAAE;AAAA,MACA,CAAC,cAAc,oBAAoB,WAAW,KAAK,IAAI,UAAU;AAAA,IACnE,IACA,CAAC;AAEL,SAAK,aAAa,YAAY,MAAM,WAAW,SAAS,IAAI,aAAa;AACzE,SAAK,cAAc,KAAK,aAAa,aAAa,CAAC;AAEnD,QAAI,KAAK,YAAY;AACnB,WAAK,8BAA8B,CAAC,KAAK,GAAG,UAAU,SAAS,wBAAwB;AACvF,WAAK,GAAG,UAAU,IAAI,wBAAwB;AAC9C,WAAK,YAAY,QAAQ,CAAC,cAAc;AACtC,aAAK,qBAAqB,IAAI,WAAW,UAAU,aAAa,eAAe,CAAC;AAChF,kBAAU,eAAe;AACzB,kBAAU,aAAa,iBAAiB,KAAK,WAAW,EAAE;AAAA,MAC5D,CAAC;AAED,WAAK,WAAW,UAAU,OAAO,MAAM;AACvC,WAAK,WAAW,QAAQ;AACxB,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,WAAW,WAAyB;AAClC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBA,OAAO,KACL,KACA,SACiB;AACjB,WAAO,MAAM,KAAK,KAAK,SAAS,MAAK;AAAA,EACvC;AAAA,EAEA,OAAO,YAAY,IAAwB;AACzC,WAAO,GAAG,kBAAkB;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,SAAK,qBAAqB;AAC1B,QAAI,KAAK,YAAY;AACnB,WAAK,WAAW,UAAU,OAAO,MAAM;AACvC,WAAK,WAAW,QAAQ;AACxB,UAAI,KAAK,4BAA6B,MAAK,GAAG,UAAU,OAAO,wBAAwB;AAAA,IACzF;AACA,SAAK,YAAY,QAAQ,CAAC,cAAc;AACtC,gBAAU,gBAAgB,eAAe;AACzC,YAAM,sBAAsB,KAAK,qBAAqB,IAAI,SAAS;AACnE,UAAI,wBAAwB,KAAM,WAAU,gBAAgB,eAAe;AAAA,eAClE,wBAAwB,QAAW;AAC1C,kBAAU,aAAa,iBAAiB,mBAAmB;AAAA,MAC7D;AAAA,IACF,CAAC;AACD,SAAK,SAAS;AACd,SAAK,cAAc,CAAC;AACpB,SAAK,qBAAqB,MAAM;AAChC,SAAK,iBAAiB;AACtB,SAAK,GAAG,kBAAkB,IAAI;AAAA,EAChC;AAAA,EAmEA,OAAO,OAAO;AACZ,UAAM,gBAAgB,MAAM;AAC1B,YAAM,QAAQ,MAAM,KAAK,SAAS,iBAAiB,cAAc,CAAC,EAAE,OAAO,YAAY;AACvF,YAAM,QAAQ,CAAC,OAAO;AACpB,YAAI,GAAG,kBAAkB,KAAK,OAAW,MAAK,KAAK,EAAE;AAAA,MACvD,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/dist/js/chunks/{chunk-UEZUJQ66.mjs → chunk-UAZSDUVP.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/appBar.ts
 var _defaults = {};
@@ -74,8 +74,7 @@ var AppBar = class _AppBar extends Component {
     this._input = this.el.querySelector('input[type="search"]');
     if (!this._input) return;
     const id = this._input.getAttribute("aria-controls");
-    if (id) this._view = document.getElementById(id);
-    if (!this._view) this._view = this.el.querySelector(".search-view");
+    this._view = id && document.getElementById(id) || this.el.querySelector(".search-view");
     if (!this._view) return;
     this._input.addEventListener("focus", this._onSearchFocus);
     this._input.addEventListener("click", this._onSearchFocus);
@@ -88,4 +87,4 @@ var AppBar = class _AppBar extends Component {
 export {
   AppBar
 };
-//# sourceMappingURL=chunk-UEZUJQ66.mjs.map
+//# sourceMappingURL=chunk-UAZSDUVP.mjs.map

package/dist/js/chunks/{chunk-UEZUJQ66.mjs.map → chunk-UAZSDUVP.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ts/components/appBar.ts"],
-  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nconst _defaults: BaseOptions = {};\n\n/**\n * Collapse medium/large flexible app bars on scroll, and open the related\n * search view when the search field in a search app bar is selected.\n *\n * Observation is IntersectionObserver on a sentinel after the header.\n * A scroll listener would re-enter layout on every tick; this does not.\n */\nexport class AppBar extends Component<BaseOptions> {\n  private _observer: IntersectionObserver | null = null;\n  private _sentinel: HTMLElement | null = null;\n  private _input: HTMLInputElement | null = null;\n  private _view: HTMLElement | null = null;\n  private _searchOpen = false;\n\n  constructor(el: HTMLElement, options: Partial<BaseOptions>) {\n    super(el, options, AppBar);\n    this.el['Expressive_AppBar'] = this;\n    this.options = { ...AppBar.defaults, ...options };\n    this._setupCollapse();\n    this._setupSearch();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<BaseOptions>): AppBar;\n  static init(els: InitElements<InitElement>, options?: Partial<BaseOptions>): AppBar[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<BaseOptions> = {}\n  ): AppBar | AppBar[] {\n    return super.init(els, options, AppBar);\n  }\n\n  static getInstance(el: HTMLElement): AppBar {\n    return el['Expressive_AppBar'];\n  }\n\n  destroy() {\n    this._observer?.disconnect();\n    this._observer = null;\n    this._sentinel?.remove();\n    this._sentinel = null;\n    this._input?.removeEventListener('focus', this._onSearchFocus);\n    this._input?.removeEventListener('click', this._onSearchFocus);\n    this._view?.removeEventListener('close', this._onSearchViewClose);\n    this.el.classList.remove('collapsed');\n    this.el['Expressive_AppBar'] = undefined;\n  }\n\n  private _setupCollapse() {\n    if (!this.el.classList.contains('medium') && !this.el.classList.contains('large')) {\n      return;\n    }\n    if (typeof IntersectionObserver === 'undefined') return;\n\n    // Collapsing shrinks the header, and scroll anchoring then scrolls the page\n    // back by the height it lost. The sentinel follows the header, so it moves\n    // with the page and that correction cannot bring it back into view. It sits\n    // 64px, the small bar's height, above the header's bottom edge. An expanded\n    // bar therefore collapses once the page has scrolled by the height that\n    // collapsing removes, and a collapsed bar expands when the page is back at\n    // its top. Zero height and no margins keep it out of the layout.\n    this._sentinel = document.createElement('span');\n    this._sentinel.setAttribute('aria-hidden', 'true');\n    this._sentinel.style.cssText =\n      'display:block;height:0;position:relative;top:-64px;pointer-events:none;visibility:hidden';\n    this.el.insertAdjacentElement('afterend', this._sentinel);\n    this._observer = new IntersectionObserver(this._onIntersect);\n    this._observer.observe(this._sentinel);\n  }\n\n  private _onIntersect = (entries: IntersectionObserverEntry[]) => {\n    const entry = entries[0];\n    if (!entry) return;\n    // Collapse only when the sentinel has gone above the pinned header. A\n    // sentinel below the viewport would move back into view as the bar shrank,\n    // and the bar would switch sizes on every frame.\n    this.el.classList.toggle(\n      'collapsed',\n      !entry.isIntersecting && entry.boundingClientRect.top < this.el.getBoundingClientRect().top\n    );\n  };\n\n  private _setupSearch() {\n    this._input = this.el.querySelector('input[type=\"search\"]');\n    if (!this._input) return;\n\n    const id = this._input.getAttribute('aria-controls');\n    if (id) this._view = document.getElementById(id);\n    if (!this._view) this._view = this.el.querySelector('.search-view');\n    if (!this._view) return;\n\n    this._input.addEventListener('focus', this._onSearchFocus);\n    this._input.addEventListener('click', this._onSearchFocus);\n    if (this._view instanceof HTMLDialogElement) {\n      this._view.addEventListener('close', this._onSearchViewClose);\n    }\n  }\n\n  private _onSearchViewClose = () => {\n    this._searchOpen = (this._view as HTMLDialogElement).open;\n  };\n\n  private _onSearchFocus = () => {\n    if (!this._view || this._searchOpen) return;\n    if (this._view instanceof HTMLDialogElement) {\n      this._searchOpen = true;\n      if (!this._view.open) this._view.showModal();\n      return;\n    }\n    this._view.hidden = false;\n    this._input?.setAttribute('aria-expanded', 'true');\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nconst _defaults: BaseOptions = {};\n\n/**\n * Collapse medium/large flexible app bars on scroll, and open the related\n * search view when the search field in a search app bar is selected.\n *\n * Observation is IntersectionObserver on a sentinel after the header.\n * A scroll listener would re-enter layout on every tick; this does not.\n */\nexport class AppBar extends Component<BaseOptions> {\n  private _observer: IntersectionObserver | null = null;\n  private _sentinel: HTMLElement | null = null;\n  private _input: HTMLInputElement | null = null;\n  private _view: HTMLElement | null = null;\n  private _searchOpen = false;\n\n  constructor(el: HTMLElement, options: Partial<BaseOptions>) {\n    super(el, options, AppBar);\n    this.el['Expressive_AppBar'] = this;\n    this.options = { ...AppBar.defaults, ...options };\n    this._setupCollapse();\n    this._setupSearch();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<BaseOptions>): AppBar;\n  static init(els: InitElements<InitElement>, options?: Partial<BaseOptions>): AppBar[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<BaseOptions> = {}\n  ): AppBar | AppBar[] {\n    return super.init(els, options, AppBar);\n  }\n\n  static getInstance(el: HTMLElement): AppBar {\n    return el['Expressive_AppBar'];\n  }\n\n  destroy() {\n    this._observer?.disconnect();\n    this._observer = null;\n    this._sentinel?.remove();\n    this._sentinel = null;\n    this._input?.removeEventListener('focus', this._onSearchFocus);\n    this._input?.removeEventListener('click', this._onSearchFocus);\n    this._view?.removeEventListener('close', this._onSearchViewClose);\n    this.el.classList.remove('collapsed');\n    this.el['Expressive_AppBar'] = undefined;\n  }\n\n  private _setupCollapse() {\n    if (!this.el.classList.contains('medium') && !this.el.classList.contains('large')) {\n      return;\n    }\n    if (typeof IntersectionObserver === 'undefined') return;\n\n    // Collapsing shrinks the header, and scroll anchoring then scrolls the page\n    // back by the height it lost. The sentinel follows the header, so it moves\n    // with the page and that correction cannot bring it back into view. It sits\n    // 64px, the small bar's height, above the header's bottom edge. An expanded\n    // bar therefore collapses once the page has scrolled by the height that\n    // collapsing removes, and a collapsed bar expands when the page is back at\n    // its top. Zero height and no margins keep it out of the layout.\n    this._sentinel = document.createElement('span');\n    this._sentinel.setAttribute('aria-hidden', 'true');\n    this._sentinel.style.cssText =\n      'display:block;height:0;position:relative;top:-64px;pointer-events:none;visibility:hidden';\n    this.el.insertAdjacentElement('afterend', this._sentinel);\n    this._observer = new IntersectionObserver(this._onIntersect);\n    this._observer.observe(this._sentinel);\n  }\n\n  private _onIntersect = (entries: IntersectionObserverEntry[]) => {\n    const entry = entries[0];\n    if (!entry) return;\n    // Collapse only when the sentinel has gone above the pinned header. A\n    // sentinel below the viewport would move back into view as the bar shrank,\n    // and the bar would switch sizes on every frame.\n    this.el.classList.toggle(\n      'collapsed',\n      !entry.isIntersecting && entry.boundingClientRect.top < this.el.getBoundingClientRect().top\n    );\n  };\n\n  private _setupSearch() {\n    this._input = this.el.querySelector('input[type=\"search\"]');\n    if (!this._input) return;\n\n    const id = this._input.getAttribute('aria-controls');\n    this._view = (id && document.getElementById(id)) || this.el.querySelector('.search-view');\n    if (!this._view) return;\n\n    this._input.addEventListener('focus', this._onSearchFocus);\n    this._input.addEventListener('click', this._onSearchFocus);\n    if (this._view instanceof HTMLDialogElement) {\n      this._view.addEventListener('close', this._onSearchViewClose);\n    }\n  }\n\n  private _onSearchViewClose = () => {\n    this._searchOpen = (this._view as HTMLDialogElement).open;\n  };\n\n  private _onSearchFocus = () => {\n    if (!this._view || this._searchOpen) return;\n    if (this._view instanceof HTMLDialogElement) {\n      this._searchOpen = true;\n      if (!this._view.open) this._view.showModal();\n      return;\n    }\n    this._view.hidden = false;\n    this._input?.setAttribute('aria-expanded', 'true');\n  };\n}\n"],
+  "mappings": ";;;;;AAEA,IAAM,YAAyB,CAAC;AASzB,IAAM,SAAN,MAAM,gBAAe,UAAuB;AAAA,EAOjD,YAAY,IAAiB,SAA+B;AAC1D,UAAM,IAAI,SAAS,OAAM;AAP3B,SAAQ,YAAyC;AACjD,SAAQ,YAAgC;AACxC,SAAQ,SAAkC;AAC1C,SAAQ,QAA4B;AACpC,SAAQ,cAAc;AA6DtB,SAAQ,eAAe,CAAC,YAAyC;AAC/D,YAAM,QAAQ,QAAQ,CAAC;AACvB,UAAI,CAAC,MAAO;AAIZ,WAAK,GAAG,UAAU;AAAA,QAChB;AAAA,QACA,CAAC,MAAM,kBAAkB,MAAM,mBAAmB,MAAM,KAAK,GAAG,sBAAsB,EAAE;AAAA,MAC1F;AAAA,IACF;AAiBA,SAAQ,qBAAqB,MAAM;AACjC,WAAK,cAAe,KAAK,MAA4B;AAAA,IACvD;AAEA,SAAQ,iBAAiB,MAAM;AAC7B,UAAI,CAAC,KAAK,SAAS,KAAK,YAAa;AACrC,UAAI,KAAK,iBAAiB,mBAAmB;AAC3C,aAAK,cAAc;AACnB,YAAI,CAAC,KAAK,MAAM,KAAM,MAAK,MAAM,UAAU;AAC3C;AAAA,MACF;AACA,WAAK,MAAM,SAAS;AACpB,WAAK,QAAQ,aAAa,iBAAiB,MAAM;AAAA,IACnD;AAjGE,SAAK,GAAG,mBAAmB,IAAI;AAC/B,SAAK,UAAU,EAAE,GAAG,QAAO,UAAU,GAAG,QAAQ;AAChD,SAAK,eAAe;AACpB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,WAAW,WAAwB;AACjC,WAAO;AAAA,EACT;AAAA,EAIA,OAAO,KACL,KACA,UAAgC,CAAC,GACd;AACnB,WAAO,MAAM,KAAK,KAAK,SAAS,OAAM;AAAA,EACxC;AAAA,EAEA,OAAO,YAAY,IAAyB;AAC1C,WAAO,GAAG,mBAAmB;AAAA,EAC/B;AAAA,EAEA,UAAU;AACR,SAAK,WAAW,WAAW;AAC3B,SAAK,YAAY;AACjB,SAAK,WAAW,OAAO;AACvB,SAAK,YAAY;AACjB,SAAK,QAAQ,oBAAoB,SAAS,KAAK,cAAc;AAC7D,SAAK,QAAQ,oBAAoB,SAAS,KAAK,cAAc;AAC7D,SAAK,OAAO,oBAAoB,SAAS,KAAK,kBAAkB;AAChE,SAAK,GAAG,UAAU,OAAO,WAAW;AACpC,SAAK,GAAG,mBAAmB,IAAI;AAAA,EACjC;AAAA,EAEQ,iBAAiB;AACvB,QAAI,CAAC,KAAK,GAAG,UAAU,SAAS,QAAQ,KAAK,CAAC,KAAK,GAAG,UAAU,SAAS,OAAO,GAAG;AACjF;AAAA,IACF;AACA,QAAI,OAAO,yBAAyB,YAAa;AASjD,SAAK,YAAY,SAAS,cAAc,MAAM;AAC9C,SAAK,UAAU,aAAa,eAAe,MAAM;AACjD,SAAK,UAAU,MAAM,UACnB;AACF,SAAK,GAAG,sBAAsB,YAAY,KAAK,SAAS;AACxD,SAAK,YAAY,IAAI,qBAAqB,KAAK,YAAY;AAC3D,SAAK,UAAU,QAAQ,KAAK,SAAS;AAAA,EACvC;AAAA,EAcQ,eAAe;AACrB,SAAK,SAAS,KAAK,GAAG,cAAc,sBAAsB;AAC1D,QAAI,CAAC,KAAK,OAAQ;AAElB,UAAM,KAAK,KAAK,OAAO,aAAa,eAAe;AACnD,SAAK,QAAS,MAAM,SAAS,eAAe,EAAE,KAAM,KAAK,GAAG,cAAc,cAAc;AACxF,QAAI,CAAC,KAAK,MAAO;AAEjB,SAAK,OAAO,iBAAiB,SAAS,KAAK,cAAc;AACzD,SAAK,OAAO,iBAAiB,SAAS,KAAK,cAAc;AACzD,QAAI,KAAK,iBAAiB,mBAAmB;AAC3C,WAAK,MAAM,iBAAiB,SAAS,KAAK,kBAAkB;AAAA,IAC9D;AAAA,EACF;AAgBF;",
   "names": []
 }