@expressivecss/expressive 0.12.0 → 0.14.1

package/dist/js/chunks/chunk-4TKTLGEM.mjs

@@ -0,0 +1,262 @@
+import {
+  Utils
+} from "./chunk-MNPROCZF.mjs";
+import {
+  Component
+} from "./chunk-LTWPGFBR.mjs";
+
+// src/ts/components/commandPalette.ts
+var _defaults = {
+  shortcut: "k",
+  closeOnRun: true
+};
+var APPLE = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform);
+var fold = (text) => text.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
+var CommandPalette = class _CommandPalette extends Component {
+  constructor(el, options) {
+    super(el, options, _CommandPalette);
+    this._active = null;
+    this._generatedIds = [];
+    /** Wires and refilters commands the page adds or removes later. */
+    this._observer = null;
+    /** Opens the palette as a modal dialog with the search input focused. */
+    this.open = () => {
+      if (!this.el.open) this.el.showModal();
+      this.input?.focus();
+    };
+    /** Closes the palette. The dialog returns focus to where it was. */
+    this.close = () => {
+      if (this.el.open) this.el.close();
+    };
+    this._handleInput = () => this._filter();
+    this._handleKeydown = (e) => {
+      if (e.key === Utils.keys.ARROW_DOWN || e.key === Utils.keys.ARROW_UP) {
+        e.preventDefault();
+        this._move(e.key === Utils.keys.ARROW_DOWN ? 1 : -1);
+      } else if (e.key === Utils.keys.ENTER && !e.isComposing && e.keyCode !== 229 && this._active) {
+        e.preventDefault();
+        this._run(this._active);
+      }
+    };
+    this._handleListClick = (e) => {
+      const item = e.target.closest('[role="option"]');
+      if (!item || !this.list.contains(item) || item.getAttribute("aria-disabled") === "true") return;
+      const action = this._action(item);
+      if (action && !action.contains(e.target)) {
+        action.click();
+        return;
+      }
+      if (this.options.closeOnRun) this.close();
+    };
+    this._handlePointerMove = (e) => {
+      const item = e.target.closest('[role="option"]');
+      if (item && this.list.contains(item) && item.getAttribute("aria-disabled") !== "true") this._setActive(item);
+    };
+    /**
+     * Each opening starts from the full list. The close event is queued, so a
+     * palette reopened straight away may already be open again; its new search
+     * is left alone.
+     */
+    this._handleClose = () => {
+      if (this.el.open) return;
+      this.input.value = "";
+      this._filter();
+    };
+    this._handleShortcut = (e) => {
+      const { shortcut } = this.options;
+      if (!shortcut || e.defaultPrevented || e.altKey || e.shiftKey) return;
+      if (!(APPLE ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey)) return;
+      const letter = shortcut.toLowerCase();
+      const latin = /^[a-z]$/i.test(e.key);
+      const hit = e.key.toLowerCase() === letter || !latin && /^[a-z]$/.test(letter) && e.code === `Key${letter.toUpperCase()}`;
+      if (!hit) return;
+      e.preventDefault();
+      if (this.el.open) this.close();
+      else this.open();
+    };
+    this.el["Expressive_CommandPalette"] = this;
+    const shortcut = el.dataset.shortcut;
+    this.options = {
+      ..._CommandPalette.defaults,
+      ...shortcut !== void 0 ? { shortcut: shortcut || null } : {},
+      ...options
+    };
+    this.input = el.querySelector(":scope > input");
+    this.list = el.querySelector(":scope > :is(ul, ol)");
+    if (!this.input || !this.list) {
+      console.error("CommandPalette needs an <input> and a <ul> as children of the dialog.");
+      return;
+    }
+    this._setupAccessibility();
+    this._filter();
+    this._observer = new MutationObserver(() => this._filter(true));
+    this._observer.observe(this.list, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["hidden", "disabled"]
+    });
+    this.input.addEventListener("input", this._handleInput);
+    this.input.addEventListener("keydown", this._handleKeydown);
+    this.list.addEventListener("click", this._handleListClick);
+    this.list.addEventListener("pointermove", this._handlePointerMove);
+    this.el.addEventListener("close", this._handleClose);
+    document.addEventListener("keydown", this._handleShortcut);
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /**
+   * Initializes instances of CommandPalette.
+   * @param els HTML elements.
+   * @param options Component options.
+   */
+  static init(els, options = {}) {
+    return super.init(els, options, _CommandPalette);
+  }
+  static getInstance(el) {
+    return el["Expressive_CommandPalette"];
+  }
+  /** If the palette is open. */
+  get isOpen() {
+    return this.el.open;
+  }
+  destroy() {
+    this._observer?.disconnect();
+    document.removeEventListener("keydown", this._handleShortcut);
+    this.el.removeEventListener("close", this._handleClose);
+    if (this.input && this.list) {
+      this.input.removeEventListener("input", this._handleInput);
+      this.input.removeEventListener("keydown", this._handleKeydown);
+      this.list.removeEventListener("click", this._handleListClick);
+      this.list.removeEventListener("pointermove", this._handlePointerMove);
+      for (const name of ["role", "aria-controls", "aria-expanded", "aria-autocomplete", "aria-activedescendant"]) {
+        this.input.removeAttribute(name);
+      }
+      this.list.removeAttribute("role");
+      for (const item of this._items()) {
+        for (const name of ["role", "aria-selected", "aria-disabled", "data-filtered"]) item.removeAttribute(name);
+        item.classList.remove("active");
+        this._action(item)?.removeAttribute("tabindex");
+      }
+      for (const label of this._labels()) {
+        label.removeAttribute("role");
+        label.removeAttribute("data-filtered");
+      }
+      for (const el of this._generatedIds) el.removeAttribute("id");
+      const empty = this._empty();
+      if (empty) empty.hidden = false;
+    }
+    this.el["Expressive_CommandPalette"] = void 0;
+  }
+  _items() {
+    return Array.from(this.list.children).filter(
+      (child) => child instanceof HTMLElement && !child.classList.contains("label")
+    );
+  }
+  _labels() {
+    return Array.from(this.list.querySelectorAll(":scope > .label"));
+  }
+  _empty() {
+    return this.el.querySelector(":scope > .command-palette-empty");
+  }
+  _action(item) {
+    return item.querySelector(":scope > :is(a[href], button)");
+  }
+  _ensureId(el, prefix) {
+    if (!el.id) {
+      el.id = `${prefix}-${Utils.guid()}`;
+      this._generatedIds.push(el);
+    }
+    return el.id;
+  }
+  _setupAccessibility() {
+    this.list.setAttribute("role", "listbox");
+    this.input.setAttribute("role", "combobox");
+    this.input.setAttribute("aria-controls", this._ensureId(this.list, "command-palette-list"));
+    this.input.setAttribute("aria-expanded", "true");
+    this.input.setAttribute("aria-autocomplete", "list");
+  }
+  /** Every command, including ones added since the last pass, is an option. */
+  _wireItems() {
+    for (const item of this._items()) {
+      if (item.getAttribute("role") === "option") continue;
+      item.setAttribute("role", "option");
+      this._ensureId(item, "command-palette-option");
+      this._action(item)?.setAttribute("tabindex", "-1");
+    }
+    for (const label of this._labels()) label.setAttribute("role", "none");
+  }
+  /** Commands on screen: neither hidden by the page nor filtered out. */
+  _shown() {
+    return this._items().filter((item) => !item.hidden && !item.hasAttribute("data-filtered"));
+  }
+  /** Shown commands the arrows and Enter can reach: disabled ones are skipped. */
+  _visible() {
+    return this._shown().filter((item) => item.getAttribute("aria-disabled") !== "true");
+  }
+  /** A disabled link or button cannot run, so its option says so. */
+  _isDisabled(item) {
+    const action = this._action(item);
+    return !!action && (action.matches(":disabled") || action.getAttribute("aria-disabled") === "true");
+  }
+  _setActive(item) {
+    if (this._active === item) return;
+    this._active?.classList.remove("active");
+    this._active?.removeAttribute("aria-selected");
+    this._active = item;
+    if (item) {
+      item.classList.add("active");
+      item.setAttribute("aria-selected", "true");
+      this.input.setAttribute("aria-activedescendant", item.id);
+      item.scrollIntoView({ block: "nearest" });
+    } else {
+      this.input.removeAttribute("aria-activedescendant");
+    }
+  }
+  /**
+   * Shows the commands matching the query. Filtering marks rows with
+   * data-filtered rather than hidden, so a command the page hides stays
+   * hidden. `keepActive` holds the active command while it is still
+   * reachable, for list changes the user did not make.
+   */
+  _filter(keepActive = false) {
+    this._wireItems();
+    const terms = fold(this.input.value).split(/\s+/).filter(Boolean);
+    for (const item of this._items()) {
+      const keywords = item.dataset.keywords ?? this._action(item)?.dataset.keywords ?? "";
+      const text = fold(`${item.textContent} ${keywords}`);
+      item.toggleAttribute("data-filtered", !terms.every((term) => text.includes(term)));
+      if (this._isDisabled(item)) item.setAttribute("aria-disabled", "true");
+      else item.removeAttribute("aria-disabled");
+    }
+    for (const label of this._labels()) {
+      let next = label.nextElementSibling;
+      let any = false;
+      while (next && !next.classList.contains("label")) {
+        if (!next.hidden && !next.hasAttribute("data-filtered")) any = true;
+        next = next.nextElementSibling;
+      }
+      label.toggleAttribute("data-filtered", !any);
+    }
+    const visible = this._visible();
+    const empty = this._empty();
+    if (empty) empty.hidden = this._shown().length > 0;
+    this._setActive(keepActive && visible.includes(this._active) ? this._active : visible[0] ?? null);
+  }
+  _move(step) {
+    const visible = this._visible();
+    if (!visible.length) return;
+    const index = visible.indexOf(this._active);
+    this._setActive(visible[(index + step + visible.length) % visible.length]);
+  }
+  /** Runs a command by clicking its link or button; the click handler closes. */
+  _run(item) {
+    (this._action(item) ?? item).click();
+  }
+};
+
+export {
+  CommandPalette
+};
+//# sourceMappingURL=chunk-4TKTLGEM.mjs.map

package/dist/js/chunks/chunk-4TKTLGEM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/commandPalette.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';\n\nexport interface CommandPaletteOptions extends BaseOptions {\n  /**\n   * Letter that toggles the palette together with Command on Apple platforms\n   * or Ctrl elsewhere. A key event the page has already handled is left\n   * alone. `null` turns the shortcut off. `data-shortcut` on the dialog sets\n   * it; an empty `data-shortcut` turns it off.\n   * @default 'k'\n   */\n  shortcut: string | null;\n  /**\n   * If true, the palette closes after a command runs.\n   * @default true\n   */\n  closeOnRun: boolean;\n}\n\nconst _defaults: CommandPaletteOptions = {\n  shortcut: 'k',\n  closeOnRun: true\n};\n\n// On Apple platforms Ctrl+letter is text editing (Ctrl+K deletes to the end\n// of the line), so only Command opens the palette there.\nconst APPLE = typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n\n/** Case- and accent-insensitive text for matching. */\nconst fold = (text: string) =>\n  text.normalize('NFD').replace(/\\p{Diacritic}/gu, '').toLowerCase();\n\n/**\n * A command palette: a native modal <dialog class=\"command-palette\"> holding\n * a search input and a list of commands. Typing filters the list; the arrow\n * keys move through what is left and Enter runs it, while focus stays in the\n * input. The dialog owns modality, Escape and returning focus.\n *\n * The input is a combobox and the list a listbox of options, with the active\n * option reported through aria-activedescendant. A command is the link or\n * button inside an option; running it clicks that element, so a page wires\n * commands with ordinary hrefs and click handlers.\n */\nexport class CommandPalette extends Component<CommandPaletteOptions> implements Openable {\n  declare el: HTMLDialogElement;\n  /** The search input. */\n  input: HTMLInputElement;\n  /** The list of commands. */\n  list: HTMLElement;\n  private _active: HTMLElement | null = null;\n  private _generatedIds: HTMLElement[] = [];\n  /** Wires and refilters commands the page adds or removes later. */\n  private _observer: MutationObserver | null = null;\n\n  constructor(el: HTMLDialogElement, options: Partial<CommandPaletteOptions>) {\n    super(el, options, CommandPalette);\n    this.el['Expressive_CommandPalette'] = this;\n    const shortcut = el.dataset.shortcut;\n    this.options = {\n      ...CommandPalette.defaults,\n      ...(shortcut !== undefined ? { shortcut: shortcut || null } : {}),\n      ...options\n    };\n    this.input = el.querySelector(':scope > input');\n    this.list = el.querySelector(':scope > :is(ul, ol)');\n    if (!this.input || !this.list) {\n      console.error('CommandPalette needs an <input> and a <ul> as children of the dialog.');\n      return;\n    }\n    this._setupAccessibility();\n    this._filter();\n    // A page adding commands while the user arrows through the list keeps\n    // their place.\n    this._observer = new MutationObserver(() => this._filter(true));\n    // Also refilter when the page hides, shows, disables or enables a command.\n    // Not aria-disabled: _filter writes that itself, which would loop.\n    this._observer.observe(this.list, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['hidden', 'disabled']\n    });\n    this.input.addEventListener('input', this._handleInput);\n    this.input.addEventListener('keydown', this._handleKeydown);\n    this.list.addEventListener('click', this._handleListClick);\n    this.list.addEventListener('pointermove', this._handlePointerMove);\n    this.el.addEventListener('close', this._handleClose);\n    document.addEventListener('keydown', this._handleShortcut);\n  }\n\n  static get defaults(): CommandPaletteOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of CommandPalette.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<CommandPaletteOptions>): CommandPalette;\n  /**\n   * Initializes instances of CommandPalette.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<CommandPaletteOptions>\n  ): CommandPalette[];\n  /**\n   * Initializes instances of CommandPalette.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<CommandPaletteOptions> = {}\n  ): CommandPalette | CommandPalette[] {\n    return super.init(els, options, CommandPalette);\n  }\n\n  static getInstance(el: HTMLElement): CommandPalette {\n    return el['Expressive_CommandPalette'];\n  }\n\n  /** If the palette is open. */\n  get isOpen() {\n    return this.el.open;\n  }\n\n  /** Opens the palette as a modal dialog with the search input focused. */\n  open = () => {\n    if (!this.el.open) this.el.showModal();\n    this.input?.focus();\n  };\n\n  /** Closes the palette. The dialog returns focus to where it was. */\n  close = () => {\n    if (this.el.open) this.el.close();\n  };\n\n  destroy() {\n    this._observer?.disconnect();\n    document.removeEventListener('keydown', this._handleShortcut);\n    this.el.removeEventListener('close', this._handleClose);\n    if (this.input && this.list) {\n      this.input.removeEventListener('input', this._handleInput);\n      this.input.removeEventListener('keydown', this._handleKeydown);\n      this.list.removeEventListener('click', this._handleListClick);\n      this.list.removeEventListener('pointermove', this._handlePointerMove);\n      for (const name of ['role', 'aria-controls', 'aria-expanded', 'aria-autocomplete', 'aria-activedescendant']) {\n        this.input.removeAttribute(name);\n      }\n      this.list.removeAttribute('role');\n      for (const item of this._items()) {\n        for (const name of ['role', 'aria-selected', 'aria-disabled', 'data-filtered']) item.removeAttribute(name);\n        item.classList.remove('active');\n        this._action(item)?.removeAttribute('tabindex');\n      }\n      for (const label of this._labels()) {\n        label.removeAttribute('role');\n        label.removeAttribute('data-filtered');\n      }\n      for (const el of this._generatedIds) el.removeAttribute('id');\n      const empty = this._empty();\n      if (empty) empty.hidden = false;\n    }\n    this.el['Expressive_CommandPalette'] = undefined;\n  }\n\n  private _items() {\n    return Array.from(this.list.children).filter(\n      (child): child is HTMLElement => child instanceof HTMLElement && !child.classList.contains('label')\n    );\n  }\n\n  private _labels() {\n    return Array.from(this.list.querySelectorAll<HTMLElement>(':scope > .label'));\n  }\n\n  private _empty() {\n    return this.el.querySelector<HTMLElement>(':scope > .command-palette-empty');\n  }\n\n  private _action(item: HTMLElement) {\n    return item.querySelector<HTMLElement>(':scope > :is(a[href], button)');\n  }\n\n  private _ensureId(el: HTMLElement, prefix: string) {\n    if (!el.id) {\n      el.id = `${prefix}-${Utils.guid()}`;\n      this._generatedIds.push(el);\n    }\n    return el.id;\n  }\n\n  private _setupAccessibility() {\n    this.list.setAttribute('role', 'listbox');\n    this.input.setAttribute('role', 'combobox');\n    this.input.setAttribute('aria-controls', this._ensureId(this.list, 'command-palette-list'));\n    this.input.setAttribute('aria-expanded', 'true');\n    this.input.setAttribute('aria-autocomplete', 'list');\n  }\n\n  /** Every command, including ones added since the last pass, is an option. */\n  private _wireItems() {\n    for (const item of this._items()) {\n      if (item.getAttribute('role') === 'option') continue;\n      item.setAttribute('role', 'option');\n      this._ensureId(item, 'command-palette-option');\n      // Focus stays in the input; the commands are reached with the arrows.\n      this._action(item)?.setAttribute('tabindex', '-1');\n    }\n    // A listbox holds only options; a group heading is a visual divider.\n    for (const label of this._labels()) label.setAttribute('role', 'none');\n  }\n\n  /** Commands on screen: neither hidden by the page nor filtered out. */\n  private _shown() {\n    return this._items().filter((item) => !item.hidden && !item.hasAttribute('data-filtered'));\n  }\n\n  /** Shown commands the arrows and Enter can reach: disabled ones are skipped. */\n  private _visible() {\n    return this._shown().filter((item) => item.getAttribute('aria-disabled') !== 'true');\n  }\n\n  /** A disabled link or button cannot run, so its option says so. */\n  private _isDisabled(item: HTMLElement) {\n    const action = this._action(item);\n    return !!action && (action.matches(':disabled') || action.getAttribute('aria-disabled') === 'true');\n  }\n\n  private _setActive(item: HTMLElement | null) {\n    if (this._active === item) return;\n    this._active?.classList.remove('active');\n    this._active?.removeAttribute('aria-selected');\n    this._active = item;\n    if (item) {\n      item.classList.add('active');\n      item.setAttribute('aria-selected', 'true');\n      this.input.setAttribute('aria-activedescendant', item.id);\n      item.scrollIntoView({ block: 'nearest' });\n    } else {\n      this.input.removeAttribute('aria-activedescendant');\n    }\n  }\n\n  /**\n   * Shows the commands matching the query. Filtering marks rows with\n   * data-filtered rather than hidden, so a command the page hides stays\n   * hidden. `keepActive` holds the active command while it is still\n   * reachable, for list changes the user did not make.\n   */\n  private _filter(keepActive = false) {\n    this._wireItems();\n    const terms = fold(this.input.value).split(/\\s+/).filter(Boolean);\n    for (const item of this._items()) {\n      // data-keywords may sit on the row or on its link or button.\n      const keywords = item.dataset.keywords ?? this._action(item)?.dataset.keywords ?? '';\n      const text = fold(`${item.textContent} ${keywords}`);\n      item.toggleAttribute('data-filtered', !terms.every((term) => text.includes(term)));\n      if (this._isDisabled(item)) item.setAttribute('aria-disabled', 'true');\n      else item.removeAttribute('aria-disabled');\n    }\n    // A heading stays only while one of the commands under it does.\n    for (const label of this._labels()) {\n      let next = label.nextElementSibling as HTMLElement | null;\n      let any = false;\n      while (next && !next.classList.contains('label')) {\n        if (!next.hidden && !next.hasAttribute('data-filtered')) any = true;\n        next = next.nextElementSibling as HTMLElement | null;\n      }\n      label.toggleAttribute('data-filtered', !any);\n    }\n    const visible = this._visible();\n    const empty = this._empty();\n    if (empty) empty.hidden = this._shown().length > 0;\n    this._setActive(keepActive && visible.includes(this._active) ? this._active : visible[0] ?? null);\n  }\n\n  private _move(step: number) {\n    const visible = this._visible();\n    if (!visible.length) return;\n    const index = visible.indexOf(this._active);\n    this._setActive(visible[(index + step + visible.length) % visible.length]);\n  }\n\n  /** Runs a command by clicking its link or button; the click handler closes. */\n  private _run(item: HTMLElement) {\n    (this._action(item) ?? item).click();\n  }\n\n  _handleInput = () => this._filter();\n\n  _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === Utils.keys.ARROW_DOWN || e.key === Utils.keys.ARROW_UP) {\n      e.preventDefault();\n      this._move(e.key === Utils.keys.ARROW_DOWN ? 1 : -1);\n    } else if (e.key === Utils.keys.ENTER && !e.isComposing && e.keyCode !== 229 && this._active) {\n      // keyCode 229 is the Enter that confirms an IME composition in Safari,\n      // which reports isComposing false for it.\n      e.preventDefault();\n      this._run(this._active);\n    }\n  };\n\n  _handleListClick = (e: MouseEvent) => {\n    const item = (<Element>e.target).closest<HTMLElement>('[role=\"option\"]');\n    if (!item || !this.list.contains(item) || item.getAttribute('aria-disabled') === 'true') return;\n    const action = this._action(item);\n    // A click on the row's padding runs its command; that click comes back\n    // through here and closes the palette.\n    if (action && !action.contains(<Node>e.target)) {\n      action.click();\n      return;\n    }\n    if (this.options.closeOnRun) this.close();\n  };\n\n  _handlePointerMove = (e: PointerEvent) => {\n    const item = (<Element>e.target).closest<HTMLElement>('[role=\"option\"]');\n    if (item && this.list.contains(item) && item.getAttribute('aria-disabled') !== 'true') this._setActive(item);\n  };\n\n  /**\n   * Each opening starts from the full list. The close event is queued, so a\n   * palette reopened straight away may already be open again; its new search\n   * is left alone.\n   */\n  _handleClose = () => {\n    if (this.el.open) return;\n    this.input.value = '';\n    this._filter();\n  };\n\n  _handleShortcut = (e: KeyboardEvent) => {\n    const { shortcut } = this.options;\n    if (!shortcut || e.defaultPrevented || e.altKey || e.shiftKey) return;\n    if (!(APPLE ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey)) return;\n    // A non-Latin layout reports its own letter in e.key, so fall back to the\n    // physical key there. A Latin layout matches on the letter it types.\n    const letter = shortcut.toLowerCase();\n    const latin = /^[a-z]$/i.test(e.key);\n    const hit = e.key.toLowerCase() === letter ||\n      (!latin && /^[a-z]$/.test(letter) && e.code === `Key${letter.toUpperCase()}`);\n    if (!hit) return;\n    e.preventDefault();\n    if (this.el.open) this.close();\n    else this.open();\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-3VOK6J7U.mjs → chunk-5BKHWHYY.mjs}

@@ -1,6 +1,9 @@
 import {
   Carousel
-} from "./chunk-LWBQIX5J.mjs";
+} from "./chunk-A7ALMYUR.mjs";
+import {
+  Utils
+} from "./chunk-MNPROCZF.mjs";
 import {
   Component
 } from "./chunk-LTWPGFBR.mjs";
@@ -19,13 +22,17 @@ var Tabs = class _Tabs extends Component {
     super(el, options, _Tabs);
     this._originalPanels = /* @__PURE__ */ new Map();
     this._originalLinks = /* @__PURE__ */ new Map();
-    this._handleWindowResize = () => {
+    // Throttled like Carousel's: every bar re-measures on resize, and the left
+    // and right positions are both read before either is written.
+    this._handleWindowResize = Utils.throttle(() => {
       this._setTabsAndTabWidth();
       if (this._tabWidth !== 0 && this._tabsWidth !== 0) {
-        this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + "px";
-        this._indicator.style.right = this._calcRightPos(this._activeTabLink) + "px";
+        const left = this._calcLeftPos(this._activeTabLink);
+        const right = this._calcRightPos(this._activeTabLink);
+        this._indicator.style.left = left + "px";
+        this._indicator.style.right = right + "px";
       }
-    };
+    }, 200);
     this._handleTabClick = (e) => {
       const target = e.target;
       if (!target) return;
@@ -282,4 +289,4 @@ var Tabs = class _Tabs extends Component {
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-3VOK6J7U.mjs.map
+//# sourceMappingURL=chunk-5BKHWHYY.mjs.map

package/dist/js/chunks/chunk-5BKHWHYY.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/tabs.ts"],
+  "sourcesContent": ["import { Carousel } from './carousel';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\nimport { Utils } from '../core/utils';\n\nexport interface TabsOptions extends BaseOptions {\n  /**\n   * Transition duration in milliseconds.\n   * @default 300\n   */\n  duration: number;\n  /**\n   * Callback for when a new tab content is shown.\n   * @default null\n   */\n  onShow: (newContent: Element) => void;\n  /**\n   * Set to true to enable swipeable tabs.\n   * This also uses the responsiveThreshold option.\n   * @default false\n   */\n  swipeable: boolean;\n  /**\n   * The maximum width of the screen, in pixels,\n   * where the swipeable functionality initializes.\n   * @default infinity\n   */\n  responsiveThreshold: number;\n}\n\nconst _defaults: TabsOptions = {\n  duration: 300,\n  onShow: null,\n  swipeable: false,\n  responsiveThreshold: Infinity // breakpoint for swipeable\n};\n\nexport class Tabs extends Component<TabsOptions> {\n  _tabLinks: NodeListOf<HTMLAnchorElement>;\n  _index: number;\n  _indicator: HTMLElement;\n  _tabWidth: number;\n  _tabsWidth: number;\n  _tabsCarousel: Carousel;\n  _activeTabLink: HTMLAnchorElement;\n  _content: HTMLElement;\n  private _originalPanels = new Map<HTMLElement, { display: string; priority: string; active: boolean; carousel: boolean; marker?: Comment }>();\n  private _originalLinks = new Map<HTMLAnchorElement, { active: boolean; current: string | null }>();\n\n  constructor(el: HTMLElement, options: Partial<TabsOptions>) {\n    super(el, options, Tabs);\n    this.el['Expressive_Tabs'] = this;\n\n    this.options = {\n      ...Tabs.defaults,\n      ...options\n    };\n\n    this._tabLinks = this._queryTabLinks();\n    this._tabLinks.forEach(link => {\n      this._originalLinks.set(link, { active: link.classList.contains('active'), current: link.getAttribute('aria-current') });\n      if (link.hasAttribute('target')) return;\n      const panel = link.hash && document.getElementById(link.hash.slice(1));\n      if (panel) this._originalPanels.set(panel, {\n        display: panel.style.display, priority: panel.style.getPropertyPriority('display'),\n        active: panel.classList.contains('active'), carousel: panel.classList.contains('carousel-item')\n      });\n    });\n    this.options.swipeable &&= window.innerWidth <= this.options.responsiveThreshold;\n    this._index = 0;\n    this._setupActiveTabLink();\n    if (this.options.swipeable) {\n      this._setupSwipeableTabs();\n    } else {\n      this._setupNormalTabs();\n    }\n    // Setup tabs indicator after content to ensure accurate widths\n    this._setTabsAndTabWidth();\n    this._createIndicator();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): TabsOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Tabs.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<TabsOptions>): Tabs;\n  /**\n   * Initializes instances of Tabs.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<TabsOptions>): Tabs[];\n  /**\n   * Initializes instances of Tabs.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<TabsOptions> = {}\n  ): Tabs | Tabs[] {\n    return super.init(els, options, Tabs);\n  }\n\n  static getInstance(el: HTMLElement): Tabs {\n    return el['Expressive_Tabs'];\n  }\n\n  destroy() {\n    this._removeEventHandlers();\n    this._indicator.remove();\n    if (this.options.swipeable) {\n      this._teardownSwipeableTabs();\n    }\n    this._originalPanels.forEach((original, panel) => {\n      panel.style.setProperty('display', original.display, original.priority);\n      panel.classList.toggle('active', original.active);\n      panel.classList.toggle('carousel-item', original.carousel);\n      if (!panel.className) panel.removeAttribute('class');\n    });\n    this._originalLinks.forEach((original, link) => {\n      link.classList.toggle('active', original.active);\n      if (original.current === null) link.removeAttribute('aria-current');\n      else link.setAttribute('aria-current', original.current);\n    });\n    this.el['Expressive_Tabs'] = undefined;\n  }\n\n  /**\n   * The index of tab that is currently shown.\n   */\n  get index() {\n    return this._index;\n  }\n\n  _setupEventHandlers() {\n    window.addEventListener('resize', this._handleWindowResize);\n    this.el.addEventListener('click', this._handleTabClick);\n  }\n\n  _removeEventHandlers() {\n    window.removeEventListener('resize', this._handleWindowResize);\n    this.el.removeEventListener('click', this._handleTabClick);\n  }\n\n  // Throttled like Carousel's: every bar re-measures on resize, and the left\n  // and right positions are both read before either is written.\n  _handleWindowResize = Utils.throttle(() => {\n    this._setTabsAndTabWidth();\n    if (this._tabWidth !== 0 && this._tabsWidth !== 0) {\n      const left = this._calcLeftPos(this._activeTabLink);\n      const right = this._calcRightPos(this._activeTabLink);\n      this._indicator.style.left = left + 'px';\n      this._indicator.style.right = right + 'px';\n    }\n  }, 200);\n\n  _queryTabLinks() {\n    return this.el.querySelectorAll<HTMLAnchorElement>(\n      ':scope > a, :scope > .tab > a'\n    );\n  }\n\n  _handleTabClick = (e: MouseEvent) => {\n    const target = e.target as Element | null;\n    if (!target) return;\n    const tabLink = target.closest('a') as HTMLAnchorElement | null;\n    if (!tabLink || !Array.from(this._tabLinks).includes(tabLink)) return;\n\n    const tab = tabLink.parentElement;\n    const disabled =\n      tabLink.classList.contains('disabled') ||\n      tabLink.getAttribute('aria-disabled') === 'true' ||\n      tab?.classList.contains('disabled');\n    if (disabled) {\n      e.preventDefault();\n      return;\n    }\n    // Act as regular link if target attribute is specified.\n    if (tabLink.hasAttribute('target')) return;\n    if (this.options.swipeable) {\n      const panel = tabLink.hash && document.getElementById(tabLink.hash.slice(1));\n      const index = this._tabsCarousel.images.indexOf(panel as HTMLElement);\n      if (index >= 0) this._tabsCarousel.set(index);\n      e.preventDefault();\n      return;\n    }\n    const _oldContent = this._content;\n    this._tabLinks = this._queryTabLinks();\n    // Moves the class and aria-current together, off the old tab and onto this\n    // one - they used to be able to disagree.\n    const prevIndex = this._index;\n    this._setActiveTabLink(tabLink);\n\n    // Swap content\n    if (this._content) {\n      this._content.style.display = 'block';\n      this._content.classList.add('active');\n      if (typeof this.options.onShow === 'function')\n        this.options.onShow.call(this, this._content);\n      if (_oldContent && _oldContent !== this._content) {\n        _oldContent.style.display = 'none';\n        _oldContent.classList.remove('active');\n      }\n    }\n    // Update widths after content is swapped (scrollbar bugfix)\n    this._setTabsAndTabWidth();\n    this._animateIndicator(prevIndex);\n    e.preventDefault();\n  };\n\n  _createIndicator() {\n    const tag = this.el.tagName === 'UL' || this.el.tagName === 'OL' ? 'li' : 'span';\n    const indicator = document.createElement(tag);\n    indicator.classList.add('indicator');\n    this.el.appendChild(indicator);\n    this._indicator = indicator;\n    this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + 'px';\n    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + 'px';\n  }\n\n  /**\n   * Which tab is current, for the eye and for assistive technology.\n   *\n   * The class alone is a colour. `aria-current` is the part a screen reader\n   * reads, and because tabs are navigation rather than a tablist (rule 2 -\n   * there is no keyboard model here to back a tablist), \"current\" is exactly\n   * the right word for it. Its *value* changes as the user clicks, which makes\n   * maintaining it the component's job, not the author's - see CONTEXT.md on\n   * static semantics versus dynamic state. Writing it once in the markup and\n   * never moving it left the old tab announcing itself as current.\n   */\n  private _setActiveTabLink(tabLink: HTMLAnchorElement) {\n    Array.from(this._tabLinks).forEach((a: HTMLAnchorElement) => {\n      a.classList.remove('active');\n      a.removeAttribute('aria-current');\n    });\n    this._activeTabLink = tabLink;\n    tabLink.classList.add('active');\n    tabLink.setAttribute('aria-current', 'page');\n    this._index = Array.from(this._tabLinks).indexOf(tabLink);\n    this._content = tabLink.hasAttribute('target') ? null : document.getElementById(tabLink.hash.slice(1));\n  }\n\n  _setupActiveTabLink() {\n    // If the location.hash matches one of the links, use that as the active tab.\n    this._activeTabLink = Array.from(this._tabLinks).find(\n      (a: HTMLAnchorElement) => a.getAttribute('href') === location.hash\n    );\n    // If no match is found, use the first link or any with class 'active' as the initial active tab.\n    if (!this._activeTabLink) {\n      let activeTabLink = this.el.querySelector('a.active');\n      if (!activeTabLink) {\n        activeTabLink = this._tabLinks[0];\n      }\n      this._activeTabLink = activeTabLink as HTMLAnchorElement;\n    }\n    this._setActiveTabLink(this._activeTabLink);\n\n    this._originalPanels.forEach((_, panel) => panel.classList.toggle('active', panel === this._content));\n  }\n\n  _setupSwipeableTabs() {\n    const tabsContent = [];\n    this._tabLinks.forEach((a) => {\n      if (a.hash && !a.hasAttribute('target')) {\n        const currContent = document.getElementById(a.hash.slice(1));\n        if (!currContent) return;\n        currContent.classList.add('carousel-item');\n        tabsContent.push(currContent);\n      }\n    });\n\n    // Create Carousel-Wrapper around Tab-Contents\n    const tabsWrapper = document.createElement('div');\n    tabsWrapper.classList.add('tabs-content', 'carousel', 'flat');\n\n    // Wrap around\n    tabsContent[0].parentElement.insertBefore(tabsWrapper, tabsContent[0]);\n    tabsContent.forEach((tabContent) => {\n      const marker = document.createComment('');\n      tabContent.before(marker);\n      this._originalPanels.get(tabContent).marker = marker;\n      tabsWrapper.appendChild(tabContent);\n      tabContent.style.display = '';\n    });\n\n    this._tabsCarousel = Carousel.init(tabsWrapper, {\n      fullWidth: true,\n      noWrap: true,\n      duration: this.options.duration,\n      onCycleTo: (item) => {\n        const prevIndex = this._index;\n        this._setActiveTabLink(Array.from(this._tabLinks).find(a => !a.hasAttribute('target') && a.hash === '#' + item.id));\n        this._setTabsAndTabWidth();\n        this._animateIndicator(prevIndex);\n        if (typeof this.options.onShow === 'function')\n          this.options.onShow.call(this, this._content);\n      }\n    });\n  }\n\n  _teardownSwipeableTabs() {\n    const tabsWrapper = this._tabsCarousel.el;\n    this._tabsCarousel.destroy();\n    this._originalPanels.forEach((original, panel) => original.marker?.replaceWith(panel));\n    tabsWrapper.remove();\n  }\n\n  _setupNormalTabs() {\n    // Hide Tabs Content\n    Array.from(this._tabLinks).forEach((a) => {\n      if (a === this._activeTabLink || a.hasAttribute('target')) return;\n      if (a.hash) {\n        const currContent = document.getElementById(a.hash.slice(1));\n        if (currContent) currContent.style.display = 'none';\n      }\n    });\n  }\n\n  _setTabsAndTabWidth() {\n    this._tabsWidth = this.el.getBoundingClientRect().width;\n    this._tabWidth = Math.max(this._tabsWidth, this.el.scrollWidth) / this._tabLinks.length;\n  }\n\n  _calcRightPos(el) {\n    return Math.ceil(this._tabsWidth - el.offsetLeft - el.getBoundingClientRect().width);\n  }\n\n  _calcLeftPos(el) {\n    return Math.floor(el.offsetLeft);\n  }\n\n  /**\n   * Recalculate tab indicator position. This is useful when\n   * the indicator position is not correct.\n   */\n  updateTabIndicator() {\n    this._setTabsAndTabWidth();\n    this._animateIndicator(this._index);\n  }\n\n  _animateIndicator(prevIndex) {\n    let leftDelay = 0,\n      rightDelay = 0;\n\n    const isMovingLeftOrStaying = this._index - prevIndex >= 0;\n    if (isMovingLeftOrStaying) leftDelay = 90;\n    else rightDelay = 90;\n\n    // in v1: easeOutQuad\n    this._indicator.style.transition = `\n      left ${this.options.duration}ms ease-out ${leftDelay}ms,\n      right ${this.options.duration}ms ease-out ${rightDelay}ms`;\n\n    this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + 'px';\n    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + 'px';\n  }\n\n  /**\n   * Show tab content that corresponds to the tab with the id.\n   * @param tabId The id of the tab that you want to switch to.\n   */\n  select(tabId: string) {\n    const tab = Array.from(this._tabLinks).find(\n      (a: HTMLAnchorElement) => a.getAttribute('href') === '#' + tabId\n    );\n    if (tab) (<HTMLAnchorElement>tab).click();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-H2WA4XHH.mjs → chunk-5HQSGDZ5.mjs}

@@ -1,12 +1,12 @@
 import {
   DockedDisplayPlugin
-} from "./chunk-EC63CHXU.mjs";
+} from "./chunk-YMSXJON6.mjs";
 import {
   FormSelect
-} from "./chunk-HB6IW7QQ.mjs";
+} from "./chunk-3GVFZ4XO.mjs";
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-MNPROCZF.mjs";
 import {
   Component
 } from "./chunk-LTWPGFBR.mjs";
@@ -116,6 +116,8 @@ var _Datepicker = class _Datepicker extends Component {
   constructor(el, options) {
     super(el, options, _Datepicker);
     this.multiple = false;
+    /** 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 +184,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;
@@ -739,7 +743,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,7 +763,10 @@ 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 checked = rows.every((row) => this._checkedRows.has(row));
+    this._checkedRows.clear();
+    return "<tbody>" + (checked ? html : _Datepicker._calendarMarkup(html, "tbody")) + "</tbody>";
   }
   static _calendarMarkup(html, parent) {
     const template = document.createElement("template");
@@ -1115,4 +1124,4 @@ var Datepicker = _Datepicker;
 export {
   Datepicker
 };
-//# sourceMappingURL=chunk-H2WA4XHH.mjs.map
+//# sourceMappingURL=chunk-5HQSGDZ5.mjs.map