@expressivecss/expressive 0.14.1 → 0.16.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/expandingCard.ts"],
+  "sourcesContent": ["import { Utils, restoreAttribute } from \"../core/utils\";\nimport { Component, BaseOptions } from \"../core/component\";\n\nexport interface ExpandingCardOptions extends BaseOptions {\n  onOpen: (el: Element) => void;\n  onClose: (el: Element) => void;\n}\n\nconst _defaults: ExpandingCardOptions = {\n  onOpen: null,\n  onClose: null,\n};\n\nexport const EXPANDING_CARD_SELECTOR =\n  \"article.expanding-card:has(> dialog.expanding-card-dialog)\";\n\n/**\n * Morphs a compact card into a full-screen modal detail surface.\n */\nexport class ExpandingCard extends Component<ExpandingCardOptions> {\n  isOpen: boolean = false;\n  private readonly trigger: HTMLElement | null;\n  private readonly dialog: HTMLDialogElement | null;\n  private readonly closeButton: HTMLElement | null;\n  private closeGeneration = 0;\n  // Trigger attributes as they were before init, so destroy() can restore them.\n  private _initialTrigger: Record<string, string | null> = {};\n\n  constructor(el: HTMLElement, options: Partial<ExpandingCardOptions>) {\n    super(el, options);\n\n    this.dialog = this.el.querySelector(\n      \":scope > dialog.expanding-card-dialog\",\n    );\n    this.trigger = this.el.querySelector(\n      \":scope > .expanding-card-trigger, :scope > figure > .expanding-card-trigger\",\n    );\n    this.closeButton =\n      this.dialog?.querySelector(\".expanding-card-close\") ?? null;\n\n    if (this.trigger && this.dialog) {\n      for (const name of [\"aria-expanded\", \"aria-controls\", \"tabindex\", \"role\"])\n        this._initialTrigger[name] = this.trigger.getAttribute(name);\n      this.trigger.ariaExpanded = \"false\";\n      if (this.dialog.id)\n        this.trigger.setAttribute(\"aria-controls\", this.dialog.id);\n      if (!this.trigger.matches(\"a[href], button, input, select, textarea\")) {\n        this.trigger.tabIndex = 0;\n        this.trigger.setAttribute(\"role\", \"button\");\n      }\n      this._setupEventHandlers();\n    }\n  }\n\n  static get defaults(): ExpandingCardOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_ExpandingCard';\n\n  destroy() {\n    this._events.abort();\n    this._collapse();\n    if (this.dialog?.open) this.dialog.close();\n    for (const [name, value] of Object.entries(this._initialTrigger)) restoreAttribute(this.trigger, name, value);\n    super.destroy();\n  }\n\n  private _setupEventHandlers = () => {\n    const { signal } = this._events;\n    this.trigger?.addEventListener(\"click\", this.open, { signal });\n    this.trigger?.addEventListener(\"keypress\", this._handleTriggerKeypress, { signal });\n    this.closeButton?.addEventListener(\"click\", this.close, { signal });\n    this.dialog?.addEventListener(\"cancel\", this._handleCancel, { signal });\n    this.dialog?.addEventListener(\"close\", this._handleNativeClose, { signal });\n  };\n\n  private _handleTriggerKeypress = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === \" \") {\n      event.preventDefault();\n      this.open();\n    }\n  };\n\n  private _handleCancel = (event: Event) => {\n    event.preventDefault();\n    this.close();\n  };\n\n  private _handleNativeClose = () => {\n    // A queued close event can arrive after a caller has reopened the dialog.\n    if (this.dialog.open) return;\n    // dialog.close() and <form method=\"dialog\"> bypass close(), so report here.\n    const wasOpen = this.isOpen;\n    this._collapse();\n    if (wasOpen) this._notify('close', this.options.onClose, { current: () => !this.isOpen });\n  };\n\n  /** Marks the card closed and invalidates any pending close. */\n  private _collapse() {\n    this.closeGeneration++;\n    this.isOpen = false;\n    if (this.trigger) this.trigger.ariaExpanded = \"false\";\n    this.dialog?.classList.remove(\"expanded\");\n  }\n\n  private _setTransitionOrigin = () => {\n    if (!this.dialog) return;\n    const card = this.el.getBoundingClientRect();\n    const media = this.el.querySelector<HTMLElement>(\n      \":scope > figure, :scope > img\",\n    );\n    const mediaRect = media?.getBoundingClientRect();\n    const set = (side: string, px: number) =>\n      this.dialog.style.setProperty(\n        `--md-comp-expanding-card-from-${side}`,\n        `${Math.max(0, px)}px`,\n      );\n\n    set(\"top\", card.top);\n    set(\"right\", window.innerWidth - card.right);\n    set(\"bottom\", window.innerHeight - card.bottom);\n    set(\"left\", card.left);\n    set(\"media-height\", mediaRect?.height ?? 0);\n  };\n\n  open: () => void = () => {\n    if (this.isOpen || !this.dialog || !this.trigger) return;\n    this.closeGeneration++;\n\n    this._setTransitionOrigin();\n    this.isOpen = true;\n    this.trigger.ariaExpanded = \"true\";\n    this.dialog.showModal();\n    // Commit the clipped start frame before asking CSS to expand it.\n    void this.dialog.offsetWidth;\n    this.dialog.classList.add(\"expanded\");\n    this.closeButton?.focus();\n\n    this._notify('open', this.options.onOpen, { current: () => this.isOpen });\n  };\n\n  close: () => void = () => {\n    if (!this.isOpen || !this.dialog || !this.trigger) return;\n    this._setTransitionOrigin();\n    this._collapse();\n    const generation = this.closeGeneration;\n\n    this._notify('close', this.options.onClose, { current: () => !this.isOpen });\n\n    const finish = () => {\n      if (generation !== this.closeGeneration || this.isOpen || !this.dialog.open) return;\n      this.dialog.close();\n      if (this.dialog.isConnected && this.trigger.isConnected) this.trigger.focus();\n    };\n    const reducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\",\n    ).matches;\n    // Wait only for the container's actual clip transition, not arbitrary\n    // animations in consumer content. Cancellation also completes cleanup.\n    const transitions = reducedMotion ? [] : (this.dialog.getAnimations?.() ?? [])\n      .filter((animation) => (animation as CSSTransition).transitionProperty === \"clip-path\");\n    if (transitions.length === 0) finish();\n    else void Promise.allSettled(transitions.map((animation) => animation.finished)).then(finish);\n  };\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      document.querySelectorAll(EXPANDING_CARD_SELECTOR).forEach((el) => {\n        if (el[\"Expressive_ExpandingCard\"] == undefined) {\n          this.init(el as HTMLElement);\n        }\n      });\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,63 @@
+import {
+  DockedDisplayPlugin
+} from "./chunk-ZKWUWBUB.mjs";
+
+// src/ts/plugins/modalDisplayPlugin.ts
+var ModalDisplayPlugin = class {
+  constructor(el, container, onDismiss) {
+    /** Whether the picker, not the user, is closing the dialog. */
+    this._settled = false;
+    this._opener = null;
+    /** The picker fills the dialog, so a press on the dialog itself is on the scrim. */
+    this._handleClick = (e) => {
+      if (e.target === this.dialog) this.dialog.close();
+    };
+    this._handleClose = () => {
+      const dismissed = !this._settled;
+      this._settled = false;
+      this._opener?.focus({ preventScroll: true });
+      if (dismissed) this.onDismiss();
+    };
+    this.destroy = () => {
+      this.dialog.removeEventListener("click", this._handleClick);
+      this.dialog.removeEventListener("close", this._handleClose);
+      this.dialog.remove();
+    };
+    this.show = () => {
+      if (this.dialog.open) return;
+      const root = this.dialog.getRootNode();
+      this._opener = root.activeElement;
+      this.dialog.showModal();
+    };
+    this.hide = () => {
+      if (!this.dialog.open) return;
+      this._settled = true;
+      this.dialog.close();
+    };
+    this.triggers = [el];
+    this.onDismiss = onDismiss;
+    this.dialog = document.createElement("dialog");
+    this.dialog.className = "display-modal";
+    const label = el.labels?.[0]?.textContent.trim() || el.getAttribute("aria-label");
+    if (label) this.dialog.setAttribute("aria-label", label);
+    this.dialog.append(container);
+    el.parentElement.append(this.dialog);
+    this.dialog.addEventListener("click", this._handleClick);
+    this.dialog.addEventListener("close", this._handleClose);
+  }
+};
+function createDisplayPlugin(type, el, container, options, onDismiss) {
+  if (type === "modal") return new ModalDisplayPlugin(el, container, onDismiss);
+  if (type === "docked") return new DockedDisplayPlugin(el, container, options);
+  return void 0;
+}
+function hideModal(plugin) {
+  if (plugin instanceof ModalDisplayPlugin) plugin.hide();
+}
+
+export {
+  ModalDisplayPlugin,
+  createDisplayPlugin,
+  hideModal
+};
+//# sourceMappingURL=chunk-OUCHKSAW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/plugins/modalDisplayPlugin.ts"],
+  "sourcesContent": ["import { DockedDisplayPlugin, DockedDisplayPluginOptions } from './dockedDisplayPlugin';\n\n/**\n * Shows a picker in a modal <dialog>, which the dialog styles draw as a\n * basic dialog over a scrim. The browser keeps focus inside it. Escape or a\n * press on the scrim closes it, and the picker hears that as Cancel; the\n * picker closes it itself through hide() on Ok or Cancel. Focus goes back\n * to the field that opened it.\n */\nexport class ModalDisplayPlugin {\n  /** The fields that open the dialog, as DockedDisplayPlugin keeps them. */\n  readonly triggers: HTMLElement[];\n  private readonly dialog: HTMLDialogElement;\n  private readonly onDismiss: () => void;\n  /** Whether the picker, not the user, is closing the dialog. */\n  private _settled = false;\n  private _opener: HTMLElement | null = null;\n\n  constructor(el: HTMLElement, container: HTMLElement, onDismiss: () => void) {\n    this.triggers = [el];\n    this.onDismiss = onDismiss;\n    this.dialog = document.createElement('dialog');\n    this.dialog.className = 'display-modal';\n    const label = (el as HTMLInputElement).labels?.[0]?.textContent.trim() || el.getAttribute('aria-label');\n    if (label) this.dialog.setAttribute('aria-label', label);\n    this.dialog.append(container);\n    el.parentElement.append(this.dialog);\n    this.dialog.addEventListener('click', this._handleClick);\n    this.dialog.addEventListener('close', this._handleClose);\n  }\n\n  /** The picker fills the dialog, so a press on the dialog itself is on the scrim. */\n  private _handleClick = (e: MouseEvent) => {\n    if (e.target === this.dialog) this.dialog.close();\n  };\n\n  private _handleClose = () => {\n    const dismissed = !this._settled;\n    this._settled = false;\n    this._opener?.focus({ preventScroll: true });\n    if (dismissed) this.onDismiss();\n  };\n\n  destroy = () => {\n    this.dialog.removeEventListener('click', this._handleClick);\n    this.dialog.removeEventListener('close', this._handleClose);\n    this.dialog.remove();\n  };\n\n  show = () => {\n    if (this.dialog.open) return;\n    const root = this.dialog.getRootNode() as Document | ShadowRoot;\n    this._opener = root.activeElement as HTMLElement | null;\n    this.dialog.showModal();\n  };\n\n  hide = () => {\n    if (!this.dialog.open) return;\n    this._settled = true;\n    this.dialog.close();\n  };\n}\n\nexport type DisplayPlugin = DockedDisplayPlugin | ModalDisplayPlugin;\n\n/**\n * The display plugin a picker's `displayPlugin` option names: 'docked',\n * 'modal', or none for an inline picker. `onDismiss` is the picker's Cancel.\n */\nexport function createDisplayPlugin(\n  type: string | null,\n  el: HTMLElement,\n  container: HTMLElement,\n  options: Partial<DockedDisplayPluginOptions>,\n  onDismiss: () => void\n): DisplayPlugin | undefined {\n  if (type === 'modal') return new ModalDisplayPlugin(el, container, onDismiss);\n  if (type === 'docked') return new DockedDisplayPlugin(el, container, options);\n  return undefined;\n}\n\n/** Ok and Cancel close a modal picker; a docked one stays until a click outside. */\nexport function hideModal(plugin: DisplayPlugin | undefined) {\n  if (plugin instanceof ModalDisplayPlugin) plugin.hide();\n}\n"],
+  "mappings": ";;;;;AASO,IAAM,qBAAN,MAAyB;AAAA,EAS9B,YAAY,IAAiB,WAAwB,WAAuB;AAH5E;AAAA,SAAQ,WAAW;AACnB,SAAQ,UAA8B;AAgBtC;AAAA,SAAQ,eAAe,CAAC,MAAkB;AACxC,UAAI,EAAE,WAAW,KAAK,OAAQ,MAAK,OAAO,MAAM;AAAA,IAClD;AAEA,SAAQ,eAAe,MAAM;AAC3B,YAAM,YAAY,CAAC,KAAK;AACxB,WAAK,WAAW;AAChB,WAAK,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC;AAC3C,UAAI,UAAW,MAAK,UAAU;AAAA,IAChC;AAEA,mBAAU,MAAM;AACd,WAAK,OAAO,oBAAoB,SAAS,KAAK,YAAY;AAC1D,WAAK,OAAO,oBAAoB,SAAS,KAAK,YAAY;AAC1D,WAAK,OAAO,OAAO;AAAA,IACrB;AAEA,gBAAO,MAAM;AACX,UAAI,KAAK,OAAO,KAAM;AACtB,YAAM,OAAO,KAAK,OAAO,YAAY;AACrC,WAAK,UAAU,KAAK;AACpB,WAAK,OAAO,UAAU;AAAA,IACxB;AAEA,gBAAO,MAAM;AACX,UAAI,CAAC,KAAK,OAAO,KAAM;AACvB,WAAK,WAAW;AAChB,WAAK,OAAO,MAAM;AAAA,IACpB;AAzCE,SAAK,WAAW,CAAC,EAAE;AACnB,SAAK,YAAY;AACjB,SAAK,SAAS,SAAS,cAAc,QAAQ;AAC7C,SAAK,OAAO,YAAY;AACxB,UAAM,QAAS,GAAwB,SAAS,CAAC,GAAG,YAAY,KAAK,KAAK,GAAG,aAAa,YAAY;AACtG,QAAI,MAAO,MAAK,OAAO,aAAa,cAAc,KAAK;AACvD,SAAK,OAAO,OAAO,SAAS;AAC5B,OAAG,cAAc,OAAO,KAAK,MAAM;AACnC,SAAK,OAAO,iBAAiB,SAAS,KAAK,YAAY;AACvD,SAAK,OAAO,iBAAiB,SAAS,KAAK,YAAY;AAAA,EACzD;AAgCF;AAQO,SAAS,oBACd,MACA,IACA,WACA,SACA,WAC2B;AAC3B,MAAI,SAAS,QAAS,QAAO,IAAI,mBAAmB,IAAI,WAAW,SAAS;AAC5E,MAAI,SAAS,SAAU,QAAO,IAAI,oBAAoB,IAAI,WAAW,OAAO;AAC5E,SAAO;AACT;AAGO,SAAS,UAAU,QAAmC;AAC3D,MAAI,kBAAkB,mBAAoB,QAAO,KAAK;AACxD;",
+  "names": []
+}

package/dist/js/chunks/{chunk-PM655FXL.mjs → chunk-OYNUDOHR.mjs}

@@ -1,9 +1,10 @@
-import {
-  Utils
-} from "./chunk-MNPROCZF.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils,
+  restoreAttribute
+} from "./chunk-ZVLOUDIJ.mjs";
 
 // src/ts/components/cards.ts
 var _defaults = {
@@ -17,7 +18,7 @@ function hasAccessibleName(trigger) {
   if (label?.trim()) return true;
   const labelledBy = trigger.getAttribute("aria-labelledby");
   if (labelledBy) {
-    const referencedText = labelledBy.trim().split(/\s+/).map((id) => trigger.ownerDocument.getElementById(id)?.textContent ?? "").join(" ").trim();
+    const referencedText = labelledBy.trim().split(/\s+/).map((id) => Utils.getElementById(trigger, id)?.textContent ?? "").join(" ").trim();
     if (referencedText) return true;
   }
   const content = trigger.cloneNode(true);
@@ -35,24 +36,17 @@ function isCardReveal(el) {
     el.querySelectorAll('button.card-reveal-trigger[type="button"]')
   ).some((trigger) => isUsableCardTrigger(trigger, el, panels[0]));
 }
-var Cards = class _Cards extends Component {
+var Cards = class extends Component {
   constructor(el, options = {}) {
-    super(el, options, _Cards);
+    super(el, options);
     this.isOpen = false;
     this._ownsRevealInitializedClass = false;
     this._initialAriaControls = /* @__PURE__ */ new Map();
     this._lastActivator = null;
     this._setupEventHandlers = () => {
-      this._activators.forEach((activator) => {
-        activator.addEventListener("click", this._handleClickInteraction);
-      });
-      this.el.addEventListener("keydown", this._handleKeydownEvent);
-    };
-    this._removeEventHandlers = () => {
-      this._activators.forEach((activator) => {
-        activator.removeEventListener("click", this._handleClickInteraction);
-      });
-      this.el.removeEventListener("keydown", this._handleKeydownEvent);
+      const { signal } = this._events;
+      this._activators.forEach((activator) => activator.addEventListener("click", this._handleClickInteraction, { signal }));
+      this.el.addEventListener("keydown", this._handleKeydownEvent, { signal });
     };
     this._handleClickInteraction = (event) => {
       this._lastActivator = event.currentTarget;
@@ -77,32 +71,24 @@ var Cards = class _Cards extends Component {
       this.cardReveal.classList.add("open");
       this.cardReveal.inert = false;
       this._activators.forEach((activator) => activator.ariaExpanded = "true");
-      if (typeof this.options.onOpen === "function") {
-        this.options.onOpen.call(this, this.el);
-      }
+      this._notify("open", this.options.onOpen, { current: () => this.isOpen });
     };
     /**
      * Hide card reveal.
      */
     this.close = () => {
       if (!this.isOpen || !this.cardReveal) return;
-      const focusWasInside = this.cardReveal.contains(document.activeElement);
+      const focused = this.el.getRootNode().activeElement;
+      const focusWasInside = this.cardReveal.contains(focused);
       this.isOpen = false;
       this.cardReveal.classList.remove("open");
       this.cardReveal.inert = true;
       this._activators.forEach((activator) => activator.ariaExpanded = "false");
-      if (typeof this.options.onClose === "function") {
-        this.options.onClose.call(this, this.el);
-      }
+      this._notify("close", this.options.onClose, { current: () => !this.isOpen });
       if (focusWasInside) {
         (this._lastActivator ?? this._activators[0])?.focus();
       }
     };
-    this.el["Expressive_Cards"] = this;
-    this.options = {
-      ..._Cards.defaults,
-      ...options
-    };
     const cardReveals = this.el.querySelectorAll(":scope > aside");
     const cardReveal = cardReveals.length === 1 ? cardReveals[0] : null;
     const activators = cardReveal ? Array.from(
@@ -130,22 +116,10 @@ var Cards = class _Cards extends Component {
   static get defaults() {
     return _defaults;
   }
-  /**
-   * Initializes instances of Cards.
-   * @param els HTML elements.
-   * @param options Component options.
-   */
-  static init(els, options) {
-    return super.init(els, options, _Cards);
-  }
-  static getInstance(el) {
-    return el["Expressive_Cards"];
-  }
   /**
    * {@inheritDoc}
    */
   destroy() {
-    this._removeEventHandlers();
     if (this.cardReveal) {
       this.cardReveal.classList.remove("open");
       this.cardReveal.inert = false;
@@ -154,30 +128,28 @@ var Cards = class _Cards extends Component {
     this._activators.forEach((activator) => {
       activator.removeAttribute("aria-expanded");
       const initialAriaControls = this._initialAriaControls.get(activator);
-      if (initialAriaControls === null) activator.removeAttribute("aria-controls");
-      else if (initialAriaControls !== void 0) {
-        activator.setAttribute("aria-controls", initialAriaControls);
-      }
+      if (initialAriaControls !== void 0) restoreAttribute(activator, "aria-controls", initialAriaControls);
     });
     this.isOpen = false;
     this._activators = [];
     this._initialAriaControls.clear();
     this._lastActivator = null;
-    this.el["Expressive_Cards"] = void 0;
+    super.destroy();
   }
   static Init() {
     Utils.onDocumentReady(() => {
       const cards = Array.from(document.querySelectorAll(CARDS_SELECTOR)).filter(isCardReveal);
       cards.forEach((el) => {
-        if (el && el["Expressive_Cards"] == void 0) this.init(el);
+        if (el["Expressive_Cards"] == void 0) this.init(el);
       });
     });
   }
 };
+Cards.key = "Expressive_Cards";
 
 export {
   CARDS_SELECTOR,
   isCardReveal,
   Cards
 };
-//# sourceMappingURL=chunk-PM655FXL.mjs.map
+//# sourceMappingURL=chunk-OYNUDOHR.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/cards.ts"],
+  "sourcesContent": ["import { Utils, restoreAttribute } from '../core/utils';\nimport { Component, BaseOptions, } from '../core/component';\n\nexport interface CardsOptions extends BaseOptions {\n  onOpen: (el: Element) => void;\n  onClose: (el: Element) => void;\n}\n\nconst _defaults: CardsOptions = {\n  onOpen: null,\n  onClose: null\n};\n\n/**\n * What counts as a card reveal.\n *\n * Shared with `components/registry.ts` so `Cards.Init()` and `AutoInit()` use\n * the same semantic selector.\n */\nexport const CARDS_SELECTOR =\n  'article:has(> aside[id]:not([id=\"\"])):not(:has(> aside ~ aside)):has(> button.card-reveal-trigger[type=\"button\"], > :not(aside) button.card-reveal-trigger[type=\"button\"])';\n\nconst REVEAL_INITIALIZED_CLASS = 'card-reveal-initialized';\n\nfunction hasAccessibleName(trigger: HTMLButtonElement) {\n  const label = trigger.getAttribute('aria-label');\n  if (label?.trim()) return true;\n\n  const labelledBy = trigger.getAttribute('aria-labelledby');\n  if (labelledBy) {\n    const referencedText = labelledBy\n      .trim()\n      .split(/\\s+/)\n      .map((id) => Utils.getElementById(trigger, id)?.textContent ?? '')\n      .join(' ')\n      .trim();\n    if (referencedText) return true;\n  }\n\n  const content = trigger.cloneNode(true) as HTMLButtonElement;\n  content.querySelectorAll('[aria-hidden=\"true\"]').forEach((node) => node.remove());\n  return Boolean(content.textContent?.trim());\n}\n\nfunction isUsableCardTrigger(\n  trigger: HTMLButtonElement,\n  card: Element,\n  panel: HTMLElement\n) {\n  return (\n    trigger.closest('article') === card &&\n    !panel.contains(trigger) &&\n    !trigger.disabled &&\n    trigger.getAttribute('aria-disabled') !== 'true' &&\n    hasAccessibleName(trigger)\n  );\n}\n\nexport function isCardReveal(el: Element): el is HTMLElement {\n  if (el.tagName !== 'ARTICLE') return false;\n  const panels = el.querySelectorAll<HTMLElement>(':scope > aside');\n  if (panels.length !== 1 || !panels[0].id) return false;\n\n  return Array.from(\n    el.querySelectorAll<HTMLButtonElement>('button.card-reveal-trigger[type=\"button\"]')\n  ).some((trigger) => isUsableCardTrigger(trigger, el, panels[0]));\n}\n\nexport class Cards extends Component<CardsOptions> {\n  isOpen: boolean = false;\n  private readonly cardReveal: HTMLElement | null;\n  private _activators: HTMLButtonElement[];\n  private _ownsRevealInitializedClass = false;\n  private _initialAriaControls = new Map<HTMLButtonElement, string | null>();\n  private _lastActivator: HTMLButtonElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<CardsOptions> = {}) {\n    super(el, options);\n\n    const cardReveals = this.el.querySelectorAll<HTMLElement>(':scope > aside');\n    const cardReveal = cardReveals.length === 1 ? cardReveals[0] : null;\n    const activators = cardReveal\n      ? Array.from(\n          this.el.querySelectorAll<HTMLButtonElement>(\n            'button.card-reveal-trigger[type=\"button\"]'\n          )\n        ).filter(\n          (activator) => isUsableCardTrigger(activator, this.el, cardReveal)\n        )\n      : [];\n\n    this.cardReveal = cardReveal?.id && activators.length > 0 ? cardReveal : null;\n    this._activators = this.cardReveal ? activators : [];\n\n    if (this.cardReveal) {\n      this._ownsRevealInitializedClass = !this.el.classList.contains(REVEAL_INITIALIZED_CLASS);\n      this.el.classList.add(REVEAL_INITIALIZED_CLASS);\n      this._activators.forEach((activator) => {\n        this._initialAriaControls.set(activator, activator.getAttribute('aria-controls'));\n        activator.ariaExpanded = 'false';\n        activator.setAttribute('aria-controls', this.cardReveal.id);\n      });\n\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = true;\n      this._setupEventHandlers();\n    }\n  }\n\n  static get defaults(): CardsOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Cards';\n\n  /**\n   * {@inheritDoc}\n   */\n  destroy() {\n    if (this.cardReveal) {\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = false;\n      if (this._ownsRevealInitializedClass) this.el.classList.remove(REVEAL_INITIALIZED_CLASS);\n    }\n    this._activators.forEach((activator) => {\n      activator.removeAttribute('aria-expanded');\n      const initialAriaControls = this._initialAriaControls.get(activator);\n      if (initialAriaControls !== undefined) restoreAttribute(activator, 'aria-controls', initialAriaControls);\n    });\n    this.isOpen = false;\n    this._activators = [];\n    this._initialAriaControls.clear();\n    this._lastActivator = null;\n    super.destroy();\n  }\n\n  _setupEventHandlers = () => {\n    const { signal } = this._events;\n    this._activators.forEach((activator) => activator.addEventListener('click', this._handleClickInteraction, { signal }));\n    this.el.addEventListener('keydown', this._handleKeydownEvent, { signal });\n  };\n\n  _handleClickInteraction = (event: MouseEvent) => {\n    this._lastActivator = event.currentTarget as HTMLButtonElement;\n    this._handleRevealEvent();\n  };\n\n  _handleKeydownEvent = (event: KeyboardEvent) => {\n    const target = event.target instanceof Element ? event.target.closest('article') : null;\n    if (target !== this.el || event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    this.close();\n  };\n\n  _handleRevealEvent = () => {\n    if (this.isOpen) this.close();\n    else this.open();\n  };\n\n  /**\n   * Show card reveal.\n   */\n  open: () => void = () => {\n    if (this.isOpen || !this.cardReveal) return;\n    this.isOpen = true;\n    this.cardReveal.classList.add('open');\n    this.cardReveal.inert = false;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'true'));\n    this._notify('open', this.options.onOpen, { current: () => this.isOpen });\n  };\n\n  /**\n   * Hide card reveal.\n   */\n  close: () => void = () => {\n    if (!this.isOpen || !this.cardReveal) return;\n\n    // In a shadow root document.activeElement is the host, never the reveal.\n    const focused = (this.el.getRootNode() as Document | ShadowRoot).activeElement;\n    const focusWasInside = this.cardReveal.contains(focused);\n    this.isOpen = false;\n    this.cardReveal.classList.remove('open');\n    this.cardReveal.inert = true;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'false'));\n    this._notify('close', this.options.onClose, { current: () => !this.isOpen });\n\n    if (focusWasInside) {\n      (this._lastActivator ?? this._activators[0])?.focus();\n    }\n  };\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      const cards = Array.from(document.querySelectorAll(CARDS_SELECTOR)).filter(isCardReveal);\n      cards.forEach((el) => {\n        if (el['Expressive_Cards'] == undefined) this.init(el);\n      });\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-UEZUJQ66.mjs → chunk-P6DRQ6KS.mjs}

@@ -1,17 +1,23 @@
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils,
+  restoreAttribute
+} from "./chunk-ZVLOUDIJ.mjs";
 
 // src/ts/components/appBar.ts
 var _defaults = {};
-var AppBar = class _AppBar extends Component {
+var OPEN_KEYS = ["Enter", "ArrowDown"];
+var AppBar = class extends Component {
   constructor(el, options) {
-    super(el, options, _AppBar);
+    super(el, options);
     this._observer = null;
     this._sentinel = null;
     this._input = null;
     this._view = null;
-    this._searchOpen = false;
+    // The docked view's state before the first open, for destroy() to restore.
+    this._restore = null;
     this._onIntersect = (entries) => {
       const entry = entries[0];
       if (!entry) return;
@@ -20,49 +26,49 @@ var AppBar = class _AppBar extends Component {
         !entry.isIntersecting && entry.boundingClientRect.top < this.el.getBoundingClientRect().top
       );
     };
-    this._onSearchViewClose = () => {
-      this._searchOpen = this._view.open;
-    };
+    // A docked view opens on focus, like a combobox popup. A full-screen
+    // dialog takes over the page, so reaching the field with Tab only focuses
+    // it (WCAG 3.2.1); a click, Enter or ArrowDown opens it.
     this._onSearchFocus = () => {
-      if (!this._view || this._searchOpen) return;
+      if (!(this._view instanceof HTMLDialogElement)) this._openSearch();
+    };
+    this._onSearchKeydown = (e) => {
+      if (!OPEN_KEYS.includes(e.key) || Utils.isComposing(e) || !(this._view instanceof HTMLDialogElement)) return;
+      e.preventDefault();
+      this._openSearch();
+    };
+    this._openSearch = () => {
       if (this._view instanceof HTMLDialogElement) {
-        this._searchOpen = true;
         if (!this._view.open) this._view.showModal();
         return;
       }
+      this._restore ?? (this._restore = { hidden: this._view.hidden, expanded: this._input.getAttribute("aria-expanded") });
       this._view.hidden = false;
-      this._input?.setAttribute("aria-expanded", "true");
+      this._input.setAttribute("aria-expanded", "true");
     };
-    this.el["Expressive_AppBar"] = this;
-    this.options = { ..._AppBar.defaults, ...options };
     this._setupCollapse();
     this._setupSearch();
   }
   static get defaults() {
     return _defaults;
   }
-  static init(els, options = {}) {
-    return super.init(els, options, _AppBar);
-  }
-  static getInstance(el) {
-    return el["Expressive_AppBar"];
-  }
   destroy() {
     this._observer?.disconnect();
     this._observer = null;
     this._sentinel?.remove();
     this._sentinel = null;
-    this._input?.removeEventListener("focus", this._onSearchFocus);
-    this._input?.removeEventListener("click", this._onSearchFocus);
-    this._view?.removeEventListener("close", this._onSearchViewClose);
+    if (this._restore) {
+      this._view.hidden = this._restore.hidden;
+      restoreAttribute(this._input, "aria-expanded", this._restore.expanded);
+      this._restore = null;
+    }
     this.el.classList.remove("collapsed");
-    this.el["Expressive_AppBar"] = void 0;
+    super.destroy();
   }
   _setupCollapse() {
     if (!this.el.classList.contains("medium") && !this.el.classList.contains("large")) {
       return;
     }
-    if (typeof IntersectionObserver === "undefined") return;
     this._sentinel = document.createElement("span");
     this._sentinel.setAttribute("aria-hidden", "true");
     this._sentinel.style.cssText = "display:block;height:0;position:relative;top:-64px;pointer-events:none;visibility:hidden";
@@ -74,18 +80,17 @@ var AppBar = class _AppBar extends Component {
     this._input = this.el.querySelector('input[type="search"]');
     if (!this._input) return;
     const id = this._input.getAttribute("aria-controls");
-    if (id) this._view = document.getElementById(id);
-    if (!this._view) this._view = this.el.querySelector(".search-view");
+    this._view = id && Utils.getElementById(this.el, id) || this.el.querySelector(".search-view");
     if (!this._view) return;
-    this._input.addEventListener("focus", this._onSearchFocus);
-    this._input.addEventListener("click", this._onSearchFocus);
-    if (this._view instanceof HTMLDialogElement) {
-      this._view.addEventListener("close", this._onSearchViewClose);
-    }
+    const { signal } = this._events;
+    this._input.addEventListener("focus", this._onSearchFocus, { signal });
+    this._input.addEventListener("click", this._openSearch, { signal });
+    this._input.addEventListener("keydown", this._onSearchKeydown, { signal });
   }
 };
+AppBar.key = "Expressive_AppBar";
 
 export {
   AppBar
 };
-//# sourceMappingURL=chunk-UEZUJQ66.mjs.map
+//# sourceMappingURL=chunk-P6DRQ6KS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/appBar.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { Utils, restoreAttribute } from '../core/utils';\n\nconst _defaults: BaseOptions = {};\n// Keys that open a full-screen search view from its field.\nconst OPEN_KEYS = ['Enter', 'ArrowDown'];\n\n/**\n * Collapse medium/large flexible app bars on scroll, and open the related\n * search view when the search field in a search app bar is selected.\n *\n * Observation is IntersectionObserver on a sentinel after the header.\n * A scroll listener would re-enter layout on every tick; this does not.\n */\nexport class AppBar extends Component<BaseOptions> {\n  private _observer: IntersectionObserver | null = null;\n  private _sentinel: HTMLElement | null = null;\n  private _input: HTMLInputElement | null = null;\n  private _view: HTMLElement | null = null;\n  // The docked view's state before the first open, for destroy() to restore.\n  private _restore: { hidden: HTMLElement['hidden']; expanded: string | null } | null = null;\n\n  constructor(el: HTMLElement, options: Partial<BaseOptions>) {\n    super(el, options);\n    this._setupCollapse();\n    this._setupSearch();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_AppBar';\n\n  destroy() {\n    this._observer?.disconnect();\n    this._observer = null;\n    this._sentinel?.remove();\n    this._sentinel = null;\n    if (this._restore) {\n      this._view.hidden = this._restore.hidden;\n      restoreAttribute(this._input, 'aria-expanded', this._restore.expanded);\n      this._restore = null;\n    }\n    this.el.classList.remove('collapsed');\n    super.destroy();\n  }\n\n  private _setupCollapse() {\n    if (!this.el.classList.contains('medium') && !this.el.classList.contains('large')) {\n      return;\n    }\n    // Collapsing shrinks the header, and scroll anchoring then scrolls the page\n    // back by the height it lost. The sentinel follows the header, so it moves\n    // with the page and that correction cannot bring it back into view. It sits\n    // 64px, the small bar's height, above the header's bottom edge. An expanded\n    // bar therefore collapses once the page has scrolled by the height that\n    // collapsing removes, and a collapsed bar expands when the page is back at\n    // its top. Zero height and no margins keep it out of the layout.\n    this._sentinel = document.createElement('span');\n    this._sentinel.setAttribute('aria-hidden', 'true');\n    this._sentinel.style.cssText =\n      'display:block;height:0;position:relative;top:-64px;pointer-events:none;visibility:hidden';\n    this.el.insertAdjacentElement('afterend', this._sentinel);\n    this._observer = new IntersectionObserver(this._onIntersect);\n    this._observer.observe(this._sentinel);\n  }\n\n  private _onIntersect = (entries: IntersectionObserverEntry[]) => {\n    const entry = entries[0];\n    if (!entry) return;\n    // Collapse only when the sentinel has gone above the pinned header. A\n    // sentinel below the viewport would move back into view as the bar shrank,\n    // and the bar would switch sizes on every frame.\n    this.el.classList.toggle(\n      'collapsed',\n      !entry.isIntersecting && entry.boundingClientRect.top < this.el.getBoundingClientRect().top\n    );\n  };\n\n  private _setupSearch() {\n    this._input = this.el.querySelector('input[type=\"search\"]');\n    if (!this._input) return;\n\n    const id = this._input.getAttribute('aria-controls');\n    this._view = (id && Utils.getElementById(this.el, id)) || this.el.querySelector('.search-view');\n    if (!this._view) return;\n\n    const { signal } = this._events;\n    this._input.addEventListener('focus', this._onSearchFocus, { signal });\n    this._input.addEventListener('click', this._openSearch, { signal });\n    this._input.addEventListener('keydown', this._onSearchKeydown, { signal });\n  }\n\n  // A docked view opens on focus, like a combobox popup. A full-screen\n  // dialog takes over the page, so reaching the field with Tab only focuses\n  // it (WCAG 3.2.1); a click, Enter or ArrowDown opens it.\n  private _onSearchFocus = () => {\n    if (!(this._view instanceof HTMLDialogElement)) this._openSearch();\n  };\n\n  private _onSearchKeydown = (e: KeyboardEvent) => {\n    if (!OPEN_KEYS.includes(e.key) || Utils.isComposing(e) || !(this._view instanceof HTMLDialogElement)) return;\n    e.preventDefault();\n    this._openSearch();\n  };\n\n  private _openSearch = () => {\n    if (this._view instanceof HTMLDialogElement) {\n      if (!this._view.open) this._view.showModal();\n      return;\n    }\n    this._restore ??= { hidden: this._view.hidden, expanded: this._input.getAttribute('aria-expanded') };\n    this._view.hidden = false;\n    this._input.setAttribute('aria-expanded', 'true');\n  };\n}\n"],
+  "mappings": ";;;;;;;;;AAGA,IAAM,YAAyB,CAAC;AAEhC,IAAM,YAAY,CAAC,SAAS,WAAW;AAShC,IAAM,SAAN,cAAqB,UAAuB;AAAA,EAQjD,YAAY,IAAiB,SAA+B;AAC1D,UAAM,IAAI,OAAO;AARnB,SAAQ,YAAyC;AACjD,SAAQ,YAAgC;AACxC,SAAQ,SAAkC;AAC1C,SAAQ,QAA4B;AAEpC;AAAA,SAAQ,WAA8E;AAgDtF,SAAQ,eAAe,CAAC,YAAyC;AAC/D,YAAM,QAAQ,QAAQ,CAAC;AACvB,UAAI,CAAC,MAAO;AAIZ,WAAK,GAAG,UAAU;AAAA,QAChB;AAAA,QACA,CAAC,MAAM,kBAAkB,MAAM,mBAAmB,MAAM,KAAK,GAAG,sBAAsB,EAAE;AAAA,MAC1F;AAAA,IACF;AAmBA;AAAA;AAAA;AAAA,SAAQ,iBAAiB,MAAM;AAC7B,UAAI,EAAE,KAAK,iBAAiB,mBAAoB,MAAK,YAAY;AAAA,IACnE;AAEA,SAAQ,mBAAmB,CAAC,MAAqB;AAC/C,UAAI,CAAC,UAAU,SAAS,EAAE,GAAG,KAAK,MAAM,YAAY,CAAC,KAAK,EAAE,KAAK,iBAAiB,mBAAoB;AACtG,QAAE,eAAe;AACjB,WAAK,YAAY;AAAA,IACnB;AAEA,SAAQ,cAAc,MAAM;AAC1B,UAAI,KAAK,iBAAiB,mBAAmB;AAC3C,YAAI,CAAC,KAAK,MAAM,KAAM,MAAK,MAAM,UAAU;AAC3C;AAAA,MACF;AACA,WAAK,aAAL,KAAK,WAAa,EAAE,QAAQ,KAAK,MAAM,QAAQ,UAAU,KAAK,OAAO,aAAa,eAAe,EAAE;AACnG,WAAK,MAAM,SAAS;AACpB,WAAK,OAAO,aAAa,iBAAiB,MAAM;AAAA,IAClD;AA3FE,SAAK,eAAe;AACpB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,WAAW,WAAwB;AACjC,WAAO;AAAA,EACT;AAAA,EAIA,UAAU;AACR,SAAK,WAAW,WAAW;AAC3B,SAAK,YAAY;AACjB,SAAK,WAAW,OAAO;AACvB,SAAK,YAAY;AACjB,QAAI,KAAK,UAAU;AACjB,WAAK,MAAM,SAAS,KAAK,SAAS;AAClC,uBAAiB,KAAK,QAAQ,iBAAiB,KAAK,SAAS,QAAQ;AACrE,WAAK,WAAW;AAAA,IAClB;AACA,SAAK,GAAG,UAAU,OAAO,WAAW;AACpC,UAAM,QAAQ;AAAA,EAChB;AAAA,EAEQ,iBAAiB;AACvB,QAAI,CAAC,KAAK,GAAG,UAAU,SAAS,QAAQ,KAAK,CAAC,KAAK,GAAG,UAAU,SAAS,OAAO,GAAG;AACjF;AAAA,IACF;AAQA,SAAK,YAAY,SAAS,cAAc,MAAM;AAC9C,SAAK,UAAU,aAAa,eAAe,MAAM;AACjD,SAAK,UAAU,MAAM,UACnB;AACF,SAAK,GAAG,sBAAsB,YAAY,KAAK,SAAS;AACxD,SAAK,YAAY,IAAI,qBAAqB,KAAK,YAAY;AAC3D,SAAK,UAAU,QAAQ,KAAK,SAAS;AAAA,EACvC;AAAA,EAcQ,eAAe;AACrB,SAAK,SAAS,KAAK,GAAG,cAAc,sBAAsB;AAC1D,QAAI,CAAC,KAAK,OAAQ;AAElB,UAAM,KAAK,KAAK,OAAO,aAAa,eAAe;AACnD,SAAK,QAAS,MAAM,MAAM,eAAe,KAAK,IAAI,EAAE,KAAM,KAAK,GAAG,cAAc,cAAc;AAC9F,QAAI,CAAC,KAAK,MAAO;AAEjB,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,SAAK,OAAO,iBAAiB,SAAS,KAAK,gBAAgB,EAAE,OAAO,CAAC;AACrE,SAAK,OAAO,iBAAiB,SAAS,KAAK,aAAa,EAAE,OAAO,CAAC;AAClE,SAAK,OAAO,iBAAiB,WAAW,KAAK,kBAAkB,EAAE,OAAO,CAAC;AAAA,EAC3E;AAwBF;AAtGa,OAkBJ,MAAM;",
+  "names": []
+}

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

@@ -0,0 +1,99 @@
+import {
+  LineChart,
+  numberValue
+} from "./chunk-ZM3XBHWV.mjs";
+
+// src/ts/components/columnChart.ts
+function rangeValue(cell) {
+  const ends = rangeParts(cell).map(numberValue);
+  return ends.length === 2 && !ends.includes(null) ? [Math.min(ends[0], ends[1]), Math.max(ends[0], ends[1])] : [null, null];
+}
+function rangeParts(cell) {
+  if (!cell) return [];
+  return cell.dataset.value?.trim().split(/\s+/) ?? cell.textContent.split(/\s*[–—]\s*|\s+(?:-|to)\s+/);
+}
+var baseAt = (series, index) => series.base?.[index] ?? 0;
+function insets(from, to, y, clamp) {
+  return [clamp(Math.max(from, to), y), 100 - clamp(Math.min(from, to), y)];
+}
+var ColumnChart = class extends LineChart {
+  get _type() {
+    return "column-chart";
+  }
+  get _fromZero() {
+    return true;
+  }
+  get _points() {
+    return false;
+  }
+  /** A `range` series' low ends become its base; ranges do not stack. */
+  _arrange(series) {
+    const ranges = this._ranges = series.filter((each) => each.className.split(/\s+/).includes("range"));
+    for (const range of ranges) {
+      const ends = this._rows.map((row) => rangeValue(row.cells[range.column]));
+      range.base = ends.map(([low]) => low);
+      range.values = range.tops = ends.map(([, high]) => high);
+    }
+    super._arrange(series.filter((each) => !ranges.includes(each)));
+  }
+  _draw(drawn = this.series) {
+    const columns = document.createElement("div");
+    columns.className = "column-chart-columns";
+    columns.setAttribute("aria-hidden", "true");
+    const clamp = (value, y = drawn[0]?.y ?? this._y) => Math.min(100, Math.max(0, y(value)));
+    const stacked = this.el.classList.contains("stacked");
+    const zero = clamp(0);
+    columns.style.setProperty("--zero", `${zero}%`);
+    this._plot.style.setProperty("--rows", String(this.labels.length));
+    this.labels.forEach((_, index) => {
+      const row = document.createElement("div");
+      let below = zero;
+      drawn.forEach((series) => {
+        const to = series.tops[index];
+        const from = baseAt(series, index);
+        if (stacked && (to === null || from === null)) return;
+        const column = document.createElement("span");
+        if (to !== null) {
+          column.className = series.className;
+          column.dataset.series = series.color;
+          column.classList.toggle("negative", !series.base && to < from);
+          column.classList.toggle("floating", this._ranges.includes(series));
+          const [top, bottom] = insets(from, to, series.y, clamp);
+          column.style.setProperty("--top", `${top}%`);
+          column.style.setProperty("--bottom", `${bottom}%`);
+          below = this._start(column, series, index, below, clamp);
+          if (this._horizontal) column.dataset.text = series.text[index];
+        }
+        row.append(column);
+      });
+      columns.append(row);
+    });
+    return columns;
+  }
+  /**
+   * After update(), writes where a column grows from: its old ends, or for
+   * a column new to the chart, the zero line or the segment below it in a
+   * stack. Returns the next segment's start in a stack.
+   * ponytail: in a stacked mixed chart a new end-scale column starts from
+   * the start-scale stack; track `below` per scale if that matters.
+   */
+  _start(column, series, index, below, clamp) {
+    if (!this._before.length) return below;
+    const [top, bottom] = this._oldInsets(series, index, clamp) ?? [below, 100 - below];
+    column.style.setProperty("--from-top", `${top}%`);
+    column.style.setProperty("--from-bottom", `${bottom}%`);
+    return this.el.classList.contains("stacked") ? top : below;
+  }
+  /** A series' column at a row before update(), as its top and bottom insets, or null without one. */
+  _oldInsets(series, index, clamp) {
+    const old = this._before.find((each) => each.column === series.column);
+    const to = old?.tops[index] ?? null;
+    return to === null ? null : insets(baseAt(old, index), to, old.y, clamp);
+  }
+};
+ColumnChart.key = "Expressive_ColumnChart";
+
+export {
+  ColumnChart
+};
+//# sourceMappingURL=chunk-PA7NU5AK.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/columnChart.ts"],
+  "sourcesContent": ["import { LineChart, LineChartOptions, numberValue, Series } from './lineChart';\n\nexport type ColumnChartOptions = LineChartOptions;\n\n/**\n * A range cell's two ends, low first: data-value=\"12 28\", or text with an\n * en dash, a spaced hyphen or \"to\" between two numbers, such as \"$12\u2013$28\".\n * Anything else is a gap.\n */\nfunction rangeValue(cell: HTMLTableCellElement | undefined): [number | null, number | null] {\n  const ends = rangeParts(cell).map(numberValue);\n  return ends.length === 2 && !ends.includes(null)\n    ? [Math.min(ends[0]!, ends[1]!), Math.max(ends[0]!, ends[1]!)]\n    : [null, null];\n}\n\n/** A range cell's data-value split at spaces, or its text split between the ends. */\nfunction rangeParts(cell: HTMLTableCellElement | undefined): string[] {\n  if (!cell) return [];\n  return cell.dataset.value?.trim().split(/\\s+/) ?? cell.textContent.split(/\\s*[\u2013\u2014]\\s*|\\s+(?:-|to)\\s+/);\n}\n\n/** Clamps a value's distance down the plot to the plot. */\ntype Clamp = (value: number, y: (value: number) => number) => number;\n\n/** Where a series' column starts at a row: its stacked or range base, or zero. */\nconst baseAt = (series: Series, index: number) => series.base?.[index] ?? 0;\n\n/** A column's top and bottom insets, in percent, from its two ends. */\nfunction insets(from: number, to: number, y: (value: number) => number, clamp: Clamp): [number, number] {\n  return [clamp(Math.max(from, to), y), 100 - clamp(Math.min(from, to), y)];\n}\n\n/**\n * Column chart. It reads its <table>, scales, labels and tooltip like\n * LineChart, but draws each row as a group of columns from zero, or one\n * column of segments with `stacked`. A series whose header has `range`\n * reads each cell as two ends and floats a column between them. Columns\n * are HTML clipped to their value, so their rounded corners keep their\n * shape at any size.\n *\n * Call `update()` after changing the table, or start it with `watch` or\n * `data-watch`.\n */\nexport class ColumnChart extends LineChart {\n  // No initializers: LineChart's constructor draws before they would run.\n  /** The `range` series, whose columns float. */\n  private _ranges: Series[];\n\n  protected get _type() {\n    return 'column-chart';\n  }\n\n  protected get _fromZero() {\n    return true;\n  }\n\n  protected get _points() {\n    return false;\n  }\n\n  static key = 'Expressive_ColumnChart';\n\n  /** A `range` series' low ends become its base; ranges do not stack. */\n  protected _arrange(series: Series[]) {\n    const ranges = (this._ranges = series.filter((each) => each.className.split(/\\s+/).includes('range')));\n    for (const range of ranges) {\n      const ends = this._rows.map((row) => rangeValue(row.cells[range.column]));\n      range.base = ends.map(([low]) => low);\n      range.values = range.tops = ends.map(([, high]) => high);\n    }\n    super._arrange(series.filter((each) => !ranges.includes(each)));\n  }\n\n  protected _draw(drawn = this.series): Element {\n    const columns = document.createElement('div');\n    columns.className = 'column-chart-columns';\n    columns.setAttribute('aria-hidden', 'true');\n    const clamp = (value: number, y = drawn[0]?.y ?? this._y) => Math.min(100, Math.max(0, y(value)));\n    const stacked = this.el.classList.contains('stacked');\n    // Columns grow from zero, or from the plot edge when zero is off the scale.\n    const zero = clamp(0);\n    columns.style.setProperty('--zero', `${zero}%`);\n    this._plot.style.setProperty('--rows', String(this.labels.length));\n\n    this.labels.forEach((_, index) => {\n      const row = document.createElement('div');\n      let below = zero;\n      drawn.forEach((series) => {\n        // A stacked segment above a gap has no known base, so it is left out.\n        const to = series.tops[index];\n        const from = baseAt(series, index);\n        if (stacked && (to === null || from === null)) return;\n        const column = document.createElement('span');\n        // A gap in a grouped row keeps its empty slot, so the series stay aligned.\n        if (to !== null) {\n          column.className = series.className;\n          column.dataset.series = series.color;\n          // A stacked segment never hangs from zero, so it keeps the top rounding.\n          column.classList.toggle('negative', !series.base && to < from);\n          column.classList.toggle('floating', this._ranges.includes(series));\n          const [top, bottom] = insets(from, to, series.y, clamp);\n          column.style.setProperty('--top', `${top}%`);\n          column.style.setProperty('--bottom', `${bottom}%`);\n          below = this._start(column, series, index, below, clamp);\n          // The cell text, which a bar chart with .values writes along its bar.\n          if (this._horizontal) column.dataset.text = series.text[index];\n        }\n        row.append(column);\n      });\n      columns.append(row);\n    });\n    return columns;\n  }\n\n  /**\n   * After update(), writes where a column grows from: its old ends, or for\n   * a column new to the chart, the zero line or the segment below it in a\n   * stack. Returns the next segment's start in a stack.\n   * ponytail: in a stacked mixed chart a new end-scale column starts from\n   * the start-scale stack; track `below` per scale if that matters.\n   */\n  private _start(column: HTMLElement, series: Series, index: number, below: number, clamp: Clamp): number {\n    if (!this._before.length) return below;\n    const [top, bottom] = this._oldInsets(series, index, clamp) ?? [below, 100 - below];\n    column.style.setProperty('--from-top', `${top}%`);\n    column.style.setProperty('--from-bottom', `${bottom}%`);\n    return this.el.classList.contains('stacked') ? top : below;\n  }\n\n  /** A series' column at a row before update(), as its top and bottom insets, or null without one. */\n  private _oldInsets(series: Series, index: number, clamp: Clamp): [number, number] | null {\n    const old = this._before.find((each) => each.column === series.column);\n    // A stacked or range base is unknown only where the top is too.\n    const to = old?.tops[index] ?? null;\n    return to === null ? null : insets(baseAt(old!, index), to, old!.y, clamp);\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}