@expressivecss/expressive 0.13.1 → 0.15.0

package/dist/js/chunks/{chunk-6N2XAEFK.mjs → chunk-UBRZZWRA.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/navigationRail.ts
 var _defaults = {
@@ -10,6 +10,11 @@ var _defaults = {
   onCloseEnd: null
 };
 var COMPACT = "(width < 600px)";
+function deepActiveElement(root) {
+  let active = root.activeElement;
+  while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
+  return active;
+}
 var NavigationRail = class _NavigationRail extends Component {
   constructor(el, options) {
     super(el, options, _NavigationRail);
@@ -53,7 +58,7 @@ var NavigationRail = class _NavigationRail extends Component {
     this._onClick = (e) => {
       const target = e.target;
       if (!(target instanceof Node)) return;
-      if (this._toggle && (target === this._toggle || this._toggle.contains(target))) {
+      if (this._toggle?.contains(target)) {
         this.toggle();
         e.preventDefault();
         return;
@@ -67,12 +72,9 @@ var NavigationRail = class _NavigationRail extends Component {
       if (this.isExpanded && this._isModal()) {
         const root = this.el.getRootNode();
         const restoreFocus = this.el.contains(root.activeElement);
-        let focused = root.activeElement;
-        while (focused?.shadowRoot?.activeElement) focused = focused.shadowRoot.activeElement;
+        const focused = deepActiveElement(root);
         this.collapse();
-        let active = root.activeElement;
-        while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
-        if (!this.isExpanded && restoreFocus && active === focused) {
+        if (!this.isExpanded && restoreFocus && deepActiveElement(root) === focused) {
           this._toggle?.focus();
         }
       }
@@ -122,4 +124,4 @@ var NavigationRail = class _NavigationRail extends Component {
 export {
   NavigationRail
 };
-//# sourceMappingURL=chunk-6N2XAEFK.mjs.map
+//# sourceMappingURL=chunk-UBRZZWRA.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/navigationRail.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport interface NavigationRailOptions extends BaseOptions {\n  /**\n   * Called before the rail expands.\n   */\n  onOpenStart: (el: HTMLElement) => void;\n  /**\n   * Called after the rail expands.\n   */\n  onOpenEnd: (el: HTMLElement) => void;\n  /**\n   * Called before the rail collapses.\n   */\n  onCloseStart: (el: HTMLElement) => void;\n  /**\n   * Called after the rail collapses.\n   */\n  onCloseEnd: (el: HTMLElement) => void;\n}\n\nconst _defaults: NavigationRailOptions = {\n  onOpenStart: null,\n  onOpenEnd: null,\n  onCloseStart: null,\n  onCloseEnd: null\n};\n\nconst COMPACT = '(width < 600px)';\n\n/** The focused element, followed down through open shadow roots. */\nfunction deepActiveElement(root: Document | ShadowRoot): Element | null {\n  let active = root.activeElement;\n  while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;\n  return active;\n}\n\n/**\n * Navigation rail. Layout is CSS (collapsed / .expanded). This class\n * toggles that class from the menu button, closes a compact overlay on\n * Escape or a scrim tap, and keeps aria-expanded in sync.\n */\nexport class NavigationRail extends Component<NavigationRailOptions> {\n  isExpanded: boolean;\n  private _toggle: HTMLButtonElement | null;\n  private _mql: MediaQueryList;\n\n  constructor(el: HTMLElement, options: Partial<NavigationRailOptions>) {\n    super(el, options, NavigationRail);\n    this.el['Expressive_NavigationRail'] = this;\n\n    this.options = {\n      ...NavigationRail.defaults,\n      ...options\n    };\n\n    this._toggle = this._findToggle();\n    this._mql = window.matchMedia(COMPACT);\n    this.isExpanded = this.el.classList.contains('expanded');\n    this._sync();\n    this.el.addEventListener('click', this._onClick);\n    document.addEventListener('keydown', this._onKeyDown);\n  }\n\n  static get defaults(): NavigationRailOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<NavigationRailOptions>): NavigationRail;\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<NavigationRailOptions>\n  ): NavigationRail[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<NavigationRailOptions> = {}\n  ): NavigationRail | NavigationRail[] {\n    return super.init(els, options, NavigationRail);\n  }\n\n  static getInstance(el: HTMLElement): NavigationRail {\n    return el['Expressive_NavigationRail'];\n  }\n\n  destroy() {\n    this.el.removeEventListener('click', this._onClick);\n    document.removeEventListener('keydown', this._onKeyDown);\n    this.el['Expressive_NavigationRail'] = undefined;\n  }\n\n  /**\n   * Expands the rail. On compact windows the overlay (scrim) is CSS.\n   */\n  expand = () => {\n    if (this.isExpanded) return;\n    if (typeof this.options.onOpenStart === 'function') {\n      this.options.onOpenStart.call(this, this.el);\n    }\n    this.isExpanded = true;\n    this.el.classList.add('expanded');\n    this._sync();\n    if (typeof this.options.onOpenEnd === 'function') {\n      this.options.onOpenEnd.call(this, this.el);\n    }\n  };\n\n  /**\n   * Collapses the rail.\n   */\n  collapse = () => {\n    if (!this.isExpanded) return;\n    if (typeof this.options.onCloseStart === 'function') {\n      this.options.onCloseStart.call(this, this.el);\n    }\n    this.isExpanded = false;\n    this.el.classList.remove('expanded');\n    this._sync();\n    if (typeof this.options.onCloseEnd === 'function') {\n      this.options.onCloseEnd.call(this, this.el);\n    }\n  };\n\n  /**\n   * Toggles expanded / collapsed.\n   */\n  toggle = () => {\n    if (this.isExpanded) this.collapse();\n    else this.expand();\n  };\n\n  private _findToggle(): HTMLButtonElement | null {\n    const first = this.el.querySelector(':scope > button:not(.button)');\n    return first instanceof HTMLButtonElement ? first : null;\n  }\n\n  private _isCompact() {\n    return this._mql.matches;\n  }\n\n  private _isModal() {\n    return this.el.classList.contains('modal') || this._isCompact();\n  }\n\n  private _sync() {\n    this.el.setAttribute('aria-expanded', this.isExpanded ? 'true' : 'false');\n    this._toggle?.setAttribute('aria-expanded', this.isExpanded ? 'true' : 'false');\n  }\n\n  private _onClick = (e: MouseEvent) => {\n    const target = e.target;\n    if (!(target instanceof Node)) return;\n    if (this._toggle?.contains(target)) {\n      this.toggle();\n      e.preventDefault();\n      return;\n    }\n    if (target === this.el && this.isExpanded && this._isModal()) {\n      this.collapse();\n    }\n  };\n\n  private _onKeyDown = (e: KeyboardEvent) => {\n    if (e.key !== 'Escape' || e.defaultPrevented) return;\n    if (this.isExpanded && this._isModal()) {\n      const root = this.el.getRootNode() as Document | ShadowRoot;\n      const restoreFocus = this.el.contains(root.activeElement);\n      const focused = deepActiveElement(root);\n      this.collapse();\n      if (!this.isExpanded && restoreFocus && deepActiveElement(root) === focused) {\n        this._toggle?.focus();\n      }\n    }\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,9 +1,12 @@
 import {
   Carousel
-} from "./chunk-LWBQIX5J.mjs";
+} from "./chunk-KVJAVDBC.mjs";
+import {
+  Utils
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/tabs.ts
 var _defaults = {
@@ -19,13 +22,12 @@ 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";
-      }
-    };
+      if (this._tabWidth !== 0 && this._tabsWidth !== 0) this._positionIndicator();
+    }, 200);
     this._handleTabClick = (e) => {
       const target = e.target;
       if (!target) return;
@@ -39,8 +41,7 @@ var Tabs = class _Tabs extends Component {
       }
       if (tabLink.hasAttribute("target")) return;
       if (this.options.swipeable) {
-        const panel = tabLink.hash && document.getElementById(tabLink.hash.slice(1));
-        const index = this._tabsCarousel.images.indexOf(panel);
+        const index = this._tabsCarousel.images.indexOf(this._panelFor(tabLink));
         if (index >= 0) this._tabsCarousel.set(index);
         e.preventDefault();
         return;
@@ -69,10 +70,13 @@ var Tabs = class _Tabs extends Component {
       ...options
     };
     this._tabLinks = this._queryTabLinks();
+    if (!this._tabLinks.length) {
+      console.error("Tabs: no tab links (an <a> child, or one inside .tab) to show");
+      return;
+    }
     this._tabLinks.forEach((link) => {
       this._originalLinks.set(link, { active: link.classList.contains("active"), current: link.getAttribute("aria-current") });
-      if (link.hasAttribute("target")) return;
-      const panel = link.hash && document.getElementById(link.hash.slice(1));
+      const panel = this._panelFor(link);
       if (panel) this._originalPanels.set(panel, {
         display: panel.style.display,
         priority: panel.style.getPropertyPriority("display"),
@@ -80,7 +84,7 @@ var Tabs = class _Tabs extends Component {
         carousel: panel.classList.contains("carousel-item")
       });
     });
-    (_a = this.options).swipeable && (_a.swipeable = window.innerWidth <= this.options.responsiveThreshold);
+    (_a = this.options).swipeable && (_a.swipeable = window.innerWidth <= this.options.responsiveThreshold && this._originalPanels.size > 0);
     this._index = 0;
     this._setupActiveTabLink();
     if (this.options.swipeable) {
@@ -91,6 +95,9 @@ var Tabs = class _Tabs extends Component {
     this._setTabsAndTabWidth();
     this._createIndicator();
     this._setupEventHandlers();
+    document.fonts?.ready.then(() => {
+      if (this.el["Expressive_Tabs"] === this) this._handleWindowResize();
+    });
   }
   static get defaults() {
     return _defaults;
@@ -108,8 +115,8 @@ var Tabs = class _Tabs extends Component {
   }
   destroy() {
     this._removeEventHandlers();
-    this._indicator.remove();
-    if (this.options.swipeable) {
+    this._indicator?.remove();
+    if (this._tabsCarousel) {
       this._teardownSwipeableTabs();
     }
     this._originalPanels.forEach((original, panel) => {
@@ -150,8 +157,19 @@ var Tabs = class _Tabs extends Component {
     indicator.classList.add("indicator");
     this.el.appendChild(indicator);
     this._indicator = indicator;
-    this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + "px";
-    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + "px";
+    this._positionIndicator();
+  }
+  /** Reads both positions before writing either. */
+  _positionIndicator() {
+    const left = this._calcLeftPos(this._activeTabLink);
+    const right = this._calcRightPos(this._activeTabLink);
+    this._indicator.style.left = left + "px";
+    this._indicator.style.right = right + "px";
+  }
+  /** The panel a link shows, or null for a `target` link or one without a hash. */
+  _panelFor(a) {
+    if (!a.hash || a.hasAttribute("target")) return null;
+    return document.getElementById(a.hash.slice(1));
   }
   /**
    * Which tab is current, for the eye and for assistive technology.
@@ -173,31 +191,20 @@ var Tabs = class _Tabs extends Component {
     tabLink.classList.add("active");
     tabLink.setAttribute("aria-current", "page");
     this._index = Array.from(this._tabLinks).indexOf(tabLink);
-    this._content = tabLink.hasAttribute("target") ? null : document.getElementById(tabLink.hash.slice(1));
+    this._content = this._panelFor(tabLink);
   }
   _setupActiveTabLink() {
-    this._activeTabLink = Array.from(this._tabLinks).find(
-      (a) => a.getAttribute("href") === location.hash
-    );
-    if (!this._activeTabLink) {
-      let activeTabLink = this.el.querySelector("a.active");
-      if (!activeTabLink) {
-        activeTabLink = this._tabLinks[0];
-      }
-      this._activeTabLink = activeTabLink;
-    }
+    this._activeTabLink = Array.from(this._tabLinks).find((a) => a.getAttribute("href") === location.hash) ?? this.el.querySelector("a.active") ?? this._tabLinks[0];
     this._setActiveTabLink(this._activeTabLink);
     this._originalPanels.forEach((_, panel) => panel.classList.toggle("active", panel === this._content));
   }
   _setupSwipeableTabs() {
     const tabsContent = [];
     this._tabLinks.forEach((a) => {
-      if (a.hash && !a.hasAttribute("target")) {
-        const currContent = document.getElementById(a.hash.slice(1));
-        if (!currContent) return;
-        currContent.classList.add("carousel-item");
-        tabsContent.push(currContent);
-      }
+      const currContent = this._panelFor(a);
+      if (!currContent) return;
+      currContent.classList.add("carousel-item");
+      tabsContent.push(currContent);
     });
     const tabsWrapper = document.createElement("div");
     tabsWrapper.classList.add("tabs-content", "carousel", "flat");
@@ -231,11 +238,9 @@ var Tabs = class _Tabs extends Component {
   }
   _setupNormalTabs() {
     Array.from(this._tabLinks).forEach((a) => {
-      if (a === this._activeTabLink || a.hasAttribute("target")) return;
-      if (a.hash) {
-        const currContent = document.getElementById(a.hash.slice(1));
-        if (currContent) currContent.style.display = "none";
-      }
+      if (a === this._activeTabLink) return;
+      const currContent = this._panelFor(a);
+      if (currContent) currContent.style.display = "none";
     });
   }
   _setTabsAndTabWidth() {
@@ -264,17 +269,14 @@ var Tabs = class _Tabs extends Component {
     this._indicator.style.transition = `
       left ${this.options.duration}ms ease-out ${leftDelay}ms,
       right ${this.options.duration}ms ease-out ${rightDelay}ms`;
-    this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + "px";
-    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + "px";
+    this._positionIndicator();
   }
   /**
    * Show tab content that corresponds to the tab with the id.
    * @param tabId The id of the tab that you want to switch to.
    */
   select(tabId) {
-    const tab = Array.from(this._tabLinks).find(
-      (a) => a.getAttribute("href") === "#" + tabId
-    );
+    const tab = Array.from(this._tabLinks).find((a) => a.getAttribute("href") === "#" + tabId);
     if (tab) tab.click();
   }
 };
@@ -282,4 +284,4 @@ var Tabs = class _Tabs extends Component {
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-3VOK6J7U.mjs.map
+//# sourceMappingURL=chunk-UCOE7ZDL.mjs.map

package/dist/js/chunks/chunk-UCOE7ZDL.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    if (!this._tabLinks.length) {\n      console.error('Tabs: no tab links (an <a> child, or one inside .tab) to show');\n      return;\n    }\n    this._tabLinks.forEach(link => {\n      this._originalLinks.set(link, { active: link.classList.contains('active'), current: link.getAttribute('aria-current') });\n      const panel = this._panelFor(link);\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    // Swiping needs at least one panel the links resolve to.\n    this.options.swipeable &&= window.innerWidth <= this.options.responsiveThreshold && this._originalPanels.size > 0;\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    // Labels measured before a web font arrives have the fallback's width,\n    // and nothing else re-measures them until the window resizes.\n    document.fonts?.ready.then(() => {\n      if (this.el['Expressive_Tabs'] === this) this._handleWindowResize();\n    });\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._tabsCarousel) {\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) this._positionIndicator();\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');\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 index = this._tabsCarousel.images.indexOf(this._panelFor(tabLink));\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._positionIndicator();\n  }\n\n  /** Reads both positions before writing either. */\n  private _positionIndicator() {\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\n  /** The panel a link shows, or null for a `target` link or one without a hash. */\n  private _panelFor(a: HTMLAnchorElement): HTMLElement | null {\n    if (!a.hash || a.hasAttribute('target')) return null;\n    return document.getElementById(a.hash.slice(1));\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 => {\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 = this._panelFor(tabLink);\n  }\n\n  _setupActiveTabLink() {\n    // If the location.hash matches one of the links, use that as the active tab.\n    // If no match is found, use any with class 'active', then the first link.\n    this._activeTabLink =\n      Array.from(this._tabLinks).find(a => a.getAttribute('href') === location.hash) ??\n      this.el.querySelector<HTMLAnchorElement>('a.active') ??\n      this._tabLinks[0];\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      const currContent = this._panelFor(a);\n      if (!currContent) return;\n      currContent.classList.add('carousel-item');\n      tabsContent.push(currContent);\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) return;\n      const currContent = this._panelFor(a);\n      if (currContent) currContent.style.display = 'none';\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._positionIndicator();\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(a => a.getAttribute('href') === '#' + tabId);\n    if (tab) tab.click();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-K4CJCRGE.mjs → chunk-UETTGDLI.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/commandPalette.ts
 var _defaults = {
@@ -259,4 +259,4 @@ var CommandPalette = class _CommandPalette extends Component {
 export {
   CommandPalette
 };
-//# sourceMappingURL=chunk-K4CJCRGE.mjs.map
+//# sourceMappingURL=chunk-UETTGDLI.mjs.map

package/dist/js/chunks/{chunk-RHRQKTTX.mjs → chunk-UNCRDLP6.mjs}

@@ -1,8 +1,8 @@
 import {
-  COLORS,
   LineChart,
+  seriesColor,
   svgNode
-} from "./chunk-O5XPWXIQ.mjs";
+} from "./chunk-TCCA2HDG.mjs";
 
 // src/ts/components/radialChart.ts
 var RADIUS = 46;
@@ -34,7 +34,7 @@ var RadialChart = class extends LineChart {
     super.show(index);
     this._rings.forEach((ring, i) => ring.classList.toggle("active", i === index));
     if (this._tooltip.hidden) return;
-    const color = this._color(index);
+    const color = seriesColor(index);
     this._tooltip.querySelectorAll("[data-series]").forEach((span) => {
       span.dataset.series = color;
     });
@@ -48,9 +48,6 @@ var RadialChart = class extends LineChart {
     this._tooltip.style.top = `${(50 + y) / (this._gauge ? 50 : 100) * 100}%`;
     this._tooltip.classList.toggle("end", x > 0);
   }
-  _color(index) {
-    return String(index % COLORS + 1);
-  }
   /** A fraction of the ring as a turn clockwise from the top. */
   _turn(fraction) {
     return this._gauge ? fraction / 2 - 0.25 : fraction;
@@ -64,7 +61,7 @@ var RadialChart = class extends LineChart {
     const text = this.series[0].text;
     legend.append(...this.labels.map((label, i) => {
       const li = document.createElement("li");
-      li.dataset.series = this._color(i);
+      li.dataset.series = seriesColor(i);
       const [name, value] = [label, text[i]].map((content) => {
         const span = document.createElement("span");
         span.textContent = content;
@@ -117,7 +114,7 @@ var RadialChart = class extends LineChart {
         return ring2;
       };
       const ring = circle("radial-chart-ring", this._fractions[i], true);
-      ring.dataset.series = this._color(i);
+      ring.dataset.series = seriesColor(i);
       if (!this._fractions[i]) ring.classList.add("empty");
       svg.append(circle("radial-chart-track", 1, gauge), ring);
       return ring;
@@ -136,4 +133,4 @@ var RadialChart = class extends LineChart {
 export {
   RadialChart
 };
-//# sourceMappingURL=chunk-RHRQKTTX.mjs.map
+//# sourceMappingURL=chunk-UNCRDLP6.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/radialChart.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { LineChart, LineChartOptions, seriesColor, svgNode as node } from './lineChart';\n\nexport type RadialChartOptions = LineChartOptions;\n\n/** The outer ring's outer edge in a 100-unit box. */\nconst RADIUS = 46;\n/** The rings never fill more of the radius than this, leaving a middle. */\nconst FILL = 0.8;\n\n/**\n * Radial chart. It reads its <table> like LineChart, but draws each row of\n * the first value column as a ring, outermost first, filled clockwise from\n * the top as a share of `data-max` above zero (100 by default). With `.gauge` the rings\n * are half circles over the middle. A <tfoot> row shows in the middle, and\n * a legend lists the rows when there is more than one. Further columns show\n * in the tooltip.\n *\n * Re-run `RadialChart.init(el)` after changing the table or the ring tokens.\n */\nexport class RadialChart extends LineChart {\n  // No initializers: LineChart's constructor draws before they would run.\n  /** Each ring's middle radius, and their shared width. */\n  private _radii: number[];\n  private _width: number;\n  /** Each row's share of the maximum, from 0 to 1. */\n  private _fractions: number[];\n  private _rings: SVGCircleElement[];\n\n  protected get _type() {\n    return 'radial-chart';\n  }\n\n  protected get _key() {\n    return 'Expressive_RadialChart';\n  }\n\n  protected get _points() {\n    return false;\n  }\n\n  protected get _circular() {\n    return true;\n  }\n\n  private get _gauge() {\n    return this.el.classList.contains('gauge');\n  }\n\n  static init(el: HTMLElement, options?: Partial<RadialChartOptions>): RadialChart;\n  static init(els: InitElements<InitElement>, options?: Partial<RadialChartOptions>): RadialChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<RadialChartOptions> = {}\n  ): RadialChart | RadialChart[] {\n    return super.init(els as HTMLElement, options) as RadialChart | RadialChart[];\n  }\n\n  static getInstance(el: HTMLElement): RadialChart {\n    return el['Expressive_RadialChart'];\n  }\n\n  show(index: number) {\n    if (!this._tooltip || index === this.activeIndex) return;\n    super.show(index);\n    this._rings.forEach((ring, i) => ring.classList.toggle('active', i === index));\n    // LineChart hides the tooltip for -1 and for an index past the last row.\n    if (this._tooltip.hidden) return;\n    const color = seriesColor(index);\n    this._tooltip.querySelectorAll<HTMLElement>('[data-series]').forEach((span) => {\n      span.dataset.series = color;\n    });\n  }\n\n  /** The tooltip sits where the ring's fill ends. */\n  protected _place(index: number) {\n    const turn = this._turn(this._fractions[index]);\n    const r = this._radii[index];\n    const [x, y] = [r * Math.sin(turn * 2 * Math.PI), -r * Math.cos(turn * 2 * Math.PI)];\n    this._tooltip.style.left = `${50 + x}%`;\n    this._tooltip.style.top = `${((50 + y) / (this._gauge ? 50 : 100)) * 100}%`;\n    // On the right half it opens leftwards, over the rings.\n    this._tooltip.classList.toggle('end', x > 0);\n  }\n\n  /** A fraction of the ring as a turn clockwise from the top. */\n  private _turn(fraction: number) {\n    return this._gauge ? fraction / 2 - 0.25 : fraction;\n  }\n\n  /** For more than one row, a legend of every row with its color and cell. */\n  protected _guides(): Element[] {\n    if (this.labels.length < 2) return [];\n    const legend = document.createElement('ul');\n    legend.className = 'radial-chart-legend';\n    legend.setAttribute('aria-hidden', 'true');\n    const text = this.series[0].text;\n    legend.append(...this.labels.map((label, i) => {\n      const li = document.createElement('li');\n      li.dataset.series = seriesColor(i);\n      const [name, value] = [label, text[i]].map((content) => {\n        const span = document.createElement('span');\n        span.textContent = content;\n        return span;\n      });\n      li.append(name, value);\n      return li;\n    }));\n    return [legend];\n  }\n\n  /** The ring under the pointer by its distance from the middle, or -1. */\n  protected _indexAt(e: PointerEvent) {\n    const box = this._plot.getBoundingClientRect();\n    // The middle is half the width down in both shapes.\n    const [x, y] = [e.clientX - box.left - box.width / 2, e.clientY - box.top - box.width / 2];\n    if (this._gauge && y > 0) return -1;\n    // The distance in the SVG's 100-unit box; a gap belongs to a ring beside it.\n    const distance = (Math.hypot(x, y) / box.width) * 100;\n    const step = this._radii.length > 1 ? this._radii[0] - this._radii[1] : this._width;\n    return this._radii.findIndex((r) => Math.abs(distance - r) <= step / 2);\n  }\n\n  /**\n   * An SVG of rings in a -50 to 50 box, the top half for a gauge. Each row\n   * is a track circle and a fill circle whose dash is its share; CSS draws\n   * them from --radial-chart-dash. The total is HTML over it.\n   */\n  protected _draw(): Element {\n    const style = getComputedStyle(this.el);\n    const token = (name: string, fallback: number) => {\n      const value = parseFloat(style.getPropertyValue(`--md-comp-radial-chart-${name}`));\n      return Number.isFinite(value) ? value : fallback;\n    };\n    const count = this.labels.length;\n    let [width, gap] = [Math.max(0, token('thickness', 8)), Math.max(0, token('gap', 2))];\n    // Too many rings to leave a middle thin, with their gaps, to fit.\n    // ponytail: past about 18 rings they are hairlines; that many values want a bar chart.\n    const scale = Math.min(1, (RADIUS * FILL) / (count * width + (count - 1) * gap || 1));\n    [width, gap] = [width * scale, gap * scale];\n    this._width = width;\n    this._radii = this.labels.map((_, i) => RADIUS - width / 2 - i * (width + gap));\n    // A maximum of zero or less means nothing, so it falls back.\n    const max = [parseFloat(this.el.dataset.max ?? ''), this.options.max ?? NaN, 100].find((value) => value > 0)!;\n    this._fractions = this.series[0].values.map((value) => Math.min(1, Math.max(0, (value ?? 0) / max)));\n\n    const gauge = this._gauge;\n    const svg = node('svg', { viewBox: gauge ? '-50 -50 100 50' : '-50 -50 100 100', focusable: 'false' });\n    // A circle starts at three o'clock; turn it to the top, or to nine for a gauge.\n    const transform = gauge ? 'rotate(180)' : 'rotate(-90)';\n    const span = gauge ? 0.5 : 1;\n    this._rings = this._radii.map((r, i) => {\n      const length = 2 * Math.PI * r;\n      // Round caps reach half the width past each end of a dash, so a capped\n      // dash is one width shorter and starts half a width in. One shorter\n      // than the width is a dot at the start.\n      const circle = (name: string, fraction: number, capped: boolean) => {\n        const ring = node('circle', { class: name, r: r.toFixed(3), transform, 'stroke-width': width.toFixed(3) });\n        const dash = Math.max(0.001, fraction * span * length - (capped ? width : 0));\n        ring.style.setProperty('--radial-chart-dash', `${dash.toFixed(3)} ${length.toFixed(3)}`);\n        if (capped) ring.style.setProperty('--radial-chart-offset', (-width / 2).toFixed(3));\n        return ring;\n      };\n      const ring = circle('radial-chart-ring', this._fractions[i], true) as SVGCircleElement;\n      ring.dataset.series = seriesColor(i);\n      // An empty ring would still draw its round cap.\n      if (!this._fractions[i]) ring.classList.add('empty');\n      // Only a gauge's track has ends to round.\n      svg.append(circle('radial-chart-track', 1, gauge), ring);\n      return ring;\n    });\n\n    const rings = document.createElement('div');\n    rings.className = 'radial-chart-rings';\n    rings.setAttribute('aria-hidden', 'true');\n    rings.style.setProperty('--radial-chart-middle', `${(this._radii[count - 1] - this._width / 2) * 2}%`);\n    rings.append(svg);\n\n    const total = this._total('radial-chart-total');\n    if (total) rings.append(total);\n    return rings;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["ring"]
+}

package/dist/js/chunks/{chunk-LNCCYGPC.mjs → chunk-VGNYF6FB.mjs}

@@ -1,6 +1,6 @@
 import {
   LineChart
-} from "./chunk-O5XPWXIQ.mjs";
+} from "./chunk-TCCA2HDG.mjs";
 
 // src/ts/components/heatmapChart.ts
 var HeatmapChart = class extends LineChart {
@@ -19,9 +19,10 @@ var HeatmapChart = class extends LineChart {
   /** Highlights one cell, numbered row by row. Pass -1 to hide the tooltip. */
   show(index) {
     if (!this._tooltip || index === this.activeIndex) return;
+    const cell = this._cells[index];
+    const [left, top, width, plotWidth] = cell ? [cell.offsetLeft, cell.offsetTop, cell.offsetWidth, this._plot.clientWidth] : [];
     this._cells[this.activeIndex]?.classList.remove("active");
     this.activeIndex = index;
-    const cell = this._cells[index];
     this._tooltip.hidden = !cell;
     if (!cell) return;
     cell.classList.add("active");
@@ -35,10 +36,10 @@ var HeatmapChart = class extends LineChart {
     else name.style.setProperty("--level", String(this._levels[index]));
     text.textContent = series.text[row];
     this._tooltip.replaceChildren(title, name, text);
-    const end = cell.offsetLeft + cell.offsetWidth / 2 > this._plot.clientWidth / 2;
+    const end = left + width / 2 > plotWidth / 2;
     this._tooltip.classList.toggle("end", end);
-    this._tooltip.style.left = `${cell.offsetLeft + (end ? 0 : cell.offsetWidth)}px`;
-    this._tooltip.style.top = `${cell.offsetTop}px`;
+    this._tooltip.style.left = `${left + (end ? 0 : width)}px`;
+    this._tooltip.style.top = `${top}px`;
   }
   /** Arrows move the way they point, so left and right swap in RTL. */
   _keyTarget(key) {
@@ -108,10 +109,7 @@ var HeatmapChart = class extends LineChart {
       if (value < low) [low, this._ends[0]] = [value, series.text[row]];
       if (value > high) [high, this._ends[1]] = [value, series.text[row]];
     }));
-    const option = (name) => {
-      const value = parseFloat(this.el.dataset[name] ?? "");
-      return Number.isFinite(value) ? value : this.options[name];
-    };
+    const option = (name) => this._number(name) ?? this.options[name];
     const [min, max] = [option("min") ?? low, option("max") ?? high];
     const shade = (value) => Math.min(1, Math.max(0, (value - min) / (max - min || 1)));
     this._endLevels = [shade(low), shade(high)];
@@ -160,4 +158,4 @@ var HeatmapChart = class extends LineChart {
 export {
   HeatmapChart
 };
-//# sourceMappingURL=chunk-LNCCYGPC.mjs.map
+//# sourceMappingURL=chunk-VGNYF6FB.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/heatmapChart.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { LineChart, LineChartOptions } from './lineChart';\n\nexport type HeatmapChartOptions = LineChartOptions;\n\n/**\n * Heatmap chart. It reads its <table> like LineChart, but draws every cell\n * as a square of the grid, shaded from the lowest value to the highest, with\n * the row headers beside it and the column headers below. A `data-label` on\n * a header cell replaces its text on the grid; an empty one hides it. The\n * tooltip shows one cell, and the arrow keys move round the grid.\n *\n * Re-run `HeatmapChart.init(el)` after changing the table.\n */\nexport class HeatmapChart extends LineChart {\n  // No initializers: LineChart's constructor draws before they would run.\n  /** Every cell, row by row. */\n  private _cells: HTMLElement[];\n  /** Each cell's shade from 0 to 1, or null for a gap. */\n  private _levels: (number | null)[];\n  /** The text of the lowest and highest cells, for the legend. */\n  private _ends: [string, string];\n  /** The shades of the lowest and highest cells, where the legend's gradient runs. */\n  private _endLevels: [number, number];\n\n  protected get _type() {\n    return 'heatmap-chart';\n  }\n\n  protected get _key() {\n    return 'Expressive_HeatmapChart';\n  }\n\n  static init(el: HTMLElement, options?: Partial<HeatmapChartOptions>): HeatmapChart;\n  static init(els: InitElements<InitElement>, options?: Partial<HeatmapChartOptions>): HeatmapChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<HeatmapChartOptions> = {}\n  ): HeatmapChart | HeatmapChart[] {\n    return super.init(els as HTMLElement, options) as HeatmapChart | HeatmapChart[];\n  }\n\n  static getInstance(el: HTMLElement): HeatmapChart {\n    return el['Expressive_HeatmapChart'];\n  }\n\n  /** Highlights one cell, numbered row by row. Pass -1 to hide the tooltip. */\n  show(index: number) {\n    if (!this._tooltip || index === this.activeIndex) return;\n    const cell = this._cells[index];\n    // Measure before the writes below, which would otherwise force a layout.\n    const [left, top, width, plotWidth] = cell\n      ? [cell.offsetLeft, cell.offsetTop, cell.offsetWidth, this._plot.clientWidth]\n      : [];\n    this._cells[this.activeIndex]?.classList.remove('active');\n    this.activeIndex = index;\n    this._tooltip.hidden = !cell;\n    if (!cell) return;\n    cell.classList.add('active');\n\n    const columns = this.series.length;\n    const [row, series] = [Math.floor(index / columns), this.series[index % columns]];\n    const title = document.createElement('strong');\n    title.textContent = this.labels[row];\n    const [name, text] = [document.createElement('span'), document.createElement('span')];\n    name.textContent = series.name;\n    // A gap's swatch is outlined like its cell.\n    if (this._levels[index] === null) name.className = 'gap';\n    else name.style.setProperty('--level', String(this._levels[index]));\n    text.textContent = series.text[row];\n    this._tooltip.replaceChildren(title, name, text);\n\n    // Beside the cell, on the side with more room.\n    const end = left + width / 2 > plotWidth / 2;\n    this._tooltip.classList.toggle('end', end);\n    this._tooltip.style.left = `${left + (end ? 0 : width)}px`;\n    this._tooltip.style.top = `${top}px`;\n  }\n\n  /** Arrows move the way they point, so left and right swap in RTL. */\n  protected _keyTarget(key: string): number | undefined {\n    // With nothing shown, Escape is left to a dialog or sheet around the chart.\n    if (key === 'Escape') return this.activeIndex < 0 ? undefined : -1;\n    const [columns, last] = [this.series.length, this.labels.length - 1];\n    const index = Math.max(0, this.activeIndex);\n    const [row, column] = [Math.floor(index / columns), index % columns];\n    const [next, back] = this._reversed ? ['ArrowLeft', 'ArrowRight'] : ['ArrowRight', 'ArrowLeft'];\n    const to = {\n      [next]: [row, column + 1],\n      [back]: [row, column - 1],\n      ArrowDown: [row + 1, column],\n      ArrowUp: [row - 1, column],\n      Home: [row, 0],\n      End: [row, columns - 1]\n    }[key];\n    if (!to) return undefined;\n    // The first key after focus or Escape shows the first cell.\n    if (this.activeIndex < 0) return 0;\n    const clamp = (value: number, max: number) => Math.min(max, Math.max(0, value));\n    return clamp(to[0], last) * columns + clamp(to[1], columns - 1);\n  }\n\n  /**\n   * The cell under the pointer by its position, or -1 off the grid. A touch\n   * keeps its first target while it drags, so the target cannot be used. The\n   * cells and gaps are even, so each band's edge falls in a gap and a gap\n   * counts as the nearer cell.\n   */\n  protected _indexAt(e: PointerEvent) {\n    const [columns, rows] = [this.series.length, this.labels.length];\n    const first = this._cells[0].getBoundingClientRect();\n    const last = this._cells[this._cells.length - 1].getBoundingClientRect();\n    const [left, right] = [Math.min(first.left, last.left), Math.max(first.right, last.right)];\n    const [x, y] = [e.clientX, e.clientY];\n    if (x < left || x > right || y < first.top || y > last.bottom) return -1;\n    const band = (offset: number, size: number, count: number) =>\n      Math.min(count - 1, Math.floor((offset / (size || 1)) * count));\n    const column = band(x - left, right - left, columns);\n    return band(y - first.top, last.bottom - first.top, rows) * columns + (this._reversed ? columns - 1 - column : column);\n  }\n\n  /**\n   * The legend: a gradient from the lowest cell's shade to the highest's,\n   * labelled with their text. A fixed scale wider than the data shows only\n   * the part the data uses.\n   */\n  protected _guides(): Element[] {\n    const legend = document.createElement('div');\n    legend.className = 'heatmap-chart-legend';\n    legend.setAttribute('aria-hidden', 'true');\n    const [low, scale, high] = ['span', 'span', 'span'].map((tag) => document.createElement(tag));\n    [low.textContent, high.textContent] = this._ends;\n    scale.className = 'heatmap-chart-scale';\n    if (this._reversed) scale.style.setProperty('--heatmap-chart-to', 'left');\n    scale.style.setProperty('--low', String(this._endLevels[0]));\n    scale.style.setProperty('--high', String(this._endLevels[1]));\n    legend.append(low, scale, high);\n    return [legend];\n  }\n\n  /**\n   * A grid of the row headers and cells, row by row, with the column headers\n   * below. Each cell's --level shades it in CSS.\n   */\n  protected _draw(): Element {\n    const columns = this.series.length;\n    let [low, high] = [Infinity, -Infinity];\n    this._ends = ['', ''];\n    this.series.forEach((series) => series.values.forEach((value, row) => {\n      if (value === null) return;\n      if (value < low) [low, this._ends[0]] = [value, series.text[row]];\n      if (value > high) [high, this._ends[1]] = [value, series.text[row]];\n    }));\n    const option = (name: 'min' | 'max') => this._number(name) ?? this.options[name];\n    const [min, max] = [option('min') ?? low, option('max') ?? high];\n    const shade = (value: number) => Math.min(1, Math.max(0, (value - min) / (max - min || 1)));\n    this._endLevels = [shade(low), shade(high)];\n\n    const grid = document.createElement('div');\n    grid.className = 'heatmap-chart-grid';\n    grid.setAttribute('aria-hidden', 'true');\n    grid.style.setProperty('--columns', String(columns));\n    grid.style.setProperty('--rows', String(this.labels.length));\n    const span = (className: string, text = '') => {\n      const element = document.createElement('span');\n      element.className = className;\n      element.textContent = text;\n      return element;\n    };\n    const label = (cell: HTMLTableCellElement | undefined) =>\n      cell?.dataset.label ?? cell?.textContent.trim() ?? '';\n    const values = this.el.classList.contains('values');\n\n    this._cells = [];\n    this._levels = [];\n    this.labels.forEach((_, row) => {\n      grid.append(span('heatmap-chart-row', label(this._rows[row].cells[0])));\n      this.series.forEach((series) => {\n        const value = series.values[row];\n        const level = value === null ? null : shade(value);\n        const cell = span('heatmap-chart-cell', values ? series.text[row] : '');\n        if (level === null) cell.classList.add('gap');\n        else cell.style.setProperty('--level', String(level));\n        this._cells.push(cell);\n        this._levels.push(level);\n        grid.append(cell);\n      });\n    });\n\n    // A column label runs on over the empty labels after it.\n    const labels = this._header.slice(1, columns + 1).map(label);\n    labels.forEach((text, column) => {\n      if (!text) return;\n      let end = column + 1;\n      while (end < columns && !labels[end]) end++;\n      const element = span('heatmap-chart-column', text);\n      element.classList.toggle('run', end > column + 1);\n      element.style.gridArea = `${this.labels.length + 1} / ${column + 2} / auto / ${end + 2}`;\n      grid.append(element);\n    });\n    return grid;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-UAEAQBRC.mjs → chunk-VGPGBNGL.mjs}

@@ -1,6 +1,6 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 
 // src/ts/behaviors/dialogs.ts
 var _Dialogs = class _Dialogs {
@@ -12,16 +12,8 @@ var _Dialogs = class _Dialogs {
     });
   }
   static _onPointerDown(event) {
-    if (!_Dialogs._isPrimaryPress(event)) {
-      _Dialogs._down = null;
-      return;
-    }
-    const dialog = _Dialogs._backdropDialog(event);
-    if (!dialog || !_Dialogs._lightDismissible(dialog) || !_Dialogs._outside(event, dialog)) {
-      _Dialogs._down = null;
-      return;
-    }
-    _Dialogs._down = { dialog, pointerId: event.pointerId };
+    const dialog = _Dialogs._isPrimaryPress(event) ? _Dialogs._backdropDialog(event) : null;
+    _Dialogs._down = dialog && _Dialogs._lightDismissible(dialog) && _Dialogs._outside(event, dialog) ? { dialog, pointerId: event.pointerId } : null;
   }
   static _onPointerUp(event) {
     const started = _Dialogs._down;
@@ -73,4 +65,4 @@ var Dialogs = _Dialogs;
 export {
   Dialogs
 };
-//# sourceMappingURL=chunk-UAEAQBRC.mjs.map
+//# sourceMappingURL=chunk-VGPGBNGL.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/dialogs.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\ntype ClosedBy = 'any' | 'closerequest' | 'none';\n\n/**\n * Light-dismiss for native `<dialog>` elements.\n *\n * `showModal()` does not close on a backdrop tap. A naive `click` listener\n * on the dialog (where `::backdrop` events retarget) also fires when the\n * user starts a gesture on the dialog and releases on the scrim \u2014 selecting\n * text, missing a button, dragging a thumb. Both ends of the pointer\n * gesture must land outside the dialog's border box.\n *\n * Default is on. Opt out with `closedby=\"none\"` or `closedby=\"closerequest\"`.\n * If the browser already honours `closedby=\"any\"`, we leave that alone.\n */\nexport class Dialogs {\n  private static _down: { dialog: HTMLDialogElement; pointerId: number } | null = null;\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      document.addEventListener('pointerdown', Dialogs._onPointerDown, { passive: true });\n      document.addEventListener('pointerup', Dialogs._onPointerUp, { passive: true });\n      document.addEventListener('pointercancel', Dialogs._onPointerCancel, { passive: true });\n    });\n  }\n\n  static _onPointerDown(event: PointerEvent) {\n    const dialog = Dialogs._isPrimaryPress(event) ? Dialogs._backdropDialog(event) : null;\n    Dialogs._down =\n      dialog && Dialogs._lightDismissible(dialog) && Dialogs._outside(event, dialog)\n        ? { dialog, pointerId: event.pointerId }\n        : null;\n  }\n\n  static _onPointerUp(event: PointerEvent) {\n    const started = Dialogs._down;\n    Dialogs._down = null;\n    if (!started || started.pointerId !== event.pointerId) return;\n    if (!event.isPrimary) return;\n    if (!started.dialog.isConnected || !started.dialog.open) return;\n    if (!Dialogs._lightDismissible(started.dialog)) return;\n    if (Dialogs._backdropDialog(event) !== started.dialog) return;\n    if (Dialogs._outside(event, started.dialog)) {\n      started.dialog.close();\n    }\n  }\n\n  static _onPointerCancel() {\n    Dialogs._down = null;\n  }\n\n  /** Backdrop hits retarget to the dialog itself, never a child. */\n  private static _backdropDialog(event: Event): HTMLDialogElement | null {\n    const target = event.target;\n    if (!(target instanceof HTMLDialogElement) || !target.open) return null;\n    return target;\n  }\n\n  private static _outside(event: PointerEvent, dialog: HTMLDialogElement): boolean {\n    const rect = dialog.getBoundingClientRect();\n    return (\n      event.clientX < rect.left ||\n      event.clientX > rect.right ||\n      event.clientY < rect.top ||\n      event.clientY > rect.bottom\n    );\n  }\n\n  private static _isPrimaryPress(event: PointerEvent): boolean {\n    if (!event.isPrimary) return false;\n    return event.pointerType !== 'mouse' || event.button === 0;\n  }\n\n  private static _lightDismissible(dialog: HTMLDialogElement): boolean {\n    const value = Dialogs._closedBy(dialog);\n    if (value === 'none' || value === 'closerequest') return false;\n    // Native closedby=\"any\" already light-dismisses with the same\n    // \"both ends outside\" rule. Don't race it.\n    if (value === 'any' && 'closedBy' in HTMLDialogElement.prototype) return false;\n    return true;\n  }\n\n  // Read the attribute only. The IDL default for an unset closedby is\n  // \"closerequest\" (Escape, no light dismiss) \u2014 treating that as an\n  // author opt-out made every dialog undismissable from the scrim.\n  private static _closedBy(dialog: HTMLDialogElement): ClosedBy | null {\n    const attr = dialog.getAttribute('closedby');\n    if (attr === 'any' || attr === 'closerequest' || attr === 'none') return attr;\n    return null;\n  }\n}\n"],
+  "mappings": ";;;;;AAgBO,IAAM,WAAN,MAAM,SAAQ;AAAA,EAGnB,OAAO,OAAO;AACZ,UAAM,gBAAgB,MAAM;AAC1B,eAAS,iBAAiB,eAAe,SAAQ,gBAAgB,EAAE,SAAS,KAAK,CAAC;AAClF,eAAS,iBAAiB,aAAa,SAAQ,cAAc,EAAE,SAAS,KAAK,CAAC;AAC9E,eAAS,iBAAiB,iBAAiB,SAAQ,kBAAkB,EAAE,SAAS,KAAK,CAAC;AAAA,IACxF,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,eAAe,OAAqB;AACzC,UAAM,SAAS,SAAQ,gBAAgB,KAAK,IAAI,SAAQ,gBAAgB,KAAK,IAAI;AACjF,aAAQ,QACN,UAAU,SAAQ,kBAAkB,MAAM,KAAK,SAAQ,SAAS,OAAO,MAAM,IACzE,EAAE,QAAQ,WAAW,MAAM,UAAU,IACrC;AAAA,EACR;AAAA,EAEA,OAAO,aAAa,OAAqB;AACvC,UAAM,UAAU,SAAQ;AACxB,aAAQ,QAAQ;AAChB,QAAI,CAAC,WAAW,QAAQ,cAAc,MAAM,UAAW;AACvD,QAAI,CAAC,MAAM,UAAW;AACtB,QAAI,CAAC,QAAQ,OAAO,eAAe,CAAC,QAAQ,OAAO,KAAM;AACzD,QAAI,CAAC,SAAQ,kBAAkB,QAAQ,MAAM,EAAG;AAChD,QAAI,SAAQ,gBAAgB,KAAK,MAAM,QAAQ,OAAQ;AACvD,QAAI,SAAQ,SAAS,OAAO,QAAQ,MAAM,GAAG;AAC3C,cAAQ,OAAO,MAAM;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,OAAO,mBAAmB;AACxB,aAAQ,QAAQ;AAAA,EAClB;AAAA;AAAA,EAGA,OAAe,gBAAgB,OAAwC;AACrE,UAAM,SAAS,MAAM;AACrB,QAAI,EAAE,kBAAkB,sBAAsB,CAAC,OAAO,KAAM,QAAO;AACnE,WAAO;AAAA,EACT;AAAA,EAEA,OAAe,SAAS,OAAqB,QAAoC;AAC/E,UAAM,OAAO,OAAO,sBAAsB;AAC1C,WACE,MAAM,UAAU,KAAK,QACrB,MAAM,UAAU,KAAK,SACrB,MAAM,UAAU,KAAK,OACrB,MAAM,UAAU,KAAK;AAAA,EAEzB;AAAA,EAEA,OAAe,gBAAgB,OAA8B;AAC3D,QAAI,CAAC,MAAM,UAAW,QAAO;AAC7B,WAAO,MAAM,gBAAgB,WAAW,MAAM,WAAW;AAAA,EAC3D;AAAA,EAEA,OAAe,kBAAkB,QAAoC;AACnE,UAAM,QAAQ,SAAQ,UAAU,MAAM;AACtC,QAAI,UAAU,UAAU,UAAU,eAAgB,QAAO;AAGzD,QAAI,UAAU,SAAS,cAAc,kBAAkB,UAAW,QAAO;AACzE,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,OAAe,UAAU,QAA4C;AACnE,UAAM,OAAO,OAAO,aAAa,UAAU;AAC3C,QAAI,SAAS,SAAS,SAAS,kBAAkB,SAAS,OAAQ,QAAO;AACzE,WAAO;AAAA,EACT;AACF;AA3Ea,SACI,QAAiE;AAD3E,IAAM,UAAN;",
+  "names": []
+}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-VKAUVTQY.mjs.map

package/dist/js/chunks/{chunk-HKT2S7VM.mjs → chunk-VM4FTS7L.mjs}

@@ -1,9 +1,9 @@
 import {
   ColumnChart
-} from "./chunk-SPETGK25.mjs";
+} from "./chunk-45FER6RI.mjs";
 import {
   LineChart
-} from "./chunk-O5XPWXIQ.mjs";
+} from "./chunk-TCCA2HDG.mjs";
 
 // src/ts/components/mixedChart.ts
 var has = (series, name) => series.className.split(/\s+/).includes(name);
@@ -45,4 +45,4 @@ var MixedChart = class extends ColumnChart {
 export {
   MixedChart
 };
-//# sourceMappingURL=chunk-HKT2S7VM.mjs.map
+//# sourceMappingURL=chunk-VM4FTS7L.mjs.map