@expressivecss/expressive 0.16.0 → 0.17.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/lightbox.ts"],
+  "sourcesContent": ["import { Utils, controllerFor, deepActiveElement, restoreAttribute } from '../core/utils';\nimport { BaseOptions, Component } 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  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  /** Removes the listeners that close an open lightbox. */\n  private _windowEvents: AbortController | undefined;\n  private _revision = 0;\n  // Counts opens and closes only. _revision also moves when reduced motion\n  // flushes a transition, which must still report its end.\n  private _phase = 0;\n\n  constructor(el: HTMLElement, options: Partial<LightboxOptions>) {\n    super(el, options);\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  static key = 'Expressive_Lightbox';\n\n  destroy() {\n    if (this._destroyed) return;\n    this._destroyed = true;\n    const focused = (this.el.getRootNode() as Document | ShadowRoot).activeElement === this.el;\n    this._cancel();\n    this._reset();\n    this.placeholder.replaceWith(this.el);\n    if (focused) this._restoreFocus();\n    restoreAttribute(this.el, 'tabindex', this._tabindex);\n    super.destroy();\n  }\n\n  // Back to the trigger when focus fell to the body (or the shadow host), as\n  // a click on the overlay, which cannot take focus, leaves it.\n  private _restoreFocus() {\n    const root = this.el.getRootNode() as Document | ShadowRoot;\n    const active = deepActiveElement(document);\n    if ([document.body, (root as ShadowRoot).host].includes(active)) this._trigger.focus({ preventScroll: true });\n  }\n\n  private _reset() {\n    this._windowEvents?.abort();\n    // Removing a popover, or its attribute, takes it out of the top layer.\n    this._overlay?.remove();\n    this._photoCaption?.remove();\n    this.el.removeAttribute('popover');\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    restoreAttribute(this.el, '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    const { signal } = this._events;\n    this._motion.addEventListener('change', this._handleMotionChange, { signal });\n    this._trigger.addEventListener('click', this._handleLightboxToggle, { signal });\n    this.el.addEventListener('keydown', this._handleLightboxKeypress, { signal });\n  }\n\n  private _handleLightboxKeypress = (e: KeyboardEvent) => {\n    if (this._trigger === this.el && (e.key === '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  // On keydown, and taken, so a dialog around the lightbox does not close on\n  // the same press.\n  private _handleWindowEscape = (e: KeyboardEvent) => {\n    if (e.key !== 'Escape') return;\n    e.preventDefault();\n    this.close();\n  };\n\n  // The image zooms in place, not in a modal, so Tab would reach the page\n  // behind the overlay. Tab closes it instead, then moves focus as usual.\n  private _handleWindowTab = (e: KeyboardEvent) => {\n    if (e.key === 'Tab') this.close();\n  };\n\n  /**\n   * Shows `el` as a manual popover, so it is in the top layer: no ancestor\n   * clips or covers it, and it stacks above what was shown before it.\n   */\n  private _showOnTop(el: HTMLElement) {\n    el.setAttribute('popover', 'manual');\n    el.showPopover();\n  }\n\n  /** The placeholder's document position, where the image rests. */\n  private _restingPlace() {\n    const box = this.placeholder.getBoundingClientRect();\n    return { left: box.left + window.scrollX + 'px', top: box.top + window.scrollY + 'px' };\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    const phase = this._phase;\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      // 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 = window.scrollX + (this.windowWidth - this.newWidth) / 2 + 'px';\n      this.el.style.top = window.scrollY + (this.windowHeight - this.newHeight) / 2 + 'px';\n    }, 1);\n\n    this._schedule(() => {\n      this.doneAnimating = true;\n      this._notify('opened', this.options.onOpenEnd, { current: () => phase === this._phase });\n    }, duration);\n\n  }\n  private _animateImageOut(): void {\n    const phase = this._phase;\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    Object.assign(this.el.style, this._restingPlace());\n    this._schedule(() => {\n      this._reset();\n      // onCloseEnd callback\n      this._notify('closed', this.options.onCloseEnd, { current: () => phase === this._phase });\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._showOnTop(this._photoCaption);\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    this.el.before(this._overlay);\n    this._showOnTop(this._overlay);\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    this._phase++;\n    const revision = this._cancel();\n    if (this.overlayActive) this._reset();\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    // An image not yet loaded, or hidden, has no size to zoom from; the\n    // ratios below would be 0 / 0.\n    if (!originRect.width || !originRect.height) return;\n    this._isOpen = true;\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 (!this._notify('open', this.options.onOpenStart, { current: () => 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    // In the top layer the image is positioned in the document, starting\n    // where the placeholder holds its place.\n    this.el.style.position = 'absolute';\n    this.el.style.inset = 'auto';\n    this.el.style.left = placeholderRect.left + window.scrollX + 'px';\n    this.el.style.top = placeholderRect.top + window.scrollY + 'px';\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    // The overlay, the image and the caption go into the top layer in that\n    // order, so each stacks above the one before.\n    this._addOverlay();\n    this._showOnTop(this.el);\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    this._windowEvents?.abort();\n    this._windowEvents = controllerFor(this.el);\n    const { signal } = this._windowEvents;\n    window.addEventListener('scroll', this._handleWindowChange, { passive: true, signal });\n    window.addEventListener('resize', this._handleWindowChange, { passive: true, signal });\n    window.addEventListener('keydown', this._handleWindowEscape, { signal });\n    window.addEventListener('keydown', this._handleWindowTab, { signal });\n    this._animateImageIn();\n  };\n\n  /**\n   * Close lightbox.\n   */\n  close = () => {\n    if (this._destroyed || !this._isOpen) return;\n    this._phase++;\n    const revision = this._cancel();\n    this._isOpen = false;\n    this.doneAnimating = false;\n    // onCloseStart callback\n    if (!this._notify('close', this.options.onCloseStart, { current: () => revision === this._revision })) return;\n    // disable exit handlers\n    this._windowEvents?.abort();\n    this._restoreFocus();\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-VJVQIXHC.mjs → chunk-MDBZAMIV.mjs}

@@ -1,11 +1,15 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
+import {
+  afterFormReset
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/components/inputMask.ts
 var _defaults = Object.freeze({});
 var SLOTS = { "0": /[0-9]/, a: /\p{L}/u, "*": /[0-9\p{L}]/u };
 var DELETES = { deleteContentBackward: -1, deleteContentForward: 1 };
+var deleteStep = (e) => e.isComposing || !e.cancelable ? void 0 : DELETES[e.inputType];
 var parse = (mask) => (mask.match(/\\[^]|[^]/gu) ?? []).map((part) => SLOTS[part] ? { accepts: SLOTS[part] } : { literal: part.slice(-1) });
 function landing(tokens, t, ch) {
   if (tokens[t]?.literal === ch) return t;
@@ -60,18 +64,12 @@ var InputMask = class extends Component {
      * across the literal instead.
      */
     this._onBeforeInput = (e) => {
-      const step = DELETES[e.inputType];
+      const step = deleteStep(e);
       const index = step && this.el.selectionStart === this.el.selectionEnd ? this._acrossLiteral(step) : -1;
       if (index < 0) return;
       e.preventDefault();
       this._remove(index, e.inputType);
     };
-    this._onReset = (e) => {
-      if (e.target === this.el.form) setTimeout(this._afterReset);
-    };
-    this._afterReset = () => {
-      if (!this._events.signal.aborted) this._rewrite();
-    };
     this._format = () => {
       const caret = this._rewrite();
       if (caret !== null && this.el.ownerDocument.activeElement === this.el) this.el.setSelectionRange(caret, caret);
@@ -82,7 +80,7 @@ var InputMask = class extends Component {
     el.addEventListener("input", this._onInput, { capture: true, signal });
     el.addEventListener("compositionend", this._format, { signal });
     el.addEventListener("beforeinput", this._onBeforeInput, { signal });
-    el.ownerDocument.addEventListener("reset", this._onReset, { capture: true, signal });
+    afterFormReset(el, () => this._rewrite(), signal);
     this._rewrite();
   }
   static get defaults() {
@@ -120,4 +118,4 @@ InputMask.key = "Expressive_InputMask";
 export {
   InputMask
 };
-//# sourceMappingURL=chunk-VJVQIXHC.mjs.map
+//# sourceMappingURL=chunk-MDBZAMIV.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/inputMask.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { afterFormReset } from '../core/utils';\n\nconst _defaults = Object.freeze({});\n\n/** A mask position: a slot that takes the characters `accepts` matches, or a literal the mask writes itself. */\ntype Token = { accepts: RegExp } | { literal: string };\n\n/** What each slot character in a mask accepts. */\nconst SLOTS: Record<string, RegExp> = { '0': /[0-9]/, a: /\\p{L}/u, '*': /[0-9\\p{L}]/u };\n\n/** Which way a one-character delete from a collapsed caret goes. */\nconst DELETES: Record<string, number> = { deleteContentBackward: -1, deleteContentForward: 1 };\n/** How a delete moves, unless it is the IME's or cannot be taken over. */\nconst deleteStep = (e: InputEvent) => (e.isComposing || !e.cancelable ? undefined : DELETES[e.inputType]);\n\n/** Splits a mask into tokens. A backslash makes the character after it a literal. */\nconst parse = (mask: string): Token[] =>\n  (mask.match(/\\\\[^]|[^]/gu) ?? []).map((part) => (SLOTS[part] ? { accepts: SLOTS[part] } : { literal: part.slice(-1) }));\n\n/**\n * The token `ch` lands on from token `t`: the literal at `t` when `ch` is that\n * literal, otherwise the next slot. Only the literal at `t` counts, so a\n * digit is not taken for a literal further on, such as the 1 in `+1 (000)`.\n */\nfunction landing(tokens: Token[], t: number, ch: string) {\n  if ((tokens[t] as { literal?: string })?.literal === ch) return t;\n  const slot = tokens.findIndex((token, i) => i >= t && 'accepts' in token);\n  return slot < 0 ? tokens.length : slot;\n}\n\n/** Feeds `ch` to the mask at token `t`, keeping it in `chars` if a slot takes it. Returns the next token. */\nfunction place(tokens: Token[], t: number, ch: string, chars: string[]) {\n  const at = landing(tokens, t, ch);\n  const token = tokens[at];\n  if (!token) return t;\n  if ('literal' in token) return at + 1;\n  if (!token.accepts.test(ch)) return t;\n  chars.push(ch);\n  return at + 1;\n}\n\n/**\n * The slot characters in `value`, in order, and how many of them come before\n * `caret`. Characters are normalized first, so full-width digits from an IME\n * fill digit slots. A character that neither fits a slot nor matches the next\n * literal is dropped, and so is any past the last slot.\n */\nfunction read(tokens: Token[], value: string, caret: number) {\n  const chars: string[] = [];\n  let t = 0;\n  let at = 0;\n  let before = 0;\n  for (const typed of value) {\n    for (const ch of typed.normalize('NFKC')) t = place(tokens, t, ch, chars);\n    at += typed.length;\n    if (at <= caret) before = chars.length;\n  }\n  return { chars, before };\n}\n\n/**\n * Writes `chars` into the mask's slots, with the literals that come before\n * each filled slot and none after the last. Returns the text and the index\n * just after each slot character.\n */\nfunction write(tokens: Token[], chars: string[]) {\n  let text = '';\n  let pending = '';\n  const ends: number[] = [];\n  for (const token of tokens) {\n    if (ends.length === chars.length) break;\n    if ('literal' in token) pending += token.literal;\n    else {\n      text += pending + chars[ends.length];\n      pending = '';\n      ends.push(text.length);\n    }\n  }\n  return { text, ends };\n}\n\n/**\n * Input mask. Formats a text field's value to the pattern in its `data-mask`\n * attribute as people type, paste or compose: `0` takes a digit, `a` a\n * letter, `*` either, and every other character is a literal the mask writes\n * itself. The form submits the value as the field shows it.\n */\nexport class InputMask extends Component<BaseOptions> {\n  declare el: HTMLInputElement;\n  static key = 'Expressive_InputMask';\n  private _tokens: Token[];\n\n  constructor(el: HTMLInputElement, options: Partial<BaseOptions>) {\n    super(el, options);\n    this._tokens = parse(el.dataset.mask ?? '');\n    // A mask with no slot would format every value to nothing, erasing a\n    // saved value, so the component leaves such a field alone.\n    if (!this._tokens.some((token) => 'accepts' in token)) return;\n    const signal = this._events.signal;\n    // Capture, which runs before the field's own bubble listeners, so the\n    // page's input listeners read the formatted value.\n    el.addEventListener('input', this._onInput, { capture: true, signal });\n    // An IME writes as it composes; the mask waits until it is done. Engines\n    // fire the last input before or after compositionend, and formatting\n    // twice changes nothing.\n    el.addEventListener('compositionend', this._format, { signal });\n    el.addEventListener('beforeinput', this._onBeforeInput, { signal });\n    // The mask formats the value a reset restores, in a shadow root too.\n    afterFormReset(el, () => this._rewrite(), signal);\n    this._rewrite();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  private _onInput = (e: InputEvent) => {\n    if (!e.isComposing) this._format();\n  };\n\n  /**\n   * Backspace after a literal, or Delete before one, would remove the\n   * literal, which the mask then writes back. It removes the slot character\n   * across the literal instead.\n   */\n  private _onBeforeInput = (e: InputEvent) => {\n    const step = deleteStep(e);\n    const index = step && this.el.selectionStart === this.el.selectionEnd ? this._acrossLiteral(step) : -1;\n    if (index < 0) return;\n    e.preventDefault();\n    this._remove(index, e.inputType);\n  };\n\n  /** The index among the slot characters to delete when the character `step` from the caret is a literal, or -1. */\n  private _acrossLiteral(step: number) {\n    const { selectionStart: caret, value } = this.el;\n    const here = read(this._tokens, value, caret);\n    const index = here.before + Math.min(step, 0);\n    // Stepping over a literal passes no slot character.\n    return read(this._tokens, value, caret + step).before === here.before && index in here.chars ? index : -1;\n  }\n\n  /** Removes slot character `index`, puts the caret where it was, and reports the edit as typing would. */\n  private _remove(index: number, inputType: string) {\n    const { chars } = read(this._tokens, this.el.value, 0);\n    chars.splice(index, 1);\n    const { text, ends } = write(this._tokens, chars);\n    this.el.value = text;\n    const caret = ends[index - 1] ?? 0;\n    this.el.setSelectionRange(caret, caret);\n    this.el.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true, inputType }));\n  }\n\n  private _format = () => {\n    const caret = this._rewrite();\n    if (caret !== null && this.el.ownerDocument.activeElement === this.el) this.el.setSelectionRange(caret, caret);\n  };\n\n  /** Rewrites the value to the mask. Returns where the caret goes, or null when the value already fit. */\n  private _rewrite() {\n    const el = this.el;\n    const { chars, before } = read(this._tokens, el.value, el.selectionEnd ?? el.value.length);\n    const { text, ends } = write(this._tokens, chars);\n    if (text === el.value) return null;\n    el.value = text;\n    return ends[before - 1] ?? 0;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-4EWGD4V2.mjs → chunk-NODZ5VAD.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
 
 // src/ts/components/loadingOverlay.ts
 var _defaults = {
@@ -72,4 +72,4 @@ LoadingOverlay.key = "Expressive_LoadingOverlay";
 export {
   LoadingOverlay
 };
-//# sourceMappingURL=chunk-4EWGD4V2.mjs.map
+//# sourceMappingURL=chunk-NODZ5VAD.mjs.map

package/dist/js/chunks/{chunk-UGJHCHXG.mjs → chunk-O2WJB6TH.mjs}

@@ -1,147 +1,150 @@
 import {
   SwipeActions
-} from "./chunk-Y6H2X7ZC.mjs";
+} from "./chunk-3KF65KGL.mjs";
 import {
   Tabs
-} from "./chunk-LDXCC2L3.mjs";
+} from "./chunk-QND56EW2.mjs";
 import {
   Timepicker
-} from "./chunk-KYIEG4U3.mjs";
+} from "./chunk-VZMROW5A.mjs";
 import {
   Tooltip
-} from "./chunk-FCNF4GRJ.mjs";
+} from "./chunk-R7A7JRC5.mjs";
 import {
   TreeSelect
-} from "./chunk-GCWWEZKO.mjs";
+} from "./chunk-TM7HPGTV.mjs";
 import {
   TreemapChart
-} from "./chunk-VH4BMAZS.mjs";
+} from "./chunk-UKQK5GWR.mjs";
 import {
   SankeyChart
-} from "./chunk-CZSQHXEV.mjs";
+} from "./chunk-XDAMOMVD.mjs";
 import {
   ScatterChart
-} from "./chunk-752ADW4M.mjs";
+} from "./chunk-SUSD4UTN.mjs";
 import {
   ScrollSpy
-} from "./chunk-ZJNLAGY5.mjs";
+} from "./chunk-5F4URJHL.mjs";
 import {
   ShowMore
-} from "./chunk-X7SDA2J5.mjs";
+} from "./chunk-PWKYVMND.mjs";
 import {
   NavigationRail
-} from "./chunk-Z4GICXR2.mjs";
+} from "./chunk-EWO662ZC.mjs";
 import {
   Particles
-} from "./chunk-5KIHWJI2.mjs";
+} from "./chunk-TMQDZSDC.mjs";
 import {
   PieChart
-} from "./chunk-NBJAUGPP.mjs";
+} from "./chunk-2LFCOGC3.mjs";
 import {
   PullToRefresh
-} from "./chunk-T3BNSRP3.mjs";
+} from "./chunk-HQRLBTNM.mjs";
 import {
   Questionnaire
-} from "./chunk-GWZ76SR4.mjs";
+} from "./chunk-7ZAMOMGY.mjs";
 import {
   RadarChart
-} from "./chunk-6FSEUFVW.mjs";
+} from "./chunk-RSNS5OYS.mjs";
 import {
   RadialChart
-} from "./chunk-7YQBHTK3.mjs";
+} from "./chunk-UKCNELUN.mjs";
 import {
   Lightbox
-} from "./chunk-VMY55K2X.mjs";
+} from "./chunk-MA2SZZFB.mjs";
 import {
   LoadingOverlay
-} from "./chunk-4EWGD4V2.mjs";
+} from "./chunk-NODZ5VAD.mjs";
 import {
   Menubar
-} from "./chunk-2RLBDFH4.mjs";
+} from "./chunk-BDATLH3H.mjs";
 import {
   MessageScroller
-} from "./chunk-ANKFWNWT.mjs";
+} from "./chunk-LC4O5LFS.mjs";
 import {
   MixedChart
-} from "./chunk-VFV75DHF.mjs";
+} from "./chunk-XB6Y7P5W.mjs";
 import {
   Datepicker
-} from "./chunk-QXKWVHBD.mjs";
+} from "./chunk-H6YIKFAQ.mjs";
 import {
   FormSelect
-} from "./chunk-EVCVFEV3.mjs";
+} from "./chunk-XJPMW5SP.mjs";
 import {
   EXPANDING_CARD_SELECTOR,
   ExpandingCard
-} from "./chunk-OP43LLIC.mjs";
+} from "./chunk-36GELQGX.mjs";
 import {
   FunnelChart
-} from "./chunk-S23RJ3XY.mjs";
+} from "./chunk-RKG2CBFE.mjs";
 import {
   HeatmapChart
-} from "./chunk-BPF3I2MN.mjs";
+} from "./chunk-KOTGMCMI.mjs";
 import {
   HoverCard
-} from "./chunk-BIGU5RCJ.mjs";
+} from "./chunk-STJR62SU.mjs";
 import {
   InputMask
-} from "./chunk-VJVQIXHC.mjs";
+} from "./chunk-MDBZAMIV.mjs";
 import {
   Keypad
-} from "./chunk-QACZ6TUP.mjs";
+} from "./chunk-JH3YWKA6.mjs";
 import {
   Cascader
-} from "./chunk-NVQ5EHCU.mjs";
+} from "./chunk-QNODAANY.mjs";
 import {
   Chips
-} from "./chunk-WU7XJ4RR.mjs";
+} from "./chunk-LXRHUQAX.mjs";
 import {
   ColorPicker
-} from "./chunk-2CS6TITK.mjs";
+} from "./chunk-CWMQOT4O.mjs";
 import {
   CommandPalette
-} from "./chunk-4TRZ2AER.mjs";
+} from "./chunk-7X44MKEQ.mjs";
 import {
   Confetti
-} from "./chunk-VR3L2WN5.mjs";
+} from "./chunk-YKANQILZ.mjs";
 import {
   CurrencyInput
-} from "./chunk-Y6TLRA3U.mjs";
+} from "./chunk-AQNFCJJ5.mjs";
 import {
   AppBar
-} from "./chunk-P6DRQ6KS.mjs";
+} from "./chunk-7CXNATJS.mjs";
 import {
   Autocomplete
-} from "./chunk-VGY4M57S.mjs";
+} from "./chunk-F7LAKFMX.mjs";
 import {
   Menu
-} from "./chunk-CSYWKEK3.mjs";
+} from "./chunk-DWA5UYLJ.mjs";
 import {
   BackToTop
-} from "./chunk-NNHVANQA.mjs";
+} from "./chunk-4WBGAQN3.mjs";
 import {
   BarChart
-} from "./chunk-75E5EDJF.mjs";
+} from "./chunk-3XORNED5.mjs";
 import {
   ColumnChart
-} from "./chunk-PA7NU5AK.mjs";
+} from "./chunk-26VUH75M.mjs";
+import {
+  LineChart
+} from "./chunk-IQOTGGHX.mjs";
 import {
   ButtonGroup
-} from "./chunk-67ZPPKXS.mjs";
+} from "./chunk-FNIIH2LU.mjs";
 import {
   FloatingActionButton
-} from "./chunk-ILDRRG7T.mjs";
+} from "./chunk-LFORZRPH.mjs";
 import {
   CARDS_SELECTOR,
   Cards,
   isCardReveal
-} from "./chunk-OYNUDOHR.mjs";
+} from "./chunk-UTSLYQ65.mjs";
 import {
   Carousel
-} from "./chunk-4QUCNFSD.mjs";
+} from "./chunk-3KLZRQZI.mjs";
 import {
-  LineChart
-} from "./chunk-ZM3XBHWV.mjs";
+  Component
+} from "./chunk-EB2V4OKL.mjs";
 
 // src/ts/components/registry.ts
 var AUTO_INIT_COMPONENTS = {
@@ -250,7 +253,8 @@ function sameKind(fallback, value) {
   if (!SETTABLE.has(type) || kind(value) !== type) return false;
   return type !== ARRAY || itemsMatch(fallback, value);
 }
-var accepts = (defaults, key, value) => Object.hasOwn(defaults, key) && !MARKUP_BLOCKED.has(key) && sameKind(defaults[key], value);
+var prop = (source, key) => Reflect.get(source, key);
+var accepts = (defaults, key, value) => Object.hasOwn(defaults, key) && !MARKUP_BLOCKED.has(key) && sameKind(prop(defaults, key), value);
 var reject = (rejected, key) => void rejected.push(key);
 function nested(value, fallback, rejected, path) {
   if (kind(value) !== OBJECT) return value;
@@ -261,7 +265,7 @@ function nested(value, fallback, rejected, path) {
 function pick(parsed, defaults, rejected, path = "") {
   const picked = {};
   for (const [key, value] of Object.entries(parsed)) {
-    const kept = accepts(defaults, key, value) ? nested(value, defaults[key], rejected, `${path}${key}.`) : reject(rejected, path + key);
+    const kept = accepts(defaults, key, value) ? nested(value, prop(defaults, key), rejected, `${path}${key}.`) : reject(rejected, path + key);
     if (kept !== void 0) picked[key] = kept;
   }
   return picked;
@@ -290,9 +294,24 @@ function markupOptions(el, name, defaults) {
 }
 var entry = (name) => AUTO_INIT_COMPONENTS[name];
 var NAMES = Object.keys(AUTO_INIT_COMPONENTS);
+var WATCH_SELECTOR = `:is(${NAMES.map((name) => entry(name).selector).join(",")}):not(.no-autoinit)`;
 function initElement(name, el, options = {}) {
   const { component } = entry(name);
-  component.init(el, { ...markupOptions(el, name, component.defaults), ...options });
+  try {
+    component.init(el, { ...markupOptions(el, name, component.defaults), ...options });
+  } catch (error) {
+    console.error(`${name} failed to start on`, el, error);
+    stopElement(name, el);
+  }
+}
+function stopElement(name, el) {
+  const instance = entry(name).component.getInstance(el);
+  try {
+    instance?.destroy();
+  } catch (error) {
+    console.error(`${name} failed to stop on`, el, error);
+    Component.prototype.destroy.call(instance);
+  }
 }
 function claimed(name, root, self = false) {
   const { selector, filter = () => true } = entry(name);
@@ -301,15 +320,20 @@ function claimed(name, root, self = false) {
   return [...own, ...root.querySelectorAll(query)].filter(filter);
 }
 function startAdded(node, options) {
-  if (node.nodeType !== Node.ELEMENT_NODE) return;
+  if (!hasClaims(node)) return;
   for (const name of NAMES) {
     claimed(name, node, true).forEach((el) => entry(name).component.getInstance(el) || initElement(name, el, options?.[name]));
   }
 }
+function hasClaims(node) {
+  if (node.nodeType !== Node.ELEMENT_NODE) return false;
+  const el = node;
+  return el.matches(WATCH_SELECTOR) || el.querySelector(WATCH_SELECTOR) !== null;
+}
 function stopRemoved(node) {
-  if (node.nodeType !== Node.ELEMENT_NODE || node.isConnected) return;
+  if (node.isConnected || !hasClaims(node)) return;
   for (const name of NAMES) {
-    claimed(name, node, true).forEach((el) => entry(name).component.getInstance(el)?.destroy());
+    claimed(name, node, true).forEach((el) => stopElement(name, el));
   }
 }
 function watch(context, options) {
@@ -338,4 +362,4 @@ export {
   AUTO_INIT_COMPONENTS,
   AutoInit
 };
-//# sourceMappingURL=chunk-UGJHCHXG.mjs.map
+//# sourceMappingURL=chunk-O2WJB6TH.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/registry.ts"],
+  "sourcesContent": ["import { Component, InitElements, InitElement } from \"../core/component\";\nimport * as Components from \"./index\";\nimport { CARDS_SELECTOR, isCardReveal } from \"./cards\";\nimport { EXPANDING_CARD_SELECTOR } from \"./expandingCard\";\n\n/** The shape every entry in the table satisfies. */\ntype AutoInitable = {\n  defaults: object;\n  getInstance(el: Element): { destroy(): void } | undefined;\n  init(els: InitElement | InitElements<InitElement>, options: Partial<object>): unknown;\n};\n\ntype AutoInitEntry = {\n  component: AutoInitable;\n  selector: string;\n  filter?: (el: Element) => boolean;\n};\n\n/**\n * The components `AutoInit()` starts, in initialization order, with the\n * selector each one claims.\n *\n * This table is the single source of truth: the options type below and the\n * init calls in `AutoInit()` are both derived from it, so wiring up a new\n * auto-initialized component means adding one line here (plus its export in\n * ./index.ts) - not four hand-synchronized edits that fail silently when one\n * is forgotten.\n *\n * A component that should only ever be constructed explicitly (Snackbar,\n * CharacterCounter, ...) simply stays out of this table.\n */\nexport const AUTO_INIT_COMPONENTS = {\n  AppBar: {\n    component: Components.AppBar,\n    selector:\n      \"header.medium, header.large, header:has(> :is(nav:not(.tabs, .navigation-bar, .navigation-rail), .bar) > .search-bar)\",\n  },\n  Autocomplete: {\n    component: Components.Autocomplete,\n    selector: \".autocomplete\",\n  },\n  ButtonGroup: {\n    component: Components.ButtonGroup,\n    selector: \".button-group\",\n  },\n  // Shared with Cards.Init() - see CARDS_SELECTOR. This entry used to read\n  // '.cards', which no card markup uses.\n  Cards: { component: Components.Cards, selector: CARDS_SELECTOR, filter: isCardReveal },\n  ExpandingCard: {\n    component: Components.ExpandingCard,\n    selector: EXPANDING_CARD_SELECTOR,\n  },\n  Carousel: { component: Components.Carousel, selector: \".carousel\" },\n  Chips: { component: Components.Chips, selector: \".chips\" },\n  Confetti: { component: Components.Confetti, selector: \".confetti\" },\n  Particles: { component: Components.Particles, selector: \"canvas.particles\" },\n  Keypad: { component: Components.Keypad, selector: \".keypad, .keyboard\" },\n  ColorPicker: { component: Components.ColorPicker, selector: \".color-picker\" },\n  ColumnChart: { component: Components.ColumnChart, selector: \".column-chart\" },\n  BarChart: { component: Components.BarChart, selector: \".bar-chart\" },\n  PieChart: { component: Components.PieChart, selector: \".pie-chart\" },\n  HeatmapChart: { component: Components.HeatmapChart, selector: \".heatmap-chart\" },\n  RadarChart: { component: Components.RadarChart, selector: \".radar-chart\" },\n  RadialChart: { component: Components.RadialChart, selector: \".radial-chart\" },\n  MixedChart: { component: Components.MixedChart, selector: \".mixed-chart\" },\n  ScatterChart: { component: Components.ScatterChart, selector: \".scatter-chart\" },\n  FunnelChart: { component: Components.FunnelChart, selector: \".funnel-chart\" },\n  SankeyChart: { component: Components.SankeyChart, selector: \".sankey-chart\" },\n  TreemapChart: { component: Components.TreemapChart, selector: \".treemap-chart\" },\n  CommandPalette: {\n    component: Components.CommandPalette,\n    selector: \"dialog.command-palette\",\n  },\n  Questionnaire: {\n    component: Components.Questionnaire,\n    selector: \"form.questionnaire\",\n  },\n  Datepicker: {\n    component: Components.Datepicker,\n    selector: \".date-picker\",\n  },\n  LineChart: { component: Components.LineChart, selector: \".line-chart\" },\n  Menu: { component: Components.Menu, selector: \".menu-trigger\" },\n  MessageScroller: {\n    component: Components.MessageScroller,\n    selector: \".message-scroller\",\n  },\n  PullToRefresh: { component: Components.PullToRefresh, selector: \".pull-to-refresh\" },\n  LoadingOverlay: { component: Components.LoadingOverlay, selector: \".loading-overlay\" },\n  SwipeActions: { component: Components.SwipeActions, selector: \".list.swipeable\" },\n  // Only the input types with a caret: setSelectionRange() throws on the rest.\n  InputMask: {\n    component: Components.InputMask,\n    selector: 'input[data-mask]:is(:not([type]), [type=\"text\" i], [type=\"tel\" i], [type=\"search\" i], [type=\"url\" i], [type=\"password\" i])',\n  },\n  ShowMore: { component: Components.ShowMore, selector: \".show-more\" },\n  // Only a text input can hold the formatted amount.\n  CurrencyInput: { component: Components.CurrencyInput, selector: 'input[data-currency]:is(:not([type]), [type=\"text\" i])' },\n  Lightbox: { component: Components.Lightbox, selector: \".lightboxed\" },\n  ScrollSpy: { component: Components.ScrollSpy, selector: \".scrollspy\" },\n  BackToTop: { component: Components.BackToTop, selector: \".back-to-top\" },\n  // A data-tree select is a tree select, not a flat one.\n  FormSelect: { component: Components.FormSelect, selector: \"select:not([data-tree])\" },\n  TreeSelect: { component: Components.TreeSelect, selector: \"select[data-tree]\" },\n  Cascader: { component: Components.Cascader, selector: \".cascader\" },\n  NavigationRail: {\n    component: Components.NavigationRail,\n    selector: \".navigation-rail\",\n  },\n  Tabs: { component: Components.Tabs, selector: \".tabs\" },\n  Timepicker: {\n    component: Components.Timepicker,\n    selector: \".time-picker\",\n  },\n  Tooltip: { component: Components.Tooltip, selector: \".tooltipped\" },\n  HoverCard: { component: Components.HoverCard, selector: \".hover-card-trigger\" },\n  FloatingActionButton: {\n    component: Components.FloatingActionButton,\n    selector: \".fab-menu\",\n  },\n  // After Menu, so the bar's own menu options replace AutoInit's defaults.\n  Menubar: { component: Components.Menubar, selector: \".menubar\" },\n} satisfies Record<string, AutoInitEntry>;\n\ntype Registry = typeof AUTO_INIT_COMPONENTS;\n\n/**\n * Per-component options accepted by {@link AutoInit}, derived from the table\n * above - each key takes that component's own options type.\n */\nexport type AutoInitOptions = {\n  [K in keyof Registry]?: Partial<\n    InstanceType<Registry[K][\"component\"]>[\"options\"]\n  >;\n};\n\n/**\n * Options markup cannot set: `allowUnsafeHTML` turns off HTML escaping,\n * `minYear` and `maxYear` are internal, and Chips and Autocomplete throw\n * part way through their constructors on `data` entries of the wrong shape.\n */\nconst MARKUP_BLOCKED = new Set([\"allowUnsafeHTML\", \"minYear\", \"maxYear\", \"data\"]);\nconst OBJECT = \"[object Object]\";\nconst ARRAY = \"[object Array]\";\n/** The default kinds markup can replace with a value of the same kind. */\nconst SETTABLE = new Set([\"[object String]\", \"[object Number]\", \"[object Boolean]\", ARRAY, OBJECT]);\n\n/** The attribute a component reads its markup options from: `FormSelect` reads `data-form-select-options`. */\nconst optionsAttribute = (name: string) => `data-${name.replace(/\\B[A-Z]/g, \"-$&\").toLowerCase()}-options`;\n\n/** A value's kind as its `toString` tag, with objects that are not plain counted apart. */\nfunction kind(value: unknown) {\n  const tag = Object.prototype.toString.call(value);\n  return tag === OBJECT && Object.getPrototypeOf(value) !== Object.prototype ? \"other\" : tag;\n}\n\n/** Whether every item has the kind of the default array's first item, when it has one. */\nconst itemsMatch = (fallback: unknown[], value: unknown[]) =>\n  !fallback.length || value.every((item) => kind(item) === kind(fallback[0]));\n\n/** Whether a markup value may replace `fallback`: both are the same settable kind. */\nfunction sameKind(fallback: unknown, value: unknown) {\n  const type = kind(fallback);\n  if (!SETTABLE.has(type) || kind(value) !== type) return false;\n  return type !== ARRAY || itemsMatch(fallback as unknown[], value as unknown[]);\n}\n\n/** An own property of a plain object, read without an index signature on its type. */\nconst prop = (source: object, key: string): unknown => Reflect.get(source, key);\n\nconst accepts = (defaults: object, key: string, value: unknown): boolean =>\n  Object.hasOwn(defaults, key) && !MARKUP_BLOCKED.has(key) && sameKind(prop(defaults, key), value);\n\n/** Records a rejected key; returns undefined so the key is left out. */\nconst reject = (rejected: string[], key: string): undefined => void rejected.push(key);\n\n/**\n * A plain object filtered against its default object, or undefined once any\n * key inside it is rejected, so the whole option keeps its default. Other\n * values pass through.\n */\nfunction nested(value: unknown, fallback: object, rejected: string[], path: string) {\n  if (kind(value) !== OBJECT) return value;\n  const count = rejected.length;\n  const picked = pick(value as object, fallback, rejected, path);\n  return rejected.length === count ? picked : undefined;\n}\n\n/**\n * Copies the entries of `parsed` that `defaults` owns and that keep their\n * default's kind. Only own keys of `defaults` are copied, so `__proto__` never\n * is. Rejected keys go into `rejected`, dotted below the top level.\n */\nfunction pick(parsed: object, defaults: object, rejected: string[], path = \"\"): Record<string, unknown> {\n  const picked: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(parsed)) {\n    const kept = accepts(defaults, key, value) ? nested(value, prop(defaults, key) as object, rejected, `${path}${key}.`) : reject(rejected, path + key);\n    if (kept !== undefined) picked[key] = kept;\n  }\n  return picked;\n}\n\n/** `text` parsed as a JSON object, or null. */\nfunction parseObject(text: string): object | null {\n  try {\n    const value: unknown = JSON.parse(text);\n    return kind(value) === OBJECT ? (value as object) : null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * The options an element sets for component `name` in its\n * `data-<name>-options` attribute. The attribute is untrusted: a value that is\n * not valid JSON, not an object, or not the kind of its default is dropped\n * with a warning, so that option keeps its default.\n */\nfunction markupOptions(el: Element, name: string, defaults: object) {\n  const attribute = optionsAttribute(name);\n  const text = el.getAttribute(attribute);\n  if (text === null) return {};\n  const parsed = parseObject(text);\n  if (!parsed) {\n    console.warn(`${name} ignored ${attribute}: expected a JSON object.`, el);\n    return {};\n  }\n  const rejected: string[] = [];\n  const options = pick(parsed, defaults, rejected);\n  rejected.forEach((key) => console.warn(`${name} ignored \"${key}\" in ${attribute}: markup cannot set that option to that value.`, el));\n  return options;\n}\n\n// Each component's static `init` is overloaded; indexing the table widens it\n// to a union TypeScript cannot call, so widen it once, here, to the shape the\n// table satisfies.\nconst entry = (name: keyof Registry): AutoInitEntry => AUTO_INIT_COMPONENTS[name];\nconst NAMES = Object.keys(AUTO_INIT_COMPONENTS) as (keyof Registry)[];\nconst WATCH_SELECTOR = `:is(${NAMES.map((name) => entry(name).selector).join(\",\")}):not(.no-autoinit)`;\n\n/**\n * Starts component `name` on one element, with its markup options under\n * `options`. A constructor that throws is logged and its half-built instance\n * released, so one bad element neither stops the rest of the pass nor keeps\n * a later pass from trying again.\n */\nfunction initElement(name: keyof Registry, el: Element, options: object = {}) {\n  const { component } = entry(name);\n  try {\n    component.init(el, { ...markupOptions(el, name, component.defaults), ...options });\n  } catch (error) {\n    console.error(`${name} failed to start on`, el, error);\n    stopElement(name, el);\n  }\n}\n\n/**\n * Destroys component `name`'s instance on one element. A teardown that throws,\n * as a half-built instance's can, is logged and the base teardown runs anyway,\n * so the listeners go and the element is free for a new instance.\n */\nfunction stopElement(name: keyof Registry, el: Element) {\n  const instance = entry(name).component.getInstance(el);\n  try {\n    instance?.destroy();\n  } catch (error) {\n    console.error(`${name} failed to stop on`, el, error);\n    Component.prototype.destroy.call(instance);\n  }\n}\n\n/**\n * The elements under `root` that component `name` claims, plus `root` itself\n * when `self` is set. `:is()` so that `:not(.no-autoinit)` applies to the\n * whole selector: a bare `${selector}:not(...)` binds the negation to the last\n * alternative only, which would break the opt-out for any comma-separated\n * entry (Cards is the first).\n */\nfunction claimed(name: keyof Registry, root: ParentNode, self = false): Element[] {\n  const { selector, filter = () => true } = entry(name);\n  const query = `:is(${selector}):not(.no-autoinit)`;\n  const own = self && (root as Element).matches(query) ? [root as Element] : [];\n  return [...own, ...root.querySelectorAll(query)].filter(filter);\n}\n\n/** Starts the components an added element and its descendants claim, leaving existing instances alone. */\nfunction startAdded(node: Node, options?: Partial<AutoInitOptions>) {\n  if (!hasClaims(node)) return;\n  for (const name of NAMES) {\n    claimed(name, node, true).forEach((el) => entry(name).component.getInstance(el) || initElement(name, el, options?.[name]));\n  }\n}\n\n/** Skips inert mutation roots without visiting every registry entry. */\nfunction hasClaims(node: Node): node is Element {\n  if (node.nodeType !== Node.ELEMENT_NODE) return false;\n  const el = node as Element;\n  // shortcut: matching subtrees keep ordered scans; expand only if profiling justifies lifecycle-aware discovery.\n  return el.matches(WATCH_SELECTOR) || el.querySelector(WATCH_SELECTOR) !== null;\n}\n\n/**\n * Destroys the instances of a removed element and its descendants that\n * AutoInit would claim. An element that is back in the page by now was moved,\n * and keeps its instances.\n */\nfunction stopRemoved(node: Node) {\n  if (node.isConnected || !hasClaims(node)) return;\n  for (const name of NAMES) {\n    claimed(name, node, true).forEach((el) => stopElement(name, el));\n  }\n}\n\n/** Watches `context`, starting components in added markup and destroying them in removed markup. */\nfunction watch(context: Node, options?: Partial<AutoInitOptions>) {\n  const handle = (records: MutationRecord[]) => {\n    for (const { addedNodes, removedNodes } of records) {\n      removedNodes.forEach(stopRemoved);\n      addedNodes.forEach((node) => context.contains(node) && startAdded(node, options));\n    }\n  };\n  const observer = new MutationObserver(handle);\n  observer.observe(context, { childList: true, subtree: true });\n  // Handle the changes not delivered yet first, so markup added just before stop() still starts.\n  return () => {\n    handle(observer.takeRecords());\n    observer.disconnect();\n  };\n}\n\n/**\n * Automatically initialize components.\n * @param context Root element or shadow root to initialize. Defaults to\n * `document.body`. Shadow roots inside it are not entered.\n * @param options Options for each component.\n * @param settings With `watch: true`, keep starting components in markup\n * added to `context` later, and destroy them when their markup is removed.\n * @returns A function that stops watching. It does nothing without `watch`.\n */\nexport function AutoInit(\n  context: HTMLElement | ShadowRoot = document.body,\n  options?: Partial<AutoInitOptions>,\n  settings: { watch?: boolean } = {},\n): () => void {\n  for (const name of NAMES) {\n    claimed(name, context).forEach((el) => initElement(name, el, options?.[name]));\n  }\n  return settings.watch ? watch(context, options) : () => {};\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-7YZ5CN3V.mjs → chunk-PCABY5BN.mjs}

@@ -1,6 +1,7 @@
 import {
-  Utils
-} from "./chunk-ZVLOUDIJ.mjs";
+  Utils,
+  afterAnyFormReset
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/behaviors/imageCompare.ts
 var rangeSelector = '.image-compare > input[type="range"]';
@@ -12,6 +13,7 @@ var _ImageCompare = class _ImageCompare {
       const range = Utils.eventTarget(e);
       if (range?.matches(rangeSelector)) _ImageCompare.sync(range);
     });
+    afterAnyFormReset((form) => form.querySelectorAll(rangeSelector).forEach(_ImageCompare.sync));
     Utils.onDocumentReady(() => {
       document.querySelectorAll(rangeSelector).forEach((range) => _ImageCompare.sync(range));
     });
@@ -30,4 +32,4 @@ var ImageCompare = _ImageCompare;
 export {
   ImageCompare
 };
-//# sourceMappingURL=chunk-7YZ5CN3V.mjs.map
+//# sourceMappingURL=chunk-PCABY5BN.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/imageCompare.ts"],
+  "sourcesContent": ["import { Utils, afterAnyFormReset } from '../core/utils';\n\nconst rangeSelector = '.image-compare > input[type=\"range\"]';\n\n/**\n * Image compare. Keeps `--md-comp-image-compare-position` on each\n * `.image-compare` in step with its range input, so the divider and the\n * revealed image follow the value. Listens on the document, so compares added\n * later follow too once moved, and a form reset moves them back.\n * `ImageCompare.sync(el)` sets one at once.\n */\nexport class ImageCompare {\n  private static _initialized = false;\n\n  static Init() {\n    if (ImageCompare._initialized || typeof document === 'undefined') return;\n    ImageCompare._initialized = true;\n    document.addEventListener('input', (e) => {\n      const range = Utils.eventTarget(e);\n      if (range?.matches(rangeSelector)) ImageCompare.sync(<HTMLInputElement>range);\n    });\n    afterAnyFormReset((form) => form.querySelectorAll<HTMLInputElement>(rangeSelector).forEach(ImageCompare.sync));\n    Utils.onDocumentReady(() => {\n      document.querySelectorAll<HTMLInputElement>(rangeSelector).forEach((range) => ImageCompare.sync(range));\n    });\n  }\n\n  /** Moves the divider of a compare to its range's current value. */\n  static sync(range: HTMLInputElement) {\n    const min = parseFloat(range.min) || 0;\n    const max = Number.isNaN(parseFloat(range.max)) ? 100 : parseFloat(range.max);\n    const fraction = max === min ? 0 : (parseFloat(range.value) - min) / (max - min);\n    range.parentElement.style.setProperty('--md-comp-image-compare-position', `${fraction * 100}%`);\n  }\n}\n"],
+  "mappings": ";;;;;;AAEA,IAAM,gBAAgB;AASf,IAAM,gBAAN,MAAM,cAAa;AAAA,EAGxB,OAAO,OAAO;AACZ,QAAI,cAAa,gBAAgB,OAAO,aAAa,YAAa;AAClE,kBAAa,eAAe;AAC5B,aAAS,iBAAiB,SAAS,CAAC,MAAM;AACxC,YAAM,QAAQ,MAAM,YAAY,CAAC;AACjC,UAAI,OAAO,QAAQ,aAAa,EAAG,eAAa,KAAuB,KAAK;AAAA,IAC9E,CAAC;AACD,sBAAkB,CAAC,SAAS,KAAK,iBAAmC,aAAa,EAAE,QAAQ,cAAa,IAAI,CAAC;AAC7G,UAAM,gBAAgB,MAAM;AAC1B,eAAS,iBAAmC,aAAa,EAAE,QAAQ,CAAC,UAAU,cAAa,KAAK,KAAK,CAAC;AAAA,IACxG,CAAC;AAAA,EACH;AAAA;AAAA,EAGA,OAAO,KAAK,OAAyB;AACnC,UAAM,MAAM,WAAW,MAAM,GAAG,KAAK;AACrC,UAAM,MAAM,OAAO,MAAM,WAAW,MAAM,GAAG,CAAC,IAAI,MAAM,WAAW,MAAM,GAAG;AAC5E,UAAM,WAAW,QAAQ,MAAM,KAAK,WAAW,MAAM,KAAK,IAAI,QAAQ,MAAM;AAC5E,UAAM,cAAc,MAAM,YAAY,oCAAoC,GAAG,WAAW,GAAG,GAAG;AAAA,EAChG;AACF;AAvBa,cACI,eAAe;AADzB,IAAM,eAAN;",
+  "names": []
+}

package/dist/js/chunks/{chunk-X7SDA2J5.mjs → chunk-PWKYVMND.mjs}

@@ -1,10 +1,10 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
 import {
   Utils,
   restoreAttribute
-} from "./chunk-ZVLOUDIJ.mjs";
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/components/showMore.ts
 var _defaults = {
@@ -34,7 +34,7 @@ var _ShowMore = class _ShowMore extends Component {
     this._observer = null;
     /** Shows the full text. */
     this.open = () => {
-      if (this.isOpen || !this.button) return;
+      if (this.isOpen || !this._wired) return;
       this._show(true);
       this._notify("open", this.options.onOpen, { current: () => this.isOpen });
     };
@@ -71,7 +71,7 @@ var _ShowMore = class _ShowMore extends Component {
     return _defaults;
   }
   destroy() {
-    if (this.button) {
+    if (this._wired) {
       this._observer.disconnect();
       if (this.isOpen) this._show(false);
       for (const name of BUTTON_ATTRIBUTES) restoreAttribute(this.button, name, this._initial[name]);
@@ -89,6 +89,10 @@ var _ShowMore = class _ShowMore extends Component {
     this.button.ariaExpanded = "false";
     this.button.setAttribute("aria-controls", this.text.id);
   }
+  /** Whether the constructor found the text and the button, and wired them. */
+  get _wired() {
+    return Boolean(this.text && this.button);
+  }
   _show(open) {
     this.isOpen = open;
     this.button.ariaExpanded = String(open);
@@ -113,4 +117,4 @@ var ShowMore = _ShowMore;
 export {
   ShowMore
 };
-//# sourceMappingURL=chunk-X7SDA2J5.mjs.map
+//# sourceMappingURL=chunk-PWKYVMND.mjs.map

package/dist/js/chunks/{chunk-X7SDA2J5.mjs.map → chunk-PWKYVMND.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ts/components/showMore.ts"],
-  "sourcesContent": ["import { Utils, restoreAttribute } from \"../core/utils\";\nimport { Component, BaseOptions } from \"../core/component\";\n\nexport interface ShowMoreI18nOptions {\n  /** The button's label while the full text shows. */\n  showLess: string;\n}\n\nexport interface ShowMoreOptions extends BaseOptions {\n  /** Called after the full text shows. */\n  onOpen: ((el: Element) => void) | null;\n  /** Called after the text is clamped again. */\n  onClose: ((el: Element) => void) | null;\n  /** The open label; `data-show-less` on the button overrides it. */\n  i18n: Partial<ShowMoreI18nOptions>;\n}\n\nconst _defaults: ShowMoreOptions = {\n  onOpen: null,\n  onClose: null,\n  i18n: { showLess: \"Show less\" },\n};\n\n// Inline, because the utilities layer beats any component rule and a\n// prefixed clamp such as medium:line-clamp-2 would beat .line-clamp-none.\nconst CLAMP_PROPERTIES = [\"-webkit-line-clamp\", \"line-clamp\"];\nconst BUTTON_ATTRIBUTES = [\"aria-expanded\", \"aria-controls\", \"hidden\"];\n\n/** The button's last label text, skipping aria-hidden icons. */\nfunction labelNode(button: HTMLElement): Text | null {\n  const walker = button.ownerDocument.createTreeWalker(button, NodeFilter.SHOW_TEXT);\n  let label: Text | null = null;\n  for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n    if (node.textContent.trim() && !node.parentElement.closest('[aria-hidden=\"true\"]')) label = node as Text;\n  }\n  return label;\n}\n\n/**\n * Clamped text with a button that shows all of it. A `.show-more` holds text\n * with a `line-clamp-1`, `-2` or `-3` class and a `<button>`. The button\n * hides while the clamped text fits.\n */\nexport class ShowMore extends Component<ShowMoreOptions> {\n  static key = \"Expressive_ShowMore\";\n  isOpen = false;\n  private readonly text: HTMLElement | null;\n  private readonly button: HTMLButtonElement | null;\n  // Attributes as they were before init, so destroy() can restore them.\n  private _initial: Record<string, string | null> = {};\n  private _initialId: string | null = null;\n  private _label: Text | null = null;\n  private _moreLabel = \"\";\n  private _observer: ResizeObserver | null = null;\n\n  constructor(el: HTMLElement, options: Partial<ShowMoreOptions>) {\n    super(el, options);\n    this.text = el.querySelector(\":scope > :is(.line-clamp-1, .line-clamp-2, .line-clamp-3)\");\n    this.button = el.querySelector(\":scope > button\");\n    if (!this.text || !this.button) return;\n    this._wire();\n    const { signal } = this._events;\n    this.button.addEventListener(\"click\", this._toggle, { signal });\n    this.button.addEventListener(\"blur\", this._fit, { signal });\n    this._observer = new ResizeObserver(this._fit);\n    this._observer.observe(this.text);\n    // A web font that swaps in can change what fits without resizing the\n    // clamped box, so the observer would not report it.\n    el.ownerDocument.fonts?.ready.then(this._fit);\n  }\n\n  static get defaults(): ShowMoreOptions {\n    return _defaults;\n  }\n\n  /** Shows the full text. */\n  open = () => {\n    if (this.isOpen || !this.button) return;\n    this._show(true);\n    this._notify(\"open\", this.options.onOpen, { current: () => this.isOpen });\n  };\n\n  /** Clamps the text again. */\n  close = () => {\n    if (!this.isOpen) return;\n    this._show(false);\n    this._notify(\"close\", this.options.onClose, { current: () => !this.isOpen });\n  };\n\n  destroy() {\n    if (this.button) {\n      this._observer.disconnect();\n      if (this.isOpen) this._show(false);\n      for (const name of BUTTON_ATTRIBUTES) restoreAttribute(this.button, name, this._initial[name]);\n      restoreAttribute(this.text, \"id\", this._initialId);\n    }\n    super.destroy();\n  }\n\n  /** Records what destroy() restores, then points the button at the text. */\n  private _wire() {\n    for (const name of BUTTON_ATTRIBUTES) this._initial[name] = this.button.getAttribute(name);\n    this._initialId = this.text.getAttribute(\"id\");\n    if (!this.text.id) this.text.id = `show-more-${Utils.guid()}`;\n    this._label = labelNode(this.button);\n    if (this._label) this._moreLabel = this._label.data;\n    this.button.ariaExpanded = \"false\";\n    this.button.setAttribute(\"aria-controls\", this.text.id);\n  }\n\n  private _toggle = () => (this.isOpen ? this.close() : this.open());\n\n  /**\n   * Hides the button while the clamped text fits. Open text keeps it. So does\n   * focus, so a resize cannot hide the button someone is on and drop focus on\n   * the page. The check runs again on blur, which also hides a button whose\n   * text was collapsed after it widened to fit, since collapsing it then\n   * leaves the box the same size.\n   */\n  private _fit = () => {\n    if (this.isOpen || this.button.matches(\":focus\") || ShowMore.getInstance(this.el) !== this) return;\n    // Firefox rounds a fractional line height up in scrollHeight only.\n    this.button.hidden = this.text.scrollHeight - this.text.clientHeight <= 1;\n  };\n\n  private _show(open: boolean) {\n    this.isOpen = open;\n    this.button.ariaExpanded = String(open);\n    if (this._label) this._label.data = open ? this._lessLabel() : this._moreLabel;\n    this._clamp(!open);\n  }\n\n  private _lessLabel() {\n    return this.button.dataset.showLess || this.options.i18n.showLess;\n  }\n\n  private _clamp(on: boolean) {\n    if (on) this._restoreClamp();\n    else for (const property of CLAMP_PROPERTIES) this.text.style.setProperty(property, \"unset\");\n  }\n\n  private _restoreClamp() {\n    for (const property of CLAMP_PROPERTIES) this.text.style.removeProperty(property);\n    // Leave no empty style attribute on text that had none.\n    if (!this.text.style.length) this.text.removeAttribute(\"style\");\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Utils, restoreAttribute } from \"../core/utils\";\nimport { Component, BaseOptions } from \"../core/component\";\n\nexport interface ShowMoreI18nOptions {\n  /** The button's label while the full text shows. */\n  showLess: string;\n}\n\nexport interface ShowMoreOptions extends BaseOptions {\n  /** Called after the full text shows. */\n  onOpen: ((el: Element) => void) | null;\n  /** Called after the text is clamped again. */\n  onClose: ((el: Element) => void) | null;\n  /** The open label; `data-show-less` on the button overrides it. */\n  i18n: Partial<ShowMoreI18nOptions>;\n}\n\nconst _defaults: ShowMoreOptions = {\n  onOpen: null,\n  onClose: null,\n  i18n: { showLess: \"Show less\" },\n};\n\n// Inline, because the utilities layer beats any component rule and a\n// prefixed clamp such as medium:line-clamp-2 would beat .line-clamp-none.\nconst CLAMP_PROPERTIES = [\"-webkit-line-clamp\", \"line-clamp\"];\nconst BUTTON_ATTRIBUTES = [\"aria-expanded\", \"aria-controls\", \"hidden\"];\n\n/** The button's last label text, skipping aria-hidden icons. */\nfunction labelNode(button: HTMLElement): Text | null {\n  const walker = button.ownerDocument.createTreeWalker(button, NodeFilter.SHOW_TEXT);\n  let label: Text | null = null;\n  for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n    if (node.textContent.trim() && !node.parentElement.closest('[aria-hidden=\"true\"]')) label = node as Text;\n  }\n  return label;\n}\n\n/**\n * Clamped text with a button that shows all of it. A `.show-more` holds text\n * with a `line-clamp-1`, `-2` or `-3` class and a `<button>`. The button\n * hides while the clamped text fits.\n */\nexport class ShowMore extends Component<ShowMoreOptions> {\n  static key = \"Expressive_ShowMore\";\n  isOpen = false;\n  private readonly text: HTMLElement | null;\n  private readonly button: HTMLButtonElement | null;\n  // Attributes as they were before init, so destroy() can restore them.\n  private _initial: Record<string, string | null> = {};\n  private _initialId: string | null = null;\n  private _label: Text | null = null;\n  private _moreLabel = \"\";\n  private _observer: ResizeObserver | null = null;\n\n  constructor(el: HTMLElement, options: Partial<ShowMoreOptions>) {\n    super(el, options);\n    this.text = el.querySelector(\":scope > :is(.line-clamp-1, .line-clamp-2, .line-clamp-3)\");\n    this.button = el.querySelector(\":scope > button\");\n    if (!this.text || !this.button) return;\n    this._wire();\n    const { signal } = this._events;\n    this.button.addEventListener(\"click\", this._toggle, { signal });\n    this.button.addEventListener(\"blur\", this._fit, { signal });\n    this._observer = new ResizeObserver(this._fit);\n    this._observer.observe(this.text);\n    // A web font that swaps in can change what fits without resizing the\n    // clamped box, so the observer would not report it.\n    el.ownerDocument.fonts?.ready.then(this._fit);\n  }\n\n  static get defaults(): ShowMoreOptions {\n    return _defaults;\n  }\n\n  /** Shows the full text. */\n  open = () => {\n    if (this.isOpen || !this._wired) return;\n    this._show(true);\n    this._notify(\"open\", this.options.onOpen, { current: () => this.isOpen });\n  };\n\n  /** Clamps the text again. */\n  close = () => {\n    if (!this.isOpen) return;\n    this._show(false);\n    this._notify(\"close\", this.options.onClose, { current: () => !this.isOpen });\n  };\n\n  destroy() {\n    if (this._wired) {\n      this._observer.disconnect();\n      if (this.isOpen) this._show(false);\n      for (const name of BUTTON_ATTRIBUTES) restoreAttribute(this.button, name, this._initial[name]);\n      restoreAttribute(this.text, \"id\", this._initialId);\n    }\n    super.destroy();\n  }\n\n  /** Records what destroy() restores, then points the button at the text. */\n  private _wire() {\n    for (const name of BUTTON_ATTRIBUTES) this._initial[name] = this.button.getAttribute(name);\n    this._initialId = this.text.getAttribute(\"id\");\n    if (!this.text.id) this.text.id = `show-more-${Utils.guid()}`;\n    this._label = labelNode(this.button);\n    if (this._label) this._moreLabel = this._label.data;\n    this.button.ariaExpanded = \"false\";\n    this.button.setAttribute(\"aria-controls\", this.text.id);\n  }\n\n  /** Whether the constructor found the text and the button, and wired them. */\n  private get _wired() {\n    return Boolean(this.text && this.button);\n  }\n\n  private _toggle = () => (this.isOpen ? this.close() : this.open());\n\n  /**\n   * Hides the button while the clamped text fits. Open text keeps it. So does\n   * focus, so a resize cannot hide the button someone is on and drop focus on\n   * the page. The check runs again on blur, which also hides a button whose\n   * text was collapsed after it widened to fit, since collapsing it then\n   * leaves the box the same size.\n   */\n  private _fit = () => {\n    if (this.isOpen || this.button.matches(\":focus\") || ShowMore.getInstance(this.el) !== this) return;\n    // Firefox rounds a fractional line height up in scrollHeight only.\n    this.button.hidden = this.text.scrollHeight - this.text.clientHeight <= 1;\n  };\n\n  private _show(open: boolean) {\n    this.isOpen = open;\n    this.button.ariaExpanded = String(open);\n    if (this._label) this._label.data = open ? this._lessLabel() : this._moreLabel;\n    this._clamp(!open);\n  }\n\n  private _lessLabel() {\n    return this.button.dataset.showLess || this.options.i18n.showLess;\n  }\n\n  private _clamp(on: boolean) {\n    if (on) this._restoreClamp();\n    else for (const property of CLAMP_PROPERTIES) this.text.style.setProperty(property, \"unset\");\n  }\n\n  private _restoreClamp() {\n    for (const property of CLAMP_PROPERTIES) this.text.style.removeProperty(property);\n    // Leave no empty style attribute on text that had none.\n    if (!this.text.style.length) this.text.removeAttribute(\"style\");\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }