@expressivecss/expressive 0.13.1 → 0.15.0

package/dist/js/chunks/{chunk-P3G3QHII.mjs → chunk-OWG3LMUL.mjs}

@@ -1,7 +1,8 @@
 import {
   LineChart,
+  polarPoint,
   svgNode
-} from "./chunk-O5XPWXIQ.mjs";
+} from "./chunk-TCCA2HDG.mjs";
 
 // src/ts/components/pieChart.ts
 var COLORS = 6;
@@ -50,18 +51,25 @@ 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 options = { style: "percent", maximumFractionDigits: share < 0.1 ? 1 : 0 };
+    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) {
+    const options = { style: "percent", maximumFractionDigits: digits };
     try {
-      return share.toLocaleString(this.el.closest("[lang]")?.lang || void 0, options);
+      return new Intl.NumberFormat(this.el.closest("[lang]")?.lang || void 0, options);
     } catch {
-      return share.toLocaleString(void 0, options);
+      return new Intl.NumberFormat(void 0, options);
     }
   }
   /** The legend: every row with its color, its cell and its share. */
   _guides() {
+    this._percents = [];
     const legend = document.createElement("ul");
     legend.className = "pie-chart-legend";
     legend.setAttribute("aria-hidden", "true");
@@ -98,17 +106,13 @@ var PieChart = class extends LineChart {
     const total = values.reduce((sum, value) => sum + value, 0);
     let turn = 0;
     this._turns = values.map((value) => [turn, turn += total ? value / total : 0]);
-    const drawn = this._turns.filter(([start, end]) => end > start).length;
+    const drawn = this._turns.filter(([start, end]) => end > start);
     let slice = 0;
     this._colors = this._turns.map(([start, end]) => {
       if (end <= start) return void 0;
       const index = slice++;
-      return String(index === drawn - 1 && index > 0 && index % COLORS === 0 ? 2 : index % COLORS + 1);
+      return String(index === drawn.length - 1 && index > 0 && index % COLORS === 0 ? 2 : index % COLORS + 1);
     });
-    const at = (t, r = RADIUS) => {
-      const angle = t * 2 * Math.PI;
-      return `${(r * Math.sin(angle)).toFixed(3)},${(-r * Math.cos(angle)).toFixed(3)}`;
-    };
     const pie = document.createElement("div");
     pie.className = "pie-chart-pie";
     pie.setAttribute("aria-hidden", "true");
@@ -116,13 +120,12 @@ var PieChart = class extends LineChart {
     const id = `pie-chart-mask-${++_maskId}`;
     const area = { x: "-50", y: "-50", width: "100", height: "100" };
     const mask = svgNode("mask", { id, maskUnits: "userSpaceOnUse", ...area });
-    const edges = this._turns.filter(([start, end]) => end > start);
     mask.append(
       svgNode("rect", { ...area, fill: "white" }),
       svgNode("path", {
         class: "pie-chart-gaps",
         stroke: "black",
-        d: edges.length > 1 ? edges.map(([start]) => `M0,0L${at(start, 50)}`).join("") : ""
+        d: drawn.length > 1 ? drawn.map(([start]) => `M0,0L${polarPoint(start, 50)}`).join("") : ""
       }),
       svgNode("circle", { class: "pie-chart-hole", r: String(RADIUS), fill: "black" })
     );
@@ -134,7 +137,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${at(start)}${arc} ${end - start > 0.5 ? 1 : 0} 1 ${at(end)}Z`
+        d: end - start >= 1 ? `M0,${-RADIUS}${arc} 1 1 0,${RADIUS}${arc} 1 1 0,${-RADIUS}Z` : `M0,0L${polarPoint(start, RADIUS)}${arc} ${end - start > 0.5 ? 1 : 0} 1 ${polarPoint(end, RADIUS)}Z`
       });
       slices.append(slice2);
       return slice2;
@@ -163,4 +166,4 @@ var PieChart = class extends LineChart {
 export {
   PieChart
 };
-//# sourceMappingURL=chunk-P3G3QHII.mjs.map
+//# sourceMappingURL=chunk-OWG3LMUL.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/pieChart.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { LineChart, LineChartOptions, polarPoint as at, svgNode as node } from './lineChart';\n\nexport type PieChartOptions = LineChartOptions;\n\n// ponytail: rows past six repeat the colors; group small parts as \"Other\".\nconst COLORS = 6;\n/** The pie's radius in a 100-unit box, leaving room for the active slice to grow. */\nconst RADIUS = 46;\n/** The active slice's scale, as in _pie-chart.scss. */\nconst GROWN = 1.06;\n/** Slices smaller than this share get no .values label. */\nconst LABEL_SHARE = 0.05;\nlet _maskId = 0;\n\n/**\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.\n *\n * Re-run `PieChart.init(el)` after changing the table.\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  protected get _key() {\n    return 'Expressive_PieChart';\n  }\n\n  protected get _points() {\n    return false;\n  }\n\n  protected get _circular() {\n    return true;\n  }\n\n  static init(el: HTMLElement, options?: Partial<PieChartOptions>): PieChart;\n  static init(els: InitElements<InitElement>, options?: Partial<PieChartOptions>): PieChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<PieChartOptions> = {}\n  ): PieChart | PieChart[] {\n    return super.init(els as HTMLElement, options) as PieChart | PieChart[];\n  }\n\n  static getInstance(el: HTMLElement): PieChart {\n    return el['Expressive_PieChart'];\n  }\n\n  show(index: number) {\n    if (!this._tooltip || index === this.activeIndex) return;\n    super.show(index);\n    this._slices.forEach((slice, i) => slice?.classList.toggle('active', i === index));\n    // LineChart hides the tooltip for -1 and for an index past the last row.\n    if (this._tooltip.hidden) return;\n\n    const color = this._colors[index];\n    this._tooltip.querySelectorAll<HTMLElement>('[data-series]').forEach((span) => {\n      if (color) span.dataset.series = color;\n      else delete span.dataset.series;\n    });\n    const share = this._share(index);\n    const value = this._tooltip.querySelector('span:nth-of-type(2)');\n    if (share && value) value.textContent += ` (${share})`;\n  }\n\n  /** CSS places the tooltip on the slice's middle from --turn. */\n  protected _place(index: number) {\n    const middle = (this._turns[index][0] + this._turns[index][1]) / 2;\n    this._tooltip.style.setProperty('--turn', String(middle));\n    // On the right half it opens leftwards, over the pie.\n    this._tooltip.classList.toggle('end', middle < 0.5);\n  }\n\n  /** The row's share of the whole as a percentage, or '' for none. */\n  private _share(index: number) {\n    const [start, end] = this._turns[index];\n    if (end <= start) return '';\n    const share = end - start;\n    // Whole percentages, with a tenth below 10% so a small part is not 0%.\n    const digits = share < 0.1 ? 1 : 0;\n    (this._percents ??= [])[digits] ??= this._percent(digits);\n    return this._percents[digits].format(share);\n  }\n\n  private _percent(digits: number) {\n    const options = { style: 'percent', maximumFractionDigits: digits } as const;\n    try {\n      return new Intl.NumberFormat(this.el.closest<HTMLElement>('[lang]')?.lang || undefined, options);\n    } catch {\n      // An invalid lang attribute.\n      return new Intl.NumberFormat(undefined, options);\n    }\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 legend = document.createElement('ul');\n    legend.className = 'pie-chart-legend';\n    legend.setAttribute('aria-hidden', 'true');\n    const text = this.series[0].text;\n    legend.append(...this.labels.map((label, i) => {\n      const li = document.createElement('li');\n      if (this._colors[i]) li.dataset.series = this._colors[i];\n      const [name, value, share] = [label, text[i], this._share(i)].map((content) => {\n        const span = document.createElement('span');\n        span.textContent = content;\n        return span;\n      });\n      li.append(name, value, share);\n      return li;\n    }));\n    return [legend];\n  }\n\n  /** The row under the pointer by its angle from the middle, or -1 off the slices. */\n  protected _indexAt(e: PointerEvent) {\n    const [turn, share] = this._polarAt(e);\n    // The distance in the SVG's 100-unit box.\n    const distance = share * 100;\n    const hole = this.el.classList.contains('donut')\n      ? parseFloat(getComputedStyle(this.el).getPropertyValue('--md-comp-pie-chart-hole')) || 0\n      : 0;\n    if (distance < RADIUS * hole) return -1;\n    const index = this._turns.findIndex(([start, end]) => start <= turn && turn < end);\n    // The active slice is drawn larger, so the pointer stays on it to its edge.\n    return distance > RADIUS * (index === this.activeIndex ? GROWN : 1) ? -1 : index;\n  }\n\n  /**\n   * An SVG of slices in a -50 to 50 box, under a mask that cuts the gaps\n   * between them and the donut's hole, which CSS sizes. The values and the\n   * total are HTML over it.\n   */\n  protected _draw(): Element {\n    const values = this.series[0].values.map((value) => Math.max(0, value ?? 0));\n    const total = values.reduce((sum, value) => sum + value, 0);\n    let turn = 0;\n    this._turns = values.map((value) => [turn, (turn += total ? value / total : 0)]);\n    // Colors go round the drawn slices; the last skips the first's color beside it.\n    const drawn = this._turns.filter(([start, end]) => end > start);\n    let slice = 0;\n    this._colors = this._turns.map(([start, end]) => {\n      if (end <= start) return undefined;\n      const index = slice++;\n      return String(index === drawn.length - 1 && index > 0 && index % COLORS === 0 ? 2 : (index % COLORS) + 1);\n    });\n\n    const pie = document.createElement('div');\n    pie.className = 'pie-chart-pie';\n    pie.setAttribute('aria-hidden', 'true');\n    const svg = node('svg', { viewBox: '-50 -50 100 100', focusable: 'false' });\n    const id = `pie-chart-mask-${++_maskId}`;\n    const area = { x: '-50', y: '-50', width: '100', height: '100' };\n    const mask = node('mask', { id, maskUnits: 'userSpaceOnUse', ...area });\n    mask.append(\n      node('rect', { ...area, fill: 'white' }),\n      node('path', {\n        class: 'pie-chart-gaps',\n        stroke: 'black',\n        d: drawn.length > 1 ? drawn.map(([start]) => `M0,0L${at(start, 50)}`).join('') : ''\n      }),\n      node('circle', { class: 'pie-chart-hole', r: String(RADIUS), fill: 'black' })\n    );\n\n    const slices = node('g', { mask: `url(#${id})` });\n    const arc = `A${RADIUS},${RADIUS} 0`;\n    this._slices = this._turns.map(([start, end], i) => {\n      if (end <= start) return null;\n      const slice = node('path', {\n        class: 'pie-chart-slice',\n        'data-series': this._colors[i],\n        // A whole circle is two half arcs; one arc cannot end where it starts.\n        d: end - start >= 1\n          ? `M0,${-RADIUS}${arc} 1 1 0,${RADIUS}${arc} 1 1 0,${-RADIUS}Z`\n          : `M0,0L${at(start, RADIUS)}${arc} ${end - start > 0.5 ? 1 : 0} 1 ${at(end, RADIUS)}Z`\n      }) as SVGPathElement;\n      slices.append(slice);\n      return slice;\n    });\n    svg.append(mask, slices);\n    pie.append(svg);\n\n    if (this.el.classList.contains('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      pie.append(labels);\n    }\n\n    const middle = this._total('pie-chart-total');\n    if (middle) pie.append(middle);\n    return pie;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["slice"]
+}

package/dist/js/chunks/{chunk-LTWPGFBR.mjs → chunk-PD6HYHAE.mjs}

@@ -7,10 +7,7 @@ var Component = class {
     if (!(el instanceof HTMLElement)) {
       console.error(Error(el + " is not an HTML Element"));
     }
-    const ins = classDef.getInstance(el);
-    if (!!ins) {
-      ins.destroy();
-    }
+    classDef.getInstance(el)?.destroy();
     this.el = el;
   }
   /**
@@ -20,16 +17,8 @@ var Component = class {
    * @param classDef Class definition.
    */
   static init(els, options, classDef) {
-    let instances = null;
-    if (els instanceof Element) {
-      instances = new classDef(els, options);
-    } else if (els) {
-      instances = [];
-      for (let i = 0; i < els.length; i++) {
-        instances.push(new classDef(els[i], options));
-      }
-    }
-    return instances;
+    if (els instanceof Element) return new classDef(els, options);
+    return els ? Array.from(els, (el) => new classDef(el, options)) : null;
   }
   /**
    * @returns default options for component instance.
@@ -56,4 +45,4 @@ var Component = class {
 export {
   Component
 };
-//# sourceMappingURL=chunk-LTWPGFBR.mjs.map
+//# sourceMappingURL=chunk-PD6HYHAE.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/core/component.ts"],
+  "sourcesContent": ["/**\n * Base options for component initialization.\n */\nexport interface BaseOptions {}\n\nexport type InitElement = HTMLElement | Element;\nexport type InitElements<T extends InitElement> = NodeListOf<T> | HTMLCollectionOf<T>;\ntype ComponentConstructor<T extends Component<O>, O extends BaseOptions> = {\n  new (el: HTMLElement, options: Partial<O>): T;\n};\ntype ComponentType<C extends Component<O>, O extends BaseOptions> = ComponentConstructor<C, O> &\n  typeof Component<O>;\n\nexport interface I18nOptions {\n  cancel: string;\n  clear: string;\n  done: string;\n}\n\nexport interface Openable {\n  isOpen: boolean;\n  open(): void;\n  close(): void;\n}\n\n/**\n * Base class implementation for Expressive components.\n */\nexport class Component<O extends BaseOptions> {\n  /**\n   * The DOM element the plugin was initialized with.\n   */\n  el: HTMLElement;\n  /**\n   * The options the instance was initialized with.\n   */\n  options: O;\n\n  /**\n   * Constructs component instance and set everything up.\n   */\n  constructor(el: HTMLElement, options: Partial<O>, classDef: ComponentType<Component<O>, O>) {\n    // Display error if el is not a valid HTML Element\n    if (!(el instanceof HTMLElement)) {\n      console.error(Error(el + ' is not an HTML Element'));\n    }\n    // If exists, destroy and reinitialize in child\n    classDef.getInstance(el)?.destroy();\n    this.el = el;\n  }\n\n  /**\n   * Initializes component instance.\n   * @param el HTML element.\n   * @param options Component options.\n   * @param classDef Class definition.\n   */\n  protected static init<I extends HTMLElement, O extends BaseOptions, C extends Component<O>>(\n    el: I,\n    options: O,\n    classDef: ComponentType<C, O>\n  ): C;\n  /**\n   * Initializes component instances.\n   * @param els HTML elements.\n   * @param options Component options.\n   * @param classDef Class definition.\n   */\n  protected static init<I extends InitElement, O extends BaseOptions, C extends Component<O>>(\n    els: InitElements<I>,\n    options: Partial<O>,\n    classDef: ComponentType<C, O>\n  ): C[];\n  /**\n   * Initializes component instances.\n   * @param els HTML elements.\n   * @param options Component options.\n   * @param classDef Class definition.\n   */\n  protected static init<I extends InitElement, O extends BaseOptions, C extends Component<O>>(\n    els: I | InitElements<I>,\n    options: Partial<O>,\n    classDef: ComponentType<C, O>\n  ): C | C[];\n  /**\n   * Initializes component instances.\n   * @param els HTML elements.\n   * @param options Component options.\n   * @param classDef Class definition.\n   */\n  protected static init<I extends InitElement, O extends BaseOptions, C extends Component<O>>(\n    els: I | InitElements<I>,\n    options: Partial<O>,\n    classDef: ComponentType<C, O>\n  ): C | C[] {\n    if (els instanceof Element) return new classDef(<HTMLElement>els, options);\n    return els ? Array.from(els, (el) => new classDef(<HTMLElement>el, options)) : null;\n  }\n\n  /**\n   * @returns default options for component instance.\n   */\n  static get defaults(): BaseOptions {\n    return {};\n  }\n\n  /**\n   * Retrieves component instance for the given element.\n   * @param el Associated HTML Element.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  static getInstance(el: HTMLElement): Component<BaseOptions> {\n    throw new Error('This method must be implemented.');\n  }\n\n  /**\n   * Destroy plugin instance and teardown.\n   */\n  destroy(): void {\n    throw new Error('This method must be implemented.');\n  }\n}\n"],
+  "mappings": ";AA4BO,IAAM,YAAN,MAAuC;AAAA;AAAA;AAAA;AAAA,EAa5C,YAAY,IAAiB,SAAqB,UAA0C;AAE1F,QAAI,EAAE,cAAc,cAAc;AAChC,cAAQ,MAAM,MAAM,KAAK,yBAAyB,CAAC;AAAA,IACrD;AAEA,aAAS,YAAY,EAAE,GAAG,QAAQ;AAClC,SAAK,KAAK;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyCA,OAAiB,KACf,KACA,SACA,UACS;AACT,QAAI,eAAe,QAAS,QAAO,IAAI,SAAsB,KAAK,OAAO;AACzE,WAAO,MAAM,MAAM,KAAK,KAAK,CAAC,OAAO,IAAI,SAAsB,IAAI,OAAO,CAAC,IAAI;AAAA,EACjF;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW,WAAwB;AACjC,WAAO,CAAC;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,YAAY,IAAyC;AAC1D,UAAM,IAAI,MAAM,kCAAkC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,UAAM,IAAI,MAAM,kCAAkC;AAAA,EACpD;AACF;",
+  "names": []
+}

package/dist/js/chunks/{chunk-PIJ2TAR3.mjs → chunk-PDG64UHF.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/buttons.ts
 var _defaults = {};
@@ -91,4 +91,4 @@ var FloatingActionButton = class _FloatingActionButton extends Component {
 export {
   FloatingActionButton
 };
-//# sourceMappingURL=chunk-PIJ2TAR3.mjs.map
+//# sourceMappingURL=chunk-PDG64UHF.mjs.map

package/dist/js/chunks/{chunk-IFXVDDDH.mjs → chunk-PO3AXVR3.mjs}

@@ -1,12 +1,12 @@
 import {
   DockedDisplayPlugin
-} from "./chunk-EC63CHXU.mjs";
+} from "./chunk-M3MURWMB.mjs";
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/timepicker.ts
 var _defaults = {
@@ -92,8 +92,7 @@ var _Timepicker = class _Timepicker extends Component {
       if (e.pointerId !== this._dragPointerId) return;
       this._dragPointerId = null;
       e.preventDefault();
-      document.removeEventListener("pointerup", this._handleDocumentClickEnd);
-      document.removeEventListener("pointercancel", this._handleDocumentClickCancel);
+      this._removeDragListeners();
       const x = e.clientX - this.x0;
       const y = e.clientY - this.y0;
       if (this.moved && x === this.dx && y === this.dy) {
@@ -112,7 +111,6 @@ var _Timepicker = class _Timepicker extends Component {
       if (typeof this.options.onSelect === "function") {
         this.options.onSelect.call(this, this.hours, this.minutes);
       }
-      document.removeEventListener("pointermove", this._handleDocumentClickMove);
     };
     /**
      * A cancelled pointer is not a completed selection. The browser or the OS
@@ -124,9 +122,7 @@ var _Timepicker = class _Timepicker extends Component {
       if (e.pointerId !== this._dragPointerId) return;
       this._dragPointerId = null;
       this.moved = false;
-      document.removeEventListener("pointermove", this._handleDocumentClickMove);
-      document.removeEventListener("pointerup", this._handleDocumentClickEnd);
-      document.removeEventListener("pointercancel", this._handleDocumentClickCancel);
+      this._removeDragListeners();
     };
     this._handleAmPmClick = (e) => {
       this._handleAmPmInteraction(e.target);
@@ -200,8 +196,8 @@ var _Timepicker = class _Timepicker extends Component {
     this._setupVariables();
     this._setupEventHandlers();
     this._pickerSetup();
-    if (this.options.displayPlugin) {
-      if (this.options.displayPlugin === "docked") this.displayPlugin = DockedDisplayPlugin.init(this.el, this.containerEl, this.options.displayPluginOptions);
+    if (this.options.displayPlugin === "docked") {
+      this.displayPlugin = DockedDisplayPlugin.init(this.el, this.containerEl, this.options.displayPluginOptions);
     }
   }
   static get defaults() {
@@ -249,6 +245,9 @@ var _Timepicker = class _Timepicker extends Component {
     this.digitalClock.removeEventListener("input", this._inputFromTextField);
     this.el.removeEventListener("click", this._handleInputClick);
     this.el.removeEventListener("keydown", this._handleInputKeydown);
+    this._removeDragListeners();
+  }
+  _removeDragListeners() {
     document.removeEventListener("pointermove", this._handleDocumentClickMove);
     document.removeEventListener("pointerup", this._handleDocumentClickEnd);
     document.removeEventListener("pointercancel", this._handleDocumentClickCancel);
@@ -380,25 +379,22 @@ var _Timepicker = class _Timepicker extends Component {
     }
   }
   _buildHoursTick(i, radian, radius) {
-    const tick = document.createElement("div");
-    tick.classList.add("timepicker-tick");
-    tick.style.left = this.options.dialRadius + Math.sin(radian) * radius - this.options.tickRadius + "px";
-    tick.style.top = this.options.dialRadius - Math.cos(radian) * radius - this.options.tickRadius + "px";
-    tick.textContent = i === 0 ? "00" : i.toString();
-    this.hoursView.appendChild(tick);
+    this._placeTick(this.hoursView, radian, radius, i === 0 ? "00" : i.toString());
   }
   _buildMinutesView() {
-    const _tick = document.createElement("div");
-    _tick.classList.add("timepicker-tick");
     for (let i = 0; i < 60; i += 5) {
-      const tick = _tick.cloneNode(true);
       const radian = i / 30 * Math.PI;
-      tick.style.left = this.options.dialRadius + Math.sin(radian) * this.options.outerRadius - this.options.tickRadius + "px";
-      tick.style.top = this.options.dialRadius - Math.cos(radian) * this.options.outerRadius - this.options.tickRadius + "px";
-      tick.textContent = _Timepicker._addLeadingZero(i);
-      this.minutesView.appendChild(tick);
+      this._placeTick(this.minutesView, radian, this.options.outerRadius, _Timepicker._addLeadingZero(i));
     }
   }
+  _placeTick(view, radian, radius, text) {
+    const tick = document.createElement("div");
+    tick.classList.add("timepicker-tick");
+    tick.style.left = this.options.dialRadius + Math.sin(radian) * radius - this.options.tickRadius + "px";
+    tick.style.top = this.options.dialRadius - Math.cos(radian) * radius - this.options.tickRadius + "px";
+    tick.textContent = text;
+    view.appendChild(tick);
+  }
   _updateAmPmView() {
     if (!this._amBtn || !this._pmBtn) return;
     this._amBtn.setAttribute("aria-pressed", String(this.amOrPm === "AM"));
@@ -465,53 +461,31 @@ var _Timepicker = class _Timepicker extends Component {
   setHand(x, y, roundBy5 = false) {
     this._cancelClockReset();
     const isHours = this.currentView === "hours", unit = Math.PI / (isHours || roundBy5 ? 6 : 30), z = Math.sqrt(x * x + y * y), inner = isHours && z < (this.options.outerRadius + this.options.innerRadius) / 2;
-    let radian = Math.atan2(x, -y), radius = inner ? this.options.innerRadius : this.options.outerRadius;
-    if (this.options.twelveHour) {
-      radius = this.options.outerRadius;
-    }
+    const radius = inner && !this.options.twelveHour ? this.options.innerRadius : this.options.outerRadius;
+    let radian = Math.atan2(x, -y);
     if (radian < 0) {
       radian = Math.PI * 2 + radian;
     }
     let value = Math.round(radian / unit);
     radian = value * unit;
-    if (this.options.twelveHour) {
-      if (isHours) {
-        if (value === 0) value = 12;
-      } else {
-        if (roundBy5) value *= 5;
-        if (value === 60) value = 0;
-      }
-    } else {
-      if (isHours) {
-        if (value === 12) {
-          value = 0;
-        }
-        value = inner ? value === 0 ? 12 : value : value === 0 ? 0 : value + 12;
-      } else {
-        if (roundBy5) {
-          value *= 5;
-        }
-        if (value === 60) {
-          value = 0;
-        }
-      }
+    if (!isHours) {
+      if (roundBy5) value *= 5;
+      if (value === 60) value = 0;
+    } else if (this.options.twelveHour) {
+      if (value === 0) value = 12;
+    } else if (value % 12 === 0) {
+      value = inner ? 12 : 0;
+    } else if (!inner) {
+      value += 12;
     }
-    if (this[this.currentView] !== value) {
-      if (this.canVibrate && this.options.vibrate) {
-        if (!this.vibrateTimer) {
-          navigator.vibrate(10);
-          this.vibrateTimer = setTimeout(() => {
-            this.vibrateTimer = null;
-          }, 100);
-        }
-      }
+    if (this[this.currentView] !== value && this.canVibrate && this.options.vibrate && !this.vibrateTimer) {
+      navigator.vibrate(10);
+      this.vibrateTimer = setTimeout(() => {
+        this.vibrateTimer = null;
+      }, 100);
     }
     this[this.currentView] = value;
-    if (isHours) {
-      this.inputHours.value = _Timepicker._addLeadingZero(value);
-    } else {
-      this.inputMinutes.value = _Timepicker._addLeadingZero(value);
-    }
+    (isHours ? this.inputHours : this.inputMinutes).value = _Timepicker._addLeadingZero(value);
     this.setClockAttributes(radian, radius);
   }
   setClockAttributes(radian, radius) {
@@ -569,4 +543,4 @@ var Timepicker = _Timepicker;
 export {
   Timepicker
 };
-//# sourceMappingURL=chunk-IFXVDDDH.mjs.map
+//# sourceMappingURL=chunk-PO3AXVR3.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/timepicker.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement, I18nOptions } from '../core/component';\nimport { DockedDisplayPlugin } from '../plugins/dockedDisplayPlugin';\n\nexport type Views = 'hours' | 'minutes';\n\nexport interface TimepickerOptions extends BaseOptions {\n  /**\n   * Dial radius.\n   * @default 135\n   */\n  dialRadius: number;\n  /**\n   * Outer radius.\n   * @default 105\n   */\n  outerRadius: number;\n  /**\n   * Inner radius.\n   * @default 70\n   */\n  innerRadius: number;\n  /**\n   * Tick radius.\n   * @default 20\n   */\n  tickRadius: number;\n  /**\n   * Duration of the transition from/to the hours/minutes view.\n   * @default 350\n   */\n  duration: number;\n  /**\n   * Specify a DOM element OR selector for a DOM element to render\n   * the time picker in, by default it will be placed before the input.\n   * @default null\n   */\n  container: HTMLElement | string | null;\n  /**\n   * Show the clear button in the Timepicker.\n   * @default false\n   */\n  showClearBtn: boolean;\n  /**\n   *  Autosubmit timepicker selection to input field\n   *  @default true\n   */\n  autoSubmit: boolean;\n  /**\n   * Default time to set on the timepicker 'now' or '13:14'.\n   * @default 'now';\n   */\n  defaultTime: string;\n  /**\n   * Millisecond offset from the defaultTime.\n   * @default 0\n   */\n  fromNow: number;\n  /**\n   * Internationalization options.\n   */\n  i18n: Partial<I18nOptions & { hours: string; minutes: string }>;\n  /**\n   * Use 12 hour AM/PM clock instead of 24 hour clock.\n   * @default true\n   */\n  twelveHour: boolean;\n  /**\n   * Vibrate device when dragging clock hand.\n   * @default true\n   */\n  vibrate: boolean;\n  /**\n   * Callback function when a time is selected.\n   * @default null\n   */\n  onSelect: (hour: number, minute: number) => void;\n  /**\n   * Callback function for interaction with input field.\n   * @default null\n   */\n  onInputInteraction: (() => void) | null;\n  /**\n   * Callback function for done.\n   * @default null\n   */\n  onDone: (() => void) | null;\n  /**\n   * Callback function for cancel.\n   * @default null\n   */\n  onCancel: (() => void) | null;\n  /**\n   * Display plugin\n   */\n  displayPlugin: string;\n  /**\n   * Configurable display plugin options\n   */\n  displayPluginOptions: object;\n}\n\nconst _defaults: TimepickerOptions = {\n  dialRadius: 135,\n  outerRadius: 105,\n  innerRadius: 70,\n  tickRadius: 20,\n  duration: 350,\n  container: null,\n  defaultTime: 'now', // default time, 'now' or '13:14' e.g.\n  fromNow: 0, // Millisecond offset from the defaultTime\n  showClearBtn: false,\n  autoSubmit: true,\n  // internationalization\n  i18n: {\n    cancel: 'Cancel',\n    clear: 'Clear',\n    done: 'Ok',\n    hours: 'Hours',\n    minutes: 'Minutes'\n  },\n  twelveHour: true, // change to 12 hour AM/PM clock from 24 hour\n  vibrate: true, // vibrate the device when dragging clock hand\n  // Callbacks\n  onSelect: null,\n  onInputInteraction: null,\n  onDone: null,\n  onCancel: null,\n  displayPlugin: null,\n  displayPluginOptions: null,\n};\n\nexport class Timepicker extends Component<TimepickerOptions> {\n  declare el: HTMLInputElement;\n  id: string;\n  containerEl: HTMLElement;\n  plate: HTMLElement;\n  digitalClock: HTMLElement;\n  inputHours: HTMLInputElement;\n  inputMinutes: HTMLInputElement;\n  x0: number;\n  y0: number;\n  moved: boolean;\n  /** Which pointer is dragging the clock hand; a second finger is ignored. */\n  private _dragPointerId: number | null = null;\n  dx: number;\n  dy: number;\n  /**\n   * Current view on the timepicker.\n   * @default 'hours'\n   */\n  currentView: Views;\n  hand: SVGElement;\n  minutesView: HTMLElement;\n  hours: number;\n  minutes: number;\n  /** The selected time. */\n  time: string;\n  /**\n   * If the time is AM or PM on twelve-hour clock.\n   * @default 'PM'\n   */\n  amOrPm: 'AM' | 'PM';\n  static _template;\n  /** Whether this device exposes the Vibration API at all. */\n  canVibrate: boolean;\n  _canvas: HTMLElement;\n  hoursView: HTMLElement;\n  spanAmPm: HTMLSpanElement;\n  footer: HTMLElement;\n  private _amBtn: HTMLButtonElement;\n  private _pmBtn: HTMLButtonElement;\n  bg: Element;\n  bearing: Element;\n  g: Element;\n  toggleViewTimer: ReturnType<typeof setTimeout>;\n  vibrateTimer: ReturnType<typeof setTimeout>;\n  private _autoSubmitTimer: ReturnType<typeof setTimeout>;\n  private _clockResetTimer: ReturnType<typeof setTimeout>;\n  private displayPlugin: DockedDisplayPlugin;\n  /** Whether the dial (ticks + SVG + AM/PM buttons) has been built yet. */\n  private _clockBuilt = false;\n\n  constructor(el: HTMLInputElement, options: Partial<TimepickerOptions>) {\n    super(el, options, Timepicker);\n    this.el['Expressive_Timepicker'] = this;\n    this.options = {\n      ...Timepicker.defaults,\n      ...options,\n      i18n: { ...Timepicker.defaults.i18n, ...options?.i18n }\n    };\n    this.id = Utils.guid();\n    this._insertHTMLIntoDOM();\n    this._setupVariables();\n    this._setupEventHandlers();\n    // The dial is ~40 elements (12 or 24 hour ticks, 12 minute ticks, the SVG\n    // hand and the AM/PM buttons) and is built by _ensureClockBuilt() rather\n    // than here - see _pickerSetup for when that first happens.\n    this._pickerSetup();\n\n    if (this.options.displayPlugin === 'docked') {\n      this.displayPlugin = DockedDisplayPlugin.init(this.el, this.containerEl, this.options.displayPluginOptions);\n    }\n  }\n\n  static get defaults(): TimepickerOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Timepicker.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLInputElement, options?: Partial<TimepickerOptions>): Timepicker;\n  /**\n   * Initializes instances of Timepicker.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<HTMLInputElement | InitElement>,\n    options?: Partial<TimepickerOptions>\n  ): Timepicker[];\n  /**\n   * Initializes instances of Timepicker.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLInputElement | InitElements<HTMLInputElement | InitElement>,\n    options: Partial<TimepickerOptions> = {}\n  ): Timepicker | Timepicker[] {\n    return super.init(els, options, Timepicker);\n  }\n\n  static _addLeadingZero(num: number) {\n    return (num < 10 ? '0' : '') + num;\n  }\n\n  static _createSVGEl(name: string) {\n    const svgNS = 'http://www.w3.org/2000/svg';\n    return document.createElementNS(svgNS, name);\n  }\n\n  static getInstance(el: HTMLElement): Timepicker {\n    return el['Expressive_Timepicker'];\n  }\n\n  destroy() {\n    clearTimeout(this._autoSubmitTimer);\n    clearTimeout(this.toggleViewTimer);\n    clearTimeout(this.vibrateTimer);\n    this._cancelClockReset();\n    this._removeEventHandlers();\n    this.displayPlugin?.destroy();\n    this.containerEl.remove();\n    this.el['Expressive_Timepicker'] = undefined;\n  }\n\n  _setupEventHandlers() {\n    this.el.addEventListener('click', this._handleInputClick);\n    this.el.addEventListener('keydown', this._handleInputKeydown);\n    this.plate.addEventListener('pointerdown', this._handleClockClickStart);\n    this.digitalClock.addEventListener('input', this._inputFromTextField);\n    this.inputHours.addEventListener('focus', () => this.showView('hours'));\n    this.inputHours.addEventListener('focusout', () => this.formatHours());\n    this.inputMinutes.addEventListener('focus', () => this.showView('minutes'));\n    this.inputMinutes.addEventListener('focusout', () => this.formatMinutes());\n  }\n\n  _removeEventHandlers() {\n    this.digitalClock.removeEventListener('input', this._inputFromTextField);\n    this.el.removeEventListener('click', this._handleInputClick);\n    this.el.removeEventListener('keydown', this._handleInputKeydown);\n    // Drag handlers live on the document while the clock hand is held; if the\n    // component is destroyed mid-drag they would otherwise outlive it.\n    this._removeDragListeners();\n  }\n\n  private _removeDragListeners() {\n    document.removeEventListener('pointermove', this._handleDocumentClickMove);\n    document.removeEventListener('pointerup', this._handleDocumentClickEnd);\n    document.removeEventListener('pointercancel', this._handleDocumentClickCancel);\n  }\n\n  _handleInputClick = () => {\n    this._updateTimeFromInput();\n    // Before focus(): focusing inputHours fires the handler that calls\n    // showView, and an already-focused input fires nothing at all.\n    this._ensureClockBuilt();\n    if (this.displayPlugin) this.displayPlugin.show();\n    this.inputHours.focus();\n    if (typeof this.options.onInputInteraction === 'function') this.options.onInputInteraction.call(this);\n  };\n\n  _handleInputKeydown = (e: KeyboardEvent) => {\n    if (e.key === Utils.keys.ENTER) {\n      e.preventDefault();\n      this._handleInputClick();\n    }\n  };\n\n  _handleClockClickStart = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    e.preventDefault();\n    this._ensureClockBuilt();\n    const clockPlateBR = this.plate.getBoundingClientRect();\n    const offset = { x: clockPlateBR.left, y: clockPlateBR.top };\n\n    this.x0 = offset.x + this.options.dialRadius;\n    this.y0 = offset.y + this.options.dialRadius;\n    this.moved = false;\n    this._dragPointerId = e.pointerId;\n    this.dx = e.clientX - this.x0;\n    this.dy = e.clientY - this.y0;\n\n    // Set clock hands\n    this.setHand(this.dx, this.dy, false);\n    // The hand follows the pointer anywhere on the page while it is held.\n    // `pointercancel` ends the drag the same way `pointerup` does: without it\n    // these document listeners outlived a cancelled touch, because the\n    // `touchend` pair this replaced had no `touchcancel` companion.\n    document.addEventListener('pointermove', this._handleDocumentClickMove);\n    document.addEventListener('pointerup', this._handleDocumentClickEnd);\n    document.addEventListener('pointercancel', this._handleDocumentClickCancel);\n  };\n\n  _handleDocumentClickMove = (e: PointerEvent) => {\n    if (e.pointerId !== this._dragPointerId) return;\n    e.preventDefault();\n    const x = e.clientX - this.x0;\n    const y = e.clientY - this.y0;\n    this.moved = true;\n    this.setHand(x, y, false);\n  };\n\n  _handleDocumentClickEnd = (e: PointerEvent) => {\n    if (e.pointerId !== this._dragPointerId) return;\n    this._dragPointerId = null;\n    e.preventDefault();\n    this._removeDragListeners();\n    const x = e.clientX - this.x0;\n    const y = e.clientY - this.y0;\n    if (this.moved && x === this.dx && y === this.dy) {\n      this.setHand(x, y);\n    }\n\n    if (this.currentView === 'hours') {\n      this.inputMinutes.focus();\n      this.showView('minutes', this.options.duration / 2);\n    } else {\n      clearTimeout(this._autoSubmitTimer);\n      this._autoSubmitTimer = setTimeout(() => {\n        this._autoSubmitTimer = null;\n        if (this.options.autoSubmit) this.done();\n      }, this.options.duration / 2);\n    }\n\n    if (typeof this.options.onSelect === 'function') {\n      this.options.onSelect.call(this, this.hours, this.minutes);\n    }\n  };\n\n  /**\n   * A cancelled pointer is not a completed selection. The browser or the OS\n   * took the gesture over, so this only lets go of the drag - it must not run\n   * the pointer-up path, which advances hours to minutes, fires `onSelect`,\n   * and under `autoSubmit` closes the picker on a time the user never chose.\n   */\n  _handleDocumentClickCancel = (e: PointerEvent) => {\n    if (e.pointerId !== this._dragPointerId) return;\n    this._dragPointerId = null;\n    this.moved = false;\n    this._removeDragListeners();\n  };\n\n  _insertHTMLIntoDOM() {\n    const template = document.createElement('template');\n    template.innerHTML = Timepicker._template.trim();\n\n    this.containerEl = <HTMLElement>template.content.firstChild;\n    this.containerEl.id = 'container-' + this.id;\n\n    // Append popover to input by default\n    const optEl = this.options.container;\n    const containerEl = optEl instanceof HTMLElement ? optEl : document.querySelector(optEl);\n\n    if (this.options.container && !!containerEl) {\n      containerEl.append(this.containerEl);\n    } else {\n      this.el.parentElement.appendChild(this.containerEl);\n    }\n  }\n\n  _setupVariables() {\n    this.currentView = 'hours';\n    // `navigator.webkitVibrate` never shipped in any browser - the probe it\n    // came from was folklore. A plain feature check is the whole of it.\n    this.canVibrate = typeof navigator.vibrate === 'function';\n    this._canvas = this.containerEl.querySelector('.timepicker-canvas');\n    this.plate = this.containerEl.querySelector('.timepicker-plate');\n    this.digitalClock = this.containerEl.querySelector('.timepicker-display-column');\n    this.hoursView = this.containerEl.querySelector('.timepicker-hours');\n    this.minutesView = this.containerEl.querySelector('.timepicker-minutes');\n    this.inputHours = this.containerEl.querySelector('.timepicker-input-hours');\n    this.inputMinutes = this.containerEl.querySelector('.timepicker-input-minutes');\n    this.inputHours.setAttribute('aria-label', this.options.i18n.hours);\n    this.inputMinutes.setAttribute('aria-label', this.options.i18n.minutes);\n    this.spanAmPm = this.containerEl.querySelector('.timepicker-span-am-pm');\n    this.footer = this.containerEl.querySelector('.timepicker-footer');\n    this.amOrPm = 'PM';\n  }\n\n  _pickerSetup() {\n    Utils.createButton(\n      this.footer,\n      this.options.i18n.clear,\n      ['timepicker-clear'],\n      this.options.showClearBtn,\n      this.clear\n    );\n\n    if (!this.options.autoSubmit) {\n      Utils.createConfirmationContainer(\n        this.footer,\n        this.options.i18n.done,\n        this.options.i18n.cancel,\n        this.confirm,\n        this.cancel\n      );\n    }\n\n    this._updateTimeFromInput();\n\n    // With a docked display the container is `visibility: hidden` until\n    // show(), so the dial can wait for the first interaction. Without one it\n    // is on screen from the moment it is inserted and has to be ready now.\n    if (!this.options.displayPlugin) this.showView('hours');\n  }\n\n  /**\n   * Build the dial, once. Cheap to call repeatedly - every entry point that\n   * touches the clock calls it first, so the picker cannot be interacted with\n   * before it exists.\n   */\n  private _ensureClockBuilt() {\n    if (this._clockBuilt) return;\n    this._clockBuilt = true;\n    this._clockSetup();\n    // Applies the AM/PM state _updateTimeFromInput worked out before the\n    // buttons existed.\n    this._updateAmPmView();\n  }\n\n  _clockSetup() {\n    if (this.options.twelveHour) {\n      // AM Button\n      this._amBtn = document.createElement('button');\n      this._amBtn.type = 'button';\n      this._amBtn.classList.add('am-btn');\n      this._amBtn.innerText = 'AM';\n      this._amBtn.addEventListener('click', this._handleAmPmClick);\n      this.spanAmPm.appendChild(this._amBtn);\n      // PM Button\n      this._pmBtn = document.createElement('button');\n      this._pmBtn.type = 'button';\n      this._pmBtn.classList.add('pm-btn');\n      this._pmBtn.innerText = 'PM';\n      this._pmBtn.addEventListener('click', this._handleAmPmClick);\n      this.spanAmPm.appendChild(this._pmBtn);\n    }\n    this._buildHoursView();\n    this._buildMinutesView();\n    this._buildSVGClock();\n  }\n\n  _buildSVGClock() {\n    // Draw clock hands and others\n    const dialRadius = this.options.dialRadius;\n    const tickRadius = this.options.tickRadius;\n    const diameter = dialRadius * 2;\n    const svg = Timepicker._createSVGEl('svg');\n    svg.setAttribute('class', 'timepicker-svg');\n    svg.setAttribute('width', diameter.toString());\n    svg.setAttribute('height', diameter.toString());\n    const g = Timepicker._createSVGEl('g');\n    g.setAttribute('transform', 'translate(' + dialRadius + ',' + dialRadius + ')');\n    const bearing = Timepicker._createSVGEl('circle');\n    bearing.setAttribute('class', 'timepicker-canvas-bearing');\n    bearing.setAttribute('cx', '0');\n    bearing.setAttribute('cy', '0');\n    bearing.setAttribute('r', '4');\n    const hand = Timepicker._createSVGEl('line');\n    hand.setAttribute('x1', '0');\n    hand.setAttribute('y1', '0');\n    const bg = Timepicker._createSVGEl('circle');\n    bg.setAttribute('class', 'timepicker-canvas-bg');\n    bg.setAttribute('r', tickRadius.toString());\n    g.appendChild(hand);\n    g.appendChild(bg);\n    g.appendChild(bearing);\n    svg.appendChild(g);\n    this._canvas.appendChild(svg);\n    this.hand = hand;\n    this.bg = bg;\n    this.bearing = bearing;\n    this.g = g;\n  }\n\n  _buildHoursView() {\n    // Hours view\n    if (this.options.twelveHour) {\n      for (let i = 1; i < 13; i += 1) {\n        const radian = (i / 6) * Math.PI;\n        const radius = this.options.outerRadius;\n        this._buildHoursTick(i, radian, radius);\n      }\n    } else {\n      for (let i = 0; i < 24; i += 1) {\n        const radian = (i / 6) * Math.PI;\n        const inner = i > 0 && i < 13;\n        const radius = inner ? this.options.innerRadius : this.options.outerRadius;\n        this._buildHoursTick(i, radian, radius);\n      }\n    }\n  }\n\n  _buildHoursTick(i: number, radian: number, radius: number) {\n    this._placeTick(this.hoursView, radian, radius, i === 0 ? '00' : i.toString());\n  }\n\n  _buildMinutesView() {\n    for (let i = 0; i < 60; i += 5) {\n      const radian = (i / 30) * Math.PI;\n      this._placeTick(this.minutesView, radian, this.options.outerRadius, Timepicker._addLeadingZero(i));\n    }\n  }\n\n  private _placeTick(view: HTMLElement, radian: number, radius: number, text: string) {\n    const tick = document.createElement('div');\n    tick.classList.add('timepicker-tick');\n    tick.style.left =\n      this.options.dialRadius + Math.sin(radian) * radius - this.options.tickRadius + 'px';\n    tick.style.top =\n      this.options.dialRadius - Math.cos(radian) * radius - this.options.tickRadius + 'px';\n    tick.textContent = text;\n    view.appendChild(tick);\n  }\n\n  _handleAmPmClick = (e: MouseEvent) => {\n    this._handleAmPmInteraction(<HTMLElement>e.target);\n  };\n\n  _handleAmPmInteraction = (e: HTMLElement) => {\n    this.amOrPm = e.classList.contains('am-btn') ? 'AM' : 'PM';\n    this._updateAmPmView();\n  }\n\n  _updateAmPmView() {\n    // _updateTimeFromInput settles amOrPm before the dial is built; the\n    // buttons pick the state up in _ensureClockBuilt.\n    if (!this._amBtn || !this._pmBtn) return;\n    this._amBtn.setAttribute('aria-pressed', String(this.amOrPm === 'AM'));\n    this._pmBtn.setAttribute('aria-pressed', String(this.amOrPm === 'PM'));\n    this._amBtn.classList.toggle('outlined', this.amOrPm !== 'AM');\n    this._pmBtn.classList.toggle('outlined', this.amOrPm !== 'PM');\n    if (this.options.twelveHour) {\n      if (this.amOrPm === 'PM') {\n        this._amBtn.classList.remove('filled');\n        this._pmBtn.classList.add('filled');\n      } else if (this.amOrPm === 'AM') {\n        this._amBtn.classList.add('filled');\n        this._pmBtn.classList.remove('filled');\n      }\n    }\n  }\n\n  _updateTimeFromInput() {\n    this._cancelClockReset();\n    // Get the time\n    let value = ((this.el.value || this.options.defaultTime || '') + '').trim().toUpperCase().split(':');\n    const period = value[1]?.match(/AM|PM/)?.[0];\n    value[1] = value[1]?.replace(/AM|PM/, '');\n    if (value[0] === 'NOW') {\n      const now = new Date(+new Date() + this.options.fromNow);\n      value = [now.getHours().toString(), now.getMinutes().toString()];\n    }\n    this.hours = +value[0] || 0;\n    this.minutes = +value[1] || 0;\n    if (this.options.twelveHour) {\n      this.amOrPm = period === 'AM' || period === 'PM' ? period : this.hours >= 12 ? 'PM' : 'AM';\n      this.hours = this.hours % 12 || 12;\n    }\n    this.inputHours.value = Timepicker._addLeadingZero(this.hours);\n    this.inputMinutes.value = Timepicker._addLeadingZero(this.minutes);\n\n    this._updateAmPmView();\n  }\n\n  /**\n   * Show hours or minutes view on timepicker.\n   * @param view The name of the view you want to switch to, 'hours' or 'minutes'.\n   * @param delay\n   */\n  showView = (view: Views, delay: number = null) => {\n    this._ensureClockBuilt();\n    const isHours = view === 'hours',\n      nextView = isHours ? this.hoursView : this.minutesView,\n      hideView = isHours ? this.minutesView : this.hoursView;\n    this.currentView = view;\n\n    // Transition view\n    hideView.classList.add('timepicker-dial-out');\n\n    nextView.style.visibility = 'visible';\n    nextView.classList.remove('timepicker-dial-out');\n\n    // Reset clock hand\n    this.resetClock(delay);\n    // After transitions ended\n    clearTimeout(this.toggleViewTimer);\n    this.toggleViewTimer = setTimeout(() => {\n      hideView.style.visibility = 'hidden';\n    }, this.options.duration);\n  };\n\n  private _cancelClockReset() {\n    clearTimeout(this._clockResetTimer);\n    this._clockResetTimer = null;\n    this._canvas?.classList.remove('timepicker-canvas-out');\n  }\n\n  resetClock(delay) {\n    this._cancelClockReset();\n    const view = this.currentView,\n      value = this[view],\n      isHours = view === 'hours',\n      unit = Math.PI / (isHours ? 6 : 30),\n      radian = value * unit,\n      radius =\n        isHours && value > 0 && value < 13 ? this.options.innerRadius : this.options.outerRadius,\n      x = Math.sin(radian) * radius,\n      y = -Math.cos(radian) * radius;\n\n    if (delay) {\n      this._canvas?.classList.add('timepicker-canvas-out');\n      this._clockResetTimer = setTimeout(() => {\n        this.setHand(x, y);\n      }, delay);\n    } else {\n      this.setHand(x, y);\n    }\n  }\n\n  _inputFromTextField = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    const isHours = input === this.inputHours;\n    if (!isHours && input !== this.inputMinutes) return;\n    this._cancelClockReset();\n    const value = Number(input.value);\n    const min = isHours && this.options.twelveHour ? 1 : 0;\n    const max = isHours ? (this.options.twelveHour ? 12 : 23) : 59;\n    if (!input.value.trim() || !Number.isInteger(value) || value < min || value > max) return;\n    this[isHours ? 'hours' : 'minutes'] = value;\n    this.drawClockFromTimeInput(value, isHours);\n  };\n\n  drawClockFromTimeInput(value, isHours) {\n    const unit = Math.PI / (isHours ? 6 : 30);\n    const radian = value * unit;\n    let radius;\n    if (this.options.twelveHour) {\n      radius = this.options.outerRadius;\n    } else {\n      radius =\n        isHours && value > 0 && value < 13 ? this.options.innerRadius : this.options.outerRadius;\n    }\n    this.setClockAttributes(radian, radius);\n  }\n\n  setHand(x, y, roundBy5: boolean = false) {\n    this._cancelClockReset();\n    const isHours = this.currentView === 'hours',\n      unit = Math.PI / (isHours || roundBy5 ? 6 : 30),\n      z = Math.sqrt(x * x + y * y),\n      inner = isHours && z < (this.options.outerRadius + this.options.innerRadius) / 2;\n    const radius = inner && !this.options.twelveHour ? this.options.innerRadius : this.options.outerRadius;\n    let radian = Math.atan2(x, -y);\n\n    // Radian should in range [0, 2PI]\n    if (radian < 0) {\n      radian = Math.PI * 2 + radian;\n    }\n\n    // Get the round value\n    let value = Math.round(radian / unit);\n\n    // Get the round radian\n    radian = value * unit;\n\n    // Correct the hours or minutes\n    if (!isHours) {\n      if (roundBy5) value *= 5;\n      if (value === 60) value = 0;\n    } else if (this.options.twelveHour) {\n      if (value === 0) value = 12;\n    } else if (value % 12 === 0) {\n      // 0 and 12 share a position: 12 on the inner ring, 00 on the outer.\n      value = inner ? 12 : 0;\n    } else if (!inner) {\n      value += 12;\n    }\n\n    // Once hours or minutes changed, vibrate the device. The timer keeps it\n    // from vibrating too frequently.\n    if (this[this.currentView] !== value && this.canVibrate && this.options.vibrate && !this.vibrateTimer) {\n      navigator.vibrate(10);\n      this.vibrateTimer = setTimeout(() => {\n        this.vibrateTimer = null;\n      }, 100);\n    }\n\n    this[this.currentView] = value;\n    (isHours ? this.inputHours : this.inputMinutes).value = Timepicker._addLeadingZero(value);\n\n    // Set clock hand and others' position\n    this.setClockAttributes(radian, radius);\n  }\n\n  setClockAttributes(radian: number, radius: number) {\n    // Nothing to point at until the SVG exists.\n    if (!this.hand || !this.bg) return;\n    const cx1 = Math.sin(radian) * (radius - this.options.tickRadius),\n      cy1 = -Math.cos(radian) * (radius - this.options.tickRadius),\n      cx2 = Math.sin(radian) * radius,\n      cy2 = -Math.cos(radian) * radius;\n    this.hand.setAttribute('x2', cx1.toString());\n    this.hand.setAttribute('y2', cy1.toString());\n    this.bg.setAttribute('cx', cx2.toString());\n    this.bg.setAttribute('cy', cy2.toString());\n  }\n\n  formatHours() {\n    if (this.inputHours.value == '') this.setHoursDefault();\n    this.inputHours.value = Timepicker._addLeadingZero(this.hours);\n  }\n\n  formatMinutes() {\n    if (this.inputMinutes.value == '') this.minutes = new Date().getMinutes();\n    this.inputMinutes.value = Timepicker._addLeadingZero(this.minutes);\n  }\n\n  setHoursDefault() {\n    this.hours = new Date().getHours();\n    if (this.options.twelveHour) this.hours = this.hours % 12 || 12;\n    this.inputHours.value = this.hours.toString();\n  }\n\n  done = (clearValue = null) => {\n    // Set input value\n    const last = this.el.value;\n    let value = clearValue\n      ? ''\n      : Timepicker._addLeadingZero(this.hours) + ':' + Timepicker._addLeadingZero(this.minutes);\n    this.time = value;\n    if (!clearValue && this.options.twelveHour) {\n      value = `${value} ${this.amOrPm}`;\n    }\n    this.el.value = value;\n    // Trigger change event\n    if (value !== last) {\n      this.el.dispatchEvent(\n        new Event('change', { bubbles: true, cancelable: true, composed: true })\n      );\n    }\n  };\n\n  confirm = () => {\n    this.done();\n    if (typeof this.options.onDone === 'function') this.options.onDone.call(this);\n  }\n\n  cancel = () => {\n    // not logical clearing the input field on cancel, since the end user might want to make use of the previously submitted value\n    // this.clear();\n    if (typeof this.options.onCancel === 'function') this.options.onCancel.call(this);\n  }\n\n  clear = () => {\n    this.done(true);\n  };\n\n  static {\n    Timepicker._template = `<div class=\"timepicker-container\">\n          <div class=\"timepicker-digital-display\">\n            <div class=\"timepicker-text-container\">\n              <div class=\"timepicker-display-column timepicker-display-digital-clock\">\n                <div class=\"timepicker-input-hours-wrapper\">\n                  <input type=\"text\" maxlength=\"2\" class=\"timepicker-input-hours text-primary\" />\n                </div>\n                <div class=\"timepicker-input-divider-wrapper\">\n                  <span class=\"timepicker-input-divider\">:</span>\n                </div>\n                <div class=\"timepicker-input-minutes-wrapper\">\n                  <input type=\"text\" maxlength=\"2\" class=\"timepicker-input-minutes\" />\n                </div>\n              </div>\n              <div class=\"timepicker-display-column timepicker-display-am-pm\">\n                <div class=\"timepicker-span-am-pm\"></div>\n              </div>\n            </div>\n          </div>\n          <div class=\"timepicker-analog-display\">\n            <div class=\"timepicker-plate\">\n              <div class=\"timepicker-canvas\"></div>\n              <div class=\"timepicker-dial timepicker-hours\"></div>\n              <div class=\"timepicker-dial timepicker-minutes timepicker-dial-out\"></div>\n            </div>\n            <div class=\"timepicker-footer\"></div>\n          </div>\n        </div>`;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAsGA,IAAM,YAA+B;AAAA,EACnC,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA;AAAA,EACb,SAAS;AAAA;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA;AAAA,EAEZ,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA;AAAA,EACZ,SAAS;AAAA;AAAA;AAAA,EAET,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,eAAe;AAAA,EACf,sBAAsB;AACxB;AAEO,IAAM,cAAN,MAAM,oBAAmB,UAA6B;AAAA,EAmD3D,YAAY,IAAsB,SAAqC;AACrE,UAAM,IAAI,SAAS,WAAU;AAxC/B;AAAA,SAAQ,iBAAgC;AAqCxC;AAAA,SAAQ,cAAc;AAyGtB,6BAAoB,MAAM;AACxB,WAAK,qBAAqB;AAG1B,WAAK,kBAAkB;AACvB,UAAI,KAAK,cAAe,MAAK,cAAc,KAAK;AAChD,WAAK,WAAW,MAAM;AACtB,UAAI,OAAO,KAAK,QAAQ,uBAAuB,WAAY,MAAK,QAAQ,mBAAmB,KAAK,IAAI;AAAA,IACtG;AAEA,+BAAsB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,MAAM,KAAK,OAAO;AAC9B,UAAE,eAAe;AACjB,aAAK,kBAAkB;AAAA,MACzB;AAAA,IACF;AAEA,kCAAyB,CAAC,MAAoB;AAC5C,UAAI,CAAC,EAAE,UAAW;AAClB,UAAI,EAAE,gBAAgB,WAAW,EAAE,WAAW,EAAG;AACjD,QAAE,eAAe;AACjB,WAAK,kBAAkB;AACvB,YAAM,eAAe,KAAK,MAAM,sBAAsB;AACtD,YAAM,SAAS,EAAE,GAAG,aAAa,MAAM,GAAG,aAAa,IAAI;AAE3D,WAAK,KAAK,OAAO,IAAI,KAAK,QAAQ;AAClC,WAAK,KAAK,OAAO,IAAI,KAAK,QAAQ;AAClC,WAAK,QAAQ;AACb,WAAK,iBAAiB,EAAE;AACxB,WAAK,KAAK,EAAE,UAAU,KAAK;AAC3B,WAAK,KAAK,EAAE,UAAU,KAAK;AAG3B,WAAK,QAAQ,KAAK,IAAI,KAAK,IAAI,KAAK;AAKpC,eAAS,iBAAiB,eAAe,KAAK,wBAAwB;AACtE,eAAS,iBAAiB,aAAa,KAAK,uBAAuB;AACnE,eAAS,iBAAiB,iBAAiB,KAAK,0BAA0B;AAAA,IAC5E;AAEA,oCAA2B,CAAC,MAAoB;AAC9C,UAAI,EAAE,cAAc,KAAK,eAAgB;AACzC,QAAE,eAAe;AACjB,YAAM,IAAI,EAAE,UAAU,KAAK;AAC3B,YAAM,IAAI,EAAE,UAAU,KAAK;AAC3B,WAAK,QAAQ;AACb,WAAK,QAAQ,GAAG,GAAG,KAAK;AAAA,IAC1B;AAEA,mCAA0B,CAAC,MAAoB;AAC7C,UAAI,EAAE,cAAc,KAAK,eAAgB;AACzC,WAAK,iBAAiB;AACtB,QAAE,eAAe;AACjB,WAAK,qBAAqB;AAC1B,YAAM,IAAI,EAAE,UAAU,KAAK;AAC3B,YAAM,IAAI,EAAE,UAAU,KAAK;AAC3B,UAAI,KAAK,SAAS,MAAM,KAAK,MAAM,MAAM,KAAK,IAAI;AAChD,aAAK,QAAQ,GAAG,CAAC;AAAA,MACnB;AAEA,UAAI,KAAK,gBAAgB,SAAS;AAChC,aAAK,aAAa,MAAM;AACxB,aAAK,SAAS,WAAW,KAAK,QAAQ,WAAW,CAAC;AAAA,MACpD,OAAO;AACL,qBAAa,KAAK,gBAAgB;AAClC,aAAK,mBAAmB,WAAW,MAAM;AACvC,eAAK,mBAAmB;AACxB,cAAI,KAAK,QAAQ,WAAY,MAAK,KAAK;AAAA,QACzC,GAAG,KAAK,QAAQ,WAAW,CAAC;AAAA,MAC9B;AAEA,UAAI,OAAO,KAAK,QAAQ,aAAa,YAAY;AAC/C,aAAK,QAAQ,SAAS,KAAK,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC3D;AAAA,IACF;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAA6B,CAAC,MAAoB;AAChD,UAAI,EAAE,cAAc,KAAK,eAAgB;AACzC,WAAK,iBAAiB;AACtB,WAAK,QAAQ;AACb,WAAK,qBAAqB;AAAA,IAC5B;AA+KA,4BAAmB,CAAC,MAAkB;AACpC,WAAK,uBAAoC,EAAE,MAAM;AAAA,IACnD;AAEA,kCAAyB,CAAC,MAAmB;AAC3C,WAAK,SAAS,EAAE,UAAU,SAAS,QAAQ,IAAI,OAAO;AACtD,WAAK,gBAAgB;AAAA,IACvB;AAgDA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAW,CAAC,MAAa,QAAgB,SAAS;AAChD,WAAK,kBAAkB;AACvB,YAAM,UAAU,SAAS,SACvB,WAAW,UAAU,KAAK,YAAY,KAAK,aAC3C,WAAW,UAAU,KAAK,cAAc,KAAK;AAC/C,WAAK,cAAc;AAGnB,eAAS,UAAU,IAAI,qBAAqB;AAE5C,eAAS,MAAM,aAAa;AAC5B,eAAS,UAAU,OAAO,qBAAqB;AAG/C,WAAK,WAAW,KAAK;AAErB,mBAAa,KAAK,eAAe;AACjC,WAAK,kBAAkB,WAAW,MAAM;AACtC,iBAAS,MAAM,aAAa;AAAA,MAC9B,GAAG,KAAK,QAAQ,QAAQ;AAAA,IAC1B;AA8BA,+BAAsB,CAAC,UAAiB;AACtC,YAAM,QAAQ,MAAM;AACpB,YAAM,UAAU,UAAU,KAAK;AAC/B,UAAI,CAAC,WAAW,UAAU,KAAK,aAAc;AAC7C,WAAK,kBAAkB;AACvB,YAAM,QAAQ,OAAO,MAAM,KAAK;AAChC,YAAM,MAAM,WAAW,KAAK,QAAQ,aAAa,IAAI;AACrD,YAAM,MAAM,UAAW,KAAK,QAAQ,aAAa,KAAK,KAAM;AAC5D,UAAI,CAAC,MAAM,MAAM,KAAK,KAAK,CAAC,OAAO,UAAU,KAAK,KAAK,QAAQ,OAAO,QAAQ,IAAK;AACnF,WAAK,UAAU,UAAU,SAAS,IAAI;AACtC,WAAK,uBAAuB,OAAO,OAAO;AAAA,IAC5C;AA6FA,gBAAO,CAAC,aAAa,SAAS;AAE5B,YAAM,OAAO,KAAK,GAAG;AACrB,UAAI,QAAQ,aACR,KACA,YAAW,gBAAgB,KAAK,KAAK,IAAI,MAAM,YAAW,gBAAgB,KAAK,OAAO;AAC1F,WAAK,OAAO;AACZ,UAAI,CAAC,cAAc,KAAK,QAAQ,YAAY;AAC1C,gBAAQ,GAAG,KAAK,IAAI,KAAK,MAAM;AAAA,MACjC;AACA,WAAK,GAAG,QAAQ;AAEhB,UAAI,UAAU,MAAM;AAClB,aAAK,GAAG;AAAA,UACN,IAAI,MAAM,UAAU,EAAE,SAAS,MAAM,YAAY,MAAM,UAAU,KAAK,CAAC;AAAA,QACzE;AAAA,MACF;AAAA,IACF;AAEA,mBAAU,MAAM;AACd,WAAK,KAAK;AACV,UAAI,OAAO,KAAK,QAAQ,WAAW,WAAY,MAAK,QAAQ,OAAO,KAAK,IAAI;AAAA,IAC9E;AAEA,kBAAS,MAAM;AAGb,UAAI,OAAO,KAAK,QAAQ,aAAa,WAAY,MAAK,QAAQ,SAAS,KAAK,IAAI;AAAA,IAClF;AAEA,iBAAQ,MAAM;AACZ,WAAK,KAAK,IAAI;AAAA,IAChB;AA/lBE,SAAK,GAAG,uBAAuB,IAAI;AACnC,SAAK,UAAU;AAAA,MACb,GAAG,YAAW;AAAA,MACd,GAAG;AAAA,MACH,MAAM,EAAE,GAAG,YAAW,SAAS,MAAM,GAAG,SAAS,KAAK;AAAA,IACxD;AACA,SAAK,KAAK,MAAM,KAAK;AACrB,SAAK,mBAAmB;AACxB,SAAK,gBAAgB;AACrB,SAAK,oBAAoB;AAIzB,SAAK,aAAa;AAElB,QAAI,KAAK,QAAQ,kBAAkB,UAAU;AAC3C,WAAK,gBAAgB,oBAAoB,KAAK,KAAK,IAAI,KAAK,aAAa,KAAK,QAAQ,oBAAoB;AAAA,IAC5G;AAAA,EACF;AAAA,EAEA,WAAW,WAA8B;AACvC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBA,OAAO,KACL,KACA,UAAsC,CAAC,GACZ;AAC3B,WAAO,MAAM,KAAK,KAAK,SAAS,WAAU;AAAA,EAC5C;AAAA,EAEA,OAAO,gBAAgB,KAAa;AAClC,YAAQ,MAAM,KAAK,MAAM,MAAM;AAAA,EACjC;AAAA,EAEA,OAAO,aAAa,MAAc;AAChC,UAAM,QAAQ;AACd,WAAO,SAAS,gBAAgB,OAAO,IAAI;AAAA,EAC7C;AAAA,EAEA,OAAO,YAAY,IAA6B;AAC9C,WAAO,GAAG,uBAAuB;AAAA,EACnC;AAAA,EAEA,UAAU;AACR,iBAAa,KAAK,gBAAgB;AAClC,iBAAa,KAAK,eAAe;AACjC,iBAAa,KAAK,YAAY;AAC9B,SAAK,kBAAkB;AACvB,SAAK,qBAAqB;AAC1B,SAAK,eAAe,QAAQ;AAC5B,SAAK,YAAY,OAAO;AACxB,SAAK,GAAG,uBAAuB,IAAI;AAAA,EACrC;AAAA,EAEA,sBAAsB;AACpB,SAAK,GAAG,iBAAiB,SAAS,KAAK,iBAAiB;AACxD,SAAK,GAAG,iBAAiB,WAAW,KAAK,mBAAmB;AAC5D,SAAK,MAAM,iBAAiB,eAAe,KAAK,sBAAsB;AACtE,SAAK,aAAa,iBAAiB,SAAS,KAAK,mBAAmB;AACpE,SAAK,WAAW,iBAAiB,SAAS,MAAM,KAAK,SAAS,OAAO,CAAC;AACtE,SAAK,WAAW,iBAAiB,YAAY,MAAM,KAAK,YAAY,CAAC;AACrE,SAAK,aAAa,iBAAiB,SAAS,MAAM,KAAK,SAAS,SAAS,CAAC;AAC1E,SAAK,aAAa,iBAAiB,YAAY,MAAM,KAAK,cAAc,CAAC;AAAA,EAC3E;AAAA,EAEA,uBAAuB;AACrB,SAAK,aAAa,oBAAoB,SAAS,KAAK,mBAAmB;AACvE,SAAK,GAAG,oBAAoB,SAAS,KAAK,iBAAiB;AAC3D,SAAK,GAAG,oBAAoB,WAAW,KAAK,mBAAmB;AAG/D,SAAK,qBAAqB;AAAA,EAC5B;AAAA,EAEQ,uBAAuB;AAC7B,aAAS,oBAAoB,eAAe,KAAK,wBAAwB;AACzE,aAAS,oBAAoB,aAAa,KAAK,uBAAuB;AACtE,aAAS,oBAAoB,iBAAiB,KAAK,0BAA0B;AAAA,EAC/E;AAAA,EA8FA,qBAAqB;AACnB,UAAM,WAAW,SAAS,cAAc,UAAU;AAClD,aAAS,YAAY,YAAW,UAAU,KAAK;AAE/C,SAAK,cAA2B,SAAS,QAAQ;AACjD,SAAK,YAAY,KAAK,eAAe,KAAK;AAG1C,UAAM,QAAQ,KAAK,QAAQ;AAC3B,UAAM,cAAc,iBAAiB,cAAc,QAAQ,SAAS,cAAc,KAAK;AAEvF,QAAI,KAAK,QAAQ,aAAa,CAAC,CAAC,aAAa;AAC3C,kBAAY,OAAO,KAAK,WAAW;AAAA,IACrC,OAAO;AACL,WAAK,GAAG,cAAc,YAAY,KAAK,WAAW;AAAA,IACpD;AAAA,EACF;AAAA,EAEA,kBAAkB;AAChB,SAAK,cAAc;AAGnB,SAAK,aAAa,OAAO,UAAU,YAAY;AAC/C,SAAK,UAAU,KAAK,YAAY,cAAc,oBAAoB;AAClE,SAAK,QAAQ,KAAK,YAAY,cAAc,mBAAmB;AAC/D,SAAK,eAAe,KAAK,YAAY,cAAc,4BAA4B;AAC/E,SAAK,YAAY,KAAK,YAAY,cAAc,mBAAmB;AACnE,SAAK,cAAc,KAAK,YAAY,cAAc,qBAAqB;AACvE,SAAK,aAAa,KAAK,YAAY,cAAc,yBAAyB;AAC1E,SAAK,eAAe,KAAK,YAAY,cAAc,2BAA2B;AAC9E,SAAK,WAAW,aAAa,cAAc,KAAK,QAAQ,KAAK,KAAK;AAClE,SAAK,aAAa,aAAa,cAAc,KAAK,QAAQ,KAAK,OAAO;AACtE,SAAK,WAAW,KAAK,YAAY,cAAc,wBAAwB;AACvE,SAAK,SAAS,KAAK,YAAY,cAAc,oBAAoB;AACjE,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,eAAe;AACb,UAAM;AAAA,MACJ,KAAK;AAAA,MACL,KAAK,QAAQ,KAAK;AAAA,MAClB,CAAC,kBAAkB;AAAA,MACnB,KAAK,QAAQ;AAAA,MACb,KAAK;AAAA,IACP;AAEA,QAAI,CAAC,KAAK,QAAQ,YAAY;AAC5B,YAAM;AAAA,QACJ,KAAK;AAAA,QACL,KAAK,QAAQ,KAAK;AAAA,QAClB,KAAK,QAAQ,KAAK;AAAA,QAClB,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,IACF;AAEA,SAAK,qBAAqB;AAK1B,QAAI,CAAC,KAAK,QAAQ,cAAe,MAAK,SAAS,OAAO;AAAA,EACxD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,oBAAoB;AAC1B,QAAI,KAAK,YAAa;AACtB,SAAK,cAAc;AACnB,SAAK,YAAY;AAGjB,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,cAAc;AACZ,QAAI,KAAK,QAAQ,YAAY;AAE3B,WAAK,SAAS,SAAS,cAAc,QAAQ;AAC7C,WAAK,OAAO,OAAO;AACnB,WAAK,OAAO,UAAU,IAAI,QAAQ;AAClC,WAAK,OAAO,YAAY;AACxB,WAAK,OAAO,iBAAiB,SAAS,KAAK,gBAAgB;AAC3D,WAAK,SAAS,YAAY,KAAK,MAAM;AAErC,WAAK,SAAS,SAAS,cAAc,QAAQ;AAC7C,WAAK,OAAO,OAAO;AACnB,WAAK,OAAO,UAAU,IAAI,QAAQ;AAClC,WAAK,OAAO,YAAY;AACxB,WAAK,OAAO,iBAAiB,SAAS,KAAK,gBAAgB;AAC3D,WAAK,SAAS,YAAY,KAAK,MAAM;AAAA,IACvC;AACA,SAAK,gBAAgB;AACrB,SAAK,kBAAkB;AACvB,SAAK,eAAe;AAAA,EACtB;AAAA,EAEA,iBAAiB;AAEf,UAAM,aAAa,KAAK,QAAQ;AAChC,UAAM,aAAa,KAAK,QAAQ;AAChC,UAAM,WAAW,aAAa;AAC9B,UAAM,MAAM,YAAW,aAAa,KAAK;AACzC,QAAI,aAAa,SAAS,gBAAgB;AAC1C,QAAI,aAAa,SAAS,SAAS,SAAS,CAAC;AAC7C,QAAI,aAAa,UAAU,SAAS,SAAS,CAAC;AAC9C,UAAM,IAAI,YAAW,aAAa,GAAG;AACrC,MAAE,aAAa,aAAa,eAAe,aAAa,MAAM,aAAa,GAAG;AAC9E,UAAM,UAAU,YAAW,aAAa,QAAQ;AAChD,YAAQ,aAAa,SAAS,2BAA2B;AACzD,YAAQ,aAAa,MAAM,GAAG;AAC9B,YAAQ,aAAa,MAAM,GAAG;AAC9B,YAAQ,aAAa,KAAK,GAAG;AAC7B,UAAM,OAAO,YAAW,aAAa,MAAM;AAC3C,SAAK,aAAa,MAAM,GAAG;AAC3B,SAAK,aAAa,MAAM,GAAG;AAC3B,UAAM,KAAK,YAAW,aAAa,QAAQ;AAC3C,OAAG,aAAa,SAAS,sBAAsB;AAC/C,OAAG,aAAa,KAAK,WAAW,SAAS,CAAC;AAC1C,MAAE,YAAY,IAAI;AAClB,MAAE,YAAY,EAAE;AAChB,MAAE,YAAY,OAAO;AACrB,QAAI,YAAY,CAAC;AACjB,SAAK,QAAQ,YAAY,GAAG;AAC5B,SAAK,OAAO;AACZ,SAAK,KAAK;AACV,SAAK,UAAU;AACf,SAAK,IAAI;AAAA,EACX;AAAA,EAEA,kBAAkB;AAEhB,QAAI,KAAK,QAAQ,YAAY;AAC3B,eAAS,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG;AAC9B,cAAM,SAAU,IAAI,IAAK,KAAK;AAC9B,cAAM,SAAS,KAAK,QAAQ;AAC5B,aAAK,gBAAgB,GAAG,QAAQ,MAAM;AAAA,MACxC;AAAA,IACF,OAAO;AACL,eAAS,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG;AAC9B,cAAM,SAAU,IAAI,IAAK,KAAK;AAC9B,cAAM,QAAQ,IAAI,KAAK,IAAI;AAC3B,cAAM,SAAS,QAAQ,KAAK,QAAQ,cAAc,KAAK,QAAQ;AAC/D,aAAK,gBAAgB,GAAG,QAAQ,MAAM;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,gBAAgB,GAAW,QAAgB,QAAgB;AACzD,SAAK,WAAW,KAAK,WAAW,QAAQ,QAAQ,MAAM,IAAI,OAAO,EAAE,SAAS,CAAC;AAAA,EAC/E;AAAA,EAEA,oBAAoB;AAClB,aAAS,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG;AAC9B,YAAM,SAAU,IAAI,KAAM,KAAK;AAC/B,WAAK,WAAW,KAAK,aAAa,QAAQ,KAAK,QAAQ,aAAa,YAAW,gBAAgB,CAAC,CAAC;AAAA,IACnG;AAAA,EACF;AAAA,EAEQ,WAAW,MAAmB,QAAgB,QAAgB,MAAc;AAClF,UAAM,OAAO,SAAS,cAAc,KAAK;AACzC,SAAK,UAAU,IAAI,iBAAiB;AACpC,SAAK,MAAM,OACT,KAAK,QAAQ,aAAa,KAAK,IAAI,MAAM,IAAI,SAAS,KAAK,QAAQ,aAAa;AAClF,SAAK,MAAM,MACT,KAAK,QAAQ,aAAa,KAAK,IAAI,MAAM,IAAI,SAAS,KAAK,QAAQ,aAAa;AAClF,SAAK,cAAc;AACnB,SAAK,YAAY,IAAI;AAAA,EACvB;AAAA,EAWA,kBAAkB;AAGhB,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,OAAQ;AAClC,SAAK,OAAO,aAAa,gBAAgB,OAAO,KAAK,WAAW,IAAI,CAAC;AACrE,SAAK,OAAO,aAAa,gBAAgB,OAAO,KAAK,WAAW,IAAI,CAAC;AACrE,SAAK,OAAO,UAAU,OAAO,YAAY,KAAK,WAAW,IAAI;AAC7D,SAAK,OAAO,UAAU,OAAO,YAAY,KAAK,WAAW,IAAI;AAC7D,QAAI,KAAK,QAAQ,YAAY;AAC3B,UAAI,KAAK,WAAW,MAAM;AACxB,aAAK,OAAO,UAAU,OAAO,QAAQ;AACrC,aAAK,OAAO,UAAU,IAAI,QAAQ;AAAA,MACpC,WAAW,KAAK,WAAW,MAAM;AAC/B,aAAK,OAAO,UAAU,IAAI,QAAQ;AAClC,aAAK,OAAO,UAAU,OAAO,QAAQ;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,SAAK,kBAAkB;AAEvB,QAAI,UAAU,KAAK,GAAG,SAAS,KAAK,QAAQ,eAAe,MAAM,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG;AACnG,UAAM,SAAS,MAAM,CAAC,GAAG,MAAM,OAAO,IAAI,CAAC;AAC3C,UAAM,CAAC,IAAI,MAAM,CAAC,GAAG,QAAQ,SAAS,EAAE;AACxC,QAAI,MAAM,CAAC,MAAM,OAAO;AACtB,YAAM,MAAM,IAAI,KAAK,CAAC,oBAAI,KAAK,IAAI,KAAK,QAAQ,OAAO;AACvD,cAAQ,CAAC,IAAI,SAAS,EAAE,SAAS,GAAG,IAAI,WAAW,EAAE,SAAS,CAAC;AAAA,IACjE;AACA,SAAK,QAAQ,CAAC,MAAM,CAAC,KAAK;AAC1B,SAAK,UAAU,CAAC,MAAM,CAAC,KAAK;AAC5B,QAAI,KAAK,QAAQ,YAAY;AAC3B,WAAK,SAAS,WAAW,QAAQ,WAAW,OAAO,SAAS,KAAK,SAAS,KAAK,OAAO;AACtF,WAAK,QAAQ,KAAK,QAAQ,MAAM;AAAA,IAClC;AACA,SAAK,WAAW,QAAQ,YAAW,gBAAgB,KAAK,KAAK;AAC7D,SAAK,aAAa,QAAQ,YAAW,gBAAgB,KAAK,OAAO;AAEjE,SAAK,gBAAgB;AAAA,EACvB;AAAA,EA6BQ,oBAAoB;AAC1B,iBAAa,KAAK,gBAAgB;AAClC,SAAK,mBAAmB;AACxB,SAAK,SAAS,UAAU,OAAO,uBAAuB;AAAA,EACxD;AAAA,EAEA,WAAW,OAAO;AAChB,SAAK,kBAAkB;AACvB,UAAM,OAAO,KAAK,aAChB,QAAQ,KAAK,IAAI,GACjB,UAAU,SAAS,SACnB,OAAO,KAAK,MAAM,UAAU,IAAI,KAChC,SAAS,QAAQ,MACjB,SACE,WAAW,QAAQ,KAAK,QAAQ,KAAK,KAAK,QAAQ,cAAc,KAAK,QAAQ,aAC/E,IAAI,KAAK,IAAI,MAAM,IAAI,QACvB,IAAI,CAAC,KAAK,IAAI,MAAM,IAAI;AAE1B,QAAI,OAAO;AACT,WAAK,SAAS,UAAU,IAAI,uBAAuB;AACnD,WAAK,mBAAmB,WAAW,MAAM;AACvC,aAAK,QAAQ,GAAG,CAAC;AAAA,MACnB,GAAG,KAAK;AAAA,IACV,OAAO;AACL,WAAK,QAAQ,GAAG,CAAC;AAAA,IACnB;AAAA,EACF;AAAA,EAeA,uBAAuB,OAAO,SAAS;AACrC,UAAM,OAAO,KAAK,MAAM,UAAU,IAAI;AACtC,UAAM,SAAS,QAAQ;AACvB,QAAI;AACJ,QAAI,KAAK,QAAQ,YAAY;AAC3B,eAAS,KAAK,QAAQ;AAAA,IACxB,OAAO;AACL,eACE,WAAW,QAAQ,KAAK,QAAQ,KAAK,KAAK,QAAQ,cAAc,KAAK,QAAQ;AAAA,IACjF;AACA,SAAK,mBAAmB,QAAQ,MAAM;AAAA,EACxC;AAAA,EAEA,QAAQ,GAAG,GAAG,WAAoB,OAAO;AACvC,SAAK,kBAAkB;AACvB,UAAM,UAAU,KAAK,gBAAgB,SACnC,OAAO,KAAK,MAAM,WAAW,WAAW,IAAI,KAC5C,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,GAC3B,QAAQ,WAAW,KAAK,KAAK,QAAQ,cAAc,KAAK,QAAQ,eAAe;AACjF,UAAM,SAAS,SAAS,CAAC,KAAK,QAAQ,aAAa,KAAK,QAAQ,cAAc,KAAK,QAAQ;AAC3F,QAAI,SAAS,KAAK,MAAM,GAAG,CAAC,CAAC;AAG7B,QAAI,SAAS,GAAG;AACd,eAAS,KAAK,KAAK,IAAI;AAAA,IACzB;AAGA,QAAI,QAAQ,KAAK,MAAM,SAAS,IAAI;AAGpC,aAAS,QAAQ;AAGjB,QAAI,CAAC,SAAS;AACZ,UAAI,SAAU,UAAS;AACvB,UAAI,UAAU,GAAI,SAAQ;AAAA,IAC5B,WAAW,KAAK,QAAQ,YAAY;AAClC,UAAI,UAAU,EAAG,SAAQ;AAAA,IAC3B,WAAW,QAAQ,OAAO,GAAG;AAE3B,cAAQ,QAAQ,KAAK;AAAA,IACvB,WAAW,CAAC,OAAO;AACjB,eAAS;AAAA,IACX;AAIA,QAAI,KAAK,KAAK,WAAW,MAAM,SAAS,KAAK,cAAc,KAAK,QAAQ,WAAW,CAAC,KAAK,cAAc;AACrG,gBAAU,QAAQ,EAAE;AACpB,WAAK,eAAe,WAAW,MAAM;AACnC,aAAK,eAAe;AAAA,MACtB,GAAG,GAAG;AAAA,IACR;AAEA,SAAK,KAAK,WAAW,IAAI;AACzB,KAAC,UAAU,KAAK,aAAa,KAAK,cAAc,QAAQ,YAAW,gBAAgB,KAAK;AAGxF,SAAK,mBAAmB,QAAQ,MAAM;AAAA,EACxC;AAAA,EAEA,mBAAmB,QAAgB,QAAgB;AAEjD,QAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,GAAI;AAC5B,UAAM,MAAM,KAAK,IAAI,MAAM,KAAK,SAAS,KAAK,QAAQ,aACpD,MAAM,CAAC,KAAK,IAAI,MAAM,KAAK,SAAS,KAAK,QAAQ,aACjD,MAAM,KAAK,IAAI,MAAM,IAAI,QACzB,MAAM,CAAC,KAAK,IAAI,MAAM,IAAI;AAC5B,SAAK,KAAK,aAAa,MAAM,IAAI,SAAS,CAAC;AAC3C,SAAK,KAAK,aAAa,MAAM,IAAI,SAAS,CAAC;AAC3C,SAAK,GAAG,aAAa,MAAM,IAAI,SAAS,CAAC;AACzC,SAAK,GAAG,aAAa,MAAM,IAAI,SAAS,CAAC;AAAA,EAC3C;AAAA,EAEA,cAAc;AACZ,QAAI,KAAK,WAAW,SAAS,GAAI,MAAK,gBAAgB;AACtD,SAAK,WAAW,QAAQ,YAAW,gBAAgB,KAAK,KAAK;AAAA,EAC/D;AAAA,EAEA,gBAAgB;AACd,QAAI,KAAK,aAAa,SAAS,GAAI,MAAK,WAAU,oBAAI,KAAK,GAAE,WAAW;AACxE,SAAK,aAAa,QAAQ,YAAW,gBAAgB,KAAK,OAAO;AAAA,EACnE;AAAA,EAEA,kBAAkB;AAChB,SAAK,SAAQ,oBAAI,KAAK,GAAE,SAAS;AACjC,QAAI,KAAK,QAAQ,WAAY,MAAK,QAAQ,KAAK,QAAQ,MAAM;AAC7D,SAAK,WAAW,QAAQ,KAAK,MAAM,SAAS;AAAA,EAC9C;AAkEF;AA7BI,YAAW,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAvpBpB,IAAM,aAAN;",
+  "names": []
+}

package/dist/js/chunks/{chunk-QKWPQK5N.mjs → chunk-QYGK36OG.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 
 // src/ts/behaviors/forms.ts
-var Forms = class _Forms {
+var _Forms = class _Forms {
   /**
    * Checks if the label has validation and apply
    * the correct class and styles
@@ -20,7 +20,7 @@ var Forms = class _Forms {
     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) {
+      if (textfield.validity.valid && (!hasLength || len <= lenAttr)) {
         textfield.classList.remove("invalid");
       } else {
         textfield.classList.add("invalid");
@@ -45,17 +45,22 @@ var Forms = class _Forms {
     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") {
+        if (!(target instanceof HTMLInputElement)) return;
+        if (target.type === "file") {
           const zone = target.closest(".drop-zone");
           if (zone) _Forms.listDropZoneFiles(zone, target);
         }
-        if (target instanceof HTMLInputElement) {
-          _Forms.validateField(target);
-        }
+        _Forms.validateField(target);
       });
       document.addEventListener("keyup", (e) => {
         const target = e.target;
@@ -160,20 +165,17 @@ var Forms = class _Forms {
     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.value = Array.from(fileInput.files, (f) => f.name).join(", ");
       pathInput.dispatchEvent(
         new Event("change", { bubbles: true, cancelable: true, composed: true })
       );
     });
   }
 };
+_Forms._initialized = false;
+var Forms = _Forms;
 
 export {
   Forms
 };
-//# sourceMappingURL=chunk-QKWPQK5N.mjs.map
+//# sourceMappingURL=chunk-QYGK36OG.mjs.map

package/dist/js/chunks/chunk-QYGK36OG.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 (textfield.validity.valid && (!hasLength || len <= lenAttr)) {\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: Event) => {\n        const target = e.target;\n        if (!(target instanceof HTMLInputElement)) return;\n        if (target.type === 'file') {\n          const zone = target.closest('.drop-zone');\n          if (zone) Forms.listDropZoneFiles(zone, target);\n        }\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      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      pathInput.value = Array.from(fileInput.files, (f) => f.name).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": []
+}