@expressivecss/expressive 0.13.1 → 0.15.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/chips.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Autocomplete, AutocompleteOptions } from './autocomplete';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport interface ChipData {\n  /**\n   * Unique identifier.\n   */\n  id: number | string;\n  /**\n   * Chip text. If not specified, \"id\" will be used.\n   */\n  text?: string;\n  /**\n   * Chip image (URL).\n   */\n  image?: string;\n}\n\nexport interface ChipsI18nOptions {\n  /** Prefix for the delete button's accessible name. */\n  remove: string;\n}\n\nexport interface ChipsOptions extends BaseOptions {\n  /**\n   * Set the chip data.\n   * @default []\n   */\n  data: ChipData[];\n  /**\n   * Set first placeholder when there are no tags.\n   * @default \"\"\n   */\n  placeholder: string;\n  /**\n   * Set second placeholder when adding additional tags.\n   * @default \"\"\n   */\n  secondaryPlaceholder: string;\n  /**\n   * Set autocomplete options.\n   * @default {}\n   */\n  autocompleteOptions: Partial<AutocompleteOptions>;\n  /**\n   * Toggles abililty to add custom value not in autocomplete list.\n   * @default false\n   */\n  autocompleteOnly: boolean;\n  /**\n   * Set chips limit.\n   * @default Infinity\n   */\n  limit: number;\n  /**\n   * Specifies class to be used in \"close\" button.\n   * @default 'material-symbols'\n   */\n  closeIconClass: string;\n  /**\n   *  Specifies option to render user input field\n   *  @default false;\n   */\n  allowUserInput: boolean;\n  /**\n   * Strings the component generates. `remove` prefixes the delete button's\n   * accessible name, giving \"Remove Apple\".\n   * @default { remove: 'Remove' }\n   */\n  i18n: Partial<ChipsI18nOptions>;\n  /**\n   * Callback for chip add.\n   * @default null\n   */\n  onChipAdd: (element: HTMLElement, chip: HTMLElement) => void;\n  /**\n   * Callback for chip select.\n   * @default null\n   */\n  onChipSelect: (element: HTMLElement, chip: HTMLElement) => void;\n  /**\n   * Callback for chip delete.\n   * @default null\n   */\n  onChipDelete: (element: HTMLElement, chip: HTMLElement) => void;\n}\n\nconst _defaults: ChipsOptions = {\n  data: [],\n  placeholder: '',\n  secondaryPlaceholder: '',\n  closeIconClass: 'material-symbols',\n  autocompleteOptions: {},\n  autocompleteOnly: false,\n  limit: Infinity,\n  allowUserInput: false,\n  i18n: { remove: 'Remove' },\n  onChipAdd: null,\n  onChipSelect: null,\n  onChipDelete: null\n};\n\nexport class Chips extends Component<ChipsOptions> {\n  /** Array of the current chips data. */\n  chipsData: ChipData[];\n  /** If the chips has autocomplete enabled. */\n  hasAutocomplete: boolean;\n  /** Autocomplete instance, if any. */\n  autocomplete: Autocomplete;\n  _input: HTMLInputElement;\n  _label: HTMLLabelElement;\n  _chips: HTMLElement[];\n  static _keydown: boolean;\n  private _selectedChip: HTMLElement;\n\n  /**\n   * Selection is drawn by a class now, not by `:focus`, so it does not clear\n   * itself when focus moves - every path that changes the selection has to go\n   * through here or the class and the field drift apart.\n   *\n   * Deliberately no `aria-selected`: the chip is not an option in a listbox,\n   * and putting the attribute on an element with no such role is the same\n   * defect the semantics standard exists to remove.\n   */\n  private _setSelected(chip: HTMLElement | null) {\n    this._selectedChip?.classList.remove('selected');\n    this._selectedChip = chip;\n    chip?.classList.add('selected');\n  }\n\n  constructor(el: HTMLElement, options: Partial<ChipsOptions>) {\n    super(el, options, Chips);\n    this.el['Expressive_Chips'] = this;\n\n    this.options = {\n      ...Chips.defaults,\n      ...options\n    };\n    // Spreading options over the defaults replaces the i18n object wholesale,\n    // so passing one string would drop the rest. Same fix as Datepicker.\n    if (options?.i18n) this.options.i18n = { ...Chips.defaults.i18n, ...options.i18n };\n\n    this.el.classList.add('chips');\n    this.chipsData = [];\n    this._chips = [];\n\n    // Render initial chips\n    if (this.options.data.length) {\n      this.chipsData = this.options.data;\n      this._renderChips();\n    }\n\n    // Render input element, setup event handlers\n    if (this.options.allowUserInput) {\n      this.el.classList.add('field');\n      this._setupInput();\n      this._setupEventHandlers();\n      // move input to end\n      this.el.append(this._input);\n    }\n    // After _setupInput: the label points at the input's id, which is only\n    // assigned there. Running this first threw on any .chips with a <label>.\n    this._setupLabel();\n  }\n\n  static get defaults() {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Chips.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<ChipsOptions>): Chips;\n  /**\n   * Initializes instances of Chips.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<ChipsOptions>): Chips[];\n  /**\n   * Initializes instances of Chips.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<ChipsOptions> = {}\n  ): Chips | Chips[] {\n    return super.init(els, options, Chips);\n  }\n\n  static getInstance(el: HTMLElement): Chips {\n    return el['Expressive_Chips'];\n  }\n\n  getData() {\n    return this.chipsData;\n  }\n\n  destroy() {\n    if (this.autocomplete && Autocomplete.getInstance(this._input) === this.autocomplete) {\n      this.autocomplete.destroy();\n    }\n    if (this.options.allowUserInput) {\n      this._removeEventHandlers();\n    }\n    this._chips.forEach((c) => c.remove());\n    this._chips = [];\n    this.el['Expressive_Chips'] = undefined;\n  }\n\n  _setupEventHandlers() {\n    this.el.addEventListener('click', this._handleChipClick);\n    this.el.addEventListener('keydown', Chips._handleChipsKeydown);\n    this.el.addEventListener('keyup', Chips._handleChipsKeyup);\n    this.el.addEventListener('blur', Chips._handleChipsBlur, true);\n    this._input.addEventListener('focus', this._handleInputFocus);\n    this._input.addEventListener('blur', this._handleInputBlur);\n    this._input.addEventListener('keydown', this._handleInputKeydown);\n  }\n\n  _removeEventHandlers() {\n    this.el.removeEventListener('click', this._handleChipClick);\n    this.el.removeEventListener('keydown', Chips._handleChipsKeydown);\n    this.el.removeEventListener('keyup', Chips._handleChipsKeyup);\n    this.el.removeEventListener('blur', Chips._handleChipsBlur, true);\n    this._input.removeEventListener('focus', this._handleInputFocus);\n    this._input.removeEventListener('blur', this._handleInputBlur);\n    this._input.removeEventListener('keydown', this._handleInputKeydown);\n  }\n\n  _handleChipClick = (e: MouseEvent) => {\n    const _chip = (<HTMLElement>e.target).closest('.chip');\n    // closest, not classList: the close button now wraps an icon span, so a\n    // click on the glyph reports the span as the target.\n    const clickedClose = !!(<HTMLElement>e.target).closest('.close');\n    if (_chip) {\n      // Index into the chip list, not into the container's children: the\n      // container also holds the label and the input, so counting children\n      // gave an index that did not line up with chipsData.\n      const index = this._chips.indexOf(_chip as HTMLElement);\n      if (index < 0) return;\n      if (clickedClose) {\n        this._deleteChip(index, 'input');\n      } else {\n        this.selectChip(index);\n      }\n      // Default handle click to focus on input\n    } else {\n      this._input.focus();\n    }\n  };\n\n  static _handleChipsKeydown(e: KeyboardEvent) {\n    Chips._keydown = true;\n    const chips = (<HTMLElement>e.target).closest('.chips');\n\n    // Don't handle keydown inputs on input and textarea\n    const tag = (<HTMLElement>e.target).tagName;\n    if (tag === 'INPUT' || tag === 'TEXTAREA' || !chips) return;\n\n    const currChips: Chips = chips['Expressive_Chips'];\n    if (!currChips) return; // .chips markup without an instance behind it\n\n    if (e.key === Utils.keys.BACKSPACE || e.key === Utils.keys.DELETE) {\n      const index = currChips._chips.indexOf((e.target as HTMLElement).closest('.chip'));\n      if (index < 0) return;\n      e.preventDefault();\n      currChips._deleteChip(index, 'previous');\n    } else if (e.key === Utils.keys.ARROW_LEFT) {\n      if (currChips._selectedChip) {\n        const selectIndex = currChips._chips.indexOf(currChips._selectedChip) - 1;\n        if (selectIndex < 0) return;\n        currChips.selectChip(selectIndex);\n      }\n    } else if (e.key === Utils.keys.ARROW_RIGHT) {\n      if (currChips._selectedChip) {\n        const selectIndex = currChips._chips.indexOf(currChips._selectedChip) + 1;\n        if (selectIndex >= currChips.chipsData.length) {\n          // Walking off the end returns to the input, so nothing is selected\n          // any more - without this the last chip kept the class.\n          currChips._setSelected(null);\n          currChips._input.focus();\n        }\n        else currChips.selectChip(selectIndex);\n      }\n    }\n  }\n\n  static _handleChipsKeyup() {\n    Chips._keydown = false;\n  }\n\n  static _handleChipsBlur(e: Event) {\n    if (!Chips._keydown && document.hidden) {\n      const chips = (<HTMLElement>e.target).closest('.chips');\n      const currChips: Chips = chips?.['Expressive_Chips'];\n      if (currChips) currChips._setSelected(null);\n    }\n  }\n\n  _handleInputFocus = () => {\n    this.el.classList.add('focus');\n  };\n\n  _handleInputBlur = () => {\n    this.el.classList.remove('focus');\n  };\n\n  _handleInputKeydown = (e: KeyboardEvent) => {\n    Chips._keydown = true;\n    if (e.key === Utils.keys.ENTER) {\n      // Override enter if autocompleting.\n      if (this.hasAutocomplete && this.autocomplete?.isOpen &&\n        this.autocomplete.container.querySelector('[role=\"option\"]')) {\n        return;\n      }\n      e.preventDefault();\n      if (!this.hasAutocomplete || !this.options.autocompleteOnly) {\n        this.addChip({ id: this._input.value });\n      }\n      this._input.value = '';\n    } else if (\n      (e.key === Utils.keys.BACKSPACE || e.key === Utils.keys.ARROW_LEFT) &&\n      this._input.value === '' &&\n      this.chipsData.length\n    ) {\n      e.preventDefault();\n      this.selectChip(this.chipsData.length - 1);\n    }\n  };\n\n  _renderChip(chip: ChipData): HTMLElement {\n    if (!chip.id && chip.id !== 0) return;\n    const label = chip.text || <string>chip.id;\n    // <span>, not <div>: a chip is inline, and the container itself is not a\n    // control. It used to be a <div tabindex=\"0\"> with no role - focusable,\n    // and announcing nothing.\n    const renderedChip = document.createElement('span');\n    renderedChip.classList.add('chip');\n    renderedChip.innerText = label;\n    // attach image if needed\n    if (chip.image) {\n      const img = document.createElement('img');\n      img.setAttribute('src', chip.image);\n      renderedChip.insertBefore(img, renderedChip.firstChild);\n    }\n    if (this.options.allowUserInput) {\n      // The delete affordance is the control, so it is the <button> and it\n      // carries the name. `type` is explicit because a bare button inside a\n      // form submits it.\n      const closeButton = document.createElement('button');\n      closeButton.type = 'button';\n      closeButton.classList.add('close');\n      closeButton.setAttribute('aria-label', `${this.options.i18n.remove} ${label}`);\n      // The ligature is text and is read out, so the glyph is hidden and the\n      // button's own label is what gets announced.\n      const closeIcon = document.createElement('span');\n      closeIcon.classList.add(this.options.closeIconClass);\n      closeIcon.setAttribute('aria-hidden', 'true');\n      closeIcon.innerText = 'close';\n      closeButton.appendChild(closeIcon);\n      renderedChip.appendChild(closeButton);\n    }\n    return renderedChip;\n  }\n\n  _renderChips() {\n    this._chips = []; //.remove();\n    for (let i = 0; i < this.chipsData.length; i++) {\n      const chipElem = this._renderChip(this.chipsData[i]);\n      this.el.appendChild(chipElem);\n      this._chips.push(chipElem);\n    }\n  }\n\n  _setupAutocomplete() {\n    this.options.autocompleteOptions.onAutocomplete = (items) => {\n      if (Chips.getInstance(this.el) !== this) return;\n      if (items.length > 0) {\n        this.addChip({\n          id: items[0].id,\n          text: items[0].text,\n          image: items[0].image\n        });\n        this._input.value = '';\n        this._input.focus();\n      }\n    };\n    this.autocomplete = Autocomplete.init(this._input, this.options.autocompleteOptions);\n  }\n\n  _setupInput() {\n    this._input = this.el.querySelector('input');\n    if (!this._input) {\n      this._input = document.createElement('input');\n      this.el.append(this._input);\n    }\n    this._input.classList.add('input');\n    this.hasAutocomplete = Object.keys(this.options.autocompleteOptions).length > 0;\n    // Setup autocomplete if needed\n    if (this.hasAutocomplete) this._setupAutocomplete();\n    this._setPlaceholder();\n    // Set input id\n    if (!this._input.getAttribute('id')) this._input.setAttribute('id', Utils.guid());\n  }\n\n  _setupLabel() {\n    this._label = this.el.querySelector('label');\n    // No input to point at when allowUserInput is off.\n    if (this._label && this._input) this._label.setAttribute('for', this._input.getAttribute('id'));\n  }\n\n  _setPlaceholder() {\n    if (!this._input) return;\n    if (!this.chipsData.length && this.options.placeholder) {\n      this._input.placeholder = this.options.placeholder;\n    } else if (this.chipsData.length && this.options.secondaryPlaceholder) {\n      this._input.placeholder = this.options.secondaryPlaceholder;\n    }\n  }\n\n  _isValidAndNotExist(chip: ChipData) {\n    const isValid = !!chip.id || chip.id === 0;\n    const doesNotExist = !this.chipsData.some((item) => item.id == chip.id);\n    return isValid && doesNotExist;\n  }\n\n  /**\n   * Add chip to input.\n   * @param chip Chip data object\n   */\n  addChip(chip: ChipData) {\n    if (!this._isValidAndNotExist(chip) || this.chipsData.length >= this.options.limit) return;\n    const renderedChip = this._renderChip(chip);\n    this._chips.push(renderedChip);\n    this.chipsData.push(chip);\n    if (this._input) this._input.before(renderedChip);\n    else this.el.append(renderedChip);\n    this._setPlaceholder();\n    // fire chipAdd callback\n    if (typeof this.options.onChipAdd === 'function') {\n      this.options.onChipAdd(this.el, renderedChip);\n    }\n  }\n\n  /**\n   * Delete nth chip.\n   * @param chipIndex  Index of chip\n   */\n  deleteChip(chipIndex: number) {\n    const root = this.el.getRootNode() as Document | ShadowRoot;\n    this._deleteChip(chipIndex, this._chips[chipIndex]?.contains(root.activeElement) ? 'input' : null);\n  }\n\n  private _deleteChip(chipIndex: number, focus: 'input' | 'previous' | null) {\n    const chip = this._chips[chipIndex];\n    if (!chip) return;\n    if (this._selectedChip === chip) this._setSelected(null);\n    chip.remove();\n    this._chips.splice(chipIndex, 1);\n    this.chipsData.splice(chipIndex, 1);\n    this._setPlaceholder();\n    const focusPath: { root: Document | ShadowRoot; element: Element | null }[] = [];\n    let root = this.el.getRootNode() as Document | ShadowRoot;\n    while (root) {\n      focusPath.push({ root, element: root.activeElement });\n      root = 'host' in root ? root.host.getRootNode() as Document | ShadowRoot : null;\n    }\n    // fire chipDelete callback\n    if (typeof this.options.onChipDelete === 'function') {\n      this.options.onChipDelete(this.el, chip);\n    }\n    if (!focus || focusPath.some(({ root, element }) => root.activeElement !== element) || this.el['Expressive_Chips'] !== this) return;\n    if (focus === 'previous' && this._chips.length) this.selectChip(Math.max(chipIndex - 1, 0));\n    else {\n      this._setSelected(null);\n      this._input?.focus();\n    }\n  }\n\n  /**\n   * Select nth chip.\n   * @param chipIndex Index of chip\n   */\n  selectChip(chipIndex: number) {\n    const chip = this._chips[chipIndex];\n    if (!chip) return;\n    this._setSelected(chip);\n    // The chip is not a control any more, so focus goes to the one thing in it\n    // that is - the delete button.\n    (chip.querySelector('.close') as HTMLElement | null)?.focus();\n    // fire chipSelect callback\n    if (typeof this.options.onChipSelect === 'function') {\n      this.options.onChipSelect(this.el, chip);\n    }\n  }\n\n  static Init() {\n    // Handle removal of static chips - markup written by hand, with no Chips\n    // instance behind it. Where there *is* an instance, _handleChipClick owns\n    // the close button: removing the node here as well left chipsData holding\n    // an entry whose element was gone.\n    Utils.onDocumentReady(() => {\n      const chips = document.querySelectorAll('.chips');\n      chips.forEach((el) => {\n        el.addEventListener('click', (e) => {\n          if (el['Expressive_Chips']) return;\n          // closest: the close button wraps an icon span, so a click on the\n          // glyph reports the span.\n          if ((<HTMLElement>e.target).closest('.close')) {\n            const chip = (<HTMLElement>e.target).closest('.chip');\n            if (chip) chip.remove();\n          }\n        });\n      });\n    });\n  }\n\n  static {\n    Chips._keydown = false;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["root"]
+}

package/dist/js/chunks/{chunk-QVVEWBOF.mjs → chunk-DXGRXYYL.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/expandingCard.ts
 var _defaults = {
@@ -42,11 +42,7 @@ var ExpandingCard = class _ExpandingCard extends Component {
     };
     this._handleNativeClose = () => {
       if (this.dialog.open) return;
-      this.closeGeneration++;
-      this.isOpen = false;
-      this.trigger.ariaExpanded = "false";
-      this.dialog.ariaExpanded = "false";
-      this.dialog.classList.remove("expanded");
+      this._collapse();
     };
     this._setTransitionOrigin = () => {
       if (!this.dialog) return;
@@ -55,26 +51,15 @@ var ExpandingCard = class _ExpandingCard extends Component {
         ":scope > figure, :scope > img"
       );
       const mediaRect = media?.getBoundingClientRect();
-      this.dialog.style.setProperty(
-        "--md-comp-expanding-card-from-top",
-        `${Math.max(0, card.top)}px`
-      );
-      this.dialog.style.setProperty(
-        "--md-comp-expanding-card-from-right",
-        `${Math.max(0, window.innerWidth - card.right)}px`
-      );
-      this.dialog.style.setProperty(
-        "--md-comp-expanding-card-from-bottom",
-        `${Math.max(0, window.innerHeight - card.bottom)}px`
-      );
-      this.dialog.style.setProperty(
-        "--md-comp-expanding-card-from-left",
-        `${Math.max(0, card.left)}px`
-      );
-      this.dialog.style.setProperty(
-        "--md-comp-expanding-card-from-media-height",
-        `${Math.max(0, mediaRect?.height ?? 0)}px`
+      const set = (side, px) => this.dialog.style.setProperty(
+        `--md-comp-expanding-card-from-${side}`,
+        `${Math.max(0, px)}px`
       );
+      set("top", card.top);
+      set("right", window.innerWidth - card.right);
+      set("bottom", window.innerHeight - card.bottom);
+      set("left", card.left);
+      set("media-height", mediaRect?.height ?? 0);
     };
     this.open = () => {
       if (this.isOpen || !this.dialog || !this.trigger) return;
@@ -93,12 +78,9 @@ var ExpandingCard = class _ExpandingCard extends Component {
     };
     this.close = () => {
       if (!this.isOpen || !this.dialog || !this.trigger) return;
-      const generation = ++this.closeGeneration;
       this._setTransitionOrigin();
-      this.isOpen = false;
-      this.trigger.ariaExpanded = "false";
-      this.dialog.ariaExpanded = "false";
-      this.dialog.classList.remove("expanded");
+      this._collapse();
+      const generation = this.closeGeneration;
       if (typeof this.options.onClose === "function") {
         this.options.onClose.call(this, this.el);
       }
@@ -149,18 +131,24 @@ var ExpandingCard = class _ExpandingCard extends Component {
   }
   destroy() {
     this._removeEventHandlers();
+    this._collapse();
+    if (this.dialog?.open) this.dialog.close();
+    this.el["Expressive_ExpandingCard"] = void 0;
+  }
+  /** Marks the card closed and invalidates any pending close. */
+  _collapse() {
     this.closeGeneration++;
     this.isOpen = false;
     if (this.trigger) this.trigger.ariaExpanded = "false";
-    if (this.dialog) this.dialog.ariaExpanded = "false";
-    this.dialog?.classList.remove("expanded");
-    if (this.dialog?.open) this.dialog.close();
-    this.el["Expressive_ExpandingCard"] = void 0;
+    if (this.dialog) {
+      this.dialog.ariaExpanded = "false";
+      this.dialog.classList.remove("expanded");
+    }
   }
   static Init() {
     Utils.onDocumentReady(() => {
       document.querySelectorAll(EXPANDING_CARD_SELECTOR).forEach((el) => {
-        if (el && el["Expressive_ExpandingCard"] == void 0) {
+        if (el["Expressive_ExpandingCard"] == void 0) {
           this.init(el);
         }
       });
@@ -172,4 +160,4 @@ export {
   EXPANDING_CARD_SELECTOR,
   ExpandingCard
 };
-//# sourceMappingURL=chunk-QVVEWBOF.mjs.map
+//# sourceMappingURL=chunk-DXGRXYYL.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/expandingCard.ts"],
+  "sourcesContent": ["import { Utils } from \"../core/utils\";\nimport {\n  Component,\n  BaseOptions,\n  InitElements,\n  InitElement,\n  Openable,\n} from \"../core/component\";\n\nexport interface ExpandingCardOptions extends BaseOptions {\n  onOpen: (el: Element) => void;\n  onClose: (el: Element) => void;\n}\n\nconst _defaults: ExpandingCardOptions = {\n  onOpen: null,\n  onClose: null,\n};\n\nexport const EXPANDING_CARD_SELECTOR =\n  \"article.expanding-card:has(> dialog.expanding-card-dialog)\";\n\n/**\n * Morphs a compact card into a full-screen modal detail surface.\n */\nexport class ExpandingCard\n  extends Component<ExpandingCardOptions>\n  implements Openable\n{\n  isOpen: boolean = false;\n  private readonly trigger: HTMLElement | null;\n  private readonly dialog: HTMLDialogElement | null;\n  private readonly closeButton: HTMLElement | null;\n  private closeGeneration = 0;\n\n  constructor(el: HTMLElement, options: Partial<ExpandingCardOptions>) {\n    super(el, options, ExpandingCard);\n    this.el[\"Expressive_ExpandingCard\"] = this;\n\n    this.options = {\n      ...ExpandingCard.defaults,\n      ...options,\n    };\n\n    this.dialog = this.el.querySelector(\n      \":scope > dialog.expanding-card-dialog\",\n    );\n    this.trigger = this.el.querySelector(\n      \":scope > .expanding-card-trigger, :scope > figure > .expanding-card-trigger\",\n    );\n    this.closeButton =\n      this.dialog?.querySelector(\".expanding-card-close\") ?? null;\n\n    if (this.trigger && this.dialog) {\n      this.trigger.ariaExpanded = \"false\";\n      if (this.dialog.id)\n        this.trigger.setAttribute(\"aria-controls\", this.dialog.id);\n      if (!this.trigger.matches(\"a[href], button, input, select, textarea\")) {\n        this.trigger.tabIndex = 0;\n        this.trigger.setAttribute(\"role\", \"button\");\n      }\n      this.dialog.ariaExpanded = \"false\";\n      this._setupEventHandlers();\n    }\n  }\n\n  static get defaults(): ExpandingCardOptions {\n    return _defaults;\n  }\n\n  static init(\n    el: HTMLElement,\n    options?: Partial<ExpandingCardOptions>,\n  ): ExpandingCard;\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<ExpandingCardOptions>,\n  ): ExpandingCard[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options?: Partial<ExpandingCardOptions>,\n  ): ExpandingCard | ExpandingCard[] {\n    return super.init(els, options, ExpandingCard);\n  }\n\n  static getInstance(el: HTMLElement): ExpandingCard {\n    return el[\"Expressive_ExpandingCard\"];\n  }\n\n  destroy() {\n    this._removeEventHandlers();\n    this._collapse();\n    if (this.dialog?.open) this.dialog.close();\n    this.el[\"Expressive_ExpandingCard\"] = undefined;\n  }\n\n  private _setupEventHandlers = () => {\n    this.trigger?.addEventListener(\"click\", this.open);\n    this.trigger?.addEventListener(\"keypress\", this._handleTriggerKeypress);\n    this.closeButton?.addEventListener(\"click\", this.close);\n    this.dialog?.addEventListener(\"cancel\", this._handleCancel);\n    this.dialog?.addEventListener(\"close\", this._handleNativeClose);\n  };\n\n  private _removeEventHandlers = () => {\n    this.trigger?.removeEventListener(\"click\", this.open);\n    this.trigger?.removeEventListener(\"keypress\", this._handleTriggerKeypress);\n    this.closeButton?.removeEventListener(\"click\", this.close);\n    this.dialog?.removeEventListener(\"cancel\", this._handleCancel);\n    this.dialog?.removeEventListener(\"close\", this._handleNativeClose);\n  };\n\n  private _handleTriggerKeypress = (event: KeyboardEvent) => {\n    if (event.key === Utils.keys.ENTER || event.key === \" \") {\n      event.preventDefault();\n      this.open();\n    }\n  };\n\n  private _handleCancel = (event: Event) => {\n    event.preventDefault();\n    this.close();\n  };\n\n  private _handleNativeClose = () => {\n    // A queued close event can arrive after a caller has reopened the dialog.\n    if (this.dialog.open) return;\n    this._collapse();\n  };\n\n  /** Marks the card closed and invalidates any pending close. */\n  private _collapse() {\n    this.closeGeneration++;\n    this.isOpen = false;\n    if (this.trigger) this.trigger.ariaExpanded = \"false\";\n    if (this.dialog) {\n      this.dialog.ariaExpanded = \"false\";\n      this.dialog.classList.remove(\"expanded\");\n    }\n  }\n\n  private _setTransitionOrigin = () => {\n    if (!this.dialog) return;\n    const card = this.el.getBoundingClientRect();\n    const media = this.el.querySelector<HTMLElement>(\n      \":scope > figure, :scope > img\",\n    );\n    const mediaRect = media?.getBoundingClientRect();\n    const set = (side: string, px: number) =>\n      this.dialog.style.setProperty(\n        `--md-comp-expanding-card-from-${side}`,\n        `${Math.max(0, px)}px`,\n      );\n\n    set(\"top\", card.top);\n    set(\"right\", window.innerWidth - card.right);\n    set(\"bottom\", window.innerHeight - card.bottom);\n    set(\"left\", card.left);\n    set(\"media-height\", mediaRect?.height ?? 0);\n  };\n\n  open: () => void = () => {\n    if (this.isOpen || !this.dialog || !this.trigger) return;\n    this.closeGeneration++;\n\n    this._setTransitionOrigin();\n    this.isOpen = true;\n    this.trigger.ariaExpanded = \"true\";\n    this.dialog.ariaExpanded = \"true\";\n    this.dialog.showModal();\n    // Commit the clipped start frame before asking CSS to expand it.\n    void this.dialog.offsetWidth;\n    this.dialog.classList.add(\"expanded\");\n    this.closeButton?.focus();\n\n    if (typeof this.options.onOpen === \"function\") {\n      this.options.onOpen.call(this, this.el);\n    }\n  };\n\n  close: () => void = () => {\n    if (!this.isOpen || !this.dialog || !this.trigger) return;\n    this._setTransitionOrigin();\n    this._collapse();\n    const generation = this.closeGeneration;\n\n    if (typeof this.options.onClose === \"function\") {\n      this.options.onClose.call(this, this.el);\n    }\n\n    const finish = () => {\n      if (generation !== this.closeGeneration || this.isOpen || !this.dialog.open) return;\n      this.dialog.close();\n      if (this.dialog.isConnected && this.trigger.isConnected) this.trigger.focus();\n    };\n    const reducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\",\n    ).matches;\n    // Wait only for the container's actual clip transition, not arbitrary\n    // animations in consumer content. Cancellation also completes cleanup.\n    const transitions = reducedMotion ? [] : (this.dialog.getAnimations?.() ?? [])\n      .filter((animation) => (animation as CSSTransition).transitionProperty === \"clip-path\");\n    if (transitions.length === 0) finish();\n    else void Promise.allSettled(transitions.map((animation) => animation.finished)).then(finish);\n  };\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      document.querySelectorAll(EXPANDING_CARD_SELECTOR).forEach((el) => {\n        if (el[\"Expressive_ExpandingCard\"] == undefined) {\n          this.init(el as HTMLElement);\n        }\n      });\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;AAcA,IAAM,YAAkC;AAAA,EACtC,QAAQ;AAAA,EACR,SAAS;AACX;AAEO,IAAM,0BACX;AAKK,IAAM,gBAAN,MAAM,uBACH,UAEV;AAAA,EAOE,YAAY,IAAiB,SAAwC;AACnE,UAAM,IAAI,SAAS,cAAa;AAPlC,kBAAkB;AAIlB,SAAQ,kBAAkB;AA+D1B,SAAQ,sBAAsB,MAAM;AAClC,WAAK,SAAS,iBAAiB,SAAS,KAAK,IAAI;AACjD,WAAK,SAAS,iBAAiB,YAAY,KAAK,sBAAsB;AACtE,WAAK,aAAa,iBAAiB,SAAS,KAAK,KAAK;AACtD,WAAK,QAAQ,iBAAiB,UAAU,KAAK,aAAa;AAC1D,WAAK,QAAQ,iBAAiB,SAAS,KAAK,kBAAkB;AAAA,IAChE;AAEA,SAAQ,uBAAuB,MAAM;AACnC,WAAK,SAAS,oBAAoB,SAAS,KAAK,IAAI;AACpD,WAAK,SAAS,oBAAoB,YAAY,KAAK,sBAAsB;AACzE,WAAK,aAAa,oBAAoB,SAAS,KAAK,KAAK;AACzD,WAAK,QAAQ,oBAAoB,UAAU,KAAK,aAAa;AAC7D,WAAK,QAAQ,oBAAoB,SAAS,KAAK,kBAAkB;AAAA,IACnE;AAEA,SAAQ,yBAAyB,CAAC,UAAyB;AACzD,UAAI,MAAM,QAAQ,MAAM,KAAK,SAAS,MAAM,QAAQ,KAAK;AACvD,cAAM,eAAe;AACrB,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAEA,SAAQ,gBAAgB,CAAC,UAAiB;AACxC,YAAM,eAAe;AACrB,WAAK,MAAM;AAAA,IACb;AAEA,SAAQ,qBAAqB,MAAM;AAEjC,UAAI,KAAK,OAAO,KAAM;AACtB,WAAK,UAAU;AAAA,IACjB;AAaA,SAAQ,uBAAuB,MAAM;AACnC,UAAI,CAAC,KAAK,OAAQ;AAClB,YAAM,OAAO,KAAK,GAAG,sBAAsB;AAC3C,YAAM,QAAQ,KAAK,GAAG;AAAA,QACpB;AAAA,MACF;AACA,YAAM,YAAY,OAAO,sBAAsB;AAC/C,YAAM,MAAM,CAAC,MAAc,OACzB,KAAK,OAAO,MAAM;AAAA,QAChB,iCAAiC,IAAI;AAAA,QACrC,GAAG,KAAK,IAAI,GAAG,EAAE,CAAC;AAAA,MACpB;AAEF,UAAI,OAAO,KAAK,GAAG;AACnB,UAAI,SAAS,OAAO,aAAa,KAAK,KAAK;AAC3C,UAAI,UAAU,OAAO,cAAc,KAAK,MAAM;AAC9C,UAAI,QAAQ,KAAK,IAAI;AACrB,UAAI,gBAAgB,WAAW,UAAU,CAAC;AAAA,IAC5C;AAEA,gBAAmB,MAAM;AACvB,UAAI,KAAK,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,QAAS;AAClD,WAAK;AAEL,WAAK,qBAAqB;AAC1B,WAAK,SAAS;AACd,WAAK,QAAQ,eAAe;AAC5B,WAAK,OAAO,eAAe;AAC3B,WAAK,OAAO,UAAU;AAEtB,WAAK,KAAK,OAAO;AACjB,WAAK,OAAO,UAAU,IAAI,UAAU;AACpC,WAAK,aAAa,MAAM;AAExB,UAAI,OAAO,KAAK,QAAQ,WAAW,YAAY;AAC7C,aAAK,QAAQ,OAAO,KAAK,MAAM,KAAK,EAAE;AAAA,MACxC;AAAA,IACF;AAEA,iBAAoB,MAAM;AACxB,UAAI,CAAC,KAAK,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,QAAS;AACnD,WAAK,qBAAqB;AAC1B,WAAK,UAAU;AACf,YAAM,aAAa,KAAK;AAExB,UAAI,OAAO,KAAK,QAAQ,YAAY,YAAY;AAC9C,aAAK,QAAQ,QAAQ,KAAK,MAAM,KAAK,EAAE;AAAA,MACzC;AAEA,YAAM,SAAS,MAAM;AACnB,YAAI,eAAe,KAAK,mBAAmB,KAAK,UAAU,CAAC,KAAK,OAAO,KAAM;AAC7E,aAAK,OAAO,MAAM;AAClB,YAAI,KAAK,OAAO,eAAe,KAAK,QAAQ,YAAa,MAAK,QAAQ,MAAM;AAAA,MAC9E;AACA,YAAM,gBAAgB,OAAO;AAAA,QAC3B;AAAA,MACF,EAAE;AAGF,YAAM,cAAc,gBAAgB,CAAC,KAAK,KAAK,OAAO,gBAAgB,KAAK,CAAC,GACzE,OAAO,CAAC,cAAe,UAA4B,uBAAuB,WAAW;AACxF,UAAI,YAAY,WAAW,EAAG,QAAO;AAAA,UAChC,MAAK,QAAQ,WAAW,YAAY,IAAI,CAAC,cAAc,UAAU,QAAQ,CAAC,EAAE,KAAK,MAAM;AAAA,IAC9F;AAvKE,SAAK,GAAG,0BAA0B,IAAI;AAEtC,SAAK,UAAU;AAAA,MACb,GAAG,eAAc;AAAA,MACjB,GAAG;AAAA,IACL;AAEA,SAAK,SAAS,KAAK,GAAG;AAAA,MACpB;AAAA,IACF;AACA,SAAK,UAAU,KAAK,GAAG;AAAA,MACrB;AAAA,IACF;AACA,SAAK,cACH,KAAK,QAAQ,cAAc,uBAAuB,KAAK;AAEzD,QAAI,KAAK,WAAW,KAAK,QAAQ;AAC/B,WAAK,QAAQ,eAAe;AAC5B,UAAI,KAAK,OAAO;AACd,aAAK,QAAQ,aAAa,iBAAiB,KAAK,OAAO,EAAE;AAC3D,UAAI,CAAC,KAAK,QAAQ,QAAQ,0CAA0C,GAAG;AACrE,aAAK,QAAQ,WAAW;AACxB,aAAK,QAAQ,aAAa,QAAQ,QAAQ;AAAA,MAC5C;AACA,WAAK,OAAO,eAAe;AAC3B,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,WAAW,WAAiC;AAC1C,WAAO;AAAA,EACT;AAAA,EAUA,OAAO,KACL,KACA,SACiC;AACjC,WAAO,MAAM,KAAK,KAAK,SAAS,cAAa;AAAA,EAC/C;AAAA,EAEA,OAAO,YAAY,IAAgC;AACjD,WAAO,GAAG,0BAA0B;AAAA,EACtC;AAAA,EAEA,UAAU;AACR,SAAK,qBAAqB;AAC1B,SAAK,UAAU;AACf,QAAI,KAAK,QAAQ,KAAM,MAAK,OAAO,MAAM;AACzC,SAAK,GAAG,0BAA0B,IAAI;AAAA,EACxC;AAAA;AAAA,EAqCQ,YAAY;AAClB,SAAK;AACL,SAAK,SAAS;AACd,QAAI,KAAK,QAAS,MAAK,QAAQ,eAAe;AAC9C,QAAI,KAAK,QAAQ;AACf,WAAK,OAAO,eAAe;AAC3B,WAAK,OAAO,UAAU,OAAO,UAAU;AAAA,IACzC;AAAA,EACF;AAAA,EAmEA,OAAO,OAAO;AACZ,UAAM,gBAAgB,MAAM;AAC1B,eAAS,iBAAiB,uBAAuB,EAAE,QAAQ,CAAC,OAAO;AACjE,YAAI,GAAG,0BAA0B,KAAK,QAAW;AAC/C,eAAK,KAAK,EAAiB;AAAA,QAC7B;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

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

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/scrollspy.ts
 var _defaultGetActiveElement = (id) => `a[href="#${id}"]`;
@@ -74,8 +74,9 @@ var _ScrollSpy = class _ScrollSpy extends Component {
       const retained = elements.filter((spy) => spy.options.keepTopElementActive);
       best = _ScrollSpy._nearestAbove(retained) ?? retained[0];
     }
-    const next = best ? _ScrollSpy._linkFor(best.el.id, best.options) : null;
     const active = _ScrollSpy._active.get(resolver);
+    if (best && active === best && best._link?.isConnected) return;
+    const next = best ? _ScrollSpy._linkFor(best.el.id, best.options) : null;
     if (active === best && active?._link === next) return;
     _ScrollSpy._clearActive(resolver);
     if (!next) return;
@@ -118,11 +119,7 @@ var _ScrollSpy = class _ScrollSpy extends Component {
       }
     }
     const href = `#${id}`;
-    const links = document.querySelectorAll('a[href^="#"]');
-    for (let i = 0; i < links.length; i++) {
-      if (links[i].getAttribute("href") === href) return links[i];
-    }
-    return null;
+    return Array.from(document.querySelectorAll('a[href^="#"]')).find((link) => link.getAttribute("href") === href) ?? null;
   }
 };
 _ScrollSpy._elements = [];
@@ -132,4 +129,4 @@ var ScrollSpy = _ScrollSpy;
 export {
   ScrollSpy
 };
-//# sourceMappingURL=chunk-QV2JAWIZ.mjs.map
+//# sourceMappingURL=chunk-FM5CZOUB.mjs.map

package/dist/js/chunks/{chunk-QV2JAWIZ.mjs.map → chunk-FM5CZOUB.mjs.map}

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

package/dist/js/chunks/{chunk-PLYXLSH3.mjs → chunk-GJL6GCIU.mjs}

@@ -1,15 +1,15 @@
-import {
-  FormSelect
-} from "./chunk-55IA2XUC.mjs";
 import {
   DockedDisplayPlugin
-} from "./chunk-EC63CHXU.mjs";
+} from "./chunk-M3MURWMB.mjs";
+import {
+  FormSelect
+} from "./chunk-WDK4T63U.mjs";
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/datepicker.ts
 var _defaults = {
@@ -116,6 +116,10 @@ var _Datepicker = class _Datepicker extends Component {
   constructor(el, options) {
     super(el, options, _Datepicker);
     this.multiple = false;
+    /** What setInputValue last wrote, so reading it back does not depend on the parser. */
+    this._writtenInputs = /* @__PURE__ */ new WeakMap();
+    /** Rows renderRow has already checked, so renderBody does not parse them again. */
+    this._checkedRows = /* @__PURE__ */ new Set();
     /** Nesting depth of {@link _batchDraws}; > 0 means draws are being collected. */
     this._drawDepth = 0;
     /** Whether a draw was requested while batching. */
@@ -182,7 +186,9 @@ var _Datepicker = class _Datepicker extends Component {
       if (maxDate && date > maxDate) date.setTime(maxDate.getTime());
       if (date.getFullYear() < minYear || date.getFullYear() > maxYear || date.getFullYear() === minYear && date.getMonth() < (minMonth ?? 0) || date.getFullYear() === maxYear && date.getMonth() > (maxMonth ?? 11)) return;
       this._focusedDate = date;
-      this.gotoDate(date);
+      const { year, month } = this.calendars[0];
+      if (date.getFullYear() === year && date.getMonth() === month) this._syncCalendarFocus(true);
+      else this.gotoDate(date);
     };
     this._handleCalendarClick = (e) => {
       const target = e.target;
@@ -194,7 +200,7 @@ var _Datepicker = class _Datepicker extends Component {
             e.target.getAttribute("data-month"),
             e.target.getAttribute("data-day")
           );
-          if (!this.multiple || this.multiple && this.options.isMultipleSelection) {
+          if (!this.multiple || this.options.isMultipleSelection) {
             this.setDate(selectedDate);
           }
           if (this.options.isDateRange) {
@@ -292,8 +298,8 @@ var _Datepicker = class _Datepicker extends Component {
         }
       }
     }
-    if (this.options.displayPlugin) {
-      if (this.options.displayPlugin === "docked") this.displayPlugin = DockedDisplayPlugin.init(this.el, this.containerEl, this.options.displayPluginOptions);
+    if (this.options.displayPlugin === "docked") {
+      this.displayPlugin = DockedDisplayPlugin.init(this.el, this.containerEl, this.options.displayPluginOptions);
     }
   }
   static get defaults() {
@@ -450,7 +456,8 @@ var _Datepicker = class _Datepicker extends Component {
       this.draw();
       return;
     }
-    const parsedDate = this._parseInput(el.value);
+    const written = !this.options.parse && this._writtenInputs.get(el);
+    const parsedDate = written && written.value === el.value ? written.date : this._parseInput(el.value);
     if (!_Datepicker._isDate(parsedDate)) return;
     const date = new Date(parsedDate.getTime());
     _Datepicker._setToStartOfDay(date);
@@ -508,7 +515,7 @@ var _Datepicker = class _Datepicker extends Component {
   setSingleDate(date, isEndDate) {
     if (!isEndDate) {
       this.date = date;
-    } else if (isEndDate) {
+    } else {
       this.endDate = date;
     }
   }
@@ -517,13 +524,11 @@ var _Datepicker = class _Datepicker extends Component {
    * @param date Date to set on the datepicker.
    */
   setMultiDate(date) {
-    const selectedDate = this.dates?.find((item) => {
-      return item.getTime() === date.getTime() ? item : false;
-    });
-    if (!selectedDate) {
+    const index = this.dates.findIndex((item) => item.getTime() === date.getTime());
+    if (index === -1) {
       this.dates.push(date);
     } else {
-      this.dates.splice(this.dates.indexOf(selectedDate), 1);
+      this.dates.splice(index, 1);
     }
     this.dates.sort((a, b) => a.getTime() < b.getTime() ? -1 : 0);
   }
@@ -565,6 +570,7 @@ var _Datepicker = class _Datepicker extends Component {
     } else {
       el.value = this.toString(date);
     }
+    this._writtenInputs.set(el, { value: el.value, date: _Datepicker._isDate(date) ? new Date(date.getTime()) : null });
     el.dispatchEvent(
       new CustomEvent("change", {
         bubbles: true,
@@ -649,12 +655,7 @@ var _Datepicker = class _Datepicker extends Component {
       }
     }
     const previousMonth = month === 0 ? 11 : month - 1, nextMonth = month === 11 ? 0 : month + 1, yearOfPreviousMonth = month === 0 ? year - 1 : year, yearOfNextMonth = month === 11 ? year + 1 : year, daysInPreviousMonth = _Datepicker._getDaysInMonth(yearOfPreviousMonth, previousMonth);
-    let cells = days + before, after = cells;
-    while (after > 7) {
-      after -= 7;
-    }
-    cells += 7 - after;
-    let isWeekSelected = false;
+    const cells = Math.ceil((days + before) / 7) * 7;
     for (let i = 0, r = 0; i < cells; i++) {
       const day = new Date(year, month, 1 + (i - before)), isToday = _Datepicker._compareDates(day, now), hasEvent = this.options.events.indexOf(day.toDateString()) !== -1, isEmpty = i < before || i >= days + before, isStartRange = this.options.startRange && _Datepicker._compareDates(this.options.startRange, day), isEndRange = this.options.endRange && _Datepicker._compareDates(this.options.endRange, day), isInRange = this.options.startRange && this.options.endRange && this.options.startRange < day && day < this.options.endRange, isDisabled = this.options.minDate && day < this.options.minDate || this.options.maxDate && day > this.options.maxDate || this.options.disableWeekends && _Datepicker._isWeekend(day) || this.options.disableDayFn && this.options.disableDayFn(day), isDateRangeStart = this.options.isDateRange && this.date && this.endDate && _Datepicker._compareDates(this.date, day), isDateRangeEnd = this.options.isDateRange && this.endDate && _Datepicker._compareDates(this.endDate, day), isDateRange = this.options.isDateRange && _Datepicker._isDate(this.date) && _Datepicker._isDate(this.endDate) && _Datepicker._compareWithinRange(day, this.date, this.endDate);
       let dayNumber = 1 + (i - before), monthNumber = month, yearNumber = year;
@@ -698,10 +699,9 @@ var _Datepicker = class _Datepicker extends Component {
       };
       row.push(this.renderDay(dayConfig));
       if (++r === 7) {
-        data.push(this.renderRow(row, this.options.isRTL, isWeekSelected));
+        data.push(this.renderRow(row, this.options.isRTL, false));
         row = [];
         r = 0;
-        isWeekSelected = false;
       }
     }
     return this.renderTable(this.options, data, randId);
@@ -718,7 +718,7 @@ var _Datepicker = class _Datepicker extends Component {
       isDateRangeStart: "is-daterange-start",
       isDateRangeEnd: "is-daterange-end",
       isDateRange: "is-daterange"
-    }, ariaSelected = !(["isSelected", "isDateRange"].filter((prop) => !!(opts.hasOwnProperty(prop) && opts[prop] === true)).length === 0), arr = ["datepicker-day"];
+    }, ariaSelected = opts.isSelected === true || opts.isDateRange === true, arr = ["datepicker-day"];
     if (opts.isEmpty) {
       if (opts.showDaysInNextAndPreviousMonths) {
         arr.push("is-outside-current-month");
@@ -739,7 +739,9 @@ var _Datepicker = class _Datepicker extends Component {
   }
   /** Assemble calendar cells; reject unsupported elements and attributes. */
   renderRow(days, isRTL, isRowSelected) {
-    return '<tr class="datepicker-row' + (isRowSelected ? " is-selected" : "") + '">' + _Datepicker._calendarMarkup((isRTL ? days.reverse() : days).join(""), "tr") + "</tr>";
+    const row = '<tr class="datepicker-row' + (isRowSelected ? " is-selected" : "") + '">' + _Datepicker._calendarMarkup((isRTL ? days.reverse() : days).join(""), "tr") + "</tr>";
+    this._checkedRows.add(row);
+    return row;
   }
   /** Assemble calendar rows; reject unsupported elements and attributes. */
   renderTable(opts, data, randId) {
@@ -757,11 +759,15 @@ var _Datepicker = class _Datepicker extends Component {
   }
   /** Wrap calendar rows after validating and encoding their contents. */
   renderBody(rows) {
-    return "<tbody>" + _Datepicker._calendarMarkup(rows.join(""), "tbody") + "</tbody>";
+    const html = rows.join("");
+    const safeHtml = _Datepicker._calendarMarkup(html, "tbody");
+    this._checkedRows.clear();
+    return "<tbody>" + safeHtml + "</tbody>";
   }
   static _calendarMarkup(html, parent) {
     const template = document.createElement("template");
     template.innerHTML = html;
+    const childOf = { tbody: "tr", tr: "td", td: "button" };
     const attributes = {
       tr: ["class"],
       td: ["class", "data-day", "aria-selected"],
@@ -775,8 +781,8 @@ var _Datepicker = class _Datepicker extends Component {
         return _Datepicker._escape(node.textContent);
       }
       if (!(node instanceof HTMLElement)) throw new TypeError("Unsupported calendar row content");
-      const tag = node.localName === "tr" ? "tr" : node.localName === "td" ? "td" : node.localName === "button" ? "button" : null;
-      if (!tag || !(container === "tbody" && tag === "tr" || container === "tr" && tag === "td" || container === "td" && tag === "button")) {
+      const tag = childOf[container];
+      if (!tag || node.localName !== tag) {
         throw new TypeError("Unsupported calendar row element");
       }
       if ([...node.attributes].some((attr) => !attributes[tag].includes(attr.name))) {
@@ -900,26 +906,9 @@ var _Datepicker = class _Datepicker extends Component {
     const active = this.calendarEl.getRootNode().activeElement;
     const restoreDayFocus = active?.matches(".datepicker-day-button") && this.calendarEl.contains(active);
     const restoreArrow = this.calendarEl.contains(active) && active?.matches(".month-prev, .month-next") ? active.classList.contains("month-prev") ? ".month-prev" : ".month-next" : null;
-    const opts = this.options, minYear = opts.minYear, maxYear = opts.maxYear, minMonth = opts.minMonth, maxMonth = opts.maxMonth;
-    if (this._y <= minYear) {
-      this._y = minYear;
-      if (!isNaN(minMonth) && this._m < minMonth) {
-        this._m = minMonth;
-      }
-    }
-    if (this._y >= maxYear) {
-      this._y = maxYear;
-      if (!isNaN(maxMonth) && this._m > maxMonth) {
-        this._m = maxMonth;
-      }
-    }
     const year = this.calendars[0].year;
     const month = this.calendars[0].month;
-    if (!this.options.isDateRange) {
-      this._renderDateDisplay(this.date);
-    } else {
-      this._renderDateDisplay(this.date, this.endDate);
-    }
+    this._renderDateDisplay(this.date, this.endDate);
     const key = this._controlsCacheKey(year);
     if (key === this._controlsKey && this.calendarEl.querySelector(".datepicker-controls")) {
       this._reuseControls(year, month);
@@ -974,12 +963,8 @@ var _Datepicker = class _Datepicker extends Component {
     else this.calendarEl.insertAdjacentHTML("beforeend", html);
   }
   _setupEventHandlers() {
-    this.el.addEventListener("click", this._handleInputClick);
-    this.el.addEventListener("keydown", this._handleInputKeydown);
-    this.el.addEventListener("change", this._handleInputChange);
-    this.endDateEl?.addEventListener("click", this._handleInputClick);
-    this.endDateEl?.addEventListener("keydown", this._handleInputKeydown);
-    this.endDateEl?.addEventListener("change", this._handleInputChange);
+    this._addInputEventHandlers(this.el);
+    if (this.endDateEl) this._addInputEventHandlers(this.endDateEl);
     this.calendarEl.addEventListener("click", this._handleCalendarClick);
     this.calendarEl.addEventListener("keydown", this._handleCalendarKeydown);
     this.calendarEl.addEventListener("focusin", this._handleCalendarFocus);
@@ -1036,6 +1021,11 @@ var _Datepicker = class _Datepicker extends Component {
       this._removeInputEventHandlers(this.endDateEl);
     }
   }
+  _addInputEventHandlers(input) {
+    input.addEventListener("click", this._handleInputClick);
+    input.addEventListener("keydown", this._handleInputKeydown);
+    input.addEventListener("change", this._handleInputChange);
+  }
   _removeInputEventHandlers(input) {
     input.removeEventListener("click", this._handleInputClick);
     input.removeEventListener("keydown", this._handleInputKeydown);
@@ -1092,9 +1082,7 @@ var _Datepicker = class _Datepicker extends Component {
     const dateInput = this.el.cloneNode(true);
     dateInput.removeAttribute("id");
     dateInput.classList.add("no-autoinit");
-    dateInput.addEventListener("click", this._handleInputClick);
-    dateInput.addEventListener("keydown", this._handleInputKeydown);
-    dateInput.addEventListener("change", this._handleInputChange);
+    this._addInputEventHandlers(dateInput);
     this.el.parentElement.appendChild(dateInput);
     return dateInput;
   }
@@ -1115,4 +1103,4 @@ var Datepicker = _Datepicker;
 export {
   Datepicker
 };
-//# sourceMappingURL=chunk-PLYXLSH3.mjs.map
+//# sourceMappingURL=chunk-GJL6GCIU.mjs.map