@expressivecss/expressive 0.14.1 → 0.15.0

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

@@ -1,12 +1,12 @@
 import {
   DockedDisplayPlugin
-} from "./chunk-YMSXJON6.mjs";
+} from "./chunk-M3MURWMB.mjs";
 import {
   Utils
-} from "./chunk-MNPROCZF.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-QERLECVU.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-ILP3PDTL.mjs → chunk-QYGK36OG.mjs}

@@ -1,6 +1,6 @@
 import {
   Utils
-} from "./chunk-MNPROCZF.mjs";
+} from "./chunk-M372EDXD.mjs";
 
 // src/ts/behaviors/forms.ts
 var _Forms = class _Forms {
@@ -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");
@@ -55,13 +55,12 @@ var _Forms = class _Forms {
     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;
@@ -166,12 +165,7 @@ 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 })
       );
@@ -184,4 +178,4 @@ var Forms = _Forms;
 export {
   Forms
 };
-//# sourceMappingURL=chunk-ILP3PDTL.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": []
+}

package/dist/js/chunks/{chunk-S3XDFGSZ.mjs → chunk-SFI2U4YW.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-MNPROCZF.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/lightbox.ts
 var _defaults = {
@@ -36,9 +36,6 @@ var _Lightbox = class _Lightbox extends Component {
         for (const el of [this.el, this._overlay, this._photoCaption]) if (el) el.style.transition = "none";
       }
     };
-    this._handleLightboxClick = () => {
-      this._handleLightboxToggle();
-    };
     this._handleLightboxKeypress = (e) => {
       if (this._trigger === this.el && (e.key === Utils.keys.ENTER || e.key === " ")) {
         e.preventDefault();
@@ -49,10 +46,7 @@ var _Lightbox = class _Lightbox extends Component {
       if (this._isOpen) this.close();
       else this.open();
     };
-    this._handleWindowScroll = () => {
-      if (this.overlayActive) this.close();
-    };
-    this._handleWindowResize = () => {
+    this._handleWindowChange = () => {
       if (this.overlayActive) this.close();
     };
     this._handleWindowEscape = (e) => {
@@ -100,8 +94,6 @@ var _Lightbox = class _Lightbox extends Component {
       if (this.caption !== "") this._addCaption();
       const widthPercent = this.originalWidth / this.windowWidth;
       const heightPercent = this.originalHeight / this.windowHeight;
-      this.newWidth = 0;
-      this.newHeight = 0;
       if (widthPercent > heightPercent) {
         const ratio = this.originalHeight / this.originalWidth;
         this.newWidth = this.windowWidth * 0.9;
@@ -111,8 +103,8 @@ var _Lightbox = class _Lightbox extends Component {
         this.newWidth = this.windowHeight * 0.9 * ratio;
         this.newHeight = this.windowHeight * 0.9;
       }
-      window.addEventListener("scroll", this._handleWindowScroll, { passive: true });
-      window.addEventListener("resize", this._handleWindowResize, { passive: true });
+      window.addEventListener("scroll", this._handleWindowChange, { passive: true });
+      window.addEventListener("resize", this._handleWindowChange, { passive: true });
       window.addEventListener("keyup", this._handleWindowEscape);
       this._animateImageIn();
     };
@@ -127,11 +119,11 @@ var _Lightbox = class _Lightbox extends Component {
       if (typeof this.options.onCloseStart === "function")
         this.options.onCloseStart.call(this, this.el);
       if (revision !== this._revision) return;
-      window.removeEventListener("scroll", this._handleWindowScroll);
-      window.removeEventListener("resize", this._handleWindowResize);
+      window.removeEventListener("scroll", this._handleWindowChange);
+      window.removeEventListener("resize", this._handleWindowChange);
       window.removeEventListener("keyup", this._handleWindowEscape);
-      if (this._overlay) this._removeOverlay();
-      if (this._photoCaption) this._removeCaption();
+      if (this._overlay) this._fadeOut(this._overlay);
+      if (this._photoCaption) this._fadeOut(this._photoCaption);
       this._animateImageOut();
     };
     this.el["Expressive_Lightbox"] = this;
@@ -185,8 +177,8 @@ var _Lightbox = class _Lightbox extends Component {
     this.el["Expressive_Lightbox"] = void 0;
   }
   _reset() {
-    window.removeEventListener("scroll", this._handleWindowScroll);
-    window.removeEventListener("resize", this._handleWindowResize);
+    window.removeEventListener("scroll", this._handleWindowChange);
+    window.removeEventListener("resize", this._handleWindowChange);
     window.removeEventListener("keyup", this._handleWindowEscape);
     this._overlay?.remove();
     this._photoCaption?.remove();
@@ -198,8 +190,8 @@ var _Lightbox = class _Lightbox extends Component {
       }
     }
     this._changedAncestorList = [];
-    if (this.attrWidth !== null && this.attrWidth !== void 0) this.el.setAttribute("width", this.attrWidth);
-    if (this.attrHeight !== null && this.attrHeight !== void 0) this.el.setAttribute("height", this.attrHeight);
+    if (this.attrWidth != null) this.el.setAttribute("width", this.attrWidth);
+    if (this.attrHeight != null) this.el.setAttribute("height", this.attrHeight);
     this.el.classList.remove("active");
     this.placeholder.removeAttribute("style");
     if (this.originInlineStyles === null) this.el.removeAttribute("style");
@@ -226,18 +218,18 @@ var _Lightbox = class _Lightbox extends Component {
   }
   _setupEventHandlers() {
     this._motion.addEventListener("change", this._handleMotionChange);
-    this._trigger.addEventListener("click", this._handleLightboxClick);
+    this._trigger.addEventListener("click", this._handleLightboxToggle);
     this.el.addEventListener("keydown", this._handleLightboxKeypress);
   }
   _removeEventHandlers() {
     this._motion.removeEventListener("change", this._handleMotionChange);
-    this._trigger.removeEventListener("click", this._handleLightboxClick);
+    this._trigger.removeEventListener("click", this._handleLightboxToggle);
     this.el.removeEventListener("keydown", this._handleLightboxKeypress);
   }
   _makeAncestorsOverflowVisible() {
     this._changedAncestorList = [];
     let ancestor = this.placeholder.parentNode;
-    while (ancestor !== null && ancestor !== void 0 && ancestor !== document) {
+    while (ancestor != null && ancestor !== document) {
       const curr = ancestor;
       if (curr.style && (curr.style.overflow !== "visible" || _Lightbox._overflow.has(curr))) {
         const saved = _Lightbox._overflow.get(curr) ?? { count: 0, value: curr.style.overflow, priority: curr.style.getPropertyPriority("overflow") };
@@ -311,18 +303,7 @@ var _Lightbox = class _Lightbox extends Component {
     this._photoCaption.innerText = this.caption;
     Utils.portalRoot(this.el).append(this._photoCaption);
     this._photoCaption.style.display = "inline";
-    this._photoCaption.style.transition = "none";
-    this._photoCaption.style.opacity = "0";
-    const duration = this._motion.matches ? 0 : this.options.inDuration;
-    this._schedule(() => {
-      this._photoCaption.style.transition = `opacity ${duration}ms ease`;
-      this._photoCaption.style.opacity = "1";
-    }, 1);
-  }
-  _removeCaption() {
-    const duration = this._motion.matches ? 0 : this.options.outDuration;
-    this._photoCaption.style.transition = `opacity ${duration}ms ease`;
-    this._photoCaption.style.opacity = "0";
+    this._fadeIn(this._photoCaption);
   }
   // Overlay
   _addOverlay() {
@@ -342,18 +323,21 @@ var _Lightbox = class _Lightbox extends Component {
     this._overlay.style.height = this.windowHeight + "px";
     this._overlay.style.left = -1 * overlayOffset.left + "px";
     this._overlay.style.top = -1 * overlayOffset.top + "px";
-    this._overlay.style.transition = "none";
-    this._overlay.style.opacity = "0";
+    this._fadeIn(this._overlay);
+  }
+  _fadeIn(el) {
+    el.style.transition = "none";
+    el.style.opacity = "0";
     const duration = this._motion.matches ? 0 : this.options.inDuration;
     this._schedule(() => {
-      this._overlay.style.transition = `opacity ${duration}ms ease`;
-      this._overlay.style.opacity = "1";
+      el.style.transition = `opacity ${duration}ms ease`;
+      el.style.opacity = "1";
     }, 1);
   }
-  _removeOverlay() {
+  _fadeOut(el) {
     const duration = this._motion.matches ? 0 : this.options.outDuration;
-    this._overlay.style.transition = `opacity ${duration}ms ease`;
-    this._overlay.style.opacity = "0";
+    el.style.transition = `opacity ${duration}ms ease`;
+    el.style.opacity = "0";
   }
 };
 _Lightbox._overflow = /* @__PURE__ */ new WeakMap();
@@ -362,4 +346,4 @@ var Lightbox = _Lightbox;
 export {
   Lightbox
 };
-//# sourceMappingURL=chunk-S3XDFGSZ.mjs.map
+//# sourceMappingURL=chunk-SFI2U4YW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/lightbox.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { BaseOptions, Component, InitElements, InitElement } from '../core/component';\n\nexport interface LightboxOptions extends BaseOptions {\n  /**\n   * Transition in duration in milliseconds.\n   * @default 275\n   */\n  inDuration: number;\n  /**\n   * Transition out duration in milliseconds.\n   * @default 200\n   */\n  outDuration: number;\n  /**\n   * Callback function called before lightbox is opened.\n   * @default null\n   */\n  onOpenStart: (el: Element) => void;\n  /**\n   * Callback function called after lightbox is opened.\n   * @default null\n   */\n  onOpenEnd: (el: Element) => void;\n  /**\n   * Callback function called before lightbox is closed.\n   * @default null\n   */\n  onCloseStart: (el: Element) => void;\n  /**\n   * Callback function called after lightbox is closed.\n   * @default null\n   */\n  onCloseEnd: (el: Element) => void;\n}\n\nconst _defaults: LightboxOptions = {\n  inDuration: 275,\n  outDuration: 200,\n  onOpenStart: null,\n  onOpenEnd: null,\n  onCloseStart: null,\n  onCloseEnd: null\n};\n\nexport class Lightbox extends Component<LightboxOptions> {\n  /** If the lightbox overlay is showing. */\n  overlayActive: boolean;\n  /** If the lightbox is no longer being animated. */\n  doneAnimating: boolean;\n  /** Caption, if specified. */\n  caption: string;\n  /** Original width of image. */\n  originalWidth: number;\n  /** Original height of image. */\n  originalHeight: number;\n  private originInlineStyles: string;\n  private placeholder: HTMLElement;\n  /** Ancestors forced to `overflow: visible`, with the inline value to put back. */\n  private _changedAncestorList: HTMLElement[] = [];\n  private static _overflow = new WeakMap<HTMLElement, { count: number; value: string; priority: string }>();\n  private newHeight: number;\n  private newWidth: number;\n  private windowWidth: number;\n  private windowHeight: number;\n  private attrWidth: string;\n  private attrHeight: string;\n  private _overlay: HTMLElement;\n  private _photoCaption: HTMLElement;\n  private _trigger: HTMLElement;\n  private _tabindex: string | null;\n  private _timers = new Map<ReturnType<typeof setTimeout>, () => void>();\n  private _motion = window.matchMedia('(prefers-reduced-motion: reduce)');\n  private _isOpen = false;\n  private _destroyed = false;\n  private _revision = 0;\n\n  constructor(el: HTMLElement, options: Partial<LightboxOptions>) {\n    super(el, options, Lightbox);\n    this.el['Expressive_Lightbox'] = this;\n\n    this.options = {\n      ...Lightbox.defaults,\n      ...options\n    };\n\n    this.overlayActive = false;\n    this.doneAnimating = true;\n    this.placeholder = document.createElement('div');\n    this.placeholder.classList.add('material-placeholder');\n    this.originalWidth = 0;\n    this.originalHeight = 0;\n    this.originInlineStyles = this.el.getAttribute('style');\n    this.caption = this.el.getAttribute('data-caption') || '';\n    this._tabindex = this.el.getAttribute('tabindex');\n    this._trigger = this.el.closest('button') ?? this.el;\n    this.el.tabIndex = this._trigger === this.el ? 0 : -1;\n    // Wrap\n    this.el.before(this.placeholder);\n    this.placeholder.append(this.el);\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): LightboxOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Lightbox.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<LightboxOptions>): Lightbox;\n  /**\n   * Initializes instances of Lightbox.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<LightboxOptions>): Lightbox[];\n  /**\n   * Initializes instances of Lightbox.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<LightboxOptions> = {}\n  ): Lightbox | Lightbox[] {\n    return super.init(els, options, Lightbox);\n  }\n\n  static getInstance(el: HTMLElement): Lightbox {\n    return el['Expressive_Lightbox'];\n  }\n\n  destroy() {\n    if (this._destroyed) return;\n    this._destroyed = true;\n    const root = this.el.getRootNode() as Document | ShadowRoot;\n    const focused = root.activeElement === this.el;\n    this._removeEventHandlers();\n    this._cancel();\n    this._reset();\n    this.placeholder.replaceWith(this.el);\n    let active = document.activeElement;\n    while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;\n    if (focused && (active === document.body || active === (root as ShadowRoot).host)) this._trigger.focus();\n    if (this._tabindex === null) this.el.removeAttribute('tabindex');\n    else this.el.setAttribute('tabindex', this._tabindex);\n    this.el['Expressive_Lightbox'] = undefined;\n  }\n\n  private _reset() {\n    window.removeEventListener('scroll', this._handleWindowChange);\n    window.removeEventListener('resize', this._handleWindowChange);\n    window.removeEventListener('keyup', this._handleWindowEscape);\n    this._overlay?.remove();\n    this._photoCaption?.remove();\n    for (const ancestor of this._changedAncestorList) {\n      const saved = Lightbox._overflow.get(ancestor);\n      if (--saved.count === 0) {\n        ancestor.style.setProperty('overflow', saved.value, saved.priority);\n        Lightbox._overflow.delete(ancestor);\n      }\n    }\n    this._changedAncestorList = [];\n    if (this.attrWidth != null) this.el.setAttribute('width', this.attrWidth);\n    if (this.attrHeight != null) this.el.setAttribute('height', this.attrHeight);\n    this.el.classList.remove('active');\n    this.placeholder.removeAttribute('style');\n    if (this.originInlineStyles === null) this.el.removeAttribute('style');\n    else this.el.setAttribute('style', this.originInlineStyles);\n    this.overlayActive = false;\n    this._isOpen = false;\n    this.doneAnimating = true;\n  }\n\n  private _cancel() {\n    for (const timer of this._timers.keys()) clearTimeout(timer);\n    this._timers.clear();\n    return ++this._revision;\n  }\n\n  private _schedule(callback: () => void, delay: number) {\n    if (this._motion.matches) { callback(); return; }\n    const timer = setTimeout(() => { this._timers.delete(timer); callback(); }, delay);\n    this._timers.set(timer, callback);\n  }\n\n  private _handleMotionChange = () => {\n    if (!this._motion.matches) return;\n    const callbacks = [...this._timers.values()];\n    const revision = this._cancel();\n    for (const callback of callbacks) {\n      if (revision !== this._revision) break;\n      callback();\n    }\n    if (this.overlayActive) {\n      for (const el of [this.el, this._overlay, this._photoCaption]) if (el) el.style.transition = 'none';\n    }\n  };\n\n  private _setupEventHandlers() {\n    this._motion.addEventListener('change', this._handleMotionChange);\n    this._trigger.addEventListener('click', this._handleLightboxToggle);\n    this.el.addEventListener('keydown', this._handleLightboxKeypress);\n  }\n\n  private _removeEventHandlers() {\n    this._motion.removeEventListener('change', this._handleMotionChange);\n    this._trigger.removeEventListener('click', this._handleLightboxToggle);\n    this.el.removeEventListener('keydown', this._handleLightboxKeypress);\n  }\n\n  private _handleLightboxKeypress = (e: KeyboardEvent) => {\n    if (this._trigger === this.el && (e.key === Utils.keys.ENTER || e.key === ' ')) {\n      e.preventDefault();\n      this._handleLightboxToggle();\n    }\n  };\n\n  private _handleLightboxToggle = () => {\n    // If already modal, return to original\n    if (this._isOpen) this.close();\n    else this.open();\n  };\n\n  private _handleWindowChange = () => {\n    if (this.overlayActive) this.close();\n  };\n\n  private _handleWindowEscape = (e: KeyboardEvent) => {\n    if (e.key === Utils.keys.ESC) this.close();\n  };\n\n  private _makeAncestorsOverflowVisible() {\n    this._changedAncestorList = [];\n    let ancestor: Node = this.placeholder.parentNode;\n    while (ancestor != null && ancestor !== document) {\n      const curr = <HTMLElement>ancestor;\n      // A shadow root has no style; the clipping ancestors are above its host.\n      if (curr.style && (curr.style.overflow !== 'visible' || Lightbox._overflow.has(curr))) {\n        // Read before the write: an author's inline `overflow` has to come\n        // back on close, and restoring '' would silently discard it.\n        const saved = Lightbox._overflow.get(curr) ?? { count: 0, value: curr.style.overflow, priority: curr.style.getPropertyPriority('overflow') };\n        saved.count++;\n        Lightbox._overflow.set(curr, saved);\n        this._changedAncestorList.push(curr);\n        curr.style.overflow = 'visible';\n      }\n      ancestor = ancestor.parentNode ?? (<ShadowRoot>ancestor).host;\n    }\n  }\n\n  private _offset(el: HTMLElement) {\n    const box = el.getBoundingClientRect();\n    const docElem = document.documentElement;\n    return {\n      top: box.top + window.scrollY - docElem.clientTop,\n      left: box.left + window.scrollX - docElem.clientLeft\n    };\n  }\n  private _updateVars(): void {\n    this.windowWidth = window.innerWidth;\n    this.windowHeight = window.innerHeight;\n    this.caption = this.el.getAttribute('data-caption') || '';\n  }\n\n  // Image\n  private _animateImageIn(): void {\n    this.el.style.maxHeight = this.newHeight.toString() + 'px';\n    this.el.style.maxWidth = this.newWidth.toString() + 'px';\n    const duration = this._motion.matches ? 0 : this.options.inDuration;\n    // from\n    this.el.style.transition = 'none';\n    this.el.style.height = this.originalHeight + 'px';\n    this.el.style.width = this.originalWidth + 'px';\n    this._schedule(() => {\n      // One offset for both axes, read before any of the writes below.\n      const placeholderOffset = this._offset(this.placeholder);\n      // easeOutQuad\n      this.el.style.transition = `height ${duration}ms ease,\n        width ${duration}ms ease,\n        left ${duration}ms ease,\n        top ${duration}ms ease\n      `;\n      // to\n      this.el.style.height = this.newHeight + 'px';\n      this.el.style.width = this.newWidth + 'px';\n      this.el.style.left =\n        Utils.getDocumentScrollLeft() +\n        this.windowWidth / 2 -\n        placeholderOffset.left -\n        this.newWidth / 2 +\n        'px';\n\n      this.el.style.top =\n        Utils.getDocumentScrollTop() +\n        this.windowHeight / 2 -\n        placeholderOffset.top -\n        this.newHeight / 2 +\n        'px';\n    }, 1);\n\n    this._schedule(() => {\n      this.doneAnimating = true;\n      if (typeof this.options.onOpenEnd === 'function') this.options.onOpenEnd.call(this, this.el);\n    }, duration);\n\n  }\n  private _animateImageOut(): void {\n    const duration = this._motion.matches ? 0 : this.options.outDuration;\n    // easeOutQuad\n    this.el.style.transition = `height ${duration}ms ease,\n      width ${duration}ms ease,\n      left ${duration}ms ease,\n      top ${duration}ms ease\n    `;\n    // to\n    this.el.style.height = this.originalHeight + 'px'; // was originalWidth\n    this.el.style.width = this.originalWidth + 'px';\n    this.el.style.left = '0';\n    this.el.style.top = '0';\n    this._schedule(() => {\n      this._reset();\n      // onCloseEnd callback\n      if (typeof this.options.onCloseEnd === 'function')\n        this.options.onCloseEnd.call(this, this.el);\n    }, duration);\n  }\n\n  // Caption\n  private _addCaption(): void {\n    this._photoCaption = document.createElement('div');\n    this._photoCaption.classList.add('lightbox-caption');\n    this._photoCaption.innerText = this.caption;\n    Utils.portalRoot(this.el).append(this._photoCaption);\n    this._photoCaption.style.display = 'inline';\n    this._fadeIn(this._photoCaption);\n  }\n\n  // Overlay\n  private _addOverlay(): void {\n    this._overlay = document.createElement('div');\n    this._overlay.id = 'lightbox-overlay';\n    this._overlay.addEventListener(\n      'click',\n      (event) => {\n        event.stopPropagation();\n        this.close();\n      },\n      { once: true }\n    );\n\n    // Put before in origin image to preserve z-index layering.\n    this.el.before(this._overlay);\n\n    // Set dimensions if needed\n    const overlayOffset = this._overlay.getBoundingClientRect();\n    this._overlay.style.width = this.windowWidth + 'px';\n    this._overlay.style.height = this.windowHeight + 'px';\n    this._overlay.style.left = -1 * overlayOffset.left + 'px';\n    this._overlay.style.top = -1 * overlayOffset.top + 'px';\n\n    this._fadeIn(this._overlay);\n  }\n\n  private _fadeIn(el: HTMLElement): void {\n    el.style.transition = 'none';\n    el.style.opacity = '0';\n    const duration = this._motion.matches ? 0 : this.options.inDuration;\n    this._schedule(() => {\n      el.style.transition = `opacity ${duration}ms ease`;\n      el.style.opacity = '1';\n    }, 1);\n  }\n\n  private _fadeOut(el: HTMLElement): void {\n    const duration = this._motion.matches ? 0 : this.options.outDuration;\n    el.style.transition = `opacity ${duration}ms ease`;\n    el.style.opacity = '0';\n  }\n\n  /**\n   * Open lightbox.\n   */\n  open = () => {\n    if (this._destroyed || this._isOpen) return;\n    const revision = this._cancel();\n    if (this.overlayActive) this._reset();\n    this._isOpen = true;\n    this._updateVars();\n    // Both rects are read up front: measuring the placeholder after writing\n    // its width forced a second layout for the height.\n    const originRect = this.el.getBoundingClientRect();\n    const placeholderRect = this.placeholder.getBoundingClientRect();\n    this.originalWidth = originRect.width;\n    this.originalHeight = originRect.height;\n    // Set states\n    this.doneAnimating = false;\n    this.el.classList.add('active');\n    this.overlayActive = true;\n    // onOpenStart callback\n    if (typeof this.options.onOpenStart === 'function')\n      this.options.onOpenStart.call(this, this.el);\n    if (revision !== this._revision) return;\n    // Set positioning for placeholder\n    this.placeholder.style.width = placeholderRect.width + 'px';\n    this.placeholder.style.height = placeholderRect.height + 'px';\n    this.placeholder.style.position = 'relative';\n    this.placeholder.style.top = '0';\n    this.placeholder.style.left = '0';\n    this._makeAncestorsOverflowVisible();\n    // Set css on origin\n    this.el.style.position = 'absolute';\n    this.el.style.zIndex = '1000';\n    this.el.style.willChange = 'left, top, width, height';\n    // Change from width or height attribute to css\n    this.attrWidth = this.el.getAttribute('width');\n    this.attrHeight = this.el.getAttribute('height');\n    if (this.attrWidth) {\n      this.el.style.width = this.attrWidth + 'px';\n      this.el.removeAttribute('width');\n    }\n    if (this.attrHeight) {\n      this.el.style.height = this.attrHeight + 'px'; // was width, from the height attribute\n      this.el.removeAttribute('height');\n    }\n    this._addOverlay();\n    // Add and animate caption if it exists\n    if (this.caption !== '') this._addCaption();\n    // Resize Image\n    const widthPercent = this.originalWidth / this.windowWidth;\n    const heightPercent = this.originalHeight / this.windowHeight;\n    if (widthPercent > heightPercent) {\n      // Width first\n      const ratio = this.originalHeight / this.originalWidth;\n      this.newWidth = this.windowWidth * 0.9;\n      this.newHeight = this.windowWidth * 0.9 * ratio;\n    } else {\n      // Height first\n      const ratio = this.originalWidth / this.originalHeight;\n      this.newWidth = this.windowHeight * 0.9 * ratio;\n      this.newHeight = this.windowHeight * 0.9;\n    }\n    // Handle Exit triggers\n    window.addEventListener('scroll', this._handleWindowChange, { passive: true });\n    window.addEventListener('resize', this._handleWindowChange, { passive: true });\n    window.addEventListener('keyup', this._handleWindowEscape);\n    this._animateImageIn();\n  };\n\n  /**\n   * Close lightbox.\n   */\n  close = () => {\n    if (this._destroyed || !this._isOpen) return;\n    const revision = this._cancel();\n    this._isOpen = false;\n    this.doneAnimating = false;\n    // onCloseStart callback\n    if (typeof this.options.onCloseStart === 'function')\n      this.options.onCloseStart.call(this, this.el);\n    if (revision !== this._revision) return;\n    // disable exit handlers\n    window.removeEventListener('scroll', this._handleWindowChange);\n    window.removeEventListener('resize', this._handleWindowChange);\n    window.removeEventListener('keyup', this._handleWindowEscape);\n    if (this._overlay) this._fadeOut(this._overlay);\n    if (this._photoCaption) this._fadeOut(this._photoCaption);\n    this._animateImageOut();\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-FS7XY3HT.mjs → chunk-SMY7GJSS.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-MNPROCZF.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/richTextEditor.ts
 var _defaults = {
@@ -121,4 +121,4 @@ var RichTextEditor = class _RichTextEditor extends Component {
 export {
   RichTextEditor
 };
-//# sourceMappingURL=chunk-FS7XY3HT.mjs.map
+//# sourceMappingURL=chunk-SMY7GJSS.mjs.map