@expressivecss/expressive 0.14.1 → 0.16.0

package/dist/js/chunks/{chunk-NS2UMNZV.mjs → chunk-ANKFWNWT.mjs}

@@ -1,9 +1,9 @@
-import {
-  Utils
-} from "./chunk-MNPROCZF.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
 
 // src/ts/components/messageScroller.ts
 var _defaults = {
@@ -14,9 +14,9 @@ var _defaults = {
 var EDGE = 2;
 var UP_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "PageUp", "Home"]);
 var RELEASE_EVENTS = ["pointerup", "pointercancel", "touchend", "touchcancel"];
-var MessageScroller = class _MessageScroller extends Component {
+var MessageScroller = class extends Component {
   constructor(el, options) {
-    super(el, options, _MessageScroller);
+    super(el, options);
     this._opened = false;
     this._following = false;
     /** A press is down: it may be a tap or a scrollbar drag. */
@@ -65,10 +65,10 @@ var MessageScroller = class _MessageScroller extends Component {
     this._handleMutations = (records) => {
       for (const record of records) {
         record.addedNodes.forEach((node) => {
-          if (node instanceof Element) this._resizeObserver?.observe(node);
+          if (node instanceof Element) this._resizeObserver.observe(node);
         });
         record.removedNodes.forEach((node) => {
-          if (node instanceof Element) this._resizeObserver?.unobserve(node);
+          if (node instanceof Element) this._resizeObserver.unobserve(node);
         });
       }
       const previous = this._last;
@@ -101,11 +101,6 @@ var MessageScroller = class _MessageScroller extends Component {
       }
       this._sync();
     };
-    this.el["Expressive_MessageScroller"] = this;
-    this.options = {
-      ..._MessageScroller.defaults,
-      ...options
-    };
     this.viewport = el.querySelector(":scope > .message-scroller-viewport");
     this.button = el.querySelector(":scope > .message-scroller-button");
     if (!this.viewport) {
@@ -114,49 +109,29 @@ var MessageScroller = class _MessageScroller extends Component {
     }
     this._last = this.viewport.lastElementChild;
     if (this.viewport.clientHeight > 0) this._open();
-    if (typeof ResizeObserver !== "undefined") {
-      this._resizeObserver = new ResizeObserver(this._handleResize);
-      this._resizeObserver.observe(this.viewport, { box: "border-box" });
-      for (const item of Array.from(this.viewport.children)) this._resizeObserver.observe(item);
-    }
+    this._resizeObserver = new ResizeObserver(this._handleResize);
+    this._resizeObserver.observe(this.viewport, { box: "border-box" });
+    for (const item of Array.from(this.viewport.children)) this._resizeObserver.observe(item);
     this._mutationObserver = new MutationObserver(this._handleMutations);
     this._mutationObserver.observe(this.viewport, { childList: true });
-    this.viewport.addEventListener("scroll", this._handleScroll, { passive: true });
+    const { signal } = this._events;
+    this.viewport.addEventListener("scroll", this._handleScroll, { passive: true, signal });
     for (const type of ["wheel", "touchstart", "pointerdown", "keydown"]) {
-      this.viewport.addEventListener(type, this._handleUserScroll, { passive: true });
+      this.viewport.addEventListener(type, this._handleUserScroll, { passive: true, signal });
     }
-    for (const type of RELEASE_EVENTS) document.addEventListener(type, this._handleRelease);
-    this.button?.addEventListener("click", this._handleButtonClick);
+    for (const type of RELEASE_EVENTS) document.addEventListener(type, this._handleRelease, { signal });
+    this.button?.addEventListener("click", this._handleButtonClick, { signal });
   }
   static get defaults() {
     return _defaults;
   }
-  /**
-   * Initializes instances of MessageScroller.
-   * @param els HTML elements.
-   * @param options Component options.
-   */
-  static init(els, options = {}) {
-    return super.init(els, options, _MessageScroller);
-  }
-  static getInstance(el) {
-    return el["Expressive_MessageScroller"];
-  }
   destroy() {
-    this.el["Expressive_MessageScroller"] = void 0;
+    super.destroy();
     if (!this.viewport) return;
     this._resizeObserver?.disconnect();
     this._mutationObserver?.disconnect();
-    this.viewport.removeEventListener("scroll", this._handleScroll);
-    for (const type of ["wheel", "touchstart", "pointerdown", "keydown"]) {
-      this.viewport.removeEventListener(type, this._handleUserScroll);
-    }
-    for (const type of RELEASE_EVENTS) document.removeEventListener(type, this._handleRelease);
     this.viewport.style.removeProperty("--md-comp-message-scroller-spacer");
-    if (this.button) {
-      this.button.removeEventListener("click", this._handleButtonClick);
-      this.button.inert = false;
-    }
+    if (this.button) this.button.inert = false;
   }
   /** Scrolls to the latest message and resumes following. */
   scrollToEnd() {
@@ -214,7 +189,7 @@ var MessageScroller = class _MessageScroller extends Component {
     }
     this._target = target;
     this._distance = Infinity;
-    const reduce = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const reduce = matchMedia("(prefers-reduced-motion: reduce)").matches;
     v.scrollTo({
       top: target === "end" ? v.scrollHeight : target,
       behavior: reduce ? "auto" : "smooth"
@@ -285,8 +260,9 @@ var MessageScroller = class _MessageScroller extends Component {
     this.button.inert = idle;
   }
 };
+MessageScroller.key = "Expressive_MessageScroller";
 
 export {
   MessageScroller
 };
-//# sourceMappingURL=chunk-NS2UMNZV.mjs.map
+//# sourceMappingURL=chunk-ANKFWNWT.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/messageScroller.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\n\nexport interface MessageScrollerOptions extends BaseOptions {\n  /**\n   * If true, the viewport follows new content while the reader is at the\n   * end, and a newly appended scroll anchor is brought to the top.\n   * @default true\n   */\n  autoScroll: boolean;\n  /**\n   * Where the transcript opens: `'end'`, `'start'`, or `'last-anchor'`, the\n   * start of the last anchored turn. `'last-anchor'` opens at the end when\n   * that turn already fits in the viewport.\n   * @default 'end'\n   */\n  defaultScrollPosition: 'start' | 'end' | 'last-anchor';\n  /**\n   * Pixels of the previous message left visible above an anchored turn or a\n   * message reached with `scrollToMessage()`.\n   * @default 64\n   */\n  peek: number;\n}\n\nconst _defaults: MessageScrollerOptions = {\n  autoScroll: true,\n  defaultScrollPosition: 'end',\n  peek: 64\n};\n\n// Distance from a scroll target, in px, that still counts as reaching it.\n// Fractional layouts rarely land on the exact pixel.\nconst EDGE = 2;\n\n// Keys that scroll toward the start. They release following at once, before\n// the next streamed chunk can pull the viewport back to the end.\nconst UP_KEYS = new Set(['ArrowUp', 'PageUp', 'Home']);\n\n// Listened on the document: a scrollbar drag can end outside the viewport.\nconst RELEASE_EVENTS = ['pointerup', 'pointercancel', 'touchend', 'touchcancel'];\n\ntype Target = number | 'end';\n\n/**\n * A chat scroll container: a `.message-scroller` frame holding a scrolling\n * `.message-scroller-viewport` of messages and an optional\n * `.message-scroller-button`. Every child of the viewport is one message.\n *\n * While the reader is at the end, the viewport follows streamed output.\n * Scrolling toward the start releases it; reaching the end again, or the\n * button, resumes it. An appended message marked `data-scroll-anchor` starts a\n * turn and is scrolled to the top, with blank space below it until the reply\n * fills the viewport. Messages added above keep the reader's place.\n */\nexport class MessageScroller extends Component<MessageScrollerOptions> {\n  /** The scrolling element. */\n  viewport: HTMLElement;\n  /** The scroll-to-latest button, if present. */\n  button: HTMLButtonElement | null;\n  private _opened = false;\n  private _following = false;\n  /** A press is down: it may be a tap or a scrollbar drag. */\n  private _holding = false;\n  private _lastTop = 0;\n  /** Where a programmatic scroll is heading; null when none is running. */\n  private _target: Target | null = null;\n  /** Distance left to the target at the last scroll event. */\n  private _distance = Infinity;\n  /** The first visible message and its offset from the viewport top. */\n  private _ref: Element | null = null;\n  private _refOffset = 0;\n  /** The latest anchored turn, which the spacer lets reach the top. */\n  private _anchor: Element | null = null;\n  private _spacer = 0;\n  private _last: Element | null = null;\n  private _resizeObserver: ResizeObserver | null = null;\n  private _mutationObserver: MutationObserver | null = null;\n\n  constructor(el: HTMLElement, options: Partial<MessageScrollerOptions>) {\n    super(el, options);\n    this.viewport = el.querySelector(':scope > .message-scroller-viewport');\n    this.button = el.querySelector(':scope > .message-scroller-button');\n    if (!this.viewport) {\n      console.error('MessageScroller needs a .message-scroller-viewport child.');\n      return;\n    }\n    this._last = this.viewport.lastElementChild;\n    // A viewport that is not rendered yet (a closed dialog, a hidden tab)\n    // has no size to position against; it opens on its first resize.\n    if (this.viewport.clientHeight > 0) this._open();\n    this._resizeObserver = new ResizeObserver(this._handleResize);\n    // Border box: the spacer changes the padding, which must not count.\n    this._resizeObserver.observe(this.viewport, { box: 'border-box' });\n    for (const item of Array.from(this.viewport.children)) this._resizeObserver.observe(item);\n    this._mutationObserver = new MutationObserver(this._handleMutations);\n    this._mutationObserver.observe(this.viewport, { childList: true });\n    const { signal } = this._events;\n    this.viewport.addEventListener('scroll', this._handleScroll, { passive: true, signal });\n    for (const type of ['wheel', 'touchstart', 'pointerdown', 'keydown']) {\n      this.viewport.addEventListener(type, this._handleUserScroll, { passive: true, signal });\n    }\n    for (const type of RELEASE_EVENTS) document.addEventListener(type, this._handleRelease, { signal });\n    this.button?.addEventListener('click', this._handleButtonClick, { signal });\n  }\n\n  static get defaults(): MessageScrollerOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_MessageScroller';\n\n  destroy() {\n    super.destroy();\n    if (!this.viewport) return;\n    this._resizeObserver?.disconnect();\n    this._mutationObserver?.disconnect();\n    this.viewport.style.removeProperty('--md-comp-message-scroller-spacer');\n    if (this.button) this.button.inert = false;\n  }\n\n  /** Scrolls to the latest message and resumes following. */\n  scrollToEnd() {\n    // Set now: output streaming faster than the scroll can end it early.\n    this._following = this.options.autoScroll;\n    this._scrollTo('end');\n  }\n\n  /** Scrolls to the first message. */\n  scrollToStart() {\n    this._following = false;\n    this._scrollTo(0);\n  }\n\n  /**\n   * Scrolls the element with this id to the top of the viewport, below the\n   * peek, and stops following.\n   * @returns false when no such element is inside the viewport.\n   */\n  scrollToMessage(id: string): boolean {\n    const target = Utils.getElementById(this.viewport, id);\n    if (!target || !this.viewport.contains(target)) return false;\n    this._following = false;\n    this._scrollTo(this._top(target) - this.options.peek);\n    return true;\n  }\n\n  private _open() {\n    this._opened = true;\n    const v = this.viewport;\n    const position = this.options.defaultScrollPosition;\n    const anchors = v.querySelectorAll(':scope > [data-scroll-anchor]');\n    const anchor = position === 'last-anchor' ? anchors[anchors.length - 1] : null;\n    if (position === 'start') v.scrollTop = 0;\n    else if (anchor && this._contentEnd() - this._top(anchor) + this.options.peek > v.clientHeight) {\n      v.scrollTop = this._top(anchor) - this.options.peek;\n    } else v.scrollTop = v.scrollHeight;\n    this._settle();\n  }\n\n  /**\n   * Records where the reader is once no programmatic scroll is running.\n   * Content can grow between a scroll and the resize that re-pins the end,\n   * so only moving toward the start releases following.\n   */\n  private _settle() {\n    const top = this.viewport.scrollTop;\n    const kept = this._following && top >= this._lastTop - EDGE;\n    this._following = this.options.autoScroll && (kept || this._atEnd());\n    this._lastTop = top;\n    this._capture();\n    this._sync();\n  }\n\n  // A programmatic scroll ends when it arrives, or when a scroll moves away\n  // from its target because something else took over.\n  private _handleScroll = () => {\n    if (this._target !== null) {\n      const distance = Math.abs(this.viewport.scrollTop - this._resolve(this._target));\n      if (distance > EDGE && distance < this._distance) {\n        this._distance = distance;\n        return;\n      }\n      this._target = null;\n    }\n    this._settle();\n  };\n\n  private _handleUserScroll = (e: Event) => {\n    if (e.type === 'wheel' && (e as WheelEvent).deltaY >= 0) return;\n    if (e.type === 'keydown' && !UP_KEYS.has((e as KeyboardEvent).key)) return;\n    this._target = null;\n    // A press may be a tap on a message or the start of a drag. Hold the end\n    // until it is released; a scroll toward the start releases following.\n    if (e.type === 'pointerdown' || e.type === 'touchstart') this._holding = true;\n    else this._following = false;\n  };\n\n  private _handleRelease = () => {\n    if (!this._holding) return;\n    this._holding = false;\n    if (this._following) this.viewport.scrollTop = this.viewport.scrollHeight;\n    this._sync();\n  };\n\n  private _handleButtonClick = () => this.scrollToEnd();\n\n  private _handleMutations = (records: MutationRecord[]) => {\n    for (const record of records) {\n      record.addedNodes.forEach((node) => {\n        if (node instanceof Element) this._resizeObserver.observe(node);\n      });\n      record.removedNodes.forEach((node) => {\n        if (node instanceof Element) this._resizeObserver.unobserve(node);\n      });\n    }\n    const previous = this._last;\n    this._last = this.viewport.lastElementChild;\n    if (!this._opened) return;\n    // Restore here, not only on resize: this runs before any scroll event\n    // that could record the shifted position as the reader's place.\n    if (!this._following && this._target === null) this._restore();\n    if (!this.options.autoScroll) return;\n    // Only messages appended after the previous last one start a new turn;\n    // anchors in prepended history do not. If the last one was removed, the\n    // list was replaced and nothing counts as appended.\n    if (previous && previous.parentElement !== this.viewport) return;\n    for (let item = this._last; item && item !== previous; item = item.previousElementSibling) {\n      if (item.hasAttribute('data-scroll-anchor')) {\n        this._anchor = item;\n        this._updateSpacer();\n        // Follow the reply once the turn reaches the top, unless the reader\n        // scrolls away first. _settle keeps it because the scroll went down.\n        this._following = true;\n        this._scrollTo(this._top(item) - this.options.peek);\n        return;\n      }\n    }\n  };\n\n  private _handleResize = () => {\n    if (!this._opened) {\n      if (this.viewport.clientHeight > 0) this._open();\n      return;\n    }\n    this._updateSpacer();\n    const v = this.viewport;\n    if (this._target === 'end') this._scrollTo('end');\n    else if (this._target === null) {\n      if (this._following && !this._holding) v.scrollTop = v.scrollHeight;\n      else this._restore();\n    }\n    this._sync();\n  };\n\n  private _scrollTo(target: Target) {\n    const v = this.viewport;\n    if (Math.abs(v.scrollTop - this._resolve(target)) <= EDGE) {\n      this._target = null;\n      this._settle();\n      return;\n    }\n    this._target = target;\n    this._distance = Infinity;\n    const reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;\n    v.scrollTo({\n      top: target === 'end' ? v.scrollHeight : target,\n      behavior: reduce ? 'auto' : 'smooth'\n    });\n  }\n\n  private _resolve(target: Target) {\n    const max = this.viewport.scrollHeight - this.viewport.clientHeight;\n    return target === 'end' ? max : Math.max(0, Math.min(target, max));\n  }\n\n  private _atEnd() {\n    const v = this.viewport;\n    return v.scrollHeight - v.scrollTop - v.clientHeight <= EDGE;\n  }\n\n  /** Offset of an element from the top of the scrolled content. */\n  private _top(el: Element) {\n    const v = this.viewport;\n    return el.getBoundingClientRect().top - v.getBoundingClientRect().top - v.clientTop + v.scrollTop;\n  }\n\n  /** Bottom of the content without the spacer, padding included. */\n  private _contentEnd() {\n    const last = this.viewport.lastElementChild;\n    if (!last) return 0;\n    const padding = parseFloat(getComputedStyle(this.viewport).paddingBlockEnd) - this._spacer;\n    return this._top(last) + last.getBoundingClientRect().height + padding;\n  }\n\n  /** Remembers the first visible message so prepends can keep it in place. */\n  private _capture() {\n    const items = this.viewport.children;\n    const top = this.viewport.getBoundingClientRect().top + this.viewport.clientTop;\n    let low = 0;\n    let high = items.length - 1;\n    while (low < high) {\n      const mid = (low + high) >> 1;\n      if (items[mid].getBoundingClientRect().bottom > top) high = mid;\n      else low = mid + 1;\n    }\n    this._ref = items[low] ?? null;\n    this._refOffset = this._ref ? this._ref.getBoundingClientRect().top - top : 0;\n  }\n\n  /** Moves the remembered message back to where the reader last saw it. */\n  private _restore() {\n    if (this._ref?.parentElement !== this.viewport) {\n      this._capture();\n      return;\n    }\n    const top = this.viewport.getBoundingClientRect().top + this.viewport.clientTop;\n    const delta = this._ref.getBoundingClientRect().top - top - this._refOffset;\n    if (Math.abs(delta) >= 1) this.viewport.scrollTop += delta;\n  }\n\n  /** Sizes the blank space that lets the latest anchored turn reach the top. */\n  private _updateSpacer() {\n    let space = 0;\n    if (this._anchor?.parentElement === this.viewport) {\n      const room = this._top(this._anchor) - this.options.peek + this.viewport.clientHeight;\n      space = Math.max(0, Math.ceil(room - this._contentEnd()));\n    } else this._anchor = null;\n    if (space === this._spacer) return;\n    this._spacer = space;\n    if (space) this.viewport.style.setProperty('--md-comp-message-scroller-spacer', `${space}px`);\n    else this.viewport.style.removeProperty('--md-comp-message-scroller-spacer');\n  }\n\n  /** The button is inert while there is nothing below. */\n  private _sync() {\n    if (!this.button) return;\n    const idle = this._atEnd();\n    // The button's own root: inside a shadow root, document.activeElement is the host.\n    const root = this.button.getRootNode() as Document | ShadowRoot;\n    if (idle && root.activeElement === this.button) this.viewport.focus({ preventScroll: true });\n    this.button.inert = idle;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-GIW4K4SE.mjs → chunk-B7DQFHA5.mjs}

@@ -1,17 +1,23 @@
-import {
-  Utils
-} from "./chunk-MNPROCZF.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
 
 // src/ts/components/slider.ts
 var _defaults = {};
 var _authored = /* @__PURE__ */ new WeakMap();
-var Slider = class _Slider extends Component {
+var _Slider = class _Slider extends Component {
   constructor(el, options) {
-    super(el, options, _Slider);
+    super(el, options);
     this._resizeObserver = null;
+    // The reset event fires before the browser restores the values.
+    this._handleFormReset = () => {
+      setTimeout(() => {
+        if (_Slider.getInstance(this.el) === this) this._sync();
+      });
+    };
     this._handleRangeChange = () => {
       this._clampDual();
       this._sync();
@@ -41,39 +47,21 @@ var Slider = class _Slider extends Component {
         this.thumb.classList.remove("active");
       }
     };
-    this.el["Expressive_Slider"] = this;
-    this.options = {
-      ..._Slider.defaults,
-      ...options
-    };
     this._pointerDown = false;
     this._setupThumb();
     this._sync();
     this._setupEventHandlers();
-    if (typeof ResizeObserver !== "undefined") {
-      this._resizeObserver = new ResizeObserver(() => this._sync());
-      this._resizeObserver.observe(this.el);
-    }
+    this._resizeObserver = new ResizeObserver(() => this._sync());
+    this._resizeObserver.observe(this.el);
+    if (this.el.parentElement) this._resizeObserver.observe(this.el.parentElement);
   }
   static get defaults() {
     return _defaults;
   }
-  /**
-   * Initializes instances of Slider.
-   * @param els HTML elements.
-   * @param options Component options.
-   */
-  static init(els, options = {}) {
-    return super.init(els, options, _Slider);
-  }
-  static getInstance(el) {
-    return el["Expressive_Slider"];
-  }
   destroy() {
     this._resizeObserver?.disconnect();
-    this._removeEventHandlers();
     this._removeThumb();
-    this.el["Expressive_Slider"] = void 0;
+    super.destroy();
     const host = this._host();
     for (const el of [this.el, host]) {
       for (const name in _authored.get(el)) el.style.setProperty(name, _authored.get(el)[name]);
@@ -91,22 +79,15 @@ var Slider = class _Slider extends Component {
   // twice - once for mouse, once for touch. One of the touch spellings,
   // `touchleave`, was never implemented by any browser at all.
   _setupEventHandlers() {
-    this.el.addEventListener("change", this._handleRangeChange);
-    this.el.addEventListener("pointerdown", this._handleRangePointerDown);
-    this.el.addEventListener("input", this._handleRangeInput);
-    this.el.addEventListener("pointerup", this._handleRangePointerUp);
-    this.el.addEventListener("pointercancel", this._handleRangePointerUp);
-    this.el.addEventListener("blur", this._handleRangeRelease);
-    this.el.addEventListener("mouseout", this._handleRangeRelease);
-  }
-  _removeEventHandlers() {
-    this.el.removeEventListener("change", this._handleRangeChange);
-    this.el.removeEventListener("pointerdown", this._handleRangePointerDown);
-    this.el.removeEventListener("input", this._handleRangeInput);
-    this.el.removeEventListener("pointerup", this._handleRangePointerUp);
-    this.el.removeEventListener("pointercancel", this._handleRangePointerUp);
-    this.el.removeEventListener("blur", this._handleRangeRelease);
-    this.el.removeEventListener("mouseout", this._handleRangeRelease);
+    const { signal } = this._events;
+    this.el.addEventListener("change", this._handleRangeChange, { signal });
+    this.el.addEventListener("pointerdown", this._handleRangePointerDown, { signal });
+    this.el.addEventListener("input", this._handleRangeInput, { signal });
+    this.el.addEventListener("pointerup", this._handleRangePointerUp, { signal });
+    this.el.addEventListener("pointercancel", this._handleRangePointerUp, { signal });
+    this.el.addEventListener("blur", this._handleRangeRelease, { signal });
+    this.el.addEventListener("mouseout", this._handleRangeRelease, { signal });
+    this.el.form?.addEventListener("reset", this._handleFormReset, { signal });
   }
   _setupThumb() {
     this.thumb = document.createElement("span");
@@ -123,7 +104,7 @@ var Slider = class _Slider extends Component {
     return !!this.el.closest(".vertical");
   }
   _host() {
-    return this.el.closest(".slider, .range, .range-field, label");
+    return this.el.closest(".slider, label");
   }
   _clampDual() {
     const host = this._host();
@@ -134,10 +115,13 @@ var Slider = class _Slider extends Component {
     if (this.el === start && +start.value > +end.value) start.value = end.value;
     if (this.el === end && +end.value < +start.value) end.value = start.value;
   }
-  _fraction(el) {
+  /** The input's range, defaulting like the browser does: 0 to 100. */
+  _bounds(el) {
     const parsedMax = parseFloat(el.max);
-    const max = Number.isNaN(parsedMax) ? 100 : parsedMax;
-    const min = parseFloat(el.min) || 0;
+    return { max: Number.isNaN(parsedMax) ? 100 : parsedMax, min: parseFloat(el.min) || 0 };
+  }
+  _fraction(el) {
+    const { max, min } = this._bounds(el);
     const val = parseFloat(el.value) || 0;
     return max === min ? 0 : (val - min) / (max - min);
   }
@@ -166,9 +150,7 @@ var Slider = class _Slider extends Component {
       this._set(host, "--md-comp-slider-end-position", `${handle / 2 + Math.max(...nums) * (length - handle)}px`);
     }
     if (host?.classList.contains("stops")) {
-      const parsedMax = parseFloat(this.el.max);
-      const max = Number.isNaN(parsedMax) ? 100 : parsedMax;
-      const min = parseFloat(this.el.min) || 0;
+      const { max, min } = this._bounds(this.el);
       const step = parseFloat(this.el.step);
       const stops = step > 0 && Number.isFinite(step) && max > min;
       this._set(host, "--md-comp-slider-stop-count", stops ? String(Math.floor((max - min) / step + 1e-9) + 1) : "");
@@ -192,12 +174,14 @@ var Slider = class _Slider extends Component {
    */
   static Init() {
     Utils.onDocumentReady(() => {
-      _Slider.init(document.querySelectorAll("input[type=range]"), {});
+      _Slider.init(document.querySelectorAll("input[type=range]:not(.image-compare > input, .color-picker-hue)"));
     });
   }
 };
+_Slider.key = "Expressive_Slider";
+var Slider = _Slider;
 
 export {
   Slider
 };
-//# sourceMappingURL=chunk-GIW4K4SE.mjs.map
+//# sourceMappingURL=chunk-B7DQFHA5.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/slider.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { Utils } from '../core/utils';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface SliderOptions extends BaseOptions {}\n\nconst _defaults: SliderOptions = {};\n\n// Inline values _set() replaced, per element, so destroy() can put back what\n// an author wrote. Per element, not per instance: both handles of a range\n// write the same host properties.\nconst _authored = new WeakMap<HTMLElement, Record<string, string>>();\n\nexport class Slider extends Component<SliderOptions> {\n  declare el: HTMLInputElement;\n  private _pointerDown: boolean;\n  private _resizeObserver: ResizeObserver | null = null;\n  value: HTMLElement;\n  thumb: HTMLElement;\n\n  constructor(el: HTMLInputElement, options: Partial<SliderOptions>) {\n    super(el, options);\n\n    this._pointerDown = false;\n    this._setupThumb();\n    this._sync();\n    this._setupEventHandlers();\n    this._resizeObserver = new ResizeObserver(() => this._sync());\n    this._resizeObserver.observe(this.el);\n    // The bubble and stop row are placed from the input's offsets, which\n    // move when the host resizes around an input that keeps its size.\n    if (this.el.parentElement) this._resizeObserver.observe(this.el.parentElement);\n  }\n\n  static get defaults(): SliderOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Slider';\n\n  destroy() {\n    this._resizeObserver?.disconnect();\n    this._removeThumb();\n    super.destroy();\n    const host = this._host();\n    for (const el of [this.el, host]) {\n      for (const name in _authored.get(el)) el.style.setProperty(name, _authored.get(el)[name]);\n      _authored.delete(el);\n    }\n    // The other handle of a range writes the shared host properties again.\n    host?.querySelectorAll('input[type=\"range\"]').forEach((el) => el['Expressive_Slider']?._sync());\n  }\n\n  _set(el: HTMLElement, name: string, value: string) {\n    const authored = _authored.get(el) ?? {};\n    _authored.set(el, authored);\n    authored[name] ??= el.style.getPropertyValue(name);\n    el.style.setProperty(name, value);\n  }\n\n  // Eleven listeners used to cover four stages, because each one was written\n  // twice - once for mouse, once for touch. One of the touch spellings,\n  // `touchleave`, was never implemented by any browser at all.\n  _setupEventHandlers() {\n    const { signal } = this._events;\n    this.el.addEventListener('change', this._handleRangeChange, { signal });\n    this.el.addEventListener('pointerdown', this._handleRangePointerDown, { signal });\n    // `input` alone tracks a drag. A `pointermove` sync used to run as well,\n    // twice per frame, and before the browser had moved the value.\n    this.el.addEventListener('input', this._handleRangeInput, { signal });\n    this.el.addEventListener('pointerup', this._handleRangePointerUp, { signal });\n    this.el.addEventListener('pointercancel', this._handleRangePointerUp, { signal });\n    this.el.addEventListener('blur', this._handleRangeRelease, { signal });\n    // `mouseout`, not `pointerout`: this used to be a `mouseout`/`touchleave`\n    // pair, and `touchleave` was never implemented by any browser, so the\n    // handler has only ever run for a mouse. `pointerout` also fires when a\n    // touch lifts, which would clear the thumb's active state at a moment\n    // nothing cleared it before.\n    this.el.addEventListener('mouseout', this._handleRangeRelease, { signal });\n    // A form reset restores the value without an input event.\n    this.el.form?.addEventListener('reset', this._handleFormReset, { signal });\n  }\n\n  // The reset event fires before the browser restores the values.\n  _handleFormReset = () => {\n    setTimeout(() => {\n      if (Slider.getInstance(this.el) === this) this._sync();\n    });\n  };\n\n  _handleRangeChange = () => {\n    this._clampDual();\n    this._sync();\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangePointerDown = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    this._pointerDown = true;\n    this.el.classList.add('active');\n    this._clampDual();\n    this._sync();\n    // An `e.type !== 'input'` guard used to sit here. This handler is only ever\n    // bound to a press, so it was never anything but true.\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangeInput = () => {\n    this._clampDual();\n    this._sync();\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangePointerUp = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    this._pointerDown = false;\n    this.el.classList.remove('active');\n  };\n\n  _handleRangeRelease = () => {\n    if (!this._pointerDown) {\n      this.thumb.classList.remove('active');\n    }\n  };\n\n  _setupThumb() {\n    this.thumb = document.createElement('span');\n    this.value = document.createElement('span');\n    this.thumb.classList.add('thumb');\n    this.value.classList.add('value');\n    this.thumb.append(this.value);\n    this.el.after(this.thumb);\n  }\n\n  _removeThumb() {\n    this.thumb.remove();\n  }\n\n  _isVertical(): boolean {\n    return !!this.el.closest('.vertical');\n  }\n\n  _host(): HTMLElement | null {\n    // `.slider` is the documented host now; without it here a dual-handle\n    // control could not find its wrapper, so the handles never clamped and the\n    // shared start/end fractions never tracked the interval.\n    return this.el.closest('.slider, label');\n  }\n\n  _clampDual() {\n    const host = this._host();\n    const peers = host?.querySelectorAll('input[type=\"range\"]');\n    if (!peers || peers.length !== 2) return;\n    const start = peers[0] as HTMLInputElement;\n    const end = peers[1] as HTMLInputElement;\n    if (this.el === start && +start.value > +end.value) start.value = end.value;\n    if (this.el === end && +end.value < +start.value) end.value = start.value;\n  }\n\n  /** The input's range, defaulting like the browser does: 0 to 100. */\n  private _bounds(el: HTMLInputElement) {\n    const parsedMax = parseFloat(el.max);\n    return { max: Number.isNaN(parsedMax) ? 100 : parsedMax, min: parseFloat(el.min) || 0 };\n  }\n\n  _fraction(el: HTMLInputElement): number {\n    const { max, min } = this._bounds(el);\n    const val = parseFloat(el.value) || 0;\n    return max === min ? 0 : (val - min) / (max - min);\n  }\n\n  _sync() {\n    const percent = this._fraction(this.el);\n    const fraction = `${percent * 100}%`;\n\n    // Read before writing. This runs on every pointer move during a drag, and\n    // setting the custom property first made each of the four offset reads\n    // below flush a fresh layout.\n    const left = this.el.offsetLeft;\n    const top = this.el.offsetTop;\n    const width = this.el.offsetWidth;\n    const height = this.el.offsetHeight;\n    const style = getComputedStyle(this.el);\n    const rtl = style.direction === 'rtl';\n    const vertical = this._isVertical();\n    const handle = parseFloat(style.getPropertyValue('--md-comp-slider-handle-width')) || 4;\n    const length = vertical ? height : width;\n    const position = handle / 2 + percent * (length - handle);\n\n    this._set(this.el, '--md-comp-slider-active-fraction', fraction);\n    this._set(this.el, '--md-comp-slider-active-position', `${position}px`);\n\n    const host = this._host();\n    const peers = host?.querySelectorAll('input[type=\"range\"]');\n    if (host && peers && peers.length === 2) {\n      const nums = Array.from(peers).map((el) => this._fraction(el as HTMLInputElement));\n      this._set(host, '--md-comp-slider-start-fraction', `${Math.min(...nums) * 100}%`);\n      this._set(host, '--md-comp-slider-end-fraction', `${Math.max(...nums) * 100}%`);\n      this._set(host, '--md-comp-slider-start-position', `${handle / 2 + Math.min(...nums) * (length - handle)}px`);\n      this._set(host, '--md-comp-slider-end-position', `${handle / 2 + Math.max(...nums) * (length - handle)}px`);\n    }\n    if (host?.classList.contains('stops')) {\n      const { max, min } = this._bounds(this.el);\n      const step = parseFloat(this.el.step);\n      // Stops sit at min + k * step up to max, so a step that does not divide\n      // the range ends short of max. No step, `any`, zero or a negative step\n      // clears the spacing, and the host paints no dots.\n      const stops = step > 0 && Number.isFinite(step) && max > min;\n      this._set(host, '--md-comp-slider-stop-count', stops ? String(Math.floor((max - min) / step + 1e-9) + 1) : '');\n      this._set(host, '--md-comp-slider-stop-spacing', stops ? `${((length - handle) * step) / (max - min)}px` : '');\n      // The tick row is the host's ::after, which cannot read the input's\n      // properties. A dual host has no single position.\n      if (peers?.length === 1) {\n        this._set(host, '--md-comp-slider-active-position', `${position}px`);\n        this._set(host, '--md-comp-slider-track-center', `${top + height / 2}px`);\n      }\n    }\n\n    this.value.textContent = this.el.value;\n    if (vertical) {\n      this.thumb.style.left = `${left + width / 2}px`;\n      this.thumb.style.top = `${top + height - position}px`;\n    } else {\n      this.thumb.style.left = `${left + (rtl ? width - position : position)}px`;\n      this.thumb.style.top = `${top}px`;\n    }\n  }\n\n  /**\n   * Initializes every range input in the current document.\n   */\n  static Init() {\n    // Deferred like every other Init(): this ran at import time, so a bundle\n    // loaded in <head> found no inputs at all.\n    Utils.onDocumentReady(() => {\n      // An image compare's range is invisible and drawn by its container; a\n      // color picker's hue range paints its own track.\n      Slider.init(document.querySelectorAll<HTMLInputElement>('input[type=range]:not(.image-compare > input, .color-picker-hue)'));\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,153 @@
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/hoverCard.ts
+var _defaults = {
+  enterDelay: 500,
+  exitDelay: 300
+};
+var owners = /* @__PURE__ */ new WeakMap();
+var HoverCard = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    /** Whether the instance has the card showing. */
+    this._shown = false;
+    /** What keeps the card wanted: the pointer, keyboard focus, or both. */
+    this._holds = /* @__PURE__ */ new Set();
+    /** The anchor name the card is placed against while this link shows it. */
+    this._anchorName = `--hover-card-${Utils.guid()}`;
+    /**
+     * Show the card now, without enterDelay.
+     */
+    this.open = () => {
+      clearTimeout(this._timeout);
+      if (!this.cardEl || this._shown) return;
+      owners.get(this.cardEl)?.close();
+      this.cardEl.showPopover.call(this.cardEl, { source: this.el });
+      owners.set(this.cardEl, this);
+      this._shown = true;
+      this._listenForEscape(true);
+      this._anchor(true);
+      this._notify("open");
+    };
+    /**
+     * Hide the card now, without exitDelay.
+     */
+    this.close = () => {
+      clearTimeout(this._timeout);
+      if (!this._shown) return;
+      this.cardEl.hidePopover();
+      this._hidden();
+      this._notify("close");
+    };
+    // A touch is a tap that follows the link, never a hover; pointer events
+    // say so, and the mouse events a tap sends afterwards are not listened to.
+    this._handlePointerEnter = (e) => {
+      if (e.pointerType !== "touch") this._hold("pointer");
+    };
+    this._handlePointerLeave = (e) => {
+      if (e.pointerType !== "touch") this._release("pointer");
+    };
+    // A pointer press also focuses the link, and the hover already covers it,
+    // so only keyboard focus holds the card from the link.
+    this._handleLinkFocus = () => {
+      if (this.el.matches(":focus-visible")) this._hold("focus");
+    };
+    this._handleCardFocus = () => this._hold("focus");
+    this._handleFocusOut = (e) => {
+      const next = e.relatedTarget;
+      if (!next || !(this.el.contains(next) || this.cardEl.contains(next))) this._release("focus");
+    };
+    // Escape always hides the card, but it is only the card's key when focus is
+    // on the link or in the card; otherwise it still reaches the dialog or menu
+    // that has focus. An engine that does not know popover="hint" treats the
+    // card as manual, which Escape would not close.
+    this._handleKeydown = (e) => {
+      if (e.key !== "Escape" || Utils.isComposing(e)) return;
+      if (Utils.focusIsIn(this.el, this.cardEl)) this._takeEscape(e);
+      this.close();
+    };
+    this._handleToggle = (e) => {
+      if (e.newState !== "closed" || !this._shown) return;
+      this._hidden();
+      this._notify("close");
+    };
+    this.cardEl = Utils.getElementById(el, el.getAttribute("aria-details") ?? "");
+    if (!this.cardEl) {
+      console.error(`HoverCard: aria-details names no element; the link shows no card.`);
+      return;
+    }
+    const { signal } = this._events;
+    this.cardEl.addEventListener("toggle", this._handleToggle, { signal });
+    for (const target of [this.el, this.cardEl]) {
+      target.addEventListener("pointerenter", this._handlePointerEnter, { signal });
+      target.addEventListener("pointerleave", this._handlePointerLeave, { signal });
+      target.addEventListener("focusout", this._handleFocusOut, { signal });
+    }
+    this.el.addEventListener("focus", this._handleLinkFocus, { signal });
+    this.cardEl.addEventListener("focusin", this._handleCardFocus, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  destroy() {
+    clearTimeout(this._timeout);
+    if (this._shown) {
+      this.cardEl.hidePopover();
+      this._hidden();
+    }
+    super.destroy();
+  }
+  _hidden() {
+    this._shown = false;
+    this._listenForEscape(false);
+    this._anchor(false);
+  }
+  // `source` anchors the card too, but Firefox keeps the first source's
+  // anchor for good, so a card two links share would stay at the first. A
+  // named anchor, set only while the card shows, follows the link that shows it.
+  _anchor(on) {
+    Utils.setAnchorName(this.el, this._anchorName, on);
+    if (on) this.cardEl.style.setProperty("position-anchor", this._anchorName);
+    else this.cardEl.style.removeProperty("position-anchor");
+    for (const el of [this.el, this.cardEl]) if (!el.getAttribute("style")) el.removeAttribute("style");
+  }
+  /** Wanted cards show after enterDelay; once nothing holds the card, it hides after exitDelay. */
+  _schedule() {
+    clearTimeout(this._timeout);
+    const wanted = this._holds.size > 0;
+    if (wanted === this._shown) return;
+    const [change, delay] = wanted ? [this.open, this.options.enterDelay] : [this.close, this.options.exitDelay];
+    this._timeout = setTimeout(change, delay);
+  }
+  _hold(by) {
+    this._holds.add(by);
+    this._schedule();
+  }
+  _release(by) {
+    this._holds.delete(by);
+    this._schedule();
+  }
+  /** Escape is listened for only while the card shows. close() removes it, and destroy() through the signal. */
+  _listenForEscape(on) {
+    const doc = this.el.ownerDocument;
+    if (on) doc.addEventListener("keydown", this._handleKeydown, { capture: true, signal: this._events.signal });
+    else doc.removeEventListener("keydown", this._handleKeydown, true);
+  }
+  /** Keeps Escape from the page and, when focus is in the card, takes it back to the link before the card hides. */
+  _takeEscape(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (Utils.focusIsIn(this.cardEl)) this.el.focus();
+  }
+};
+HoverCard.key = "Expressive_HoverCard";
+
+export {
+  HoverCard
+};
+//# sourceMappingURL=chunk-BIGU5RCJ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/hoverCard.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\n\nexport interface HoverCardOptions extends BaseOptions {\n  /**\n   * How long the pointer or keyboard focus rests on the link before the card shows.\n   * @default 500\n   */\n  enterDelay: number;\n  /**\n   * How long the card stays after the pointer and focus leave the link and the card.\n   * @default 300\n   */\n  exitDelay: number;\n}\n\nconst _defaults: HoverCardOptions = {\n  enterDelay: 500,\n  exitDelay: 300\n};\n\n// Links can share one card, such as a name mentioned twice; the link that\n// last showed it owns it, and the next one takes it over.\nconst owners = new WeakMap<HTMLElement, HoverCard>();\n\n/**\n * Hover card. A `.hover-card-trigger` link names its card, a `.popover` with\n * `popover=\"hint\"`, in `aria-details`. The card shows against the link after\n * `enterDelay` and stays while the pointer or focus is on either.\n */\nexport class HoverCard extends Component<HoverCardOptions> {\n  /** The card the link's `aria-details` names, or null when it names none. */\n  cardEl: HTMLElement | null;\n  /** Whether the instance has the card showing. */\n  private _shown = false;\n  /** What keeps the card wanted: the pointer, keyboard focus, or both. */\n  private _holds = new Set<'pointer' | 'focus'>();\n  private _timeout: ReturnType<typeof setTimeout>;\n  /** The anchor name the card is placed against while this link shows it. */\n  private _anchorName = `--hover-card-${Utils.guid()}`;\n\n  constructor(el: HTMLElement, options: Partial<HoverCardOptions>) {\n    super(el, options);\n    this.cardEl = Utils.getElementById(el, el.getAttribute('aria-details') ?? '');\n    if (!this.cardEl) {\n      console.error(`HoverCard: aria-details names no element; the link shows no card.`);\n      return;\n    }\n    // The browser hides a hint card itself on a click elsewhere, on Escape\n    // and when another hint opens.\n    const { signal } = this._events;\n    this.cardEl.addEventListener('toggle', this._handleToggle, { signal });\n    for (const target of [this.el, this.cardEl]) {\n      target.addEventListener('pointerenter', this._handlePointerEnter, { signal });\n      target.addEventListener('pointerleave', this._handlePointerLeave, { signal });\n      target.addEventListener('focusout', this._handleFocusOut, { signal });\n    }\n    this.el.addEventListener('focus', this._handleLinkFocus, { signal });\n    this.cardEl.addEventListener('focusin', this._handleCardFocus, { signal });\n  }\n\n  static get defaults(): HoverCardOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_HoverCard';\n\n  destroy() {\n    clearTimeout(this._timeout);\n    if (this._shown) {\n      this.cardEl.hidePopover();\n      this._hidden();\n    }\n    super.destroy();\n  }\n\n  /**\n   * Show the card now, without enterDelay.\n   */\n  open = () => {\n    clearTimeout(this._timeout);\n    if (!this.cardEl || this._shown) return;\n    owners.get(this.cardEl)?.close();\n    // `source` makes the link the card's anchor and invoker, so Tab moves from\n    // the link into the card. It throws for a card without the popover\n    // attribute, before any state changes.\n    (this.cardEl.showPopover as (options?: { source?: Element }) => void).call(this.cardEl, { source: this.el });\n    owners.set(this.cardEl, this);\n    this._shown = true;\n    this._listenForEscape(true);\n    this._anchor(true);\n    this._notify('open');\n  };\n\n  /**\n   * Hide the card now, without exitDelay.\n   */\n  close = () => {\n    clearTimeout(this._timeout);\n    if (!this._shown) return;\n    this.cardEl.hidePopover();\n    this._hidden();\n    this._notify('close');\n  };\n\n  private _hidden() {\n    this._shown = false;\n    this._listenForEscape(false);\n    this._anchor(false);\n  }\n\n  // `source` anchors the card too, but Firefox keeps the first source's\n  // anchor for good, so a card two links share would stay at the first. A\n  // named anchor, set only while the card shows, follows the link that shows it.\n  private _anchor(on: boolean) {\n    Utils.setAnchorName(this.el, this._anchorName, on);\n    if (on) this.cardEl.style.setProperty('position-anchor', this._anchorName);\n    else this.cardEl.style.removeProperty('position-anchor');\n    for (const el of [this.el, this.cardEl]) if (!el.getAttribute('style')) el.removeAttribute('style');\n  }\n\n  /** Wanted cards show after enterDelay; once nothing holds the card, it hides after exitDelay. */\n  private _schedule() {\n    clearTimeout(this._timeout);\n    const wanted = this._holds.size > 0;\n    if (wanted === this._shown) return;\n    const [change, delay] = wanted ? [this.open, this.options.enterDelay] as const : [this.close, this.options.exitDelay] as const;\n    this._timeout = setTimeout(change, delay);\n  }\n\n  private _hold(by: 'pointer' | 'focus') {\n    this._holds.add(by);\n    this._schedule();\n  }\n\n  private _release(by: 'pointer' | 'focus') {\n    this._holds.delete(by);\n    this._schedule();\n  }\n\n  // A touch is a tap that follows the link, never a hover; pointer events\n  // say so, and the mouse events a tap sends afterwards are not listened to.\n  private _handlePointerEnter = (e: PointerEvent) => {\n    if (e.pointerType !== 'touch') this._hold('pointer');\n  };\n\n  private _handlePointerLeave = (e: PointerEvent) => {\n    if (e.pointerType !== 'touch') this._release('pointer');\n  };\n\n  // A pointer press also focuses the link, and the hover already covers it,\n  // so only keyboard focus holds the card from the link.\n  private _handleLinkFocus = () => {\n    if (this.el.matches(':focus-visible')) this._hold('focus');\n  };\n\n  private _handleCardFocus = () => this._hold('focus');\n\n  private _handleFocusOut = (e: FocusEvent) => {\n    const next = e.relatedTarget as Node | null;\n    if (!next || !(this.el.contains(next) || this.cardEl.contains(next))) this._release('focus');\n  };\n\n  /** Escape is listened for only while the card shows. close() removes it, and destroy() through the signal. */\n  private _listenForEscape(on: boolean) {\n    const doc = this.el.ownerDocument;\n    if (on) doc.addEventListener('keydown', this._handleKeydown, { capture: true, signal: this._events.signal });\n    else doc.removeEventListener('keydown', this._handleKeydown, true);\n  }\n\n  // Escape always hides the card, but it is only the card's key when focus is\n  // on the link or in the card; otherwise it still reaches the dialog or menu\n  // that has focus. An engine that does not know popover=\"hint\" treats the\n  // card as manual, which Escape would not close.\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Escape' || Utils.isComposing(e)) return;\n    if (Utils.focusIsIn(this.el, this.cardEl)) this._takeEscape(e);\n    this.close();\n  };\n\n  /** Keeps Escape from the page and, when focus is in the card, takes it back to the link before the card hides. */\n  private _takeEscape(e: KeyboardEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    if (Utils.focusIsIn(this.cardEl)) this.el.focus();\n  }\n\n  private _handleToggle = (e: Event) => {\n    if ((e as ToggleEvent).newState !== 'closed' || !this._shown) return;\n    this._hidden();\n    this._notify('close');\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}