@expressivecss/expressive 0.16.0 → 0.17.0

package/dist/js/chunks/chunk-26VUH75M.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/columnChart.ts"],
+  "sourcesContent": ["import { numberValue } from '../core/utils';\nimport { LineChart, LineChartOptions, Series, hasClass } 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) => hasClass(each, '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": []
+}

package/dist/js/chunks/{chunk-NBJAUGPP.mjs → chunk-2LFCOGC3.mjs}

@@ -1,17 +1,20 @@
 import {
   LineChart,
+  ROW_COLORS,
   numberFormat,
+  percentLabel,
   polarPoint,
   rowLegend,
-  signs
-} from "./chunk-ZM3XBHWV.mjs";
+  signs,
+  tintTooltip
+} from "./chunk-IQOTGGHX.mjs";
 import {
   svgNode
-} from "./chunk-ZVLOUDIJ.mjs";
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/components/pieChart.ts
-var COLORS = 6;
 var RADIUS = 46;
+var WHOLE = 1 - 1e-5;
 var GROWN = 1.06;
 var LABEL_SHARE = 0.05;
 var _maskId = 0;
@@ -88,14 +91,7 @@ var PieChart = class extends LineChart {
     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})`;
+    tintTooltip(this._tooltip, this._colors[index]);
   }
   /** CSS places the tooltip on the slice's middle from --turn. */
   _place(index) {
@@ -105,16 +101,9 @@ var PieChart = class extends LineChart {
   }
   /** 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 });
+    return percentLabel(this.el, end - start, this._percents ?? (this._percents = []));
   }
   // 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".
@@ -177,7 +166,7 @@ var PieChart = class extends LineChart {
     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);
+      return String(index === drawn.length - 1 && index > 0 && index % ROW_COLORS === 0 ? 2 : index % ROW_COLORS + 1);
     });
     const pie = document.createElement("div");
     pie.className = "pie-chart-pie";
@@ -203,7 +192,7 @@ var PieChart = class extends LineChart {
         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`
+        d: end - start >= WHOLE ? `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;
@@ -241,4 +230,4 @@ PieChart.key = "Expressive_PieChart";
 export {
   PieChart
 };
-//# sourceMappingURL=chunk-NBJAUGPP.mjs.map
+//# sourceMappingURL=chunk-2LFCOGC3.mjs.map

package/dist/js/chunks/chunk-2LFCOGC3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/pieChart.ts"],
+  "sourcesContent": ["import { LineChart, LineChartOptions, ROW_COLORS as COLORS, numberFormat, percentLabel, polarPoint as at, rowLegend, signs, tintTooltip } 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.\n/** The pie's radius in a 100-unit box, leaving room for the active slice to grow. */\nconst RADIUS = 46;\n/**\n * Slices at least this share are drawn whole. polarPoint rounds to 0.001, so\n * a slice within about 3.5e-6 of whole would end where it starts and its\n * single arc would draw nothing. The rest of the pie is too thin to see.\n */\nconst WHOLE = 1 - 1e-5;\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    tintTooltip(this._tooltip, this._colors[index]);\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  protected _share(index: number) {\n    const [start, end] = this._turns[index];\n    if (end <= start) return '';\n    return percentLabel(this.el, end - start, (this._percents ??= []));\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 >= WHOLE\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": ";;;;;;;;;;;;;;;AAOA,IAAM,SAAS;AAMf,IAAM,QAAQ,IAAI;AAElB,IAAM,QAAQ;AAEd,IAAM,cAAc;AACpB,IAAI,UAAU;AAGd,SAAS,SAAS,MAAc;AAE9B,QAAM,CAAC,EAAE,WAAW,IAAI,WAAW,GAAG,IAAI,iCAAiC,KAAK,KAAK,QAAQ,eAAe,EAAE,CAAC;AAC/G,SAAO,KAAK,IAAI,GAAG,SAAS,SAAS,OAAO,QAAQ,CAAC;AACvD;AAUA,SAAS,MAAM,OAAgC,MAAc,QAAiB;AAC5E,QAAM,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,IAAI;AACvC,QAAM,KAAK,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC/B,MAAI,WAAW,OAAW,IAAG,QAAQ,MAAM;AAC3C,QAAM,QAAQ,GAAG,SAAS,MAAM;AAChC,QAAM,QAAQ,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM;AAC7B,UAAM,OAAO,GAAG,MAAM,GAAG,QAAQ,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,MAC9C,gBAAgB,CAAC,kCAAkC,QAAQ,IAAI,KAAK,IAAI,gCAAgC;AAC1G,SAAK,MAAM,YAAY,wBAAwB,GAAG,OAAO,IAAI,QAAQ,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,GAAG;AAAA,EAClG,CAAC;AACH;AAcO,IAAM,WAAN,cAAuB,UAAU;AAAA,EAUtC,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA;AAAA,EAGA,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,UAAU;AACtB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,YAAY;AACxB,WAAO;AAAA,EACT;AAAA,EAEU,QAAQ;AAChB,UAAM,MAAM;AACZ,UAAM,QAAQ,KAAK,OAAO;AAC1B,QAAI,CAAC,MAAO;AACZ,UAAM,MAAM,KAAK,OAAO,CAAC,EAAE,OAAO,OAAe,CAAC,OAAO,OAAO,MAAM,SAAS,MAAM,CAAC,IAAI,KAAK,IAAI,GAAG,KAAM,IAAI,IAAI,CAAC;AACrH,UAAM,OAAO,KAAK,SAAS,KAAK,KAAK,MAAM,OAAO,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC;AAChG,UAAM,OAAO,CAAI,MAAW,UAAa,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK;AACpF,SAAK,SAAS,KAAK,KAAK,QAAQ,KAAK,GAAG,QAAQ,cAAc,OAAO;AAErE,SAAK,SAAS,KAAK,OAAO,IAAI,CAAC,QAAQ,MAAM;AAC3C,YAAM,SAAS,KAAK,OAAO,QAAQ,IAAI,OAAO,GAAG;AACjD,aAAO,EAAE,GAAG,QAAQ,QAAQ,MAAM,QAAQ,MAAM,KAAK,OAAO,MAAM,IAAI,KAAK,IAAI,EAAE;AAAA,IACnF,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,SAAS,KAAa,OAA+B;AAC3D,UAAM,QAAQ,MAAM,IAAI,CAAC,SAAS,KAAK,YAAY,KAAK,CAAC;AACzD,UAAM,CAAC,QAAQ,MAAM,IAAI,MAAM,MAAM,CAAC,CAAC;AACvC,WAAO,GAAG,MAAM,GAAG,aAAa,KAAK,IAAI,KAAK,WAAW,OAAO,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,MAAM;AAAA,EAC9F;AAAA,EAEQ,WAAW,OAAiB,OAAyD;AAC3F,QAAI,MAAM,KAAK,CAAC,SAAS,KAAK,QAAQ,KAAK,EAAG,QAAO,EAAE,UAAU,WAAW,0BAA0B,EAAE;AACxG,UAAM,SAAS,KAAK,IAAI,GAAG,GAAG,MAAM,IAAI,QAAQ,CAAC;AAEjD,WAAO,SAAS,KAAK,EAAE,0BAA0B,EAAE,IAAI,EAAE,uBAAuB,OAAO;AAAA,EACzF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,SAAS;AACf,UAAM,UAAU,KAAK,QAAQ,OAAO;AACpC,UAAM,SAAS,KAAK,OAAO,CAAC,GAAG,OAAO,IAAI,CAAC,UAAW,UAAU,OAAO,OAAO,KAAK,IAAI,GAAG,KAAK,CAAE;AACjG,QAAI,CAAC,UAAU,EAAE,UAAW,GAAI,QAAO;AACvC,UAAM,QAAQ,OAAO,OAAe,CAAC,KAAK,UAAU,OAAO,SAAS,IAAI,CAAC;AAEzE,UAAM,QAAQ,OAAO,IAAI,CAAC,UAAU,UAAU,QAAS,QAAQ,QAAS,MAAM,UAAW,IAAI;AAC7F,WAAO,MAAM,OAAO,OAAO,EAAE,SAAS,IAAI,QAAQ;AAAA,EACpD;AAAA,EAIA,KAAK,OAAe;AAClB,QAAI,CAAC,KAAK,YAAY,UAAU,KAAK,YAAa;AAClD,UAAM,KAAK,KAAK;AAChB,SAAK,QAAQ,QAAQ,CAAC,OAAO,MAAM,OAAO,UAAU,OAAO,UAAU,MAAM,KAAK,CAAC;AAEjF,QAAI,KAAK,SAAS,OAAQ;AAE1B,gBAAY,KAAK,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,EAChD;AAAA;AAAA,EAGU,OAAO,OAAe;AAC9B,UAAM,UAAU,KAAK,OAAO,KAAK,EAAE,CAAC,IAAI,KAAK,OAAO,KAAK,EAAE,CAAC,KAAK;AACjE,SAAK,SAAS,MAAM,YAAY,UAAU,OAAO,MAAM,CAAC;AAExD,SAAK,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG;AAAA,EACpD;AAAA;AAAA,EAGU,OAAO,OAAe;AAC9B,UAAM,CAAC,OAAO,GAAG,IAAI,KAAK,OAAO,KAAK;AACtC,QAAI,OAAO,MAAO,QAAO;AACzB,WAAO,aAAa,KAAK,IAAI,MAAM,OAAQ,KAAK,cAAL,KAAK,YAAc,CAAC,EAAE;AAAA,EACnE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASQ,SAAS;AACf,UAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,UAAM,YAAY;AAElB,UAAM,QAAmC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACxD,SAAK,OAAO,QAAQ,CAAC,CAAC,OAAO,GAAG,GAAG,MAAM;AACvC,UAAI,OAAO,MAAO;AAClB,YAAM,QAAQ,QAAQ,OAAO;AAC7B,YAAM,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,KAAK,EAAE;AACtC,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,QAAQ,SAAS,KAAK,QAAQ,CAAC;AACpC,WAAK,MAAM,YAAY,UAAU,OAAO,IAAI,CAAC;AAC7C,WAAK,UAAU,OAAO,OAAO,QAAQ,GAAG;AAExC,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,cAAc,KAAK,OAAO,CAAC;AAChC,WAAK,OAAO,IAAI;AAChB,YAAM,OAAO,IAAI;AACjB,aAAO,QAAQ,MAAM,IAAI,KAAK,OAAO,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;AAAA,IAC9D,CAAC;AAED,eAAW,KAAK,CAAC,GAAG,CAAC,GAAG;AACtB,YAAM,MAAM,CAAC,GAAG,EAAE;AAClB,YAAM,MAAM,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAAA,IACzC;AACA,WAAO;AAAA,EACT;AAAA;AAAA,EAGU,UAAqB;AAE7B,SAAK,YAAY,CAAC;AAClB,UAAM,OAAO,KAAK,OAAO,CAAC,EAAE;AAC5B,WAAO,CAAC,UAAU,oBAAoB,KAAK,SAAS,KAAK,OAAO,IAAI,CAAC,OAAO,MAAM,CAAC,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAAA,EACtH;AAAA;AAAA,EAGU,SAAS,GAAiB;AAClC,UAAM,CAAC,MAAM,KAAK,IAAI,KAAK,SAAS,CAAC;AAErC,UAAM,WAAW,QAAQ;AACzB,UAAM,OAAO,KAAK,GAAG,UAAU,SAAS,OAAO,IAC3C,WAAW,iBAAiB,KAAK,EAAE,EAAE,iBAAiB,0BAA0B,CAAC,KAAK,IACtF;AACJ,QAAI,WAAW,SAAS,KAAM,QAAO;AACrC,UAAM,QAAQ,KAAK,OAAO,UAAU,CAAC,CAAC,OAAO,GAAG,MAAM,SAAS,QAAQ,OAAO,GAAG;AAEjF,WAAO,WAAW,UAAU,UAAU,KAAK,cAAc,QAAQ,KAAK,KAAK;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOU,QAAiB;AACzB,UAAM,SAAS,KAAK,OAAO,CAAC,EAAE,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,GAAG,SAAS,CAAC,CAAC;AAC3E,UAAM,QAAQ,OAAO,OAAO,CAAC,KAAK,UAAU,MAAM,OAAO,CAAC;AAC1D,QAAI,OAAO;AACX,SAAK,SAAS,OAAO,IAAI,CAAC,UAAU,CAAC,MAAO,QAAQ,QAAQ,QAAQ,QAAQ,CAAE,CAAC;AAE/E,UAAM,QAAQ,KAAK,OAAO,OAAO,CAAC,CAAC,OAAO,GAAG,MAAM,MAAM,KAAK;AAC9D,QAAI,QAAQ;AACZ,SAAK,UAAU,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,GAAG,MAAM;AAC/C,UAAI,OAAO,MAAO,QAAO;AACzB,YAAM,QAAQ;AACd,aAAO,OAAO,UAAU,MAAM,SAAS,KAAK,QAAQ,KAAK,QAAQ,eAAW,IAAI,IAAK,QAAQ,aAAU,CAAC;AAAA,IAC1G,CAAC;AAED,UAAM,MAAM,SAAS,cAAc,KAAK;AACxC,QAAI,YAAY;AAChB,QAAI,aAAa,eAAe,MAAM;AACtC,UAAM,MAAM,QAAK,OAAO,EAAE,SAAS,mBAAmB,WAAW,QAAQ,CAAC;AAC1E,UAAM,KAAK,kBAAkB,EAAE,OAAO;AACtC,UAAM,OAAO,EAAE,GAAG,OAAO,GAAG,OAAO,OAAO,OAAO,QAAQ,MAAM;AAC/D,UAAM,OAAO,QAAK,QAAQ,EAAE,IAAI,WAAW,kBAAkB,GAAG,KAAK,CAAC;AACtE,SAAK;AAAA,MACH,QAAK,QAAQ,EAAE,GAAG,MAAM,MAAM,QAAQ,CAAC;AAAA,MACvC,QAAK,QAAQ;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG,MAAM,SAAS,IAAI,MAAM,IAAI,CAAC,CAAC,KAAK,MAAM,QAAQ,WAAG,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI;AAAA,MACnF,CAAC;AAAA,MACD,QAAK,UAAU,EAAE,OAAO,kBAAkB,GAAG,OAAO,MAAM,GAAG,MAAM,QAAQ,CAAC;AAAA,IAC9E;AAEA,UAAM,SAAS,QAAK,KAAK,EAAE,MAAM,QAAQ,EAAE,IAAI,CAAC;AAChD,UAAM,MAAM,IAAI,MAAM,IAAI,MAAM;AAChC,SAAK,UAAU,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,GAAG,GAAG,MAAM;AAClD,UAAI,OAAO,MAAO,QAAO;AACzB,YAAMA,SAAQ,QAAK,QAAQ;AAAA,QACzB,OAAO;AAAA,QACP,eAAe,KAAK,QAAQ,CAAC;AAAA;AAAA,QAE7B,GAAG,MAAM,SAAS,QACd,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,MAC1D,QAAQ,WAAG,OAAO,MAAM,CAAC,GAAG,GAAG,IAAI,MAAM,QAAQ,MAAM,IAAI,CAAC,MAAM,WAAG,KAAK,MAAM,CAAC;AAAA,MACvF,CAAC;AACD,aAAO,OAAOA,MAAK;AACnB,aAAOA;AAAA,IACT,CAAC;AACD,QAAI,OAAO,MAAM,MAAM;AACvB,QAAI,OAAO,KAAK,GAAG,KAAK,OAAO,CAAC;AAEhC,UAAM,SAAS,KAAK,OAAO,iBAAiB;AAC5C,QAAI,OAAQ,KAAI,OAAO,MAAM;AAC7B,WAAO;AAAA,EACT;AAAA;AAAA,EAGQ,SAAoB;AAC1B,UAAM,QAAmB,CAAC;AAC1B,QAAI,KAAK,GAAG,UAAU,SAAS,QAAQ,EAAG,OAAM,KAAK,KAAK,QAAQ,CAAC;AACnE,QAAI,KAAK,GAAG,UAAU,SAAS,QAAQ,KAAK,CAAC,KAAK,GAAG,UAAU,SAAS,WAAW,EAAG,OAAM,KAAK,KAAK,OAAO,CAAC;AAC9G,WAAO;AAAA,EACT;AAAA;AAAA,EAGQ,UAAU;AAChB,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AACnB,SAAK,OAAO,QAAQ,CAAC,CAAC,OAAO,GAAG,GAAG,MAAM;AACvC,UAAI,MAAM,QAAQ,YAAa;AAC/B,YAAM,QAAQ,SAAS,cAAc,MAAM;AAC3C,YAAM,QAAQ,SAAS,KAAK,QAAQ,CAAC;AACrC,YAAM,MAAM,YAAY,UAAU,QAAQ,QAAQ,OAAO,CAAC,CAAC;AAC3D,YAAM,cAAc,KAAK,OAAO,CAAC;AACjC,aAAO,OAAO,KAAK;AAAA,IACrB,CAAC;AACD,WAAO;AAAA,EACT;AACF;AA/Oa,SA0EJ,MAAM;",
+  "names": ["slice"]
+}

package/dist/js/chunks/{chunk-OP43LLIC.mjs → chunk-36GELQGX.mjs}

@@ -1,10 +1,10 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
 import {
   Utils,
   restoreAttribute
-} from "./chunk-ZVLOUDIJ.mjs";
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/components/expandingCard.ts
 var _defaults = {
@@ -130,7 +130,7 @@ var ExpandingCard = class extends Component {
   static Init() {
     Utils.onDocumentReady(() => {
       document.querySelectorAll(EXPANDING_CARD_SELECTOR).forEach((el) => {
-        if (el["Expressive_ExpandingCard"] == void 0) {
+        if (this.getInstance(el) === void 0) {
           this.init(el);
         }
       });
@@ -143,4 +143,4 @@ export {
   EXPANDING_CARD_SELECTOR,
   ExpandingCard
 };
-//# sourceMappingURL=chunk-OP43LLIC.mjs.map
+//# sourceMappingURL=chunk-36GELQGX.mjs.map

package/dist/js/chunks/{chunk-OP43LLIC.mjs.map → chunk-36GELQGX.mjs.map}

@@ -1,7 +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": ";;;;;;;;;AAQA,IAAM,YAAkC;AAAA,EACtC,QAAQ;AAAA,EACR,SAAS;AACX;AAEO,IAAM,0BACX;AAKK,IAAM,gBAAN,cAA4B,UAAgC;AAAA,EASjE,YAAY,IAAiB,SAAwC;AACnE,UAAM,IAAI,OAAO;AATnB,kBAAkB;AAIlB,SAAQ,kBAAkB;AAE1B;AAAA,SAAQ,kBAAiD,CAAC;AA0C1D,SAAQ,sBAAsB,MAAM;AAClC,YAAM,EAAE,OAAO,IAAI,KAAK;AACxB,WAAK,SAAS,iBAAiB,SAAS,KAAK,MAAM,EAAE,OAAO,CAAC;AAC7D,WAAK,SAAS,iBAAiB,YAAY,KAAK,wBAAwB,EAAE,OAAO,CAAC;AAClF,WAAK,aAAa,iBAAiB,SAAS,KAAK,OAAO,EAAE,OAAO,CAAC;AAClE,WAAK,QAAQ,iBAAiB,UAAU,KAAK,eAAe,EAAE,OAAO,CAAC;AACtE,WAAK,QAAQ,iBAAiB,SAAS,KAAK,oBAAoB,EAAE,OAAO,CAAC;AAAA,IAC5E;AAEA,SAAQ,yBAAyB,CAAC,UAAyB;AACzD,UAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,cAAM,eAAe;AACrB,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAEA,SAAQ,gBAAgB,CAAC,UAAiB;AACxC,YAAM,eAAe;AACrB,WAAK,MAAM;AAAA,IACb;AAEA,SAAQ,qBAAqB,MAAM;AAEjC,UAAI,KAAK,OAAO,KAAM;AAEtB,YAAM,UAAU,KAAK;AACrB,WAAK,UAAU;AACf,UAAI,QAAS,MAAK,QAAQ,SAAS,KAAK,QAAQ,SAAS,EAAE,SAAS,MAAM,CAAC,KAAK,OAAO,CAAC;AAAA,IAC1F;AAUA,SAAQ,uBAAuB,MAAM;AACnC,UAAI,CAAC,KAAK,OAAQ;AAClB,YAAM,OAAO,KAAK,GAAG,sBAAsB;AAC3C,YAAM,QAAQ,KAAK,GAAG;AAAA,QACpB;AAAA,MACF;AACA,YAAM,YAAY,OAAO,sBAAsB;AAC/C,YAAM,MAAM,CAAC,MAAc,OACzB,KAAK,OAAO,MAAM;AAAA,QAChB,iCAAiC,IAAI;AAAA,QACrC,GAAG,KAAK,IAAI,GAAG,EAAE,CAAC;AAAA,MACpB;AAEF,UAAI,OAAO,KAAK,GAAG;AACnB,UAAI,SAAS,OAAO,aAAa,KAAK,KAAK;AAC3C,UAAI,UAAU,OAAO,cAAc,KAAK,MAAM;AAC9C,UAAI,QAAQ,KAAK,IAAI;AACrB,UAAI,gBAAgB,WAAW,UAAU,CAAC;AAAA,IAC5C;AAEA,gBAAmB,MAAM;AACvB,UAAI,KAAK,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,QAAS;AAClD,WAAK;AAEL,WAAK,qBAAqB;AAC1B,WAAK,SAAS;AACd,WAAK,QAAQ,eAAe;AAC5B,WAAK,OAAO,UAAU;AAEtB,WAAK,KAAK,OAAO;AACjB,WAAK,OAAO,UAAU,IAAI,UAAU;AACpC,WAAK,aAAa,MAAM;AAExB,WAAK,QAAQ,QAAQ,KAAK,QAAQ,QAAQ,EAAE,SAAS,MAAM,KAAK,OAAO,CAAC;AAAA,IAC1E;AAEA,iBAAoB,MAAM;AACxB,UAAI,CAAC,KAAK,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,QAAS;AACnD,WAAK,qBAAqB;AAC1B,WAAK,UAAU;AACf,YAAM,aAAa,KAAK;AAExB,WAAK,QAAQ,SAAS,KAAK,QAAQ,SAAS,EAAE,SAAS,MAAM,CAAC,KAAK,OAAO,CAAC;AAE3E,YAAM,SAAS,MAAM;AACnB,YAAI,eAAe,KAAK,mBAAmB,KAAK,UAAU,CAAC,KAAK,OAAO,KAAM;AAC7E,aAAK,OAAO,MAAM;AAClB,YAAI,KAAK,OAAO,eAAe,KAAK,QAAQ,YAAa,MAAK,QAAQ,MAAM;AAAA,MAC9E;AACA,YAAM,gBAAgB,OAAO;AAAA,QAC3B;AAAA,MACF,EAAE;AAGF,YAAM,cAAc,gBAAgB,CAAC,KAAK,KAAK,OAAO,gBAAgB,KAAK,CAAC,GACzE,OAAO,CAAC,cAAe,UAA4B,uBAAuB,WAAW;AACxF,UAAI,YAAY,WAAW,EAAG,QAAO;AAAA,UAChC,MAAK,QAAQ,WAAW,YAAY,IAAI,CAAC,cAAc,UAAU,QAAQ,CAAC,EAAE,KAAK,MAAM;AAAA,IAC9F;AArIE,SAAK,SAAS,KAAK,GAAG;AAAA,MACpB;AAAA,IACF;AACA,SAAK,UAAU,KAAK,GAAG;AAAA,MACrB;AAAA,IACF;AACA,SAAK,cACH,KAAK,QAAQ,cAAc,uBAAuB,KAAK;AAEzD,QAAI,KAAK,WAAW,KAAK,QAAQ;AAC/B,iBAAW,QAAQ,CAAC,iBAAiB,iBAAiB,YAAY,MAAM;AACtE,aAAK,gBAAgB,IAAI,IAAI,KAAK,QAAQ,aAAa,IAAI;AAC7D,WAAK,QAAQ,eAAe;AAC5B,UAAI,KAAK,OAAO;AACd,aAAK,QAAQ,aAAa,iBAAiB,KAAK,OAAO,EAAE;AAC3D,UAAI,CAAC,KAAK,QAAQ,QAAQ,0CAA0C,GAAG;AACrE,aAAK,QAAQ,WAAW;AACxB,aAAK,QAAQ,aAAa,QAAQ,QAAQ;AAAA,MAC5C;AACA,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,WAAW,WAAiC;AAC1C,WAAO;AAAA,EACT;AAAA,EAIA,UAAU;AACR,SAAK,QAAQ,MAAM;AACnB,SAAK,UAAU;AACf,QAAI,KAAK,QAAQ,KAAM,MAAK,OAAO,MAAM;AACzC,eAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,KAAK,eAAe,EAAG,kBAAiB,KAAK,SAAS,MAAM,KAAK;AAC5G,UAAM,QAAQ;AAAA,EAChB;AAAA;AAAA,EAiCQ,YAAY;AAClB,SAAK;AACL,SAAK,SAAS;AACd,QAAI,KAAK,QAAS,MAAK,QAAQ,eAAe;AAC9C,SAAK,QAAQ,UAAU,OAAO,UAAU;AAAA,EAC1C;AAAA,EA8DA,OAAO,OAAO;AACZ,UAAM,gBAAgB,MAAM;AAC1B,eAAS,iBAAiB,uBAAuB,EAAE,QAAQ,CAAC,OAAO;AACjE,YAAI,GAAG,0BAA0B,KAAK,QAAW;AAC/C,eAAK,KAAK,EAAiB;AAAA,QAC7B;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AA5Ja,cAuCJ,MAAM;",
+  "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 (this.getInstance(el) === undefined) {\n          this.init(el as HTMLElement);\n        }\n      });\n    });\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/js/chunks/{chunk-EC26RU2D.mjs → chunk-3FKWIRHW.mjs}

@@ -1,6 +1,9 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
+import {
+  afterFormReset
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/components/characterCounter.ts
 var _defaults = Object.freeze({});
@@ -35,6 +38,7 @@ var CharacterCounter = class extends Component {
     const options = { capture: true, signal: this._events.signal };
     this.el.addEventListener("focus", this.updateCounter, options);
     this.el.addEventListener("input", this.updateCounter, options);
+    afterFormReset(this.el, this.updateCounter, this._events.signal);
   }
   _setupCounter() {
     this.counterEl = document.createElement("span");
@@ -64,4 +68,4 @@ CharacterCounter.key = "Expressive_CharacterCounter";
 export {
   CharacterCounter
 };
-//# sourceMappingURL=chunk-EC26RU2D.mjs.map
+//# sourceMappingURL=chunk-3FKWIRHW.mjs.map

package/dist/js/chunks/chunk-3FKWIRHW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/characterCounter.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { afterFormReset } from '../core/utils';\n\nconst _defaults = Object.freeze({});\n\ntype InputElement = HTMLInputElement | HTMLTextAreaElement;\n\nexport class CharacterCounter extends Component<BaseOptions> {\n  declare el: InputElement;\n  /** Stores the reference to the counter HTML element. */\n  counterEl: HTMLSpanElement;\n  /** Specifies whether the input is valid or not. */\n  isInvalid: boolean;\n  /** Specifies whether the input text has valid length or not. */\n  isValidLength: boolean;\n\n  constructor(el: HTMLInputElement | HTMLTextAreaElement, options: Partial<BaseOptions>) {\n    super(el, options);\n\n    this.isInvalid = false;\n    this.isValidLength = false;\n\n    this._setupCounter();\n    this._setupEventHandlers();\n    // A prefilled field shows its count and over-length state before focus.\n    this.updateCounter();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_CharacterCounter';\n\n  destroy() {\n    super.destroy();\n    this._removeCounter();\n    if (this.isInvalid) this.el.classList.remove('invalid');\n  }\n\n  _setupEventHandlers() {\n    const options = { capture: true, signal: this._events.signal };\n    this.el.addEventListener('focus', this.updateCounter, options);\n    this.el.addEventListener('input', this.updateCounter, options);\n    // A form reset restores the value without an input event.\n    afterFormReset(this.el, this.updateCounter, this._events.signal);\n  }\n\n  _setupCounter() {\n    this.counterEl = document.createElement('span');\n    this.counterEl.classList.add('character-counter');\n    // The count is the whole point of the component and it changes as the\n    // user types, so it has to be a live region - otherwise a screen reader\n    // user reaches the limit without ever being told one existed. Polite so\n    // it waits for a pause instead of interrupting every keystroke, and\n    // atomic so \"18/20\" is read as one figure rather than a changed digit.\n    this.counterEl.setAttribute('aria-live', 'polite');\n    this.counterEl.setAttribute('aria-atomic', 'true');\n    this.counterEl.style.fontSize = '12px';\n    this.counterEl.style.height = '1';\n    this.el.parentElement.appendChild(this.counterEl);\n  }\n\n  _removeCounter() {\n    this.counterEl.remove();\n  }\n\n  updateCounter = () => {\n    const maxLength = parseInt(this.el.getAttribute('maxlength')),\n      actualLength = this.el.value.length;\n\n    this.isValidLength = actualLength <= maxLength;\n    let counterString = actualLength.toString();\n    if (maxLength) {\n      counterString += '/' + maxLength;\n      this._validateInput();\n    }\n    this.counterEl.textContent = counterString;\n  };\n\n  _validateInput() {\n    if (this.isValidLength && this.isInvalid) {\n      this.isInvalid = false;\n      this.el.classList.remove('invalid');\n    } else if (!this.isValidLength && !this.isInvalid) {\n      this.isInvalid = true;\n      this.el.classList.remove('valid');\n      this.el.classList.add('invalid');\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;AAGA,IAAM,YAAY,OAAO,OAAO,CAAC,CAAC;AAI3B,IAAM,mBAAN,cAA+B,UAAuB;AAAA,EAS3D,YAAY,IAA4C,SAA+B;AACrF,UAAM,IAAI,OAAO;AAkDnB,yBAAgB,MAAM;AACpB,YAAM,YAAY,SAAS,KAAK,GAAG,aAAa,WAAW,CAAC,GAC1D,eAAe,KAAK,GAAG,MAAM;AAE/B,WAAK,gBAAgB,gBAAgB;AACrC,UAAI,gBAAgB,aAAa,SAAS;AAC1C,UAAI,WAAW;AACb,yBAAiB,MAAM;AACvB,aAAK,eAAe;AAAA,MACtB;AACA,WAAK,UAAU,cAAc;AAAA,IAC/B;AA3DE,SAAK,YAAY;AACjB,SAAK,gBAAgB;AAErB,SAAK,cAAc;AACnB,SAAK,oBAAoB;AAEzB,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,WAAW,WAAwB;AACjC,WAAO;AAAA,EACT;AAAA,EAIA,UAAU;AACR,UAAM,QAAQ;AACd,SAAK,eAAe;AACpB,QAAI,KAAK,UAAW,MAAK,GAAG,UAAU,OAAO,SAAS;AAAA,EACxD;AAAA,EAEA,sBAAsB;AACpB,UAAM,UAAU,EAAE,SAAS,MAAM,QAAQ,KAAK,QAAQ,OAAO;AAC7D,SAAK,GAAG,iBAAiB,SAAS,KAAK,eAAe,OAAO;AAC7D,SAAK,GAAG,iBAAiB,SAAS,KAAK,eAAe,OAAO;AAE7D,mBAAe,KAAK,IAAI,KAAK,eAAe,KAAK,QAAQ,MAAM;AAAA,EACjE;AAAA,EAEA,gBAAgB;AACd,SAAK,YAAY,SAAS,cAAc,MAAM;AAC9C,SAAK,UAAU,UAAU,IAAI,mBAAmB;AAMhD,SAAK,UAAU,aAAa,aAAa,QAAQ;AACjD,SAAK,UAAU,aAAa,eAAe,MAAM;AACjD,SAAK,UAAU,MAAM,WAAW;AAChC,SAAK,UAAU,MAAM,SAAS;AAC9B,SAAK,GAAG,cAAc,YAAY,KAAK,SAAS;AAAA,EAClD;AAAA,EAEA,iBAAiB;AACf,SAAK,UAAU,OAAO;AAAA,EACxB;AAAA,EAeA,iBAAiB;AACf,QAAI,KAAK,iBAAiB,KAAK,WAAW;AACxC,WAAK,YAAY;AACjB,WAAK,GAAG,UAAU,OAAO,SAAS;AAAA,IACpC,WAAW,CAAC,KAAK,iBAAiB,CAAC,KAAK,WAAW;AACjD,WAAK,YAAY;AACjB,WAAK,GAAG,UAAU,OAAO,OAAO;AAChC,WAAK,GAAG,UAAU,IAAI,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAnFa,iBAyBJ,MAAM;",
+  "names": []
+}

package/dist/js/chunks/{chunk-Y6H2X7ZC.mjs → chunk-3KF65KGL.mjs}

@@ -1,9 +1,9 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
 import {
   Utils
-} from "./chunk-ZVLOUDIJ.mjs";
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/components/swipeActions.ts
 var _defaults = {
@@ -206,4 +206,4 @@ SwipeActions.key = "Expressive_SwipeActions";
 export {
   SwipeActions
 };
-//# sourceMappingURL=chunk-Y6H2X7ZC.mjs.map
+//# sourceMappingURL=chunk-3KF65KGL.mjs.map

package/dist/js/chunks/{chunk-4QUCNFSD.mjs → chunk-3KLZRQZI.mjs}

@@ -1,9 +1,10 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
 import {
+  Utils,
   restoreAttribute
-} from "./chunk-ZVLOUDIJ.mjs";
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/components/carousel.ts
 var _defaults = {
@@ -70,10 +71,16 @@ var Carousel = class extends Component {
     this._handleAutoAdvanceState = (e) => {
       if (e.type === "mouseenter") this._hovered = true;
       else if (e.type === "mouseleave") this._hovered = false;
-      else if (e.type === "focusin") this._focused = true;
+      else if (e.type === "focusin") this._focused = Utils.eventTarget(e).matches(":focus-visible");
       else if (e.type === "focusout") this._focused = this.el.contains(e.relatedTarget);
       this._syncAutoAdvance();
     };
+    // A key pressed in here means keyboard use, with no new focus event when the
+    // focus began with a mouse click or moves within a shadow root.
+    this._handleAutoAdvanceKey = () => {
+      this._focused = true;
+      this._syncAutoAdvance();
+    };
     this._handleMotionChange = () => {
       this._syncAutoAdvance();
       if (this._motion.matches) this._scrollToIndex(this.center, false);
@@ -149,6 +156,7 @@ var Carousel = class extends Component {
         this._suppressClick = false;
       }, 0);
       this._syncActive(this._nearestIndex(), true);
+      this.dragged = false;
     };
     this._handleTrackClick = (e) => {
       if (!this._suppressClick) return;
@@ -236,7 +244,9 @@ var Carousel = class extends Component {
     this.images.forEach((item) => {
       this._itemA11yOriginal.set(item, {
         ariaHidden: item.getAttribute("aria-hidden"),
-        tabIndex: item.getAttribute("tabindex")
+        tabIndex: item.getAttribute("tabindex"),
+        active: item.classList.contains("active"),
+        itemClass: item.classList.contains("carousel-item")
       });
       if (item.hasAttribute("data-carousel-size")) this._authoredItemSizes.add(item);
     });
@@ -349,6 +359,7 @@ var Carousel = class extends Component {
       this.el.addEventListener("mouseleave", this._handleAutoAdvanceState, { signal });
       this.el.addEventListener("focusin", this._handleAutoAdvanceState, { signal });
       this.el.addEventListener("focusout", this._handleAutoAdvanceState, { signal });
+      this.el.addEventListener("keydown", this._handleAutoAdvanceKey, { signal });
       document.addEventListener("visibilitychange", this._handleAutoAdvanceState, { signal });
     }
     if (this.showIndicators && this._indicators) {
@@ -385,12 +396,9 @@ var Carousel = class extends Component {
       if (this._generatedItemLabels.has(el)) el.removeAttribute("aria-label");
       if (this._generatedItemDescriptions.has(el)) el.removeAttribute("aria-roledescription");
       if (this._generatedItemSizes.has(el)) el.removeAttribute("data-carousel-size");
-      const original = this._itemA11yOriginal.get(el);
-      if (original) {
-        restoreAttribute(el, "aria-hidden", original.ariaHidden);
-        restoreAttribute(el, "tabindex", original.tabIndex);
-      }
+      this._restoreItemState(el);
     });
+    this.el.classList.remove("dragging", "scrolling");
     if (this._generatedContainerRole) this.el.removeAttribute("role");
     if (this._generatedContainerLabel) this.el.removeAttribute("aria-label");
     if (this._generatedContainerDescription) this.el.removeAttribute("aria-roledescription");
@@ -408,6 +416,19 @@ var Carousel = class extends Component {
       );
     }
   }
+  /**
+   * Puts back an item's accessibility attributes, its authored `active`
+   * class and, for an item found without it, the `carousel-item` class. A
+   * carousel started again used to begin at the last shown item.
+   */
+  _restoreItemState(el) {
+    const original = this._itemA11yOriginal.get(el);
+    if (!original) return;
+    restoreAttribute(el, "aria-hidden", original.ariaHidden);
+    restoreAttribute(el, "tabindex", original.tabIndex);
+    el.classList.toggle("active", original.active);
+    if (!original.itemClass) el.classList.remove("carousel-item");
+  }
   /** Start or stop the timer to match the current pause state. */
   _syncAutoAdvance() {
     const run = this._autoAdvances && !this._autoPaused && !this._hovered && !this._focused && !this._motion.matches && !document.hidden;
@@ -628,4 +649,4 @@ Carousel.key = "Expressive_Carousel";
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-4QUCNFSD.mjs.map
+//# sourceMappingURL=chunk-3KLZRQZI.mjs.map

package/dist/js/chunks/chunk-3KLZRQZI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/carousel.ts"],
+  "sourcesContent": ["import { Utils, restoreAttribute } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\n\nexport interface CarouselI18nOptions {\n  carousel: string;\n  item: string;\n  of: string;\n  indicators: string;\n  slide: string;\n}\n\nexport interface CarouselOptions extends BaseOptions {\n  /**\n   * Milliseconds allowed for a programmatic scroll to land. The track itself\n   * scrolls at the browser's own smooth-scroll speed; this only bounds how\n   * long the component waits for `scrollend` before assuming it arrived, and\n   * is added to `interval` to time each auto-advance rest.\n   * @default 200\n   */\n  duration: number;\n  /**\n   * Show paging dots. Only drawn when there is more than one item.\n   * @default false\n   */\n  indicators: boolean;\n  /**\n   * Stop auto-advance at the last item instead of looping back to the first.\n   * A scroll track never wraps under arrow keys or `set()` either way.\n   * @default false\n   */\n  noWrap: boolean;\n  /**\n   * Milliseconds to rest between automatic advances, on top of `duration` -\n   * the gap follows each transition rather than containing it, so a full cycle\n   * takes `duration + interval`. 0 leaves auto-advance off.\n   * Whenever it is set the track pauses on hover and on keyboard focus, and\n   * `prefers-reduced-motion: reduce` suppresses it entirely - auto-advancing\n   * content is WCAG 2.2.2 territory, so neither is an option an author can\n   * turn off. `noWrap` stops it after one pass instead of looping.\n   * @default 0\n   */\n  interval: number;\n  /**\n   * Fixed track height in pixels. `null` sizes the carousel from its content.\n   * A fixed height gives the indicators their own row below the track instead\n   * of laying them over the media.\n   * @default null\n   */\n  height: number | null;\n  /**\n   * Called when a new item becomes the center.\n   * @default null\n   */\n  onCycleTo: (current: Element, dragged: boolean) => void;\n  /**\n   * Accessible names generated for an unlabeled carousel, its items and its\n   * indicators.\n   */\n  i18n: Partial<CarouselI18nOptions>;\n}\n\nconst _defaults: CarouselOptions = {\n  duration: 200,\n  indicators: false,\n  noWrap: false,\n  interval: 0,\n  height: null,\n  onCycleTo: null,\n  i18n: {\n    carousel: 'Carousel',\n    item: 'Item',\n    of: 'of',\n    indicators: 'Slides',\n    slide: 'Slide'\n  }\n};\n\nconst naturallyFocusable =\n  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), ' +\n  'textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport class Carousel extends Component<CarouselOptions> {\n  hasMultipleSlides: boolean;\n  showIndicators: boolean;\n  pressed: boolean;\n  dragged: boolean;\n  images: HTMLElement[];\n  _indicators: HTMLUListElement | HTMLElement;\n  count: number;\n  center: number = 0;\n  scrollingTimeout: ReturnType<typeof setTimeout>;\n  oneTimeCallback: (current: Element, dragged: boolean) => void | null;\n\n  private _ownIndicators: boolean = false;\n  private _trackEl: HTMLElement | null = null;\n  private _ignoreScroll: boolean = false;\n  private _alignAfterResize = false;\n  private _scrollEndTimeout: ReturnType<typeof setTimeout>;\n  private _trackRaf: number = null;\n  private _started: boolean = false;\n  private _vertical: boolean = false;\n  private _resizeObserver: ResizeObserver | null = null;\n  private _resizeTimeout: ReturnType<typeof setTimeout> = null;\n  private _dragPointerId: number | null = null;\n  private _dragStartX: number = 0;\n  private _dragStartY: number = 0;\n  private _dragStartScroll: number = 0;\n  private _suppressClick: boolean = false;\n  private _suppressClickTimeout: ReturnType<typeof setTimeout> = null;\n  private _generatedContainerRole: boolean = false;\n  private _generatedContainerLabel: boolean = false;\n  private _generatedContainerDescription: boolean = false;\n  private _generatedWideLayout: boolean = false;\n  private _generatedFixedHeight: boolean = false;\n  private _authoredInlineHeight: string | null = null;\n  private _autoAdvanceTimer: ReturnType<typeof setTimeout> = null;\n  private _autoAdvances: boolean = false;\n  private _autoPaused: boolean = false;\n  private _hovered: boolean = false;\n  private _focused: boolean = false;\n  private _motion = window.matchMedia('(prefers-reduced-motion: reduce)');\n  private _generatedItemTabIndexes = new Set<HTMLElement>();\n  private _generatedItemLabels = new Set<HTMLElement>();\n  private _generatedItemDescriptions = new Set<HTMLElement>();\n  private _generatedItemSizes = new Set<HTMLElement>();\n  private _authoredItemSizes = new Set<HTMLElement>();\n  private _itemA11yOriginal = new Map<\n    HTMLElement,\n    { ariaHidden: string | null; tabIndex: string | null; active: boolean; itemClass: boolean }\n  >();\n\n  private get _scroller(): HTMLElement {\n    return this._trackEl ?? this.el;\n  }\n\n  constructor(el: HTMLElement, options: Partial<CarouselOptions>) {\n    super(el, options);\n\n    this._vertical = this.el.classList.contains('full-screen');\n\n    this.pressed = false;\n    this.dragged = false;\n    this.images = this._collectItems();\n    if (!this.images.length) {\n      console.error('Carousel: no .carousel-item elements to show');\n      return;\n    }\n    this.images.forEach((item) => {\n      this._itemA11yOriginal.set(item, {\n        ariaHidden: item.getAttribute('aria-hidden'),\n        tabIndex: item.getAttribute('tabindex'),\n        active: item.classList.contains('active'),\n        itemClass: item.classList.contains('carousel-item')\n      });\n      if (item.hasAttribute('data-carousel-size')) this._authoredItemSizes.add(item);\n    });\n\n    this.hasMultipleSlides = this.images.length > 1;\n    this.showIndicators = this.options.indicators && this.hasMultipleSlides;\n    this.count = this.images.length;\n\n    this._autoAdvances = this.options.interval > 0 && this.hasMultipleSlides;\n\n    this.images.forEach((item) => item.classList.add('carousel-item'));\n    if (this.options.height !== null) {\n      this._generatedFixedHeight = !this.el.classList.contains('fixed-height');\n      this._authoredInlineHeight = this.el.style.getPropertyValue('--carousel-height') || null;\n      this.el.classList.add('fixed-height');\n      this.el.style.setProperty('--carousel-height', `${this.options.height}px`);\n    }\n    this._wrapTrack();\n    this._syncAdaptiveMode();\n\n    if (this.showIndicators) this._setupIndicators();\n\n    this._setupAccessibility();\n\n    this._setupEventHandlers();\n    this._started = true;\n\n    const start = Math.max(\n      0,\n      this.images.findIndex((el) => el.classList.contains('active'))\n    );\n    this.center = start;\n    this._syncActive(start, false);\n    this._updateParallax();\n    this._scrollToIndex(start, false);\n\n    this._syncAutoAdvance();\n  }\n\n  static get defaults(): CarouselOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Carousel';\n\n  destroy() {\n    if (this._started) this._teardown();\n    super.destroy();\n  }\n\n  private _collectItems(): HTMLElement[] {\n    const explicit = Array.from(this.el.children).filter(\n      (el): el is HTMLElement => el instanceof HTMLElement && el.classList.contains('carousel-item')\n    );\n    if (explicit.length) return explicit;\n    return Array.from(this.el.children).filter((el): el is HTMLElement => {\n      if (!(el instanceof HTMLElement)) return false;\n      if (el.classList.contains('indicators')) {\n        return false;\n      }\n      return el.tagName !== 'NAV';\n    });\n  }\n\n  private _setupAccessibility() {\n    if (!this.el.hasAttribute('role')) {\n      this.el.setAttribute('role', 'region');\n      this._generatedContainerRole = true;\n    }\n    if (!this.el.hasAttribute('aria-label') && !this.el.hasAttribute('aria-labelledby')) {\n      this.el.setAttribute('aria-label', this.options.i18n.carousel);\n      this._generatedContainerLabel = true;\n    }\n    if (!this.el.hasAttribute('aria-roledescription')) {\n      this.el.setAttribute('aria-roledescription', 'carousel');\n      this._generatedContainerDescription = true;\n    }\n\n    this.images.forEach((item, index) => {\n      if (!item.hasAttribute('aria-roledescription')) {\n        item.setAttribute('aria-roledescription', 'slide');\n        this._generatedItemDescriptions.add(item);\n      }\n\n      if (!item.hasAttribute('aria-label') && !item.hasAttribute('aria-labelledby')) {\n        const mediaName = item.querySelector('img[alt]')?.getAttribute('alt')?.trim();\n        const textName = item.textContent?.replace(/\\s+/g, ' ').trim();\n        const name = mediaName || textName;\n        const position = `${this.options.i18n.item} ${index + 1} ${this.options.i18n.of} ${this.count}`;\n        item.setAttribute('aria-label', name ? `${name}, ${position}` : position);\n        this._generatedItemLabels.add(item);\n      }\n\n      if (!item.matches(naturallyFocusable) && !item.querySelector(naturallyFocusable)) {\n        item.tabIndex = 0;\n        this._generatedItemTabIndexes.add(item);\n      }\n    });\n  }\n\n  private _setupIndicators() {\n    const existing = Array.from(this.el.children).find(\n      (el): el is HTMLElement => el instanceof HTMLElement && el.classList.contains('indicators')\n    );\n    this._indicators = existing ?? document.createElement('nav');\n    this._ownIndicators = !existing;\n    this._indicators.classList.add('indicators');\n    this._indicators.setAttribute('aria-label', this.options.i18n.indicators);\n    this._indicators.replaceChildren();\n\n    this.images.forEach((_, i) => {\n      const button = document.createElement('button');\n      button.type = 'button';\n      button.classList.add('indicator-item');\n      button.setAttribute('aria-label', `${this.options.i18n.slide} ${i + 1}`);\n      this._indicators.appendChild(button);\n    });\n\n    if (this._ownIndicators) this.el.appendChild(this._indicators);\n  }\n\n  _setupEventHandlers() {\n    const { signal } = this._events;\n    this.el.addEventListener('keydown', this._handleKeydown, { signal });\n    this._motion.addEventListener('change', this._handleMotionChange, { signal });\n    if (this._autoAdvances) {\n      this.el.addEventListener('mouseenter', this._handleAutoAdvanceState, { signal });\n      this.el.addEventListener('mouseleave', this._handleAutoAdvanceState, { signal });\n      this.el.addEventListener('focusin', this._handleAutoAdvanceState, { signal });\n      this.el.addEventListener('focusout', this._handleAutoAdvanceState, { signal });\n      this.el.addEventListener('keydown', this._handleAutoAdvanceKey, { signal });\n      // Browsers clamp a background tab's timers rather than stopping them, so\n      // without this the track keeps cycling out of sight.\n      document.addEventListener('visibilitychange', this._handleAutoAdvanceState, { signal });\n    }\n    if (this.showIndicators && this._indicators) {\n      this._indicators.addEventListener('click', this._handleIndicatorClick, { signal });\n    }\n    this._resizeObserver = new ResizeObserver(() => this._handleThrottledResize());\n    this._resizeObserver.observe(this.el);\n\n    // Full-screen needs a window signal when orientation changes without\n    // changing the container width. ResizeObserver handles every other track,\n    // including pane resizes.\n    if (this.el.classList.contains('full-screen')) {\n      window.addEventListener('resize', this._handleThrottledResize, { passive: true, signal });\n    }\n\n    this._scroller.addEventListener('scroll', this._handleTrackScroll, { passive: true, signal });\n    this._scroller.addEventListener('pointerdown', this._handleTrackPointerDown, { signal });\n    this._scroller.addEventListener('wheel', this._handleNativeScroll, { passive: true, signal });\n    this._scroller.addEventListener('click', this._handleTrackClick, { capture: true, signal });\n    this._scroller.addEventListener('dragstart', this._handleTrackDragStart, { signal });\n    this._scroller.addEventListener('transitionend', this._handleItemResize, { signal });\n  }\n\n  private _teardown() {\n    this._started = false;\n    this._events.abort();\n    this._resizeObserver?.disconnect();\n    this._resizeObserver = null;\n    this._finishScroll();\n    this._autoAdvances = false;\n    this._syncAutoAdvance();\n    if (this._trackRaf !== null) cancelAnimationFrame(this._trackRaf);\n    window.clearTimeout(this.scrollingTimeout);\n    window.clearTimeout(this._suppressClickTimeout);\n    clearTimeout(this._resizeTimeout);\n    if (this._ownIndicators) this._indicators?.remove();\n    this._unwrapTrack();\n    this.images.forEach((el) => {\n      el.style.removeProperty('--md-comp-carousel-item-parallax');\n      if (this._generatedItemLabels.has(el)) el.removeAttribute('aria-label');\n      if (this._generatedItemDescriptions.has(el)) el.removeAttribute('aria-roledescription');\n      if (this._generatedItemSizes.has(el)) el.removeAttribute('data-carousel-size');\n      this._restoreItemState(el);\n    });\n    // A drag or scroll that destroy() cut short leaves its state class behind.\n    this.el.classList.remove('dragging', 'scrolling');\n    if (this._generatedContainerRole) this.el.removeAttribute('role');\n    if (this._generatedContainerLabel) this.el.removeAttribute('aria-label');\n    if (this._generatedContainerDescription) this.el.removeAttribute('aria-roledescription');\n    if (this._generatedFixedHeight) this.el.classList.remove('fixed-height');\n    if (this.options.height !== null) {\n      if (this._authoredInlineHeight === null) this.el.style.removeProperty('--carousel-height');\n      else this.el.style.setProperty('--carousel-height', this._authoredInlineHeight);\n    }\n    if (this._generatedWideLayout) {\n      this.el.classList.remove(\n        'multi-wide',\n        'multi-large',\n        'multi-extra-large',\n        'full-screen-horizontal'\n      );\n    }\n  }\n\n  /**\n   * Puts back an item's accessibility attributes, its authored `active`\n   * class and, for an item found without it, the `carousel-item` class. A\n   * carousel started again used to begin at the last shown item.\n   */\n  private _restoreItemState(el: HTMLElement) {\n    const original = this._itemA11yOriginal.get(el);\n    if (!original) return;\n    restoreAttribute(el, 'aria-hidden', original.ariaHidden);\n    restoreAttribute(el, 'tabindex', original.tabIndex);\n    el.classList.toggle('active', original.active);\n    if (!original.itemClass) el.classList.remove('carousel-item');\n  }\n\n  _handleThrottledResize = () => {\n    if (!this._started || this._resizeTimeout !== null) return;\n    this._handleResize();\n    this._resizeTimeout = setTimeout(() => {\n      this._resizeTimeout = null;\n      this._handleResize();\n    }, 200);\n  };\n\n  _handleAutoAdvanceState = (e: Event) => {\n    if (e.type === 'mouseenter') this._hovered = true;\n    else if (e.type === 'mouseleave') this._hovered = false;\n    // A mouse click focuses what it hits, and only keyboard focus holds the track.\n    // The real target: a shadow host's own :focus-visible can differ from what is inside.\n    else if (e.type === 'focusin') this._focused = (Utils.eventTarget(e) as Element).matches(':focus-visible');\n    else if (e.type === 'focusout') this._focused = this.el.contains((e as FocusEvent).relatedTarget as Node);\n    this._syncAutoAdvance();\n  };\n\n  // A key pressed in here means keyboard use, with no new focus event when the\n  // focus began with a mouse click or moves within a shadow root.\n  private _handleAutoAdvanceKey = () => {\n    this._focused = true;\n    this._syncAutoAdvance();\n  };\n\n  private _handleMotionChange = () => {\n    this._syncAutoAdvance();\n    if (this._motion.matches) this._scrollToIndex(this.center, false);\n    this._updateParallax();\n  };\n\n  /** Start or stop the timer to match the current pause state. */\n  private _syncAutoAdvance() {\n    const run =\n      this._autoAdvances &&\n      !this._autoPaused &&\n      !this._hovered &&\n      !this._focused &&\n      !this._motion.matches &&\n      !document.hidden;\n    if (run && this._autoAdvanceTimer === null) {\n      // Each rest is armed after the move before it, never on a fixed phase.\n      // A repeating timer assumes the work it triggers is instant; a smooth\n      // scroll is not, so a fixed period either lands mid-scroll or, once a\n      // tick is dropped, leaves whatever is left of the period as the next\n      // rest.\n      this._autoAdvanceTimer = setTimeout(\n        this._tick,\n        this.options.duration + this.options.interval\n      );\n    } else if (!run && this._autoAdvanceTimer !== null) {\n      clearTimeout(this._autoAdvanceTimer);\n      this._autoAdvanceTimer = null;\n    }\n  }\n\n  private _tick = () => {\n    this._autoAdvanceTimer = null;\n    this._advance();\n    this._syncAutoAdvance();\n  };\n\n  private _advance = () => {\n    const next = this.center + 1;\n    if (next < this.count) {\n      this.set(next);\n      return;\n    }\n    // Arrow keys and `set()` never wrap, because a scroll container has ends.\n    // Auto-advance is the one caller that can: looping back to the first item\n    // is just a scroll. An author who asked for no wrapping gets one pass and\n    // then silence.\n    if (this.options.noWrap) {\n      this._autoAdvances = false;\n      this._syncAutoAdvance();\n      return;\n    }\n    this.set(0);\n  };\n\n  private _handleNativeScroll = () => {\n    this._alignAfterResize = false;\n    this._finishScroll();\n  };\n\n  /** The document only hears from a carousel while a mouse press is down on its track. */\n  private _setDragListeners(on: boolean) {\n    const method = on ? 'addEventListener' : 'removeEventListener';\n    // The signal also removes them when the carousel is destroyed mid-drag.\n    const options = { signal: this._events.signal };\n    document[method]('pointermove', this._handleTrackPointerMove, options);\n    document[method]('pointerup', this._handleTrackPointerUp, options);\n    document[method]('pointercancel', this._handleTrackPointerUp, options);\n  }\n\n  _handleTrackPointerDown = (e: PointerEvent) => {\n    this._handleNativeScroll();\n    if (e.pointerType !== 'mouse' || e.button !== 0) return;\n    this.pressed = true;\n    this.dragged = false;\n    this._suppressClick = false;\n    this._dragPointerId = e.pointerId;\n    this._dragStartX = e.clientX;\n    this._dragStartY = e.clientY;\n    this._dragStartScroll = this._vertical ? this._scroller.scrollTop : this._scroller.scrollLeft;\n    this._setDragListeners(true);\n  };\n\n  _handleTrackPointerMove = (e: PointerEvent) => {\n    if (!this.pressed || e.pointerId !== this._dragPointerId) return;\n    const deltaX = e.clientX - this._dragStartX;\n    const deltaY = e.clientY - this._dragStartY;\n    const primaryDelta = this._vertical ? deltaY : deltaX;\n    const crossDelta = this._vertical ? deltaX : deltaY;\n\n    if (!this.dragged) {\n      if (Math.abs(primaryDelta) < 6 || Math.abs(primaryDelta) <= Math.abs(crossDelta)) return;\n      this.dragged = true;\n      this.el.classList.add('dragging');\n      try {\n        this._scroller.setPointerCapture(e.pointerId);\n      } catch {\n        // Pointer capture is optional in older browsers and test DOMs.\n      }\n    }\n\n    if (this._vertical) this._scroller.scrollTop = this._dragStartScroll - deltaY;\n    else this._scroller.scrollLeft = this._dragStartScroll - deltaX;\n    e.preventDefault();\n  };\n\n  _handleTrackPointerUp = (e: PointerEvent) => {\n    if (!this.pressed || e.pointerId !== this._dragPointerId) return;\n    this.pressed = false;\n    this._dragPointerId = null;\n    this._setDragListeners(false);\n    this.el.classList.remove('dragging');\n    try {\n      this._scroller.releasePointerCapture(e.pointerId);\n    } catch {\n      // Pointer capture may already have been released.\n    }\n\n    if (!this.dragged) return;\n    this._suppressClick = true;\n    window.clearTimeout(this._suppressClickTimeout);\n    this._suppressClickTimeout = setTimeout(() => {\n      this._suppressClick = false;\n    }, 0);\n    this._syncActive(this._nearestIndex(), true);\n    this.dragged = false;\n  };\n\n  _handleTrackClick = (e: MouseEvent) => {\n    if (!this._suppressClick) return;\n    this._suppressClick = false;\n    e.preventDefault();\n    e.stopImmediatePropagation();\n  };\n\n  _handleTrackDragStart = (e: DragEvent) => {\n    if ((e.target as HTMLElement).closest('a, img, picture, video')) e.preventDefault();\n  };\n\n  private _handleItemResize = (e: TransitionEvent) => {\n    if (this._alignAfterResize && !this.pressed && e.propertyName === 'flex-basis' && this.images.includes(e.target as HTMLElement)) {\n      this._scrollToIndex(this.center, false);\n    }\n  };\n\n  _handleIndicatorClick = (e: Event) => {\n    e.stopPropagation();\n    const indicator = (e.target as HTMLElement).closest('.indicator-item');\n    if (!indicator || !this._indicators.contains(indicator)) return;\n    const index = [...this._indicators.children].indexOf(indicator);\n    if (index < 0) return;\n    this._cycleTo(index);\n  };\n\n  /**\n   * Keys the carousel leaves alone. Modified keys are shortcuts (Alt+Left is\n   * Back), and a nested widget that reads arrows itself - a field, a slider,\n   * tabs, a menu, media controls - keeps them.\n   */\n  private _keyBelongsElsewhere(e: KeyboardEvent) {\n    const target = e.target as HTMLElement;\n    return [e.defaultPrevented, e.altKey, e.ctrlKey, e.metaKey, e.shiftKey, target.isContentEditable].some(Boolean) ||\n      this.el.contains(target.closest(\n        'input, textarea, select, video[controls], audio[controls], [role=\"slider\"], [role=\"tablist\"], [role=\"menu\"]'\n      ));\n  }\n\n  _handleKeydown = (e: KeyboardEvent) => {\n    if (this._keyBelongsElsewhere(e)) return;\n    const rtl = getComputedStyle(this._scroller).direction === 'rtl';\n    const forward = this._vertical ? e.key === 'ArrowDown' : e.key === (rtl ? 'ArrowLeft' : 'ArrowRight');\n    const backward = this._vertical ? e.key === 'ArrowUp' : e.key === (rtl ? 'ArrowRight' : 'ArrowLeft');\n    if (e.key === 'Home') {\n      e.preventDefault();\n      this.set(0);\n      this._focusItem(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      this.set(this.count - 1);\n      this._focusItem(this.count - 1);\n    } else if (forward) {\n      e.preventDefault();\n      this.next();\n      this._focusItem(this.center);\n    } else if (backward) {\n      e.preventDefault();\n      this.prev();\n      this._focusItem(this.center);\n    }\n  };\n\n  _handleTrackScroll = () => {\n    if (!this.el.classList.contains('scrolling')) this.el.classList.add('scrolling');\n    window.clearTimeout(this.scrollingTimeout);\n    this.scrollingTimeout = setTimeout(() => this.el.classList.remove('scrolling'), 120);\n    if (this._trackRaf !== null) return;\n    this._trackRaf = requestAnimationFrame(() => {\n      this._trackRaf = null;\n      // Read the nearest index before the parallax writes invalidate style.\n      const index = this._ignoreScroll ? this.center : this._nearestIndex();\n      this._updateParallax();\n      if (index !== this.center) this._syncActive(index, this.dragged);\n    });\n  };\n\n  _handleResize = () => {\n    if (!this._started || !this.images.length) return;\n    this._syncAdaptiveMode();\n    this._syncLayoutRoles(this.center);\n    if (!this.pressed) this._scrollToIndex(this.center, false);\n    this._updateParallax();\n  };\n\n  private _paintIndicators(center: number) {\n    if (!this.showIndicators || !this._indicators) return;\n    const pos = ((center % this.count) + this.count) % this.count;\n    this._indicators.querySelectorAll('.indicator-item').forEach((el, i) => {\n      const on = i === pos;\n      el.classList.toggle('active', on);\n      if (on) el.setAttribute('aria-current', 'true');\n      else el.removeAttribute('aria-current');\n    });\n  }\n\n  /** Whether `index` is still the active item once its change is reported. */\n  private _syncActive(index: number, dragged: boolean): boolean {\n    const prev = this.center;\n    this.center = index;\n    this.images.forEach((el, i) => el.classList.toggle('active', i === index));\n    this._paintIndicators(index);\n    this._syncLayoutRoles(index);\n    const curr = this.images[index];\n    const detail = { item: curr, dragged };\n    if (prev !== index && !this._notify('change', this.options.onCycleTo, { args: [curr, dragged], detail, current: () => this.center === index })) return false;\n    if (typeof this.oneTimeCallback === 'function') {\n      this.oneTimeCallback.call(this, curr, dragged);\n      this.oneTimeCallback = null;\n    }\n    return true;\n  }\n\n  private _syncLayoutRoles(index: number) {\n    // Every size is worked out before any is written. Writing `large` to all\n    // items and then reading clientWidth forced a layout in that interim\n    // state on every center change.\n    type Size = 'large' | 'medium' | 'small';\n    const sizes: Size[] = this.images.map(() => 'large');\n    const setSize = (i: number, size: Size) => {\n      if (this.images[i]) sizes[i] = size;\n    };\n\n    if (\n      this.el.classList.contains('uncontained') ||\n      (this.el.classList.contains('full-screen') && this._vertical)\n    ) {\n      // Every item stays large.\n    } else if (\n      this.el.classList.contains('hero') ||\n      this.el.classList.contains('full-screen-horizontal')\n    ) {\n      setSize(index + 1, 'small');\n      if (this.el.classList.contains('center-aligned')) setSize(index - 1, 'small');\n    } else {\n      const width = this.el.clientWidth;\n      const desiredLargeCount = width >= 1600 ? 4 : width >= 1200 ? 3 : width >= 600 ? 2 : 1;\n      const largeCount = Math.min(desiredLargeCount, Math.max(1, this.count - 2));\n      this.el.classList.remove('multi-wide', 'multi-large', 'multi-extra-large');\n      if (largeCount === 2) this.el.classList.add('multi-wide');\n      else if (largeCount === 3) this.el.classList.add('multi-large');\n      else if (largeCount >= 4) this.el.classList.add('multi-extra-large');\n      this._generatedWideLayout = this._generatedWideLayout || largeCount > 1;\n      setSize(index + largeCount, 'medium');\n      setSize(index + largeCount + 1, 'small');\n    }\n\n    this.images.forEach((item, i) => {\n      if (this._authoredItemSizes.has(item)) return;\n      item.setAttribute('data-carousel-size', sizes[i]);\n      this._generatedItemSizes.add(item);\n    });\n  }\n\n  private _syncAdaptiveMode() {\n    if (!this.el.classList.contains('full-screen')) return;\n    const landscape = window.matchMedia('(orientation: landscape)').matches;\n    const horizontal = this.el.clientWidth >= 840 || landscape;\n    const wasVertical = this._vertical;\n    this._vertical = !horizontal;\n    this.el.classList.toggle('full-screen-horizontal', horizontal);\n    this._generatedWideLayout = this._generatedWideLayout || horizontal;\n\n    if (this._started && wasVertical !== this._vertical) {\n      this._scroller.scrollTo({ left: 0, top: 0, behavior: 'auto' });\n    }\n  }\n\n  private _focusItem(index: number) {\n    const item = this.images[index];\n    if (!item) return;\n    const focusable = item.matches(naturallyFocusable)\n      ? item\n      : item.querySelector<HTMLElement>(naturallyFocusable);\n    (focusable ?? item).focus({ preventScroll: true });\n  }\n\n  private _updateParallax() {\n    if (this._motion.matches) {\n      this.images.forEach((item) =>\n        item.style.setProperty('--md-comp-carousel-item-parallax', '0px')\n      );\n      return;\n    }\n\n    const scrollerRect = this._scroller.getBoundingClientRect();\n    const viewportCenter = this._vertical\n      ? scrollerRect.top + scrollerRect.height / 2\n      : scrollerRect.left + scrollerRect.width / 2;\n    const viewportSize = Math.max(1, this._vertical ? scrollerRect.height : scrollerRect.width);\n\n    // All reads, then all writes: a write between two reads forces a style\n    // recalculation per item on every scroll frame.\n    const rects = this.images.map((item) => item.getBoundingClientRect());\n    this.images.forEach((item, i) => {\n      const rect = rects[i];\n      const itemCenter = this._vertical ? rect.top + rect.height / 2 : rect.left + rect.width / 2;\n      const progress = Math.max(-1, Math.min(1, (itemCenter - viewportCenter) / viewportSize));\n      item.style.setProperty('--md-comp-carousel-item-parallax', `${progress * -24}px`);\n    });\n  }\n\n  private _wrapTrack() {\n    const track = document.createElement('div');\n    track.className = 'carousel-track';\n    this.images[0].before(track);\n    this.images.forEach((el) => track.appendChild(el));\n    this._trackEl = track;\n  }\n\n  private _unwrapTrack() {\n    if (!this._trackEl) return;\n    this.images.forEach((el) => this.el.insertBefore(el, this._trackEl));\n    this._trackEl.remove();\n    this._trackEl = null;\n  }\n\n  private _nearestIndex(): number {\n    const centered = this.el.classList.contains('center-aligned');\n    const style = getComputedStyle(this._scroller);\n    const rtl = !this._vertical && style.direction === 'rtl';\n    const position = this._vertical ? this._scroller.scrollTop : this._scroller.scrollLeft;\n    const viewport = this._vertical ? this._scroller.clientHeight : this._scroller.clientWidth;\n    const extent = (this._vertical ? this._scroller.scrollHeight : this._scroller.scrollWidth) - viewport;\n    const padding = parseFloat(this._vertical ? style.paddingBlockStart : style.paddingInlineStart) || 0;\n    let best = this.center;\n    let bestDist = Infinity;\n    let centerDist = Infinity;\n    this.images.forEach((el, i) => {\n      const start = this._vertical ? el.offsetTop : el.offsetLeft;\n      const size = this._vertical ? el.offsetHeight : el.offsetWidth;\n      const target = centered ? start - (viewport - size) / 2 : start + (rtl ? size - viewport + padding : -padding);\n      const bounded = Math.max(rtl ? -extent : 0, Math.min(rtl ? 0 : extent, target));\n      const dist = Math.abs(bounded - position);\n      if (i === this.center) centerDist = dist;\n      if (dist < bestDist) {\n        bestDist = dist;\n        best = i;\n      }\n    });\n    // Items past the scroll end all clamp to it, and a subpixel wobble there\n    // (WebKit reports -179 for -178 in a right-to-left track) must not hand\n    // the selection to a later item that only shares the clamped position.\n    return centerDist - bestDist <= 1 ? this.center : best;\n  }\n\n  private _scrollToIndex(n: number, smooth = true) {\n    const el = this.images[n];\n    if (!el) return;\n    this._finishScroll();\n    const centered = this.el.classList.contains('center-aligned');\n    const style = getComputedStyle(this._scroller);\n    const inlinePadding = Number.parseFloat(style.paddingInlineStart) || 0;\n    const blockPadding = Number.parseFloat(style.paddingBlockStart) || 0;\n    const left = centered\n      ? el.offsetLeft - (this._scroller.clientWidth - el.offsetWidth) / 2\n      : style.direction === 'rtl'\n        ? el.offsetLeft + el.offsetWidth - this._scroller.clientWidth + inlinePadding\n        : el.offsetLeft - inlinePadding;\n    const top = el.offsetTop - blockPadding;\n    this._ignoreScroll = true;\n    // Item sizes are still transitioning, so the track can be too narrow to\n    // reach the target and clamps short of it. Firefox takes whatever item\n    // sits at that clamped position as the snap target and re-snaps to it\n    // after each later layout change, undoing the alignment below. Snapping\n    // returns in _finishScroll, once the track has settled on the item.\n    this._scroller.style.scrollSnapType = 'none';\n    this._scroller.scrollTo({\n      left: this._vertical ? 0 : left,\n      top: this._vertical ? top : 0,\n      behavior: smooth && !this._motion.matches ? 'smooth' : 'instant'\n    });\n    this._scroller.addEventListener('scrollend', this._handleScrollEnd);\n    this._scrollEndTimeout = setTimeout(this._finishScroll, this.options.duration + 350);\n  }\n\n  private _finishScroll = () => {\n    this._ignoreScroll = false;\n    this._scroller.style.scrollSnapType = '';\n    clearTimeout(this._scrollEndTimeout);\n    this._scroller.removeEventListener('scrollend', this._handleScrollEnd);\n  };\n\n  private _handleScrollEnd = () => {\n    // An earlier scroll can finish after a new navigation has started.\n    if (this._nearestIndex() === this.center && !this.images.some(item => item.getAnimations().some(animation => animation.playState === 'running'))) {\n      this._finishScroll();\n    }\n  };\n\n  _cycleTo(n: number, callback: CarouselOptions['onCycleTo'] = null) {\n    this._alignAfterResize = true;\n    if (typeof callback === 'function') this.oneTimeCallback = callback;\n    // A listener that moved to another item, or destroyed the carousel, has\n    // already scrolled where it wanted.\n    if (this._syncActive(n, false)) this._scrollToIndex(n);\n  }\n\n  /**\n   * Stop auto-advance until start() is called. Without an `interval` there is\n   * nothing to stop and this does nothing.\n   */\n  pause() {\n    this._autoPaused = true;\n    this._syncAutoAdvance();\n  }\n\n  /** Resume auto-advance after pause(). */\n  start() {\n    this._autoPaused = false;\n    this._syncAutoAdvance();\n  }\n\n  next(n: number = 1) {\n    if (isNaN(n)) n = 1;\n    const index = this.center + n;\n    if (index >= this.count || index < 0) return;\n    this._cycleTo(index);\n  }\n\n  prev(n: number = 1) {\n    if (isNaN(n)) n = 1;\n    const index = this.center - n;\n    if (index >= this.count || index < 0) return;\n    this._cycleTo(index);\n  }\n\n  set(n: number, callback?: CarouselOptions['onCycleTo']) {\n    if (n === undefined || isNaN(n)) n = 0;\n    if (n >= this.count || n < 0) return;\n    this._cycleTo(n, callback);\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["el"]
+}

package/dist/js/chunks/{chunk-75E5EDJF.mjs → chunk-3XORNED5.mjs}

@@ -1,6 +1,6 @@
 import {
   ColumnChart
-} from "./chunk-PA7NU5AK.mjs";
+} from "./chunk-26VUH75M.mjs";
 
 // src/ts/components/barChart.ts
 var BarChart = class extends ColumnChart {
@@ -36,4 +36,4 @@ BarChart.key = "Expressive_BarChart";
 export {
   BarChart
 };
-//# sourceMappingURL=chunk-75E5EDJF.mjs.map
+//# sourceMappingURL=chunk-3XORNED5.mjs.map

package/dist/js/chunks/{chunk-NNHVANQA.mjs → chunk-4WBGAQN3.mjs}

@@ -1,10 +1,10 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
 import {
   Utils,
   controllerFor
-} from "./chunk-ZVLOUDIJ.mjs";
+} from "./chunk-67UNY7RH.mjs";
 
 // src/ts/components/backToTop.ts
 var _defaults = {
@@ -110,4 +110,4 @@ BackToTop.key = "Expressive_BackToTop";
 export {
   BackToTop
 };
-//# sourceMappingURL=chunk-NNHVANQA.mjs.map
+//# sourceMappingURL=chunk-4WBGAQN3.mjs.map

package/dist/js/chunks/{chunk-ZJNLAGY5.mjs → chunk-5F4URJHL.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-CMGXGYUC.mjs";
+} from "./chunk-EB2V4OKL.mjs";
 
 // src/ts/components/scrollspy.ts
 var _defaultGetActiveElement = (id) => `a[href="#${id}"]`;
@@ -118,4 +118,4 @@ var ScrollSpy = _ScrollSpy;
 export {
   ScrollSpy
 };
-//# sourceMappingURL=chunk-ZJNLAGY5.mjs.map
+//# sourceMappingURL=chunk-5F4URJHL.mjs.map