@expressivecss/expressive 0.12.0 → 0.14.1

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

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

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

@@ -0,0 +1,47 @@
+import {
+  ColumnChart
+} from "./chunk-SPETGK25.mjs";
+
+// src/ts/components/barChart.ts
+var BarChart = class extends ColumnChart {
+  get _type() {
+    return "bar-chart";
+  }
+  get _key() {
+    return "Expressive_BarChart";
+  }
+  get _horizontal() {
+    return true;
+  }
+  static init(els, options = {}) {
+    return super.init(els, options);
+  }
+  static getInstance(el) {
+    return el["Expressive_BarChart"];
+  }
+  /**
+   * The column chart's spans; CSS reads their --top and --bottom across the
+   * plot. With .values, a copy of the bars without their clipping holds each
+   * cell's text, so text longer than a short bar can run past its end.
+   */
+  _draw() {
+    const bars = super._draw();
+    bars.className = "bar-chart-bars";
+    bars.classList.toggle("rtl", getComputedStyle(this.el).direction === "rtl");
+    if (!this.el.classList.contains("values")) return bars;
+    const values = bars.cloneNode(true);
+    values.classList.replace("bar-chart-bars", "bar-chart-values");
+    values.querySelectorAll("span[data-text]").forEach((span) => {
+      span.textContent = span.dataset.text;
+    });
+    const layers = document.createElement("div");
+    layers.className = "bar-chart-layers";
+    layers.append(bars, values);
+    return layers;
+  }
+};
+
+export {
+  BarChart
+};
+//# sourceMappingURL=chunk-GVGT6MIU.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/barChart.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { ColumnChart, ColumnChartOptions } from './columnChart';\n\nexport type BarChartOptions = ColumnChartOptions;\n\n/**\n * Bar chart. A column chart turned on its side: each row of the <table> is\n * a band of bars that grow from zero along the inline axis, with its label\n * beside it. The up and down arrows move the tooltip between rows.\n *\n * Re-run `BarChart.init(el)` after changing the table.\n */\nexport class BarChart extends ColumnChart {\n  protected get _type() {\n    return 'bar-chart';\n  }\n\n  protected get _key() {\n    return 'Expressive_BarChart';\n  }\n\n  protected get _horizontal() {\n    return true;\n  }\n\n  static init(el: HTMLElement, options?: Partial<BarChartOptions>): BarChart;\n  static init(els: InitElements<InitElement>, options?: Partial<BarChartOptions>): BarChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<BarChartOptions> = {}\n  ): BarChart | BarChart[] {\n    return super.init(els as HTMLElement, options) as BarChart | BarChart[];\n  }\n\n  static getInstance(el: HTMLElement): BarChart {\n    return el['Expressive_BarChart'];\n  }\n\n  /**\n   * The column chart's spans; CSS reads their --top and --bottom across the\n   * plot. With .values, a copy of the bars without their clipping holds each\n   * cell's text, so text longer than a short bar can run past its end.\n   */\n  protected _draw(): Element {\n    const bars = super._draw() as HTMLElement;\n    bars.className = 'bar-chart-bars';\n    // Read here rather than with :dir(), which misses CSS `direction`.\n    bars.classList.toggle('rtl', getComputedStyle(this.el).direction === 'rtl');\n    if (!this.el.classList.contains('values')) return bars;\n\n    const values = bars.cloneNode(true) as HTMLElement;\n    values.classList.replace('bar-chart-bars', 'bar-chart-values');\n    values.querySelectorAll<HTMLElement>('span[data-text]').forEach((span) => {\n      span.textContent = span.dataset.text;\n    });\n    const layers = document.createElement('div');\n    layers.className = 'bar-chart-layers';\n    layers.append(bars, values);\n    return layers;\n  }\n}\n"],
+  "mappings": ";;;;;AAYO,IAAM,WAAN,cAAuB,YAAY;AAAA,EACxC,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,OAAO;AACnB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,cAAc;AAC1B,WAAO;AAAA,EACT;AAAA,EAIA,OAAO,KACL,KACA,UAAoC,CAAC,GACd;AACvB,WAAO,MAAM,KAAK,KAAoB,OAAO;AAAA,EAC/C;AAAA,EAEA,OAAO,YAAY,IAA2B;AAC5C,WAAO,GAAG,qBAAqB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOU,QAAiB;AACzB,UAAM,OAAO,MAAM,MAAM;AACzB,SAAK,YAAY;AAEjB,SAAK,UAAU,OAAO,OAAO,iBAAiB,KAAK,EAAE,EAAE,cAAc,KAAK;AAC1E,QAAI,CAAC,KAAK,GAAG,UAAU,SAAS,QAAQ,EAAG,QAAO;AAElD,UAAM,SAAS,KAAK,UAAU,IAAI;AAClC,WAAO,UAAU,QAAQ,kBAAkB,kBAAkB;AAC7D,WAAO,iBAA8B,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AACxE,WAAK,cAAc,KAAK,QAAQ;AAAA,IAClC,CAAC;AACD,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AACnB,WAAO,OAAO,MAAM,MAAM;AAC1B,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/dist/js/chunks/{chunk-HNFSMIBY.mjs → chunk-GZKEFWPM.mjs}

@@ -1,54 +1,93 @@
 import {
   Tabs
-} from "./chunk-3VOK6J7U.mjs";
+} from "./chunk-5BKHWHYY.mjs";
 import {
   Timepicker
-} from "./chunk-IFXVDDDH.mjs";
+} from "./chunk-QERLECVU.mjs";
 import {
   Tooltip
-} from "./chunk-CKQP6P76.mjs";
+} from "./chunk-LRZMJZ3T.mjs";
+import {
+  Questionnaire
+} from "./chunk-4KMNFIFZ.mjs";
+import {
+  RadarChart
+} from "./chunk-3DHK5CZU.mjs";
+import {
+  RadialChart
+} from "./chunk-RHRQKTTX.mjs";
+import {
+  ScrollSpy
+} from "./chunk-MZ6Z24BX.mjs";
+import {
+  MessageScroller
+} from "./chunk-NS2UMNZV.mjs";
+import {
+  MixedChart
+} from "./chunk-HKT2S7VM.mjs";
+import {
+  NavigationRail
+} from "./chunk-6N2XAEFK.mjs";
+import {
+  Particles
+} from "./chunk-BG6ZRB5H.mjs";
+import {
+  PieChart
+} from "./chunk-VGZSAFTX.mjs";
+import {
+  CommandPalette
+} from "./chunk-4TKTLGEM.mjs";
+import {
+  Confetti
+} from "./chunk-UEXCIMJZ.mjs";
+import {
+  Datepicker
+} from "./chunk-5HQSGDZ5.mjs";
+import {
+  FormSelect
+} from "./chunk-3GVFZ4XO.mjs";
 import {
   EXPANDING_CARD_SELECTOR,
   ExpandingCard
-} from "./chunk-QVVEWBOF.mjs";
+} from "./chunk-Z2NRKI7R.mjs";
+import {
+  HeatmapChart
+} from "./chunk-GUB3TNO2.mjs";
 import {
   Lightbox
-} from "./chunk-UNEMYWEW.mjs";
+} from "./chunk-S3XDFGSZ.mjs";
 import {
-  NavigationRail
-} from "./chunk-6N2XAEFK.mjs";
+  BarChart
+} from "./chunk-GVGT6MIU.mjs";
 import {
-  ScrollSpy
-} from "./chunk-QV2JAWIZ.mjs";
+  ColumnChart
+} from "./chunk-SPETGK25.mjs";
+import {
+  LineChart
+} from "./chunk-O5XPWXIQ.mjs";
 import {
   ButtonGroup
 } from "./chunk-YDCS5S3J.mjs";
 import {
   FloatingActionButton
-} from "./chunk-PIJ2TAR3.mjs";
+} from "./chunk-ZAS25YFD.mjs";
 import {
   CARDS_SELECTOR,
   Cards,
   isCardReveal
-} from "./chunk-UBLRRJ7N.mjs";
+} from "./chunk-PM655FXL.mjs";
 import {
   Carousel
-} from "./chunk-LWBQIX5J.mjs";
+} from "./chunk-A7ALMYUR.mjs";
 import {
   Chips
-} from "./chunk-RFZZCYVU.mjs";
+} from "./chunk-KY6U46SM.mjs";
 import {
   Autocomplete
-} from "./chunk-HLDXZ7XB.mjs";
-import {
-  Datepicker
-} from "./chunk-H2WA4XHH.mjs";
-import {
-  FormSelect
-} from "./chunk-HB6IW7QQ.mjs";
+} from "./chunk-4HZMB7LI.mjs";
 import {
   Menu
-} from "./chunk-YSBCHYXP.mjs";
+} from "./chunk-JIDMQGK6.mjs";
 import {
   AppBar
 } from "./chunk-UEZUJQ66.mjs";
@@ -76,11 +115,33 @@ var AUTO_INIT_COMPONENTS = {
   },
   Carousel: { component: Carousel, selector: ".carousel" },
   Chips: { component: Chips, selector: ".chips" },
+  Confetti: { component: Confetti, selector: ".confetti" },
+  Particles: { component: Particles, selector: "canvas.particles" },
+  ColumnChart: { component: ColumnChart, selector: ".column-chart" },
+  BarChart: { component: BarChart, selector: ".bar-chart" },
+  PieChart: { component: PieChart, selector: ".pie-chart" },
+  HeatmapChart: { component: HeatmapChart, selector: ".heatmap-chart" },
+  RadarChart: { component: RadarChart, selector: ".radar-chart" },
+  RadialChart: { component: RadialChart, selector: ".radial-chart" },
+  MixedChart: { component: MixedChart, selector: ".mixed-chart" },
+  CommandPalette: {
+    component: CommandPalette,
+    selector: "dialog.command-palette"
+  },
+  Questionnaire: {
+    component: Questionnaire,
+    selector: "form.questionnaire"
+  },
   Datepicker: {
     component: Datepicker,
     selector: ".datepicker, .date-picker"
   },
+  LineChart: { component: LineChart, selector: ".line-chart" },
   Menu: { component: Menu, selector: ".menu-trigger" },
+  MessageScroller: {
+    component: MessageScroller,
+    selector: ".message-scroller"
+  },
   Lightbox: { component: Lightbox, selector: ".lightboxed" },
   ScrollSpy: { component: ScrollSpy, selector: ".scrollspy" },
   FormSelect: { component: FormSelect, selector: "select" },
@@ -117,4 +178,4 @@ export {
   AUTO_INIT_COMPONENTS,
   AutoInit
 };
-//# sourceMappingURL=chunk-HNFSMIBY.mjs.map
+//# sourceMappingURL=chunk-GZKEFWPM.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/registry.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from \"../core/component\";\nimport * as Components from \"./index\";\nimport { CARDS_SELECTOR, isCardReveal } from \"./cards\";\nimport { EXPANDING_CARD_SELECTOR } from \"./expandingCard\";\n\n/**\n * The components `AutoInit()` starts, in initialization order, with the\n * selector each one claims.\n *\n * This table is the single source of truth: the options type below and the\n * init calls in `AutoInit()` are both derived from it, so wiring up a new\n * auto-initialized component means adding one line here (plus its export in\n * ./index.ts) - not four hand-synchronized edits that fail silently when one\n * is forgotten.\n *\n * A component that should only ever be constructed explicitly (Snackbar,\n * CharacterCounter, Range, ...) simply stays out of this table.\n */\nexport const AUTO_INIT_COMPONENTS = {\n  AppBar: {\n    component: Components.AppBar,\n    selector:\n      \"header.medium, header.large, header:has(> :is(nav:not(.tabs, .navigation-bar, .navigation-rail), .bar) > :is(.search-bar, .searchbar))\",\n  },\n  Autocomplete: {\n    component: Components.Autocomplete,\n    selector: \".autocomplete\",\n  },\n  ButtonGroup: {\n    component: Components.ButtonGroup,\n    selector: \".button-group\",\n  },\n  // Shared with Cards.Init() - see CARDS_SELECTOR. This entry used to read\n  // '.cards', which no card markup uses.\n  Cards: { component: Components.Cards, selector: CARDS_SELECTOR, filter: isCardReveal },\n  ExpandingCard: {\n    component: Components.ExpandingCard,\n    selector: EXPANDING_CARD_SELECTOR,\n  },\n  Carousel: { component: Components.Carousel, selector: \".carousel\" },\n  Chips: { component: Components.Chips, selector: \".chips\" },\n  Confetti: { component: Components.Confetti, selector: \".confetti\" },\n  Particles: { component: Components.Particles, selector: \"canvas.particles\" },\n  ColumnChart: { component: Components.ColumnChart, selector: \".column-chart\" },\n  BarChart: { component: Components.BarChart, selector: \".bar-chart\" },\n  PieChart: { component: Components.PieChart, selector: \".pie-chart\" },\n  HeatmapChart: { component: Components.HeatmapChart, selector: \".heatmap-chart\" },\n  RadarChart: { component: Components.RadarChart, selector: \".radar-chart\" },\n  RadialChart: { component: Components.RadialChart, selector: \".radial-chart\" },\n  MixedChart: { component: Components.MixedChart, selector: \".mixed-chart\" },\n  CommandPalette: {\n    component: Components.CommandPalette,\n    selector: \"dialog.command-palette\",\n  },\n  Questionnaire: {\n    component: Components.Questionnaire,\n    selector: \"form.questionnaire\",\n  },\n  Datepicker: {\n    component: Components.Datepicker,\n    selector: \".datepicker, .date-picker\",\n  },\n  LineChart: { component: Components.LineChart, selector: \".line-chart\" },\n  Menu: { component: Components.Menu, selector: \".menu-trigger\" },\n  MessageScroller: {\n    component: Components.MessageScroller,\n    selector: \".message-scroller\",\n  },\n  Lightbox: { component: Components.Lightbox, selector: \".lightboxed\" },\n  ScrollSpy: { component: Components.ScrollSpy, selector: \".scrollspy\" },\n  FormSelect: { component: Components.FormSelect, selector: \"select\" },\n  NavigationRail: {\n    component: Components.NavigationRail,\n    selector: \".navigation-rail\",\n  },\n  Tabs: { component: Components.Tabs, selector: \".tabs\" },\n  Timepicker: {\n    component: Components.Timepicker,\n    selector: \".timepicker, .time-picker\",\n  },\n  Tooltip: { component: Components.Tooltip, selector: \".tooltipped\" },\n  FloatingActionButton: {\n    component: Components.FloatingActionButton,\n    selector: \".fab-menu\",\n  },\n};\n\ntype Registry = typeof AUTO_INIT_COMPONENTS;\n\n/**\n * Per-component options accepted by {@link AutoInit}, derived from the table\n * above - each key takes that component's own options type.\n */\nexport type AutoInitOptions = {\n  [K in keyof Registry]?: Partial<\n    InstanceType<Registry[K][\"component\"]>[\"options\"]\n  >;\n};\n\n/** The shape every entry in the table satisfies; see the cast in AutoInit. */\ntype AutoInitable = {\n  init(els: InitElement | InitElements<InitElement>, options: Partial<object>): unknown;\n};\n\ntype AutoInitEntry = {\n  component: AutoInitable;\n  selector: string;\n  filter?: (el: Element) => boolean;\n};\n\n/**\n * Automatically initialize components.\n * @param context Root element to initialize. Defaults to `document.body`.\n * @param options Options for each component.\n */\nexport function AutoInit(\n  context: HTMLElement = document.body,\n  options?: Partial<AutoInitOptions>,\n) {\n  for (const name of Object.keys(AUTO_INIT_COMPONENTS) as (keyof Registry)[]) {\n    const { component, selector, filter } = AUTO_INIT_COMPONENTS[\n      name\n    ] as unknown as AutoInitEntry;\n    // `:is()` so that `:not(.no-autoinit)` applies to the whole selector. A\n    // bare `${selector}:not(...)` binds the negation to the last alternative\n    // only, which would silently break the opt-out for any comma-separated\n    // entry (Cards is the first).\n    const els = context.querySelectorAll(`:is(${selector}):not(.no-autoinit)`);\n    // Each component's static `init` is overloaded; indexing the table widens\n    // it to a union TypeScript cannot call, so narrow it once, here.\n    if (filter) {\n      els.forEach((el) => {\n        if (filter(el)) component.init(el, options?.[name] ?? {});\n      });\n    } else {\n      component.init(els, options?.[name] ?? {});\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,IAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,IACN,WAAsB;AAAA,IACtB,UACE;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACZ,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,aAAa;AAAA,IACX,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA,EAGA,OAAO,EAAE,WAAsB,OAAO,UAAU,gBAAgB,QAAQ,aAAa;AAAA,EACrF,eAAe;AAAA,IACb,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,UAAU,EAAE,WAAsB,UAAU,UAAU,YAAY;AAAA,EAClE,OAAO,EAAE,WAAsB,OAAO,UAAU,SAAS;AAAA,EACzD,UAAU,EAAE,WAAsB,UAAU,UAAU,YAAY;AAAA,EAClE,WAAW,EAAE,WAAsB,WAAW,UAAU,mBAAmB;AAAA,EAC3E,aAAa,EAAE,WAAsB,aAAa,UAAU,gBAAgB;AAAA,EAC5E,UAAU,EAAE,WAAsB,UAAU,UAAU,aAAa;AAAA,EACnE,UAAU,EAAE,WAAsB,UAAU,UAAU,aAAa;AAAA,EACnE,cAAc,EAAE,WAAsB,cAAc,UAAU,iBAAiB;AAAA,EAC/E,YAAY,EAAE,WAAsB,YAAY,UAAU,eAAe;AAAA,EACzE,aAAa,EAAE,WAAsB,aAAa,UAAU,gBAAgB;AAAA,EAC5E,YAAY,EAAE,WAAsB,YAAY,UAAU,eAAe;AAAA,EACzE,gBAAgB;AAAA,IACd,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,WAAW,EAAE,WAAsB,WAAW,UAAU,cAAc;AAAA,EACtE,MAAM,EAAE,WAAsB,MAAM,UAAU,gBAAgB;AAAA,EAC9D,iBAAiB;AAAA,IACf,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,UAAU,EAAE,WAAsB,UAAU,UAAU,cAAc;AAAA,EACpE,WAAW,EAAE,WAAsB,WAAW,UAAU,aAAa;AAAA,EACrE,YAAY,EAAE,WAAsB,YAAY,UAAU,SAAS;AAAA,EACnE,gBAAgB;AAAA,IACd,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,MAAM,EAAE,WAAsB,MAAM,UAAU,QAAQ;AAAA,EACtD,YAAY;AAAA,IACV,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,SAAS,EAAE,WAAsB,SAAS,UAAU,cAAc;AAAA,EAClE,sBAAsB;AAAA,IACpB,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AACF;AA8BO,SAAS,SACd,UAAuB,SAAS,MAChC,SACA;AACA,aAAW,QAAQ,OAAO,KAAK,oBAAoB,GAAyB;AAC1E,UAAM,EAAE,WAAW,UAAU,OAAO,IAAI,qBACtC,IACF;AAKA,UAAM,MAAM,QAAQ,iBAAiB,OAAO,QAAQ,qBAAqB;AAGzE,QAAI,QAAQ;AACV,UAAI,QAAQ,CAAC,OAAO;AAClB,YAAI,OAAO,EAAE,EAAG,WAAU,KAAK,IAAI,UAAU,IAAI,KAAK,CAAC,CAAC;AAAA,MAC1D,CAAC;AAAA,IACH,OAAO;AACL,gBAAU,KAAK,KAAK,UAAU,IAAI,KAAK,CAAC,CAAC;AAAA,IAC3C;AAAA,EACF;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,48 @@
+import {
+  ColumnChart
+} from "./chunk-SPETGK25.mjs";
+import {
+  LineChart
+} from "./chunk-O5XPWXIQ.mjs";
+
+// src/ts/components/mixedChart.ts
+var has = (series, name) => series.className.split(/\s+/).includes(name);
+var MixedChart = class extends ColumnChart {
+  get _type() {
+    return "mixed-chart";
+  }
+  get _key() {
+    return "Expressive_MixedChart";
+  }
+  get _points() {
+    return true;
+  }
+  static init(els, options = {}) {
+    return super.init(els, options);
+  }
+  static getInstance(el) {
+    return el["Expressive_MixedChart"];
+  }
+  /** The start scale, then the end scale; each includes zero if it has columns. */
+  _scale(series, min, max) {
+    const end = series.filter((each) => has(each, "end"));
+    const start = series.filter((each) => !end.includes(each));
+    const columns = (list) => list.some((each) => has(each, "column"));
+    super._scale(end, this._number("endMin"), this._number("endMax"), columns(end));
+    return super._scale(start, min, max, columns(start));
+  }
+  /** Columns behind, then the lines and areas over them. */
+  _draw() {
+    const marks = document.createElement("div");
+    marks.className = "mixed-chart-marks";
+    const columns = super._draw(this.series.filter((series) => has(series, "column")));
+    columns.className = "mixed-chart-columns";
+    marks.append(columns, LineChart.prototype["_draw"].call(this, this.series.filter((series) => !has(series, "column"))));
+    return marks;
+  }
+};
+
+export {
+  MixedChart
+};
+//# sourceMappingURL=chunk-HKT2S7VM.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/mixedChart.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { ColumnChart } from './columnChart';\nimport { LineChart, LineChartOptions, Series } from './lineChart';\n\nexport type MixedChartOptions = LineChartOptions;\n\n/** Whether a series header cell has a class. */\nconst has = (series: Series, name: string) => series.className.split(/\\s+/).includes(name);\n\n/**\n * Mixed chart. It reads its <table> like LineChart, and draws each series\n * by its header cell's class: `column` as columns from zero, `area` as a\n * line with a fill under it, and anything else as a line. Series with\n * `end` are drawn against a second scale, set by `data-end-min` and\n * `data-end-max`, so values of different sizes or units share the plot.\n *\n * Re-run `MixedChart.init(el)` after changing the table.\n */\nexport class MixedChart extends ColumnChart {\n  protected get _type() {\n    return 'mixed-chart';\n  }\n\n  protected get _key() {\n    return 'Expressive_MixedChart';\n  }\n\n  protected get _points() {\n    return true;\n  }\n\n  static init(el: HTMLElement, options?: Partial<MixedChartOptions>): MixedChart;\n  static init(els: InitElements<InitElement>, options?: Partial<MixedChartOptions>): MixedChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<MixedChartOptions> = {}\n  ): MixedChart | MixedChart[] {\n    return super.init(els as HTMLElement, options) as MixedChart | MixedChart[];\n  }\n\n  static getInstance(el: HTMLElement): MixedChart {\n    return el['Expressive_MixedChart'];\n  }\n\n  /** The start scale, then the end scale; each includes zero if it has columns. */\n  protected _scale(series: Series[], min: number | null, max: number | null) {\n    const end = series.filter((each) => has(each, 'end'));\n    const start = series.filter((each) => !end.includes(each));\n    const columns = (list: Series[]) => list.some((each) => has(each, 'column'));\n    super._scale(end, this._number('endMin'), this._number('endMax'), columns(end));\n    return super._scale(start, min, max, columns(start));\n  }\n\n  /** Columns behind, then the lines and areas over them. */\n  protected _draw(): Element {\n    const marks = document.createElement('div');\n    marks.className = 'mixed-chart-marks';\n    const columns = super._draw(this.series.filter((series) => has(series, 'column')));\n    columns.className = 'mixed-chart-columns';\n    marks.append(columns, LineChart.prototype['_draw'].call(this, this.series.filter((series) => !has(series, 'column'))));\n    return marks;\n  }\n}\n"],
+  "mappings": ";;;;;;;;AAOA,IAAM,MAAM,CAAC,QAAgB,SAAiB,OAAO,UAAU,MAAM,KAAK,EAAE,SAAS,IAAI;AAWlF,IAAM,aAAN,cAAyB,YAAY;AAAA,EAC1C,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,OAAO;AACnB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,UAAU;AACtB,WAAO;AAAA,EACT;AAAA,EAIA,OAAO,KACL,KACA,UAAsC,CAAC,GACZ;AAC3B,WAAO,MAAM,KAAK,KAAoB,OAAO;AAAA,EAC/C;AAAA,EAEA,OAAO,YAAY,IAA6B;AAC9C,WAAO,GAAG,uBAAuB;AAAA,EACnC;AAAA;AAAA,EAGU,OAAO,QAAkB,KAAoB,KAAoB;AACzE,UAAM,MAAM,OAAO,OAAO,CAAC,SAAS,IAAI,MAAM,KAAK,CAAC;AACpD,UAAM,QAAQ,OAAO,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,IAAI,CAAC;AACzD,UAAM,UAAU,CAAC,SAAmB,KAAK,KAAK,CAAC,SAAS,IAAI,MAAM,QAAQ,CAAC;AAC3E,UAAM,OAAO,KAAK,KAAK,QAAQ,QAAQ,GAAG,KAAK,QAAQ,QAAQ,GAAG,QAAQ,GAAG,CAAC;AAC9E,WAAO,MAAM,OAAO,OAAO,KAAK,KAAK,QAAQ,KAAK,CAAC;AAAA,EACrD;AAAA;AAAA,EAGU,QAAiB;AACzB,UAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,UAAM,YAAY;AAClB,UAAM,UAAU,MAAM,MAAM,KAAK,OAAO,OAAO,CAAC,WAAW,IAAI,QAAQ,QAAQ,CAAC,CAAC;AACjF,YAAQ,YAAY;AACpB,UAAM,OAAO,SAAS,UAAU,UAAU,OAAO,EAAE,KAAK,MAAM,KAAK,OAAO,OAAO,CAAC,WAAW,CAAC,IAAI,QAAQ,QAAQ,CAAC,CAAC,CAAC;AACrH,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,187 @@
+import {
+  Utils
+} from "./chunk-MNPROCZF.mjs";
+
+// src/ts/behaviors/forms.ts
+var _Forms = class _Forms {
+  /**
+   * Checks if the label has validation and apply
+   * the correct class and styles
+   * @param textfield
+   */
+  static validateField(textfield) {
+    if (!textfield) {
+      console.error("No text field element found");
+      return;
+    }
+    const hasLength = textfield.getAttribute("data-length") !== null;
+    const lenAttr = parseInt(textfield.getAttribute("data-length"));
+    const len = textfield.value.length;
+    if (len === 0 && textfield.validity.badInput === false && !textfield.required && textfield.classList.contains("validate")) {
+      textfield.classList.remove("invalid");
+    } else if (textfield.classList.contains("validate")) {
+      if (textfield.validity.valid && hasLength && len <= lenAttr || textfield.validity.valid && !hasLength) {
+        textfield.classList.remove("invalid");
+      } else {
+        textfield.classList.add("invalid");
+      }
+    }
+  }
+  /**
+   * Resizes the given TextArea after updating the
+   *  value content dynamically.
+   * @param e EventTarget
+   */
+  static textareaAutoResize(e) {
+    const textarea = e;
+    if (!textarea) return;
+    if (!textarea.hasAttribute("original-height")) {
+      textarea.setAttribute("original-height", textarea.getBoundingClientRect().height.toString());
+    }
+    const originalHeight = parseInt(textarea.getAttribute("original-height"));
+    if (isNaN(originalHeight)) return;
+    textarea.style.height = "auto";
+    const borders = textarea.offsetHeight - textarea.clientHeight;
+    const contentHeight = textarea.scrollHeight + borders;
+    textarea.style.height = Math.max(originalHeight, contentHeight) + "px";
+  }
+  /**
+   * Safe to call more than once: the root entry calls it on import, and a page
+   * that also loads the modular entry may call it again.
+   */
+  static Init() {
+    if (_Forms._initialized) return;
+    _Forms._initialized = true;
+    Utils.onDocumentReady(() => {
+      document.addEventListener("change", (e) => {
+        const target = e.target;
+        if (target instanceof HTMLInputElement && target.type === "file") {
+          const zone = target.closest(".drop-zone");
+          if (zone) _Forms.listDropZoneFiles(zone, target);
+        }
+        if (target instanceof HTMLInputElement) {
+          _Forms.validateField(target);
+        }
+      });
+      document.addEventListener("keyup", (e) => {
+        const target = e.target;
+        if (target instanceof HTMLInputElement && ["radio", "checkbox"].includes(target.type)) {
+          if (e.key === Utils.keys.TAB) {
+            target.classList.add("tabbed");
+            target.addEventListener("blur", () => target.classList.remove("tabbed"), {
+              once: true
+            });
+          }
+        }
+      });
+      document.addEventListener("click", _Forms.togglePassword);
+      document.addEventListener("submit", _Forms.resetFormExtras, true);
+      document.addEventListener("reset", _Forms.resetFormExtras, true);
+      for (const type of ["dragenter", "dragover", "dragleave", "drop"]) {
+        document.addEventListener(type, _Forms.markDropZone);
+      }
+      document.querySelectorAll(".expressive-textarea").forEach((textArea) => {
+        _Forms.InitTextarea(textArea);
+      });
+      document.querySelectorAll('.file-field input[type="file"]').forEach((fileInput) => {
+        _Forms.InitFileInputPath(fileInput);
+      });
+    });
+  }
+  /**
+   * A .password-toggle button shows or hides the password in its field. The
+   * button's own name stays put ("Show password"); aria-pressed carries the
+   * state, so there is no generated text to translate.
+   */
+  static togglePassword(e) {
+    const button = e.target.closest?.(".password-toggle");
+    const input = button?.closest(".field")?.querySelector(
+      'input[type="password"], input[data-password]'
+    );
+    if (!input) return;
+    const show = input.type === "password";
+    input.toggleAttribute("data-password", show);
+    input.type = show ? "text" : "password";
+    button.setAttribute("aria-pressed", String(show));
+  }
+  /**
+   * A revealed password goes back to type="password" when its form is
+   * submitted or reset, so it is never sent or autofilled as plain text and
+   * a reset field does not stay revealed. A reset form also drops the file
+   * lists it would otherwise leave showing: reset fires no change event.
+   */
+  static resetFormExtras(e) {
+    const form = e.target;
+    if (!(form instanceof HTMLFormElement)) return;
+    form.querySelectorAll("input[data-password]").forEach((input) => {
+      input.removeAttribute("data-password");
+      input.type = "password";
+      input.closest(".field")?.querySelector(".password-toggle")?.setAttribute("aria-pressed", "false");
+    });
+    if (e.type === "reset") {
+      form.querySelectorAll(".drop-zone-files").forEach((list) => list.replaceChildren());
+      form.querySelectorAll(".drop-zone.dragover").forEach((zone) => zone.classList.remove("dragover"));
+    }
+  }
+  /**
+   * The native file input covers its .drop-zone, so the browser already takes
+   * a dropped file. This only shows the drag: the input is the topmost
+   * element, so every drag event over the zone targets it and leaving it is
+   * leaving the zone.
+   */
+  static markDropZone(e) {
+    const input = e.target;
+    if (!(input instanceof HTMLInputElement) || input.type !== "file") return;
+    const zone = input.closest(".drop-zone");
+    if (!zone) return;
+    const over = e.type === "dragenter" || e.type === "dragover";
+    zone.classList.toggle("dragover", over && !input.disabled);
+  }
+  /** Lists the chosen files, name and size, in the zone's .drop-zone-files. */
+  static listDropZoneFiles(zone, input) {
+    const list = zone.querySelector(".drop-zone-files");
+    if (!list) return;
+    const size = (bytes) => {
+      const [value, unit] = bytes >= 1e6 ? [bytes / 1e6, "megabyte"] : bytes >= 1e3 ? [bytes / 1e3, "kilobyte"] : [bytes, "byte"];
+      return new Intl.NumberFormat(void 0, { style: "unit", unit, maximumFractionDigits: 1 }).format(value);
+    };
+    list.replaceChildren(
+      ...Array.from(input.files ?? [], (file) => {
+        const item = document.createElement("li");
+        const name = document.createElement("span");
+        const meta = document.createElement("span");
+        name.textContent = file.name;
+        meta.textContent = size(file.size);
+        item.append(name, meta);
+        return item;
+      })
+    );
+  }
+  static InitTextarea(textarea) {
+    textarea.setAttribute("original-height", textarea.getBoundingClientRect().height.toString());
+    _Forms.textareaAutoResize(textarea);
+    textarea.addEventListener("input", (e) => _Forms.textareaAutoResize(e.target));
+  }
+  static InitFileInputPath(fileInput) {
+    fileInput.addEventListener("change", () => {
+      const fileField = fileInput.closest(".file-field");
+      const pathInput = fileField.querySelector("input.file-path");
+      const files = fileInput.files;
+      const filenames = [];
+      for (let i = 0; i < files.length; i++) {
+        filenames.push(files[i].name);
+      }
+      pathInput.value = filenames.join(", ");
+      pathInput.dispatchEvent(
+        new Event("change", { bubbles: true, cancelable: true, composed: true })
+      );
+    });
+  }
+};
+_Forms._initialized = false;
+var Forms = _Forms;
+
+export {
+  Forms
+};
+//# sourceMappingURL=chunk-ILP3PDTL.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/forms.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\nexport class Forms {\n  /**\n   * Checks if the label has validation and apply\n   * the correct class and styles\n   * @param textfield\n   */\n  static validateField(textfield: HTMLInputElement) {\n    if (!textfield) {\n      console.error('No text field element found');\n      return;\n    }\n\n    const hasLength = textfield.getAttribute('data-length') !== null;\n    const lenAttr = parseInt(textfield.getAttribute('data-length'));\n    const len = textfield.value.length;\n\n    if (\n      len === 0 &&\n      textfield.validity.badInput === false &&\n      !textfield.required &&\n      textfield.classList.contains('validate')\n    ) {\n      textfield.classList.remove('invalid');\n    } else if (textfield.classList.contains('validate')) {\n      // Check for character counter attributes\n      if (\n        (textfield.validity.valid && hasLength && len <= lenAttr) ||\n        (textfield.validity.valid && !hasLength)\n      ) {\n        textfield.classList.remove('invalid');\n      } else {\n        textfield.classList.add('invalid');\n      }\n    }\n  }\n\n  /**\n   * Resizes the given TextArea after updating the\n   *  value content dynamically.\n   * @param e EventTarget\n   */\n  static textareaAutoResize(e: EventTarget) {\n    const textarea = e as HTMLTextAreaElement;\n    if (!textarea) return;\n\n    // Measure the textarea against itself: collapse it to its natural height,\n    // then read the content height back. `.expressive-textarea` is\n    // `overflow-y: hidden`, so scrollHeight is the full content height and\n    // offsetHeight - clientHeight is exactly the borders (no scrollbar to\n    // account for) - which border-box sizing needs added back.\n    //\n    // This replaces a mirror div that the value was copied into via\n    // `innerHTML = innerHTML.replace(...)` - a full serialize and reparse of\n    // the text on every keystroke, plus getComputedStyle and seven style\n    // writes, run twice per keystroke because it was bound to keydown and\n    // keyup both.\n    if (!textarea.hasAttribute('original-height')) {\n      textarea.setAttribute('original-height', textarea.getBoundingClientRect().height.toString());\n    }\n    const originalHeight = parseInt(textarea.getAttribute('original-height'));\n    if (isNaN(originalHeight)) return;\n\n    textarea.style.height = 'auto';\n    // Three reads after a single write: one layout flush for the whole resize.\n    const borders = textarea.offsetHeight - textarea.clientHeight;\n    const contentHeight = textarea.scrollHeight + borders;\n    textarea.style.height = Math.max(originalHeight, contentHeight) + 'px';\n  }\n\n  private static _initialized = false;\n\n  /**\n   * Safe to call more than once: the root entry calls it on import, and a page\n   * that also loads the modular entry may call it again.\n   */\n  static Init() {\n    if (Forms._initialized) return;\n    Forms._initialized = true;\n    Utils.onDocumentReady(() => {\n      document.addEventListener('change', (e: KeyboardEvent) => {\n        const target = <HTMLInputElement>e.target;\n        if (target instanceof HTMLInputElement && target.type === 'file') {\n          const zone = target.closest('.drop-zone');\n          if (zone) Forms.listDropZoneFiles(zone, target);\n        }\n        if (target instanceof HTMLInputElement) {\n          // The sibling-label loop that used to live here compared\n          // `tagName == 'label'` (tagName is uppercase) so it never matched,\n          // and no rule in the Sass styles `label.active` anyway - the\n          // floating label is driven by CSS, not by a class from here.\n          Forms.validateField(target);\n        }\n      });\n\n      document.addEventListener('keyup', (e: KeyboardEvent) => {\n        const target = <HTMLInputElement>e.target;\n        // Radio and Checkbox focus class\n        if (target instanceof HTMLInputElement && ['radio', 'checkbox'].includes(target.type)) {\n          // TAB, check if tabbing to radio or checkbox.\n          if (e.key === Utils.keys.TAB) {\n            target.classList.add('tabbed');\n            target.addEventListener('blur', () => target.classList.remove('tabbed'), {\n              once: true\n            });\n          }\n        }\n      });\n\n      document.addEventListener('click', Forms.togglePassword);\n      // Capture, so the password is hidden again before any submit handler\n      // reads the form or the browser offers to save it.\n      document.addEventListener('submit', Forms.resetFormExtras, true);\n      document.addEventListener('reset', Forms.resetFormExtras, true);\n      for (const type of ['dragenter', 'dragover', 'dragleave', 'drop']) {\n        document.addEventListener(type, Forms.markDropZone);\n      }\n\n      document.querySelectorAll('.expressive-textarea').forEach((textArea: HTMLTextAreaElement) => {\n        Forms.InitTextarea(textArea);\n      });\n\n      // File Input Path\n      document\n        .querySelectorAll('.file-field input[type=\"file\"]')\n        .forEach((fileInput: HTMLInputElement) => {\n          Forms.InitFileInputPath(fileInput);\n        });\n    });\n  }\n\n  /**\n   * A .password-toggle button shows or hides the password in its field. The\n   * button's own name stays put (\"Show password\"); aria-pressed carries the\n   * state, so there is no generated text to translate.\n   */\n  static togglePassword(e: MouseEvent) {\n    const button = (<Element>e.target).closest?.('.password-toggle');\n    const input = button?.closest('.field')?.querySelector<HTMLInputElement>(\n      'input[type=\"password\"], input[data-password]'\n    );\n    if (!input) return;\n    const show = input.type === 'password';\n    // Marked so the input is still found once it has become type=\"text\".\n    input.toggleAttribute('data-password', show);\n    input.type = show ? 'text' : 'password';\n    button.setAttribute('aria-pressed', String(show));\n  }\n\n  /**\n   * A revealed password goes back to type=\"password\" when its form is\n   * submitted or reset, so it is never sent or autofilled as plain text and\n   * a reset field does not stay revealed. A reset form also drops the file\n   * lists it would otherwise leave showing: reset fires no change event.\n   */\n  static resetFormExtras(e: Event) {\n    const form = e.target;\n    if (!(form instanceof HTMLFormElement)) return;\n    form.querySelectorAll<HTMLInputElement>('input[data-password]').forEach((input) => {\n      input.removeAttribute('data-password');\n      input.type = 'password';\n      input.closest('.field')?.querySelector('.password-toggle')?.setAttribute('aria-pressed', 'false');\n    });\n    if (e.type === 'reset') {\n      form.querySelectorAll('.drop-zone-files').forEach((list) => list.replaceChildren());\n      form.querySelectorAll('.drop-zone.dragover').forEach((zone) => zone.classList.remove('dragover'));\n    }\n  }\n\n  /**\n   * The native file input covers its .drop-zone, so the browser already takes\n   * a dropped file. This only shows the drag: the input is the topmost\n   * element, so every drag event over the zone targets it and leaving it is\n   * leaving the zone.\n   */\n  static markDropZone(e: DragEvent) {\n    const input = <Element>e.target;\n    if (!(input instanceof HTMLInputElement) || input.type !== 'file') return;\n    const zone = input.closest('.drop-zone');\n    if (!zone) return;\n    const over = e.type === 'dragenter' || e.type === 'dragover';\n    zone.classList.toggle('dragover', over && !input.disabled);\n  }\n\n  /** Lists the chosen files, name and size, in the zone's .drop-zone-files. */\n  static listDropZoneFiles(zone: Element, input: HTMLInputElement) {\n    const list = zone.querySelector('.drop-zone-files');\n    if (!list) return;\n    const size = (bytes: number) => {\n      const [value, unit] =\n        bytes >= 1e6 ? [bytes / 1e6, 'megabyte'] : bytes >= 1e3 ? [bytes / 1e3, 'kilobyte'] : [bytes, 'byte'];\n      return new Intl.NumberFormat(undefined, { style: 'unit', unit, maximumFractionDigits: 1 }).format(value);\n    };\n    list.replaceChildren(\n      ...Array.from(input.files ?? [], (file) => {\n        const item = document.createElement('li');\n        const name = document.createElement('span');\n        const meta = document.createElement('span');\n        name.textContent = file.name;\n        meta.textContent = size(file.size);\n        item.append(name, meta);\n        return item;\n      })\n    );\n  }\n\n  static InitTextarea(textarea: HTMLTextAreaElement) {\n    // Save Data in Element\n    textarea.setAttribute('original-height', textarea.getBoundingClientRect().height.toString());\n    Forms.textareaAutoResize(textarea);\n    // `input` rather than keydown + keyup: it fires once per actual value\n    // change and also covers paste, drag-drop and IME composition, which the\n    // key events missed.\n    textarea.addEventListener('input', (e) => Forms.textareaAutoResize(e.target));\n  }\n\n  static InitFileInputPath(fileInput: HTMLInputElement) {\n    fileInput.addEventListener('change', () => {\n      const fileField = fileInput.closest('.file-field');\n      const pathInput = <HTMLInputElement>fileField.querySelector('input.file-path');\n      const files = fileInput.files;\n      const filenames = [];\n      for (let i = 0; i < files.length; i++) {\n        filenames.push(files[i].name);\n      }\n      pathInput.value = filenames.join(', ');\n      pathInput.dispatchEvent(\n        new Event('change', { bubbles: true, cancelable: true, composed: true })\n      );\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}