@expressivecss/expressive 0.14.1 → 0.16.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/tour.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\ninterface TourState {\n  steps: HTMLElement[];\n  index: number;\n  opener: HTMLElement | null;\n}\n\nconst states = new WeakMap<HTMLElement, TourState>();\nconst anchor = '--tour-target';\n\n/**\n * Product tour. A `.tour` is a `popover=\"manual\"` card holding one `<section>`\n * per step; each section's `data-tour-target` names the id of the element it\n * explains. The card shows one step at a time beside its target, which gets a\n * highlight ring and scrolls into view. Steps whose target is missing or\n * hidden are skipped.\n *\n * `[data-tour-start=\"tour-id\"]` starts a tour; inside it, `[data-tour-back]`,\n * `[data-tour-next]`, `[data-tour-done]` and `[data-tour-close]` move through\n * it or end it, and Escape ends it. Back hides on the first step, Next on the\n * last, Done everywhere else. Ending hides the card (its `toggle` event says\n * so) and returns focus to whatever had it before the tour.\n */\nexport class Tour {\n  static i18n = { progress: 'Step {current} of {total}' };\n  private static _initialized = false;\n\n  static Init() {\n    if (Tour._initialized || typeof document === 'undefined') return;\n    Tour._initialized = true;\n    document.addEventListener('click', Tour._onClick);\n    document.addEventListener('keydown', (e) => {\n      const tour = Utils.closestInPath(e, '.tour');\n      if (e.key === 'Escape' && tour instanceof HTMLElement && states.has(tour)) Tour.end(tour);\n    });\n    // A page that hides the card itself still gets the target released.\n    // `toggle` does not bubble, so this listens in the capture phase.\n    document.addEventListener(\n      'toggle',\n      (e: ToggleEvent) => {\n        const tour = e.target as HTMLElement;\n        if (e.newState === 'closed' && states.has(tour)) Tour.end(tour);\n      },\n      true\n    );\n  }\n\n  /** Opens the tour at a step. Does nothing when no step has a visible target. */\n  static start(tour: HTMLElement, index = 0) {\n    const steps = [...tour.querySelectorAll<HTMLElement>(':scope > section[data-tour-target]')].filter((step) =>\n      Tour._target(step)?.checkVisibility()\n    );\n    if (!steps.length) return;\n    const previous = states.get(tour);\n    // Restarting a running tour: let go of the step it was showing, or two\n    // targets carry the highlight and the card's anchor name.\n    if (previous) Tour._release(previous.steps[previous.index]);\n    const state: TourState = { steps, index: 0, opener: Tour._opener(tour, previous) };\n    states.set(tour, state);\n    Tour._show(tour, !previous);\n    // An open listener may have ended or restarted the tour.\n    if (states.get(tour) === state) Tour.go(tour, index);\n  }\n\n  /** Where focus returns at the end: the first start's focus, kept across restarts. */\n  private static _opener(tour: HTMLElement, previous: TourState | undefined): HTMLElement | null {\n    if (previous?.opener) return previous.opener;\n    const active = (tour.getRootNode() as Document | ShadowRoot).activeElement;\n    return active instanceof HTMLElement ? active : null;\n  }\n\n  /** Shows the card, and reports the start of a tour that was not running. */\n  private static _show(tour: HTMLElement, opening: boolean) {\n    if (!tour.matches(':popover-open')) tour.showPopover();\n    if (opening) Utils.emit(tour, 'open');\n  }\n\n  /** Shows step `index` of a running tour. */\n  static go(tour: HTMLElement, index: number) {\n    const state = states.get(tour);\n    if (!state) return;\n    Tour._release(state.steps[state.index]);\n    index = Math.min(Math.max(index, 0), state.steps.length - 1);\n    // A target removed since start() is passed over in the direction of\n    // travel; with none left that way the tour ends.\n    const travel = index < state.index ? -1 : 1;\n    while (state.steps[index] && !Tour._target(state.steps[index])) index += travel;\n    const step = state.steps[index];\n    if (!step) {\n      Tour.end(tour);\n      return;\n    }\n    state.index = index;\n    const last = state.index === state.steps.length - 1;\n    tour.querySelectorAll<HTMLElement>(':scope > section[data-tour-target]').forEach((section) => {\n      section.hidden = section !== step;\n    });\n    const heading = step.querySelector<HTMLElement>('h1, h2, h3, h4, h5, h6');\n    if (heading) {\n      if (!heading.id) heading.id = `tour-${Utils.guid()}`;\n      tour.setAttribute('aria-labelledby', heading.id);\n    }\n    const progress = tour.querySelector('.tour-progress');\n    if (progress) {\n      progress.textContent = Tour.i18n.progress\n        .replace('{current}', String(state.index + 1))\n        .replace('{total}', String(state.steps.length));\n    }\n    const toggle = (selector: string, show: boolean) =>\n      tour.querySelectorAll<HTMLElement>(selector).forEach((button) => (button.hidden = !show));\n    toggle('[data-tour-back]', state.index > 0);\n    toggle('[data-tour-next]', !last);\n    toggle('[data-tour-done]', last);\n\n    const target = Tour._target(step);\n    target.classList.add('tour-target');\n    Utils.setAnchorName(target, anchor, true);\n    const smooth = !matchMedia('(prefers-reduced-motion: reduce)').matches;\n    target.scrollIntoView({ block: 'center', behavior: smooth ? 'smooth' : 'auto' });\n    if (!tour.hasAttribute('tabindex')) tour.tabIndex = -1;\n    tour.focus({ preventScroll: true });\n    Utils.emit(tour, 'change', { step, index: state.index });\n  }\n\n  /**\n   * Ends a running tour and returns focus to where it was. `completed` says\n   * the user finished it, as the done button does, rather than dismissed it.\n   */\n  static end(tour: HTMLElement, completed = false) {\n    const state = states.get(tour);\n    if (!state) return;\n    Tour._release(state.steps[state.index]);\n    states.delete(tour);\n    if (tour.matches(':popover-open')) tour.hidePopover();\n    state.opener?.focus();\n    Utils.emit(tour, 'close', { completed });\n  }\n\n  private static _target(step: HTMLElement): HTMLElement | null {\n    return Utils.getElementById(step, step.getAttribute('data-tour-target') ?? '');\n  }\n\n  private static _release(step: HTMLElement | undefined) {\n    const target = step && Tour._target(step);\n    target?.classList.remove('tour-target');\n    if (target) Utils.setAnchorName(target, anchor, false);\n  }\n\n  private static _onClick(e: MouseEvent) {\n    const control = Utils.closestInPath(\n      e,\n      '[data-tour-start], [data-tour-back], [data-tour-next], [data-tour-done], [data-tour-close]'\n    );\n    if (!control) return;\n    if (control.hasAttribute('data-tour-start')) {\n      const tour = Utils.getElementById(control, control.getAttribute('data-tour-start'));\n      if (tour?.matches('.tour')) Tour.start(tour);\n      return;\n    }\n    const tour = control.closest<HTMLElement>('.tour');\n    const state = tour && states.get(tour);\n    if (!state) return;\n    if (control.hasAttribute('data-tour-back')) Tour.go(tour, state.index - 1);\n    else if (control.hasAttribute('data-tour-next')) Tour.go(tour, state.index + 1);\n    else Tour.end(tour, control.hasAttribute('data-tour-done'));\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["tour"]
+}

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

@@ -0,0 +1,244 @@
+import {
+  LineChart,
+  numberFormat,
+  polarPoint,
+  rowLegend,
+  signs
+} from "./chunk-ZM3XBHWV.mjs";
+import {
+  svgNode
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/pieChart.ts
+var COLORS = 6;
+var RADIUS = 46;
+var GROWN = 1.06;
+var LABEL_SHARE = 0.05;
+var _maskId = 0;
+function decimals(text) {
+  const [, fraction = "", exponent = "0"] = /(?:\.(\d+))?(?:e([+-]?\d+))?$/i.exec(text.replace(/[^\d.e+-]/gi, ""));
+  return Math.max(0, fraction.length - Number(exponent));
+}
+function stack(names, away, anchor) {
+  names.sort(([a], [b]) => (a - b) * away);
+  const ys = names.map(([y]) => y);
+  if (anchor !== void 0) ys.unshift(anchor);
+  const first = ys.length - names.length;
+  names.forEach(([, name], k) => {
+    const tops = ys.slice(0, first + k + 1).map((y, j) => `calc(50cqw + ${y} * var(--pie-chart-name-at) + ${(first + k - j) * away} * var(--pie-chart-name-step))`);
+    name.style.setProperty("--pie-chart-name-top", `${away > 0 ? "max" : "min"}(${tops.join(", ")})`);
+  });
+}
+var PieChart = class extends LineChart {
+  get _type() {
+    return "pie-chart";
+  }
+  /** A pie has no value axis. */
+  get _axis() {
+    return false;
+  }
+  get _points() {
+    return false;
+  }
+  get _circular() {
+    return true;
+  }
+  _read() {
+    super._read();
+    const small = this._small();
+    if (!small) return;
+    const sum = this.series[0].values.reduce((total, value, i) => total + (small[i] ? Math.max(0, value) : 0), 0);
+    const text = this._written(sum, this._rows.filter((_, i) => small[i]).map((row) => row.cells[1]));
+    const keep = (list, other) => [...list.filter((_, i) => !small[i]), other];
+    this.labels = keep(this.labels, this.el.dataset.otherLabel || "Other");
+    this.series = this.series.map((series, i) => {
+      const values = keep(series.values, i ? null : sum);
+      return { ...series, values, tops: values, text: keep(series.text, i ? "" : text) };
+    });
+  }
+  /**
+   * The group's sum written like its cells: with their signs, and to their
+   * decimals, or compact when data-value stands behind text such as "$38M".
+   */
+  _written(sum, cells) {
+    const texts = cells.map((cell) => cell.textContent.trim());
+    const [prefix, suffix] = signs(texts[0]);
+    return `${prefix}${numberFormat(this.el, this._precision(texts, cells)).format(sum)}${suffix}`;
+  }
+  _precision(texts, cells) {
+    if (cells.some((cell) => cell.dataset.value)) return { notation: "compact", maximumSignificantDigits: 3 };
+    const digits = Math.max(0, ...texts.map(decimals));
+    return digits > 20 ? { maximumSignificantDigits: 3 } : { maximumFractionDigits: digits };
+  }
+  /**
+   * Which rows data-other groups: those with a value under that percentage
+   * of the whole. Null when it groups nothing, as one small row is clearer
+   * by its own name.
+   */
+  _small() {
+    const percent = this._number("other");
+    const values = this.series[0]?.values.map((value) => value === null ? null : Math.max(0, value));
+    if (!values || !(percent > 0)) return null;
+    const total = values.reduce((sum, value) => sum + (value ?? 0), 0);
+    const small = values.map((value) => value !== null && value / total * 100 < percent - 1e-9);
+    return small.filter(Boolean).length > 1 ? small : null;
+  }
+  show(index) {
+    if (!this._tooltip || index === this.activeIndex) return;
+    super.show(index);
+    this._slices.forEach((slice, i) => slice?.classList.toggle("active", i === index));
+    if (this._tooltip.hidden) return;
+    const color = this._colors[index];
+    this._tooltip.querySelectorAll("[data-series]").forEach((span) => {
+      if (color) span.dataset.series = color;
+      else delete span.dataset.series;
+    });
+    const share = this._share(index);
+    const value = this._tooltip.querySelector("span:nth-of-type(2)");
+    if (share && value) value.textContent += ` (${share})`;
+  }
+  /** CSS places the tooltip on the slice's middle from --turn. */
+  _place(index) {
+    const middle = (this._turns[index][0] + this._turns[index][1]) / 2;
+    this._tooltip.style.setProperty("--turn", String(middle));
+    this._tooltip.classList.toggle("end", middle < 0.5);
+  }
+  /** The row's share of the whole as a percentage, or '' for none. */
+  _share(index) {
+    var _a;
+    const [start, end] = this._turns[index];
+    if (end <= start) return "";
+    const share = end - start;
+    const digits = share < 0.1 ? 1 : 0;
+    (_a = this._percents ?? (this._percents = []))[digits] ?? (_a[digits] = this._percent(digits));
+    return this._percents[digits].format(share);
+  }
+  _percent(digits) {
+    return numberFormat(this.el, { style: "percent", maximumFractionDigits: digits });
+  }
+  // ponytail: names only move up or down their side, so many thin slices
+  // near the top or bottom run into the caption or legend; group them as "Other".
+  /**
+   * Each slice's row name outside it, on the slice's middle, with a leader
+   * line back to the slice. Names on the right half run rightwards and those
+   * on the left run leftwards.
+   */
+  _names() {
+    const names = document.createElement("div");
+    names.className = "pie-chart-names";
+    const sides = [[], [], [], []];
+    this._turns.forEach(([start, end], i) => {
+      if (end <= start) return;
+      const turn = (start + end) / 2;
+      const y = -Math.cos(turn * 2 * Math.PI);
+      const name = document.createElement("span");
+      name.dataset.series = this._colors[i];
+      name.style.setProperty("--turn", String(turn));
+      name.classList.toggle("end", turn >= 0.5);
+      const text = document.createElement("span");
+      text.textContent = this.labels[i];
+      name.append(text);
+      names.append(name);
+      sides[(turn >= 0.5 ? 2 : 0) + Number(y >= 0)].push([y, name]);
+    });
+    for (const i of [0, 2]) {
+      stack(sides[i], -1);
+      stack(sides[i + 1], 1, sides[i][0]?.[0]);
+    }
+    return names;
+  }
+  /** The legend: every row with its color, its cell and its share. */
+  _guides() {
+    this._percents = [];
+    const text = this.series[0].text;
+    return [rowLegend("pie-chart-legend", this._colors, this.labels.map((label, i) => [label, text[i], this._share(i)]))];
+  }
+  /** The row under the pointer by its angle from the middle, or -1 off the slices. */
+  _indexAt(e) {
+    const [turn, share] = this._polarAt(e);
+    const distance = share * 100;
+    const hole = this.el.classList.contains("donut") ? parseFloat(getComputedStyle(this.el).getPropertyValue("--md-comp-pie-chart-hole")) || 0 : 0;
+    if (distance < RADIUS * hole) return -1;
+    const index = this._turns.findIndex(([start, end]) => start <= turn && turn < end);
+    return distance > RADIUS * (index === this.activeIndex ? GROWN : 1) ? -1 : index;
+  }
+  /**
+   * An SVG of slices in a -50 to 50 box, under a mask that cuts the gaps
+   * between them and the donut's hole, which CSS sizes. The values and the
+   * total are HTML over it.
+   */
+  _draw() {
+    const values = this.series[0].values.map((value) => Math.max(0, value ?? 0));
+    const total = values.reduce((sum, value) => sum + value, 0);
+    let turn = 0;
+    this._turns = values.map((value) => [turn, turn += total ? value / total : 0]);
+    const drawn = this._turns.filter(([start, end]) => end > start);
+    let slice = 0;
+    this._colors = this._turns.map(([start, end]) => {
+      if (end <= start) return void 0;
+      const index = slice++;
+      return String(index === drawn.length - 1 && index > 0 && index % COLORS === 0 ? 2 : index % COLORS + 1);
+    });
+    const pie = document.createElement("div");
+    pie.className = "pie-chart-pie";
+    pie.setAttribute("aria-hidden", "true");
+    const svg = svgNode("svg", { viewBox: "-50 -50 100 100", focusable: "false" });
+    const id = `pie-chart-mask-${++_maskId}`;
+    const area = { x: "-50", y: "-50", width: "100", height: "100" };
+    const mask = svgNode("mask", { id, maskUnits: "userSpaceOnUse", ...area });
+    mask.append(
+      svgNode("rect", { ...area, fill: "white" }),
+      svgNode("path", {
+        class: "pie-chart-gaps",
+        stroke: "black",
+        d: drawn.length > 1 ? drawn.map(([start]) => `M0,0L${polarPoint(start, 50)}`).join("") : ""
+      }),
+      svgNode("circle", { class: "pie-chart-hole", r: String(RADIUS), fill: "black" })
+    );
+    const slices = svgNode("g", { mask: `url(#${id})` });
+    const arc = `A${RADIUS},${RADIUS} 0`;
+    this._slices = this._turns.map(([start, end], i) => {
+      if (end <= start) return null;
+      const slice2 = svgNode("path", {
+        class: "pie-chart-slice",
+        "data-series": this._colors[i],
+        // A whole circle is two half arcs; one arc cannot end where it starts.
+        d: end - start >= 1 ? `M0,${-RADIUS}${arc} 1 1 0,${RADIUS}${arc} 1 1 0,${-RADIUS}Z` : `M0,0L${polarPoint(start, RADIUS)}${arc} ${end - start > 0.5 ? 1 : 0} 1 ${polarPoint(end, RADIUS)}Z`
+      });
+      slices.append(slice2);
+      return slice2;
+    });
+    svg.append(mask, slices);
+    pie.append(svg, ...this._texts());
+    const middle = this._total("pie-chart-total");
+    if (middle) pie.append(middle);
+    return pie;
+  }
+  /** The .values shares on the slices and the .labels names outside them. */
+  _texts() {
+    const texts = [];
+    if (this.el.classList.contains("values")) texts.push(this._values());
+    if (this.el.classList.contains("labels") && !this.el.classList.contains("sparkline")) texts.push(this._names());
+    return texts;
+  }
+  /** Each slice's share on it, except on slices too thin to hold it. */
+  _values() {
+    const labels = document.createElement("div");
+    labels.className = "pie-chart-values";
+    this._turns.forEach(([start, end], i) => {
+      if (end - start < LABEL_SHARE) return;
+      const label = document.createElement("span");
+      label.dataset.series = this._colors[i];
+      label.style.setProperty("--turn", String((start + end) / 2));
+      label.textContent = this._share(i);
+      labels.append(label);
+    });
+    return labels;
+  }
+};
+PieChart.key = "Expressive_PieChart";
+
+export {
+  PieChart
+};
+//# sourceMappingURL=chunk-NBJAUGPP.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/pieChart.ts"],
+  "sourcesContent": ["import { LineChart, LineChartOptions, numberFormat, polarPoint as at, rowLegend, signs } from './lineChart';\nimport { svgNode as node } from '../core/utils';\n\nexport type PieChartOptions = LineChartOptions;\n\n// ponytail: rows past six repeat the colors; data-other groups the small ones.\nconst COLORS = 6;\n/** The pie's radius in a 100-unit box, leaving room for the active slice to grow. */\nconst RADIUS = 46;\n/** The active slice's scale, as in _pie-chart.scss. */\nconst GROWN = 1.06;\n/** Slices smaller than this share get no .values label. */\nconst LABEL_SHARE = 0.05;\nlet _maskId = 0;\n\n/** How many decimals a cell's number has, counting an exponent: \"2.5e-3\" has 4. */\nfunction decimals(text: string) {\n  // Keeping only the number's characters first keeps the match linear.\n  const [, fraction = '', exponent = '0'] = /(?:\\.(\\d+))?(?:e([+-]?\\d+))?$/i.exec(text.replace(/[^\\d.e+-]/gi, ''))!;\n  return Math.max(0, fraction.length - Number(exponent));\n}\n\n/**\n * Sets each name's --pie-chart-name-top so neighbours on one side of the pie sit at least\n * --pie-chart-name-step apart, pushed away from the middle line: down below\n * it (`away` 1) and up above it (-1). Each top is the furthest of the natural\n * places of the names before it, plus a step for every name between. An\n * `anchor` is a fixed place before the first name, the unmoved innermost\n * name across the middle line.\n */\nfunction stack(names: [number, HTMLElement][], away: number, anchor?: number) {\n  names.sort(([a], [b]) => (a - b) * away);\n  const ys = names.map(([y]) => y);\n  if (anchor !== undefined) ys.unshift(anchor);\n  const first = ys.length - names.length;\n  names.forEach(([, name], k) => {\n    const tops = ys.slice(0, first + k + 1).map((y, j) =>\n      `calc(50cqw + ${y} * var(--pie-chart-name-at) + ${(first + k - j) * away} * var(--pie-chart-name-step))`);\n    name.style.setProperty('--pie-chart-name-top', `${away > 0 ? 'max' : 'min'}(${tops.join(', ')})`);\n  });\n}\n\n/**\n * Pie chart. It reads its <table> like LineChart, but draws each row of the\n * first value column as a slice of the whole, clockwise from the top, with\n * a legend of every row and its share. With `.donut`, a <tfoot> row is the\n * total in the middle. Further columns show in the tooltip. With\n * `data-other`, rows under that percentage of the whole become one row,\n * last, named by `data-other-label` (\"Other\" by default); the table keeps\n * every row.\n *\n * Call `update()` after changing the table, or start it with `watch` or\n * `data-watch`.\n */\nexport class PieChart extends LineChart {\n  // No initializers: LineChart's constructor draws before they would run.\n  /** Each row's start and end, as fractions of a turn clockwise from the top. */\n  private _turns: [number, number][];\n  /** Each row's color, or undefined for a row with no slice. */\n  private _colors: (string | undefined)[];\n  private _slices: (SVGPathElement | null)[];\n  /** Percent formatters by fraction digits, rebuilt once per legend. */\n  private _percents: Intl.NumberFormat[];\n\n  protected get _type() {\n    return 'pie-chart';\n  }\n\n  /** A pie has no value axis. */\n  protected get _axis() {\n    return false;\n  }\n\n  protected get _points() {\n    return false;\n  }\n\n  protected get _circular() {\n    return true;\n  }\n\n  protected _read() {\n    super._read();\n    const small = this._small();\n    if (!small) return;\n    const sum = this.series[0].values.reduce<number>((total, value, i) => total + (small[i] ? Math.max(0, value!) : 0), 0);\n    const text = this._written(sum, this._rows.filter((_, i) => small[i]).map((row) => row.cells[1]));\n    const keep = <T>(list: T[], other: T) => [...list.filter((_, i) => !small[i]), other];\n    this.labels = keep(this.labels, this.el.dataset.otherLabel || 'Other');\n    // Only the first column adds up; further columns have no value for the group.\n    this.series = this.series.map((series, i) => {\n      const values = keep(series.values, i ? null : sum);\n      return { ...series, values, tops: values, text: keep(series.text, i ? '' : text) };\n    });\n  }\n\n  /**\n   * The group's sum written like its cells: with their signs, and to their\n   * decimals, or compact when data-value stands behind text such as \"$38M\".\n   */\n  private _written(sum: number, cells: HTMLTableCellElement[]) {\n    const texts = cells.map((cell) => cell.textContent.trim());\n    const [prefix, suffix] = signs(texts[0]);\n    return `${prefix}${numberFormat(this.el, this._precision(texts, cells)).format(sum)}${suffix}`;\n  }\n\n  private _precision(texts: string[], cells: HTMLTableCellElement[]): Intl.NumberFormatOptions {\n    if (cells.some((cell) => cell.dataset.value)) return { notation: 'compact', maximumSignificantDigits: 3 };\n    const digits = Math.max(0, ...texts.map(decimals));\n    // Older engines take at most 20 fraction digits; past that, keep the sum's first digits.\n    return digits > 20 ? { maximumSignificantDigits: 3 } : { maximumFractionDigits: digits };\n  }\n\n  /**\n   * Which rows data-other groups: those with a value under that percentage\n   * of the whole. Null when it groups nothing, as one small row is clearer\n   * by its own name.\n   */\n  private _small() {\n    const percent = this._number('other');\n    const values = this.series[0]?.values.map((value) => (value === null ? null : Math.max(0, value)));\n    if (!values || !(percent! > 0)) return null;\n    const total = values.reduce<number>((sum, value) => sum + (value ?? 0), 0);\n    // A row exactly at the percentage stays, despite rounding in the division.\n    const small = values.map((value) => value !== null && (value / total) * 100 < percent! - 1e-9);\n    return small.filter(Boolean).length > 1 ? small : null;\n  }\n\n  static key = 'Expressive_PieChart';\n\n  show(index: number) {\n    if (!this._tooltip || index === this.activeIndex) return;\n    super.show(index);\n    this._slices.forEach((slice, i) => slice?.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\n    const color = this._colors[index];\n    this._tooltip.querySelectorAll<HTMLElement>('[data-series]').forEach((span) => {\n      if (color) span.dataset.series = color;\n      else delete span.dataset.series;\n    });\n    const share = this._share(index);\n    const value = this._tooltip.querySelector('span:nth-of-type(2)');\n    if (share && value) value.textContent += ` (${share})`;\n  }\n\n  /** CSS places the tooltip on the slice's middle from --turn. */\n  protected _place(index: number) {\n    const middle = (this._turns[index][0] + this._turns[index][1]) / 2;\n    this._tooltip.style.setProperty('--turn', String(middle));\n    // On the right half it opens leftwards, over the pie.\n    this._tooltip.classList.toggle('end', middle < 0.5);\n  }\n\n  /** The row's share of the whole as a percentage, or '' for none. */\n  private _share(index: number) {\n    const [start, end] = this._turns[index];\n    if (end <= start) return '';\n    const share = end - start;\n    // Whole percentages, with a tenth below 10% so a small part is not 0%.\n    const digits = share < 0.1 ? 1 : 0;\n    (this._percents ??= [])[digits] ??= this._percent(digits);\n    return this._percents[digits].format(share);\n  }\n\n  private _percent(digits: number) {\n    return numberFormat(this.el, { style: 'percent', maximumFractionDigits: digits });\n  }\n\n  // ponytail: names only move up or down their side, so many thin slices\n  // near the top or bottom run into the caption or legend; group them as \"Other\".\n  /**\n   * Each slice's row name outside it, on the slice's middle, with a leader\n   * line back to the slice. Names on the right half run rightwards and those\n   * on the left run leftwards.\n   */\n  private _names() {\n    const names = document.createElement('div');\n    names.className = 'pie-chart-names';\n    // Right above, right below, left above and left below the middle line.\n    const sides: [number, HTMLElement][][] = [[], [], [], []];\n    this._turns.forEach(([start, end], i) => {\n      if (end <= start) return;\n      const turn = (start + end) / 2;\n      const y = -Math.cos(turn * 2 * Math.PI);\n      const name = document.createElement('span');\n      name.dataset.series = this._colors[i];\n      name.style.setProperty('--turn', String(turn));\n      name.classList.toggle('end', turn >= 0.5);\n      // The text is cut short inside the name, which draws the leader line.\n      const text = document.createElement('span');\n      text.textContent = this.labels[i];\n      name.append(text);\n      names.append(name);\n      sides[(turn >= 0.5 ? 2 : 0) + Number(y >= 0)].push([y, name]);\n    });\n    // Names below the line start a step under the innermost name above it.\n    for (const i of [0, 2]) {\n      stack(sides[i], -1);\n      stack(sides[i + 1], 1, sides[i][0]?.[0]);\n    }\n    return names;\n  }\n\n  /** The legend: every row with its color, its cell and its share. */\n  protected _guides(): Element[] {\n    // A redraw picks up a changed lang attribute.\n    this._percents = [];\n    const text = this.series[0].text;\n    return [rowLegend('pie-chart-legend', this._colors, this.labels.map((label, i) => [label, text[i], this._share(i)]))];\n  }\n\n  /** The row under the pointer by its angle from the middle, or -1 off the slices. */\n  protected _indexAt(e: PointerEvent) {\n    const [turn, share] = this._polarAt(e);\n    // The distance in the SVG's 100-unit box.\n    const distance = share * 100;\n    const hole = this.el.classList.contains('donut')\n      ? parseFloat(getComputedStyle(this.el).getPropertyValue('--md-comp-pie-chart-hole')) || 0\n      : 0;\n    if (distance < RADIUS * hole) return -1;\n    const index = this._turns.findIndex(([start, end]) => start <= turn && turn < end);\n    // The active slice is drawn larger, so the pointer stays on it to its edge.\n    return distance > RADIUS * (index === this.activeIndex ? GROWN : 1) ? -1 : index;\n  }\n\n  /**\n   * An SVG of slices in a -50 to 50 box, under a mask that cuts the gaps\n   * between them and the donut's hole, which CSS sizes. The values and the\n   * total are HTML over it.\n   */\n  protected _draw(): Element {\n    const values = this.series[0].values.map((value) => Math.max(0, value ?? 0));\n    const total = values.reduce((sum, value) => sum + value, 0);\n    let turn = 0;\n    this._turns = values.map((value) => [turn, (turn += total ? value / total : 0)]);\n    // Colors go round the drawn slices; the last skips the first's color beside it.\n    const drawn = this._turns.filter(([start, end]) => end > start);\n    let slice = 0;\n    this._colors = this._turns.map(([start, end]) => {\n      if (end <= start) return undefined;\n      const index = slice++;\n      return String(index === drawn.length - 1 && index > 0 && index % COLORS === 0 ? 2 : (index % COLORS) + 1);\n    });\n\n    const pie = document.createElement('div');\n    pie.className = 'pie-chart-pie';\n    pie.setAttribute('aria-hidden', 'true');\n    const svg = node('svg', { viewBox: '-50 -50 100 100', focusable: 'false' });\n    const id = `pie-chart-mask-${++_maskId}`;\n    const area = { x: '-50', y: '-50', width: '100', height: '100' };\n    const mask = node('mask', { id, maskUnits: 'userSpaceOnUse', ...area });\n    mask.append(\n      node('rect', { ...area, fill: 'white' }),\n      node('path', {\n        class: 'pie-chart-gaps',\n        stroke: 'black',\n        d: drawn.length > 1 ? drawn.map(([start]) => `M0,0L${at(start, 50)}`).join('') : ''\n      }),\n      node('circle', { class: 'pie-chart-hole', r: String(RADIUS), fill: 'black' })\n    );\n\n    const slices = node('g', { mask: `url(#${id})` });\n    const arc = `A${RADIUS},${RADIUS} 0`;\n    this._slices = this._turns.map(([start, end], i) => {\n      if (end <= start) return null;\n      const slice = node('path', {\n        class: 'pie-chart-slice',\n        'data-series': this._colors[i],\n        // A whole circle is two half arcs; one arc cannot end where it starts.\n        d: end - start >= 1\n          ? `M0,${-RADIUS}${arc} 1 1 0,${RADIUS}${arc} 1 1 0,${-RADIUS}Z`\n          : `M0,0L${at(start, RADIUS)}${arc} ${end - start > 0.5 ? 1 : 0} 1 ${at(end, RADIUS)}Z`\n      }) as SVGPathElement;\n      slices.append(slice);\n      return slice;\n    });\n    svg.append(mask, slices);\n    pie.append(svg, ...this._texts());\n\n    const middle = this._total('pie-chart-total');\n    if (middle) pie.append(middle);\n    return pie;\n  }\n\n  /** The .values shares on the slices and the .labels names outside them. */\n  private _texts(): Element[] {\n    const texts: Element[] = [];\n    if (this.el.classList.contains('values')) texts.push(this._values());\n    if (this.el.classList.contains('labels') && !this.el.classList.contains('sparkline')) texts.push(this._names());\n    return texts;\n  }\n\n  /** Each slice's share on it, except on slices too thin to hold it. */\n  private _values() {\n    const labels = document.createElement('div');\n    labels.className = 'pie-chart-values';\n    this._turns.forEach(([start, end], i) => {\n      if (end - start < LABEL_SHARE) return;\n      const label = document.createElement('span');\n      label.dataset.series = this._colors[i];\n      label.style.setProperty('--turn', String((start + end) / 2));\n      label.textContent = this._share(i);\n      labels.append(label);\n    });\n    return labels;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["slice"]
+}

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

@@ -0,0 +1,113 @@
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils,
+  controllerFor
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/backToTop.ts
+var _defaults = {
+  threshold: "100vh"
+};
+var modified = (e) => e.ctrlKey || e.metaKey || e.shiftKey || e.altKey;
+var BackToTop = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    this._observer = null;
+    this._sentinel = null;
+    // The target given tabindex="-1" for one focus move, and its blur listener.
+    this._temporary = null;
+    this._blur = null;
+    // Whether the window is above the threshold, as the observer last said.
+    this._above = true;
+    // Shown once the sentinel is above the viewport. A sentinel below it, on a
+    // page that has not scrolled that far, keeps the link hidden.
+    this._onIntersect = (entries) => {
+      const entry = entries[entries.length - 1];
+      if (!entry) return;
+      this._above = entry.isIntersecting || entry.boundingClientRect.top >= 0;
+      this._update();
+    };
+    // A focused link stays until it loses focus, because an inert one would
+    // drop focus to the body, as pressing Home on it does.
+    this._update = () => {
+      this.el.toggleAttribute("inert", this._above && !this.el.matches(":focus"));
+    };
+    // Focus first, so nothing focus does can interrupt the scroll. Smooth and
+    // instant scrolls both end at the top with focus kept (probed 2026-10-25).
+    this._onClick = (e) => {
+      if (e.defaultPrevented || modified(e)) return;
+      e.preventDefault();
+      this._focus(this._target());
+      const view = this.el.ownerDocument.defaultView;
+      const reduce = view.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      view.scrollTo({ top: 0, behavior: reduce ? "instant" : "smooth" });
+    };
+    this._clearTabindex = () => {
+      this._blur?.abort();
+      this._temporary?.removeAttribute("tabindex");
+      this._temporary = this._blur = null;
+    };
+    this.el.setAttribute("inert", "");
+    this._sentinel = this.el.ownerDocument.createElement("span");
+    this._sentinel.setAttribute("aria-hidden", "true");
+    this._sentinel.style.cssText = "position:absolute;inset-inline-start:0;height:0;pointer-events:none;visibility:hidden";
+    this._setThreshold(this.options.threshold);
+    this.el.ownerDocument.body.prepend(this._sentinel);
+    this._observer = new IntersectionObserver(this._onIntersect);
+    this._observer.observe(this._sentinel);
+    const { signal } = this._events;
+    this.el.addEventListener("click", this._onClick, { signal });
+    this.el.addEventListener("blur", this._update, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  destroy() {
+    this._observer?.disconnect();
+    this._observer = null;
+    this._sentinel?.remove();
+    this._sentinel = null;
+    this._clearTabindex();
+    this.el.removeAttribute("inert");
+    super.destroy();
+  }
+  // The style setter drops a value that is not a length, which would leave
+  // the sentinel at the top of the body and show the link at once.
+  _setThreshold(threshold) {
+    this._sentinel.style.top = threshold;
+    if (this._sentinel.style.top) return;
+    console.warn(`BackToTop ignored threshold "${threshold}": expected a CSS length.`, this.el);
+    this._sentinel.style.top = _defaults.threshold;
+  }
+  // The element the href names; `#`, `#top` or a missing id mean the body.
+  _target() {
+    const fragment = /^#(.+)/.exec(String(this.el.getAttribute("href")));
+    return fragment && Utils.getElementById(this.el, fragment[1]) || this.el.ownerDocument.body;
+  }
+  // A target that does not take focus gets tabindex="-1" until it loses
+  // focus, so its Tab behavior afterwards is the author's.
+  _focus(target) {
+    target.focus({ preventScroll: true });
+    if (this._focused(target)) return;
+    this._clearTabindex();
+    target.setAttribute("tabindex", "-1");
+    target.focus({ preventScroll: true });
+    this._temporary = target;
+    this._blur = controllerFor(target);
+    target.addEventListener("blur", this._clearTabindex, { once: true, signal: this._blur.signal });
+  }
+  // The body is the active element whenever nothing else is, so it only took
+  // focus if it has a tabindex.
+  _focused(target) {
+    if (target === target.ownerDocument.body) return target.hasAttribute("tabindex");
+    return target.getRootNode().activeElement === target;
+  }
+};
+BackToTop.key = "Expressive_BackToTop";
+
+export {
+  BackToTop
+};
+//# sourceMappingURL=chunk-NNHVANQA.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/backToTop.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { Utils, controllerFor } from '../core/utils';\n\nexport interface BackToTopOptions extends BaseOptions {\n  /**\n   * How far the window scrolls before the link shows, as a CSS length from\n   * the top of the page. Viewport units follow window resizes.\n   * @default '100vh'\n   */\n  threshold: string;\n}\n\nconst _defaults: BackToTopOptions = {\n  threshold: '100vh'\n};\n\n// A modified click opens the link the browser's way: Ctrl, Meta or Shift\n// for a new tab or window, Alt to download.\nconst modified = (e: MouseEvent) => e.ctrlKey || e.metaKey || e.shiftKey || e.altKey;\n\n/**\n * Back-to-top link. The link stays inert, so hidden, until the window has\n * scrolled past `threshold`. Activating it scrolls to the top and focuses\n * the element its `href` names, or the body.\n *\n * Observation is IntersectionObserver on a sentinel at the threshold, as in\n * AppBar, so a scroll tick reads no layout.\n */\nexport class BackToTop extends Component<BackToTopOptions> {\n  private _observer: IntersectionObserver | null = null;\n  private _sentinel: HTMLElement | null = null;\n  // The target given tabindex=\"-1\" for one focus move, and its blur listener.\n  private _temporary: HTMLElement | null = null;\n  private _blur: AbortController | null = null;\n  // Whether the window is above the threshold, as the observer last said.\n  private _above = true;\n\n  constructor(el: HTMLElement, options: Partial<BackToTopOptions>) {\n    super(el, options);\n    this.el.setAttribute('inert', '');\n    // Absolute in the body, so `top` measures from the top of the page. Zero\n    // height and no pointer events keep it out of the layout and the way.\n    this._sentinel = this.el.ownerDocument.createElement('span');\n    this._sentinel.setAttribute('aria-hidden', 'true');\n    this._sentinel.style.cssText = 'position:absolute;inset-inline-start:0;height:0;pointer-events:none;visibility:hidden';\n    this._setThreshold(this.options.threshold);\n    this.el.ownerDocument.body.prepend(this._sentinel);\n    this._observer = new IntersectionObserver(this._onIntersect);\n    this._observer.observe(this._sentinel);\n    const { signal } = this._events;\n    this.el.addEventListener('click', this._onClick, { signal });\n    this.el.addEventListener('blur', this._update, { signal });\n  }\n\n  static get defaults(): BackToTopOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_BackToTop';\n\n  destroy() {\n    this._observer?.disconnect();\n    this._observer = null;\n    this._sentinel?.remove();\n    this._sentinel = null;\n    this._clearTabindex();\n    this.el.removeAttribute('inert');\n    super.destroy();\n  }\n\n  // The style setter drops a value that is not a length, which would leave\n  // the sentinel at the top of the body and show the link at once.\n  private _setThreshold(threshold: string) {\n    this._sentinel.style.top = threshold;\n    if (this._sentinel.style.top) return;\n    console.warn(`BackToTop ignored threshold \"${threshold}\": expected a CSS length.`, this.el);\n    this._sentinel.style.top = _defaults.threshold;\n  }\n\n  // Shown once the sentinel is above the viewport. A sentinel below it, on a\n  // page that has not scrolled that far, keeps the link hidden.\n  private _onIntersect = (entries: IntersectionObserverEntry[]) => {\n    const entry = entries[entries.length - 1];\n    if (!entry) return;\n    this._above = entry.isIntersecting || entry.boundingClientRect.top >= 0;\n    this._update();\n  };\n\n  // A focused link stays until it loses focus, because an inert one would\n  // drop focus to the body, as pressing Home on it does.\n  private _update = () => {\n    this.el.toggleAttribute('inert', this._above && !this.el.matches(':focus'));\n  };\n\n  // Focus first, so nothing focus does can interrupt the scroll. Smooth and\n  // instant scrolls both end at the top with focus kept (probed 2026-10-25).\n  private _onClick = (e: MouseEvent) => {\n    if (e.defaultPrevented || modified(e)) return;\n    e.preventDefault();\n    this._focus(this._target());\n    const view = this.el.ownerDocument.defaultView;\n    const reduce = view.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    view.scrollTo({ top: 0, behavior: reduce ? 'instant' : 'smooth' });\n  };\n\n  // The element the href names; `#`, `#top` or a missing id mean the body.\n  private _target(): HTMLElement {\n    const fragment = /^#(.+)/.exec(String(this.el.getAttribute('href')));\n    return (fragment && Utils.getElementById(this.el, fragment[1])) || this.el.ownerDocument.body;\n  }\n\n  // A target that does not take focus gets tabindex=\"-1\" until it loses\n  // focus, so its Tab behavior afterwards is the author's.\n  private _focus(target: HTMLElement) {\n    target.focus({ preventScroll: true });\n    if (this._focused(target)) return;\n    this._clearTabindex();\n    target.setAttribute('tabindex', '-1');\n    target.focus({ preventScroll: true });\n    this._temporary = target;\n    this._blur = controllerFor(target);\n    target.addEventListener('blur', this._clearTabindex, { once: true, signal: this._blur.signal });\n  }\n\n  // The body is the active element whenever nothing else is, so it only took\n  // focus if it has a tabindex.\n  private _focused(target: HTMLElement) {\n    if (target === target.ownerDocument.body) return target.hasAttribute('tabindex');\n    return (target.getRootNode() as Document | ShadowRoot).activeElement === target;\n  }\n\n  private _clearTabindex = () => {\n    this._blur?.abort();\n    this._temporary?.removeAttribute('tabindex');\n    this._temporary = this._blur = null;\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}