light-odometer 0.1.1 → 0.1.3

package/README.md

@@ -1,7 +1,12 @@
-# light-odometer ![NPM Version](https://img.shields.io/npm/v/light-odometer)
+<div align="center">
+
+# light-odometer
+![NPM Version](https://img.shields.io/npm/v/light-odometer) ![NPM Downloads](https://img.shields.io/npm/dt/light-odometer) [![More info](https://img.shields.io/badge/npmx-More_info-orange?logo=npm)](https://npmx.dev/light-odometer)
+
+</div>
 
 This project is made only for personal use, as a small and lightweight build of [tm-odometer](https://github.com/mtmarco87/tm-odometer), which is itself a fork of [HubSpot's odometer](https://github.com/HubSpot/odometer).  
-Do not use this, use [@mtmarco87](https://github.com/mtmarco87)'s package instead.  
+⚠️ Do not use this, use [@mtmarco87](https://github.com/mtmarco87)'s package instead.  
 Huge props to him for this TypeScript refactor !
 
 No theme is shipped here, no docs either.
@@ -9,24 +14,20 @@ No theme is shipped here, no docs either.
 ## What's changed ?
 For a quick overview in a real-world usage, see https://github.com/EDM115/website/blob/master/app/components/ui/Odometer.vue
 
+### Breaking changes
+- Renamed from `TmOdometer` to `LightOdometer`
 - Removal of all built artifacts, themes, demo, screenshots and CoffeeScript code
 - Switch from Rollup to tsdown (Rolldown)
-- Added linting and formatting (OxLint + ESLint Stylistic)
-- Keep only the ESM build and switch to a default export
-- Better TS config and stricter types (no more `any` nor `as`)
-- Target ES2016 instead of ES2015
 - Remove compatibility layers (Internet Explorer, jQuery)
-- Stabilize and simplify the interfaces
-- Use overall more optimized methods
-- Renamed from `TmOdometer` to `LightOdometer`
-- No more const functions
-- SSR friendly (you can import it top-level without blowing up) and use safe fallbacks fror browser-land functions
-- Multiple performance improvements
-- `value` is now stripped from spaces
+- Keep only the ESM build and switch to a default export
+
+### New features
+- SSR friendly (you can import it top-level without blowing up) and use safe fallbacks for browser-land functions
 - Each instance can now have an `id`
 - Ability to customize the framerate
   ```ts
-  const odo = new LightOdometer({ ..., framerate: 20 }) // default is 30, going above isn't recommended
+  const odo = new LightOdometer({ ..., framerate: 20 })
+  // default is 30, going above isn't recommended
   // use countFramerate if you use the `count` mode instead of `slide`
   ```
 - Ability to render once and destroy the instance
@@ -44,21 +45,21 @@ For a quick overview in a real-world usage, see https://github.com/EDM115/websit
   const odo = new LightOdometer({ ... })
   console.log(odo.getOptions().duration)
   odo.setOptions({ duration: 2000 })
-  
+
   console.log(LightOdometer.getGlobalOptions.selector)
   LightOdometer.setGlobalOptions({ selector: ".my-odometer" })
   ```
-- Add per-instance subscriptable animation start/end events. They give back the instance id, el, instance, value, oldValue, options
+- Add per-instance subscriptable animation start/end events, they give back the instance id, el, instance, value, oldValue, options
   ```ts
   const odo = new LightOdometer({ ... })
   console.log(odo.isAnimating)
-  
+
   function onStart(e: Event) {
     const { detail } = e as CustomEvent<LightOdometerEventDetail>
     // detail.id, detail.value, detail.instance.isAnimating, ...
     console.log(`started animating to ${detail.value}`)
   }
-  
+
   function onDone(e: Event) {
     const { detail } = e as CustomEvent<LightOdometerEventDetail>
     console.log(`finished animating to ${detail.value}`)
@@ -71,8 +72,44 @@ For a quick overview in a real-world usage, see https://github.com/EDM115/websit
   odo.off("odometerstart", onStart)
   odo.off("odometerdone", onDone)
   ```
-- Print the instance in a JSON-friendly string
+- Print the instance as a JSON-friendly string
   ```ts
   const odo = new LightOdometer({ ... })
-  console.log(odo.toString()) // {"id":2,"value":157,"options":{"id":2,"value":0,"animation":"slide","duration":8000,"format":"( ddd)","framerate":20},"globalOptions":{},"watchMutations":false,"transitionEndBound":true,"destroyed":false,"format":{"repeating":" ","precision":0},"isAnimating":false}
+  console.log(odo.toString())
   ```
+  ```json
+  {
+    "id": 2,
+    "value": 157,
+    "options": {
+      "id": 2,
+      "value": 0,
+      "animation": "slide",
+      "duration": 8000,
+      "format": "( ddd)",
+      "framerate": 20
+    },
+    "globalOptions": {},
+    "watchMutations": false,
+    "transitionEndBound": true,
+    "destroyed": false,
+    "format": {
+      "repeating": " ",
+      "precision": 0
+    },
+    "isAnimating": false
+  }
+  ```
+
+### Improvements
+- `value` is now stripped from spaces
+- Multiple performance improvements
+- Use overall more optimized methods
+- Stabilize and simplify the interfaces
+
+### Other changes
+- No more const functions
+- Better TS config and stricter types (no more `any` nor `as`)
+- Use classes private elements
+- Added linting and formatting (OxLint + ESLint Stylistic)
+- Target ES2023 instead of ES2015

package/dist/light-odometer.d.ts

@@ -1,24 +1,24 @@
 //#region src/shared/interfaces.d.ts
 /**
-* LightOdometer global options interface
-* @property {string} [selector] - The selector for the odometer elements.
-* @property {boolean} [auto] - Whether to automatically initialize odometers.
-*/
+ * LightOdometer global options interface
+ * @property {string} [selector] - The selector for the odometer elements.
+ * @property {boolean} [auto] - Whether to automatically initialize odometers.
+ */
 interface LightOdometerGlobalOptions {
   selector?: string;
   auto?: boolean;
 }
 /**
-* LightOdometer config interface
-* @property {HTMLElement} el - The HTML element to attach the odometer to.
-* @property {string | number | null} [value] - The initial value of the odometer.
-* @property {string} [format] - The format string for the odometer.
-* @property {number} [duration] - The duration of the animation in milliseconds.
-* @property {number} [framerate] - Target framerate for slide animation.
-* @property {number} [countFramerate] - Target framerate for count animation.
-* @property {'count' | 'slide'} [animation] - The animation type ('count' or 'slide').
-* @property {(value: number) => string} [formatFunction] - A custom format function.
-*/
+ * LightOdometer config interface
+ * @property {HTMLElement} el - The HTML element to attach the odometer to.
+ * @property {string | number | null} [value] - The initial value of the odometer.
+ * @property {string} [format] - The format string for the odometer.
+ * @property {number} [duration] - The duration of the animation in milliseconds.
+ * @property {number} [framerate] - Target framerate for slide animation.
+ * @property {number} [countFramerate] - Target framerate for count animation.
+ * @property {'count' | 'slide'} [animation] - The animation type ('count' or 'slide').
+ * @property {(value: number) => string} [formatFunction] - A custom format function.
+ */
 interface LightOdometerOptions {
   el: HTMLElement;
   /** Optional identifier for this instance; propagated in event details */
@@ -33,11 +33,11 @@ interface LightOdometerOptions {
 }
 type LightOdometerEventName = "odometerstart" | "odometerdone";
 /**
-* FormatObject interface
-* @property {string} repeating - The repeating part of the format. (i.e. '(,ddd)')
-* @property {string} [radix] - The radix separator. (i.e. '.')
-* @property {number} precision - The number of decimal places. (i.e. 'dd')
-*/
+ * FormatObject interface
+ * @property {string} repeating - The repeating part of the format. (i.e. '(,ddd)')
+ * @property {string} [radix] - The radix separator. (i.e. '.')
+ * @property {number} precision - The number of decimal places. (i.e. 'dd')
+ */
 interface FormatObject {
   repeating: string;
   radix?: string;
@@ -54,8 +54,8 @@ declare global {
 //#endregion
 //#region src/core/odometer.d.ts
 declare class LightOdometer {
+  #private;
   static options: LightOdometerGlobalOptions;
-  private _isAnimating;
   options: LightOdometerOptions;
   el: HTMLElement;
   value: number;
@@ -70,215 +70,210 @@ declare class LightOdometer {
   MAX_VALUES: number;
   digits: HTMLElement[];
   ribbons: Record<number, HTMLElement>;
-  private _rafId?;
-  private _countRafId?;
-  private _msPerFrame;
-  private _countMsPerFrame;
-  private _onTransitionEnd?;
   /**
-  * Initializes a new instance of the LightOdometer class.
-  * Sets up the odometer's options, formats, and DOM structure.
-  * If an odometer instance already exists on the element, it returns the existing instance.
-  * @param {LightOdometerOptions} options - Configuration options for the odometer.
-  */
+   * Initializes a new instance of the LightOdometer class.
+   * Sets up the odometer's options, formats, and DOM structure.
+   * If an odometer instance already exists on the element, it returns the existing instance.
+   * @param {LightOdometerOptions} options - Configuration options for the odometer.
+   */
   constructor(options: LightOdometerOptions);
   /**
-  * Renders the inner container of the odometer.
-  * Clears the root element (`this.el`) and appends a new child element with the class `odometer-inside`.
-  * @returns {void}
-  */
+   * Renders the inner container of the odometer.
+   * Clears the root element (`this.el`) and appends a new child element with the class `odometer-inside`.
+   * @returns {void}
+   */
   renderInside(): void;
   /**
-  * Observes changes to the root element's content and updates the odometer accordingly.
-  * This is a fallback for environments like Safari where `.innerHTML` cannot be wrapped.
-  * @returns {void}
-  */
+   * Observes changes to the root element's content and updates the odometer accordingly.
+   * This is a fallback for environments like Safari where `.innerHTML` cannot be wrapped.
+   * @returns {void}
+   */
   watchForMutations(): void;
   /**
-  * Starts observing mutations on the root element (`this.el`).
-  * Listens for changes to the element's child nodes (e.g., additions or removals).
-  * Requires `this.watchMutations` to be `true` and a `MutationObserver` to be initialized.
-  * @returns {void}
-  */
+   * Starts observing mutations on the root element (`this.el`).
+   * Listens for changes to the element's child nodes (e.g., additions or removals).
+   * Requires `this.watchMutations` to be `true` and a `MutationObserver` to be initialized.
+   * @returns {void}
+   */
   startWatchingMutations(): void;
   /**
-  * Stops observing mutations on the root element (`this.el`).
-  * Disconnects the `MutationObserver` if it is initialized.
-  * @returns {void}
-  */
+   * Stops observing mutations on the root element (`this.el`).
+   * Disconnects the `MutationObserver` if it is initialized.
+   * @returns {void}
+   */
   stopWatchingMutations(): void;
   /**
-  * Cleans and normalizes a value to ensure it can be processed as a number.
-  * Converts formatted strings into numeric values by handling radix symbols and removing unnecessary characters.
-  * @param {string | number} val - The value to clean and normalize.
-  * @returns {number} The cleaned and rounded numeric value.
-  */
+   * Cleans and normalizes a value to ensure it can be processed as a number.
+   * Converts formatted strings into numeric values by handling radix symbols and removing unnecessary characters.
+   * @param {string | number} val - The value to clean and normalize.
+   * @returns {number} The cleaned and rounded numeric value.
+   */
   cleanValue(val: string | number): number;
   /**
-  * Binds transition end events to the root element (`this.el`).
-  * Ensures that the odometer re-renders only once per transition, even if multiple transition end events are triggered. After rendering, it dispatches the `odometerdone` custom event.
-  * @returns {void}
-  */
+   * Binds transition end events to the root element (`this.el`).
+   * Ensures that the odometer re-renders only once per transition, even if multiple transition end events are triggered. After rendering, it dispatches the `odometerdone` custom event.
+   * @returns {void}
+   */
   bindTransitionEnd(): void;
   /**
-  * Resets and parses the odometer's format configuration.
-  * Extracts the repeating pattern, radix symbol, and precision from the format string.
-  * Throws an error if the format string is invalid or unparsable.
-  * @returns {void}
-  */
+   * Resets and parses the odometer's format configuration.
+   * Extracts the repeating pattern, radix symbol, and precision from the format string.
+   * Throws an error if the format string is invalid or unparsable.
+   * @returns {void}
+   */
   resetFormat(): void;
   /**
-  * Renders the odometer with the specified value.
-  * Updates the DOM structure, applies the appropriate classes, and formats the digits for display.
-  * @param {number} [value] - The value to render. Defaults to the current value (`this.value`).
-  * @returns {void}
-  */
+   * Renders the odometer with the specified value.
+   * Updates the DOM structure, applies the appropriate classes, and formats the digits for display.
+   * @param {number} [value] - The value to render. Defaults to the current value (`this.value`).
+   * @returns {void}
+   */
   render(value?: number): void;
   /**
-  * Formats the given value into individual digits and renders them.
-  * If a custom format function is provided, it uses that to format the value.
-  * Otherwise, it preserves the precision and formats the value based on the odometer's configuration.
-  * @param {number} value - The value to format and render as digits.
-  * @returns {void}
-  */
+   * Formats the given value into individual digits and renders them.
+   * If a custom format function is provided, it uses that to format the value.
+   * Otherwise, it preserves the precision and formats the value based on the odometer's configuration.
+   * @param {number} value - The value to format and render as digits.
+   * @returns {void}
+   */
   formatDigits(value: number): void;
   /**
-  * Ensures the value maintains the specified precision by adding trailing zeros if necessary.
-  * This is used to keep the decimal places consistent at the end of the animation.
-  * @param {number} value - The numeric value to format with preserved precision.
-  * @returns {string} The value as a string with the required precision.
-  */
+   * Ensures the value maintains the specified precision by adding trailing zeros if necessary.
+   * This is used to keep the decimal places consistent at the end of the animation.
+   * @param {number} value - The numeric value to format with preserved precision.
+   * @returns {string} The value as a string with the required precision.
+   */
   preservePrecision(value: number): string;
   /**
-  * Updates the odometer to display a new value.
-  * Cleans and normalizes the input value, determines the difference from the current value, and triggers the appropriate animations and DOM updates.
-  * @param {string | number} newValue - The new value to update the odometer to.
-  * @returns {number} The updated value of the odometer.
-  */
+   * Updates the odometer to display a new value.
+   * Cleans and normalizes the input value, determines the difference from the current value, and triggers the appropriate animations and DOM updates.
+   * @param {string | number} newValue - The new value to update the odometer to.
+   * @returns {number} The updated value of the odometer.
+   */
   update(newValue: string | number): number;
   /**
-  * Creates and returns a new digit element for the odometer.
-  * The digit element is generated from the predefined `DIGIT_HTML` template.
-  * @returns {HTMLElement} The newly created digit element.
-  */
+   * Creates and returns a new digit element for the odometer.
+   * The digit element is generated from the predefined `DIGIT_HTML` template.
+   * @returns {HTMLElement} The newly created digit element.
+   */
   renderDigit(): HTMLElement;
   /**
-  * Inserts a digit element into the odometer's inner container.
-  * If a reference element (`before`) is provided, the digit is inserted before it.
-  * Otherwise, the digit is appended to the container or inserted at the beginning if other children exist.
-  * @param {HTMLElement} digit - The digit element to insert.
-  * @param {HTMLElement | null} [before] - The reference element to insert the digit before. Defaults to `null`.
-  * @returns {HTMLElement} The inserted digit element.
-  */
+   * Inserts a digit element into the odometer's inner container.
+   * If a reference element (`before`) is provided, the digit is inserted before it.
+   * Otherwise, the digit is appended to the container or inserted at the beginning if other children exist.
+   * @param {HTMLElement} digit - The digit element to insert.
+   * @param {HTMLElement | null} [before] - The reference element to insert the digit before. Defaults to `null`.
+   * @returns {HTMLElement} The inserted digit element.
+   */
   insertDigit(digit: HTMLElement, before?: HTMLElement | null): HTMLElement;
   /**
-  * Creates and inserts a spacer element into the odometer's inner container.
-  * A spacer is a non-digit element (e.g., a comma or decimal point) used for formatting.
-  * @param {string} chr - The character to display in the spacer.
-  * @param {HTMLElement | null} [before] - The reference element to insert the spacer before. Defaults to `null`.
-  * @param {string} [extraClasses] - Additional CSS classes to apply to the spacer element.
-  * @returns {HTMLElement} The inserted spacer element.
-  */
+   * Creates and inserts a spacer element into the odometer's inner container.
+   * A spacer is a non-digit element (e.g., a comma or decimal point) used for formatting.
+   * @param {string} chr - The character to display in the spacer.
+   * @param {HTMLElement | null} [before] - The reference element to insert the spacer before. Defaults to `null`.
+   * @param {string} [extraClasses] - Additional CSS classes to apply to the spacer element.
+   * @returns {HTMLElement} The inserted spacer element.
+   */
   addSpacer(chr: string, before?: HTMLElement | null, extraClasses?: string): HTMLElement;
   /**
-  * Adds a digit or spacer element to the odometer's inner container.
-  * Handles special cases for negation (`-`) and radix (`.`) characters, and ensures the format's repeating pattern is respected.
-  * @param {string} value - The digit or character to add.
-  * @param {boolean} [repeating=true] - Whether to use the repeating format pattern. Defaults to `true`.
-  * @returns {HTMLElement} The inserted digit or spacer element.
-  * @throws {Error} If the format string is invalid or lacks digits.
-  */
+   * Adds a digit or spacer element to the odometer's inner container.
+   * Handles special cases for negation (`-`) and radix (`.`) characters, and ensures the format's repeating pattern is respected.
+   * @param {string} value - The digit or character to add.
+   * @param {boolean} [repeating=true] - Whether to use the repeating format pattern. Defaults to `true`.
+   * @returns {HTMLElement} The inserted digit or spacer element.
+   * @throws {Error} If the format string is invalid or lacks digits.
+   */
   addDigit(value: string, repeating?: boolean): HTMLElement;
   /**
-  * Animates the odometer to transition to a new value.
-  * Chooses the appropriate animation method (`count` or `slide`) based on the configuration and browser support.
-  * @param {number} newValue - The new value to animate the odometer to.
-  * @returns {void}
-  */
+   * Animates the odometer to transition to a new value.
+   * Chooses the appropriate animation method (`count` or `slide`) based on the configuration and browser support.
+   * @param {number} newValue - The new value to animate the odometer to.
+   * @returns {void}
+   */
   animate(newValue: number): void;
   /**
-  * Animates the odometer by incrementing or decrementing the value over time.
-  * Uses a "counting" animation to transition smoothly to the new value.
-  * @param {number} newValue - The new value to animate the odometer to.
-  * @returns {void}
-  */
+   * Animates the odometer by incrementing or decrementing the value over time.
+   * Uses a "counting" animation to transition smoothly to the new value.
+   * @param {number} newValue - The new value to animate the odometer to.
+   * @returns {void}
+   */
   animateCount(newValue: number): void;
   /**
-  * Calculates the number of digits in the largest absolute value from the provided numbers.
-  * @param {...number} values - A list of numbers to evaluate.
-  * @returns {number} The number of digits in the largest absolute value.
-  */
+   * Calculates the number of digits in the largest absolute value from the provided numbers.
+   * @param {...number} values - A list of numbers to evaluate.
+   * @returns {number} The number of digits in the largest absolute value.
+   */
   getDigitCount(...values: number[]): number;
   /**
-  * Calculates the maximum number of fractional digits (decimal places) among the provided numbers.
-  * Assumes the values have already been rounded to the specified precision.
-  * @param {...number} values - A list of numbers to evaluate.
-  * @returns {number} The maximum number of fractional digits.
-  */
+   * Calculates the maximum number of fractional digits (decimal places) among the provided numbers.
+   * Assumes the values have already been rounded to the specified precision.
+   * @param {...number} values - A list of numbers to evaluate.
+   * @returns {number} The maximum number of fractional digits.
+   */
   getFractionalDigitCount(...values: number[]): number;
   /**
-  * Resets the odometer's digits and ribbons.
-  * Clears the inner container, resets the format configuration, and prepares the odometer for re-rendering.
-  * @returns {void}
-  */
+   * Resets the odometer's digits and ribbons.
+   * Clears the inner container, resets the format configuration, and prepares the odometer for re-rendering.
+   * @returns {void}
+   */
   resetDigits(): void;
   /**
-  * Creates an array of numbers between two values
-  * @param start The starting value of the range
-  * @param end The ending value of the range
-  * @param inclusive Whether to include the end value in the range
-  * @returns An array containing the range of numbers
-  */
+   * Creates an array of numbers between two values
+   * @param start The starting value of the range
+   * @param end The ending value of the range
+   * @param inclusive Whether to include the end value in the range
+   * @returns An array containing the range of numbers
+   */
   createRange(start: number, end: number, inclusive: boolean): number[];
   /**
-  * Animates the odometer to transition to a new value using a sliding animation.
-  * Breaks the value into individual digits, calculates the frames for each digit's animation, and updates the DOM to reflect the sliding effect.
-  * @param {number} newValue - The new value to animate the odometer to.
-  * @returns {void}
-  */
+   * Animates the odometer to transition to a new value using a sliding animation.
+   * Breaks the value into individual digits, calculates the frames for each digit's animation, and updates the DOM to reflect the sliding effect.
+   * @param {number} newValue - The new value to animate the odometer to.
+   * @returns {void}
+   */
   animateSlide(newValue: number): void;
   /**
-  * Initializes all odometer elements on the page.
-  * Selects elements matching the configured selector or the default `.odometer` class, and creates a `LightOdometer` instance for each element.
-  * @returns {LightOdometer[]} An array of initialized `LightOdometer` instances.
-  */
+   * Initializes all odometer elements on the page.
+   * Selects elements matching the configured selector or the default `.odometer` class, and creates a `LightOdometer` instance for each element.
+   * @returns {LightOdometer[]} An array of initialized `LightOdometer` instances.
+   */
   static init(): LightOdometer[];
   /**
-  * Mutate this instance's options on-the-fly.
-  * Recomputes timing fields and applies changes immediately.
-  * If a new value is provided, it triggers update() with the new configuration.
-  */
+   * Mutate this instance's options on-the-fly.
+   * Recomputes timing fields and applies changes immediately.
+   * If a new value is provided, it triggers update() with the new configuration.
+   */
   setOptions(newOptions: Partial<LightOdometerOptions>): void;
   /**
-  * Update global default options at runtime. Does not retroactively affect existing instances.
-  */
+   * Update global default options at runtime. Does not retroactively affect existing instances.
+   */
   static setGlobalOptions(newOptions: Partial<LightOdometerGlobalOptions>): void;
   /** Subscribe to odometer events ("odometerstart" | "odometerdone") for this instance */
   on(event: LightOdometerEventName, handler: EventListener): void;
   /** Unsubscribe from odometer events for this instance */
   off(event: LightOdometerEventName, handler: EventListener): void;
   /**
-  * Get a shallow copy snapshot of this instance's current options.
-  * Mutating the returned object will not affect the instance.
-  */
+   * Get a shallow copy snapshot of this instance's current options.
+   * Mutating the returned object will not affect the instance.
+   */
   getOptions(): Readonly<LightOdometerOptions>;
   /**
-  * Get a shallow copy snapshot of global default options.
-  */
+   * Get a shallow copy snapshot of global default options.
+   */
   static getGlobalOptions(): Readonly<LightOdometerGlobalOptions>;
   /**
-  * Animate to a value exactly once and then disconnect listeners/observers.
-  * Useful for static numbers that only animate on first reveal.
-  */
+   * Animate to a value exactly once and then disconnect listeners/observers.
+   * Useful for static numbers that only animate on first reveal.
+   */
   animateOnceAndDisconnect(toValue?: number | string): void;
   /**
-  * Disconnect all observers and cancel animation frames. Remove transition listener flag.
-  */
+   * Disconnect all observers and cancel animation frames. Remove transition listener flag.
+   */
   disconnect(): void;
   /**
-  * Returns the current odometer object along with the global options.
-  * @returns {string} A JSON-parseable string representation of the current odometer state.
-  */
+   * Returns the current odometer object along with the global options.
+   * @returns {string} A JSON-parseable string representation of the current odometer state.
+   */
   toString(): string;
 }
 //#endregion

package/dist/light-odometer.js

@@ -1 +1 @@
-const e=/^\(?([^)]*)\)?(?:(.)(d+))?$/,t=2e3;function n(e){let t=document.createElement(`div`);if(t.innerHTML=e,!(t.firstElementChild instanceof HTMLElement))throw Error(`Invalid HTML: No valid root element found.`);return t.firstElementChild}function r(e,t){let n=t.split(` `);for(let t of n)e.classList.remove(t);return e.className}function i(e,t){let n=t.split(` `);for(let t of n)t&&e.classList.add(t);return e.className}function a(e,t,n){let r=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:n});e.dispatchEvent(r)}function o(){return typeof performance<`u`&&typeof performance.now==`function`?performance.now():Date.now()}function s(e,t){return t??=0,t?(e*=10**t,e+=.5,e=Math.floor(e),e/=10**t):Math.round(e)}function c(e){return e<0?Math.ceil(e):Math.floor(e)}function l(){return typeof window<`u`&&typeof document<`u`}function u(e){return l()&&typeof requestAnimationFrame==`function`?requestAnimationFrame(e):setTimeout(()=>e(o()),16)}function d(e){e!=null&&(l()&&typeof cancelAnimationFrame==`function`&&typeof e==`number`?cancelAnimationFrame(e):clearTimeout(e))}function f(e){l()&&(document.readyState===`complete`||document.readyState===`interactive`?setTimeout(e,0):document.addEventListener(`DOMContentLoaded`,e,{once:!0}))}function p(e){l()&&setTimeout(()=>{window.odometerOptions&&(e.options={...e.options,...window.odometerOptions})},0)}function m(e){f(()=>{e.options.auto!==!1&&e.init()})}var h=class f{static options=typeof window<`u`?window.odometerOptions??{}:{};_isAnimating=!1;options;el;value=0;inside;observer;watchMutations=!1;transitionEndBound=!1;destroyed=!1;format={repeating:``,precision:0};get isAnimating(){return this._isAnimating}MAX_VALUES;digits=[];ribbons={};_rafId;_countRafId;_msPerFrame;_countMsPerFrame;_onTransitionEnd;constructor(e){if(this.options=e,this.el=this.options.el,this.el.odometer){let e=this.el.odometer;e.options={...e.options,...this.options},e.options.duration??=t;let n=e.options.framerate??30,r=e.options.countFramerate??20;return e._msPerFrame=1e3/n,e._countMsPerFrame=1e3/r,e.MAX_VALUES=e.options.duration/e._msPerFrame/2|0,e.resetFormat(),this.options.value==null?l()&&e.render():e.update(this.options.value),e}this.el.odometer=this,this.options={...f.options,...this.options},this.options.duration??=t;let n=this.options.framerate??30,r=this.options.countFramerate??20;this._msPerFrame=1e3/n,this._countMsPerFrame=1e3/r,this.MAX_VALUES=this.options.duration/this._msPerFrame/2|0,this.resetFormat(),this.value=this.cleanValue(this.options.value??``),l()&&(this.renderInside(),this.render());try{for(let e of[`innerHTML`,`innerText`,`textContent`])Object.defineProperty(this.el,e,{get:()=>e===`innerHTML`?this.inside?.outerHTML??``:this.inside?.innerText??this.inside?.textContent??``,set:e=>this.update(e)})}catch{l()&&this.watchForMutations()}}renderInside(){l()&&(this.inside=document.createElement(`div`),this.inside.className=`odometer-inside`,this.el.textContent=``,this.el.appendChild(this.inside))}watchForMutations(){try{this.observer??=new MutationObserver(e=>{let t=this.el.innerText||``;this.renderInside(),this.render(this.value),this.update(t)}),this.watchMutations=!0,this.startWatchingMutations()}catch{}}startWatchingMutations(){this.watchMutations&&l()&&this.observer?.observe(this.el,{childList:!0})}stopWatchingMutations(){this.observer?.disconnect()}cleanValue(e){return typeof e==`string`&&(e=e.replace(this.format.radix??`.`,`<radix>`),e=e.replace(/[.,\s\u00A0\u202F]/g,``),e=e.replace(`<radix>`,`.`),e=parseFloat(e)||0),s(e,this.format.precision)}bindTransitionEnd(){if(this.transitionEndBound)return;this.transitionEndBound=!0;let e=!1;this._onTransitionEnd=()=>e?!0:(e=!0,setTimeout(()=>{this.render(),e=!1,this._isAnimating=!1,a(this.el,`odometerdone`,{id:this.options.id,el:this.el,instance:this,value:this.value,options:this.getOptions()})},0),!0),this.el.addEventListener(`transitionend`,this._onTransitionEnd,!1)}resetFormat(){let t=this.options.format??`(,ddd).dd`;t||=`d`;let n=e.exec(t);if(!n)throw Error(`LightOdometer: Unparsable digit format`);let[r,i,a,o]=n;this.format={repeating:i,radix:a,precision:o?.length||0}}render(e){if(l()){e??=this.value,this.stopWatchingMutations(),this.resetFormat(),this.inside.textContent=``;for(let e of Array.from(this.el.classList))/^odometer(-|$)/.test(e)&&this.el.classList.remove(e);this.el.classList.add(`odometer`,`odometer-auto-theme`),this.el.style.setProperty(`--odometer-duration`,`${this.options.duration??t}ms`),this.ribbons={},this.formatDigits(e),this.startWatchingMutations()}}formatDigits(e){if(this.digits=[],this.options.formatFunction){let t=this.options.formatFunction(e);for(let e of t.split(``).toReversed())if(/\d/.test(e)){let t=this.renderDigit(),n=t.querySelector(`.odometer-value`);n.textContent=e,i(n,`odometer-first-value odometer-last-value`),this.digits.push(t),this.insertDigit(t)}else this.addSpacer(e)}else{let t=this.preservePrecision(e),n=!this.format.precision;for(let e of t.split(``).toReversed())e===`.`&&(n=!0),this.addDigit(e,n)}}preservePrecision(e){let t=e.toString();if(this.format.precision){let e=t.split(`.`);e.length===1&&(t+=`.`,e[1]=``);for(let n=0;n<this.format.precision;n++)e[1][n]||(t+=`0`)}return t}update(e){if(!l())return this.value=this.cleanValue(e),this.value;e=this.cleanValue(e);let t=e-this.value;return t?(r(this.el,`odometer-animating-up odometer-animating-down odometer-animating`),t>0?i(this.el,`odometer-animating-up`):i(this.el,`odometer-animating-down`),this._isAnimating=!0,a(this.el,`odometerstart`,{id:this.options.id,el:this.el,instance:this,value:e,oldValue:this.value,options:this.getOptions()}),this.stopWatchingMutations(),this.animate(e),this.startWatchingMutations(),setTimeout(()=>{this.el.offsetHeight,i(this.el,`odometer-animating`)},0),this.value=e,this.value):this.value}renderDigit(){return n(`<span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value"></span></span></span></span></span>`)}insertDigit(e,t){return t?this.inside.insertBefore(e,t):this.inside.children.length?this.inside.insertBefore(e,this.inside.children[0]):this.inside.appendChild(e)}addSpacer(e,t,r){let a=n(`<span class="odometer-formatting-mark"></span>`);return a.textContent=e,r&&i(a,r),this.insertDigit(a,t)}addDigit(e,t){if(t??=!0,e===`-`)return this.addSpacer(e,null,`odometer-negation-mark`);if(e===`.`)return this.addSpacer(this.format.radix??`.`,null,`odometer-radix-mark`);if(t){let e=!1;for(;;){if(!this.format.repeating.length){if(e)throw Error(`Bad odometer format without digits`);this.resetFormat(),e=!0}let t=this.format.repeating[this.format.repeating.length-1];if(this.format.repeating=this.format.repeating.substring(0,this.format.repeating.length-1),t===`d`)break;this.addSpacer(t)}}let n=this.renderDigit(),r=n.querySelector(`.odometer-value`);return r.textContent=e,i(r,`odometer-first-value odometer-last-value`),this.digits.push(n),this.insertDigit(n)}animate(e){this.options.animation===`count`?this.animateCount(e):this.animateSlide(e)}animateCount(e){if(!l())return;let t=e-this.value;if(!t)return;let n=o(),r=n,i=this.value,s=()=>{if(o()-n>(this.options.duration||0)){this.value=e,this.render(),this._isAnimating=!1,a(this.el,`odometerdone`,{id:this.options.id,el:this.el,instance:this,value:this.value,options:this.getOptions()});return}let c=o()-r;if(c>this._countMsPerFrame){r=o();let e=t*(c/(this.options.duration||0));i+=e,this.render(Math.round(i))}this._countRafId=u(s)};this._countRafId=u(s)}getDigitCount(...e){for(let t=0;t<e.length;t++)e[t]=Math.abs(e[t]);let t=Math.max(...e);return Math.ceil(Math.log(t+1)/Math.log(10))}getFractionalDigitCount(...e){let t=/^-?\d*\.(\d*?)0*$/;for(let n=0;n<e.length;n++){let r=e[n].toString(),i=t.exec(r);e[n]=i?i[1].length:0}return Math.max(...e)}resetDigits(){this.digits=[],this.ribbons={},this.inside.textContent=``,this.resetFormat()}createRange(e,t,n){let r=e<t,i=Math.abs(t-e)+(n?1:0);return Array.from({length:i},(t,n)=>r?e+n:e-n)}animateSlide(e){if(!l())return;let t=this.value,n=this.format.precision;n&&(e*=10**n,t*=10**n);let r=e-t;if(!r)return;this.bindTransitionEnd();let a=[],o=this.getDigitCount(t,e),s=0,u=t;for(let n=0;n<o;n++){u=c(t/10**(o-n-1));let r=c(e/10**(o-n-1)),i=r-u,l;if(Math.abs(i)>this.MAX_VALUES){l=[];let e=i/(this.MAX_VALUES*(1+s*.5)),t=u;for(;i>0&&t<r||i<0&&t>r;)l.push(Math.round(t)),t+=e;l[l.length-1]!==r&&l.push(r),s++}else l=this.createRange(u,r,!0);for(let e=0;e<l.length;e++)l[e]=Math.abs(l[e]%10);a.push(l)}this.resetDigits();let d=a.toReversed();for(let e=0;e<d.length;e++){let t=d[e];if(this.digits[e]||this.addDigit(` `,e>=n),this.ribbons[e]===void 0){let t=this.digits[e].querySelector(`.odometer-ribbon-inner`);t&&(this.ribbons[e]=t)}this.ribbons[e].textContent=``,r<0&&(t=t.toReversed());for(let n=0;n<t.length;n++){let r=t[n],a=document.createElement(`div`);a.className=`odometer-value`,a.textContent=r.toString(),this.ribbons[e].appendChild(a),n===t.length-1&&i(a,`odometer-last-value`),n===0&&i(a,`odometer-first-value`)}}u<0&&this.addDigit(`-`);let f=this.inside.querySelector(`.odometer-radix-mark`);f&&f.parentNode.removeChild(f),n&&this.addSpacer(this.format.radix??`.`,this.digits[n-1],`odometer-radix-mark`)}static init(){if(!l())return[];let e=document.querySelectorAll(f.options.selector||`.odometer`);return Array.from(e,e=>e.odometer=new f({el:e,value:e.innerText??e.textContent}))}setOptions(e){if(!e||typeof e!=`object`)return;`el`in e&&delete e.el;let n=Object.prototype.hasOwnProperty.call(e,`value`),r=Object.prototype.hasOwnProperty.call(e,`format`)||Object.prototype.hasOwnProperty.call(e,`formatFunction`),i=Object.prototype.hasOwnProperty.call(e,`duration`)||Object.prototype.hasOwnProperty.call(e,`framerate`)||Object.prototype.hasOwnProperty.call(e,`countFramerate`);this.options={...this.options,...e},this.options.duration??=t;let a=this.options.framerate??30,o=this.options.countFramerate??20;if(this._msPerFrame=1e3/a,this._countMsPerFrame=1e3/o,this.MAX_VALUES=this.options.duration/this._msPerFrame/2|0,l()&&this.el.style.setProperty(`--odometer-duration`,`${this.options.duration}ms`),r&&this.resetFormat(),n){this.update(this.options.value??0);return}(r||i)&&l()&&(this.stopWatchingMutations(),this.render(),this.startWatchingMutations())}static setGlobalOptions(e){f.options={...f.options,...e}}on(e,t){this.el.addEventListener(e,t)}off(e,t){this.el.removeEventListener(e,t)}getOptions(){return{...this.options}}static getGlobalOptions(){return{...f.options}}animateOnceAndDisconnect(e){e!=null&&this.update(e);let n=()=>this.disconnect(),r=e=>{this.el.removeEventListener(`odometerdone`,r),n()};this.el.addEventListener(`odometerdone`,r,{once:!0}),setTimeout(n,(this.options.duration??t)+100)}disconnect(){this.destroyed||=(this.stopWatchingMutations(),d(this._rafId),d(this._countRafId),this._onTransitionEnd&&=(this.el.removeEventListener(`transitionend`,this._onTransitionEnd),void 0),this.transitionEndBound=!1,!0)}toString(){let{el:e,...t}={...this.getOptions()},n={id:this.options.id,value:this.value,options:t,globalOptions:f.getGlobalOptions(),watchMutations:this.watchMutations,transitionEndBound:this.transitionEndBound,destroyed:this.destroyed,format:this.format,isAnimating:this.isAnimating};return JSON.stringify(n)}};p(h),m(h);export{h as LightOdometer,h as default};
+const e=/^\(?([^)]*)\)?(?:(.)(d+))?$/,t=2e3;function n(e){let t=document.createElement(`div`);if(t.innerHTML=e,!(t.firstElementChild instanceof HTMLElement))throw Error(`Invalid HTML: No valid root element found.`);return t.firstElementChild}function r(e,t){let n=t.split(` `);for(let t of n)e.classList.remove(t);return e.className}function i(e,t){let n=t.split(` `);for(let t of n)t&&e.classList.add(t);return e.className}function a(e,t,n){let r=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:n});e.dispatchEvent(r)}function o(){return typeof performance<`u`&&typeof performance.now==`function`?performance.now():Date.now()}function s(e,t){return t??=0,t?(e*=10**t,e+=.5,e=Math.floor(e),e/=10**t):Math.round(e)}function c(e){return e<0?Math.ceil(e):Math.floor(e)}function l(){return typeof window<`u`&&typeof document<`u`}function u(e){return l()&&typeof requestAnimationFrame==`function`?requestAnimationFrame(e):setTimeout(()=>e(o()),16)}function d(e){e!=null&&(l()&&typeof cancelAnimationFrame==`function`&&typeof e==`number`?cancelAnimationFrame(e):clearTimeout(e))}function f(e){l()&&(document.readyState===`complete`||document.readyState===`interactive`?setTimeout(e,0):document.addEventListener(`DOMContentLoaded`,e,{once:!0}))}function p(e){l()&&setTimeout(()=>{window.odometerOptions&&(e.options={...e.options,...window.odometerOptions})},0)}function m(e){f(()=>{e.options.auto!==!1&&e.init()})}var h=class f{static options=typeof window<`u`?window.odometerOptions??{}:{};#e=!1;options;el;value=0;inside;observer;watchMutations=!1;transitionEndBound=!1;destroyed=!1;format={repeating:``,precision:0};get isAnimating(){return this.#e}MAX_VALUES;digits=[];ribbons={};#t;#n;#r;#i;#a;constructor(e){if(this.options=e,this.el=this.options.el,this.el.odometer){let e=this.el.odometer;e.options={...e.options,...this.options},e.options.duration??=t;let n=e.options.framerate??30,r=e.options.countFramerate??20;return e.#r=1e3/n,e.#i=1e3/r,e.MAX_VALUES=e.options.duration/e.#r/2|0,e.resetFormat(),this.options.value==null?l()&&e.render():e.update(this.options.value),e}this.el.odometer=this,this.options={...f.options,...this.options},this.options.duration??=t;let n=this.options.framerate??30,r=this.options.countFramerate??20;this.#r=1e3/n,this.#i=1e3/r,this.MAX_VALUES=this.options.duration/this.#r/2|0,this.resetFormat(),this.value=this.cleanValue(this.options.value??``),l()&&(this.renderInside(),this.render());try{for(let e of[`innerHTML`,`innerText`,`textContent`])Object.defineProperty(this.el,e,{get:()=>e===`innerHTML`?this.inside?.outerHTML??``:this.inside?.innerText??this.inside?.textContent??``,set:e=>this.update(e)})}catch{l()&&this.watchForMutations()}}renderInside(){l()&&(this.inside=document.createElement(`div`),this.inside.className=`odometer-inside`,this.el.textContent=``,this.el.appendChild(this.inside))}watchForMutations(){try{this.observer??=new MutationObserver(e=>{let t=this.el.innerText||``;this.renderInside(),this.render(this.value),this.update(t)}),this.watchMutations=!0,this.startWatchingMutations()}catch{}}startWatchingMutations(){this.watchMutations&&l()&&this.observer?.observe(this.el,{childList:!0})}stopWatchingMutations(){this.observer?.disconnect()}cleanValue(e){return typeof e==`string`&&(e=e.replace(this.format.radix??`.`,`<radix>`),e=e.replace(/[.,\s\u00A0\u202F]/g,``),e=e.replace(`<radix>`,`.`),e=parseFloat(e)||0),s(e,this.format.precision)}bindTransitionEnd(){if(this.transitionEndBound)return;this.transitionEndBound=!0;let e=!1;this.#a=()=>e?!0:(e=!0,setTimeout(()=>{this.render(),e=!1,this.#e=!1,a(this.el,`odometerdone`,{id:this.options.id,el:this.el,instance:this,value:this.value,options:this.getOptions()})},0),!0),this.el.addEventListener(`transitionend`,this.#a,!1)}resetFormat(){let t=this.options.format??`(,ddd).dd`;t||=`d`;let n=e.exec(t);if(!n)throw Error(`LightOdometer: Unparsable digit format`);let r=n[1]??``,i=n[2],a=(n[3]??``).length;this.format={repeating:r,radix:i,precision:a}}render(e){if(l()){e??=this.value,this.stopWatchingMutations(),this.resetFormat(),this.inside.textContent=``;for(let e of Array.from(this.el.classList))/^odometer(-|$)/.test(e)&&this.el.classList.remove(e);this.el.classList.add(`odometer`,`odometer-auto-theme`),this.el.style.setProperty(`--odometer-duration`,`${this.options.duration??2e3}ms`),this.ribbons={},this.formatDigits(e),this.startWatchingMutations()}}formatDigits(e){if(this.digits=[],this.options.formatFunction){let t=this.options.formatFunction(e);for(let e of t.split(``).toReversed())if(/\d/.test(e)){let t=this.renderDigit(),n=t.querySelector(`.odometer-value`);n.textContent=e,i(n,`odometer-first-value odometer-last-value`),this.digits.push(t),this.insertDigit(t)}else this.addSpacer(e)}else{let t=this.preservePrecision(e),n=!this.format.precision;for(let e of t.split(``).toReversed())e===`.`&&(n=!0),this.addDigit(e,n)}}preservePrecision(e){let t=e.toString();if(this.format.precision){let e=t.split(`.`);e.length===1&&(t+=`.`,e[1]=``);let n=e[1]??``;for(let e=0;e<this.format.precision;e++)n[e]||(t+=`0`)}return t}update(e){if(!l())return this.value=this.cleanValue(e),this.value;e=this.cleanValue(e);let t=e-this.value;return t?(r(this.el,`odometer-animating-up odometer-animating-down odometer-animating`),t>0?i(this.el,`odometer-animating-up`):i(this.el,`odometer-animating-down`),this.#e=!0,a(this.el,`odometerstart`,{id:this.options.id,el:this.el,instance:this,value:e,oldValue:this.value,options:this.getOptions()}),this.stopWatchingMutations(),this.animate(e),this.startWatchingMutations(),setTimeout(()=>{this.el.offsetHeight,i(this.el,`odometer-animating`)},0),this.value=e,this.value):this.value}renderDigit(){return n(`<span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value"></span></span></span></span></span>`)}insertDigit(e,t){return t?this.inside.insertBefore(e,t):this.inside.children.length?this.inside.insertBefore(e,this.inside.firstElementChild):this.inside.appendChild(e)}addSpacer(e,t,r){let a=n(`<span class="odometer-formatting-mark"></span>`);return a.textContent=e,r&&i(a,r),this.insertDigit(a,t)}addDigit(e,t){if(t??=!0,e===`-`)return this.addSpacer(e,null,`odometer-negation-mark`);if(e===`.`)return this.addSpacer(this.format.radix??`.`,null,`odometer-radix-mark`);if(t){let e=!1;for(;;){if(!this.format.repeating.length){if(e)throw Error(`Bad odometer format without digits`);this.resetFormat(),e=!0}let t=this.format.repeating[this.format.repeating.length-1];if(t!=null){if(this.format.repeating=this.format.repeating.substring(0,this.format.repeating.length-1),t===`d`)break;this.addSpacer(t)}}}let n=this.renderDigit(),r=n.querySelector(`.odometer-value`);return r.textContent=e,i(r,`odometer-first-value odometer-last-value`),this.digits.push(n),this.insertDigit(n)}animate(e){this.options.animation===`count`?this.animateCount(e):this.animateSlide(e)}animateCount(e){if(!l())return;let t=e-this.value;if(!t)return;let n=o(),r=n,i=this.value,s=()=>{if(o()-n>(this.options.duration||0)){this.value=e,this.render(),this.#e=!1,a(this.el,`odometerdone`,{id:this.options.id,el:this.el,instance:this,value:this.value,options:this.getOptions()});return}let c=o()-r;if(c>this.#i){r=o();let e=c/(this.options.duration||0),n=t*e;i+=n,this.render(Math.round(i))}this.#n=u(s)};this.#n=u(s)}getDigitCount(...e){for(let t=0;t<e.length;t++){let n=e[t]??0;e[t]=Math.abs(n)}let t=Math.max(...e);return Math.ceil(Math.log(t+1)/Math.log(10))}getFractionalDigitCount(...e){let t=/^-?\d*\.(\d*?)0*$/;for(let n=0;n<e.length;n++){let r=(e[n]??0).toString(),i=t.exec(r),a=i?.[1]??``;e[n]=i?a.length:0}return Math.max(...e)}resetDigits(){this.digits=[],this.ribbons={},this.inside.textContent=``,this.resetFormat()}createRange(e,t,n){let r=e<t,i=Math.abs(t-e)+ +!!n;return Array.from({length:i},(t,n)=>r?e+n:e-n)}animateSlide(e){if(!l())return;let t=this.value,n=this.format.precision;n&&(e*=10**n,t*=10**n);let r=e-t;if(!r)return;this.bindTransitionEnd();let a=[],o=this.getDigitCount(t,e),s=0,u=t;for(let n=0;n<o;n++){u=c(t/10**(o-n-1));let r=c(e/10**(o-n-1)),i=r-u,l;if(Math.abs(i)>this.MAX_VALUES){l=[];let e=i/(this.MAX_VALUES*(1+s*.5)),t=u;for(;i>0&&t<r||i<0&&t>r;)l.push(Math.round(t)),t+=e;l[l.length-1]!==r&&l.push(r),s++}else l=this.createRange(u,r,!0);for(let e=0;e<l.length;e++){let t=l[e]??0;l[e]=Math.abs(t%10)}a.push(l)}this.resetDigits();let d=a.toReversed();for(let e=0;e<d.length;e++){let t=d[e]??[];this.digits[e]||this.addDigit(` `,e>=n);let a=this.digits[e];if(!a)continue;if(this.ribbons[e]===void 0){let t=a.querySelector(`.odometer-ribbon-inner`);t&&(this.ribbons[e]=t)}let o=this.ribbons[e];if(o){o.textContent=``,r<0&&(t=t.toReversed());for(let e=0;e<t.length;e++){let n=t[e]??0,r=document.createElement(`div`);r.className=`odometer-value`,r.textContent=n.toString(),o.appendChild(r),e===t.length-1&&i(r,`odometer-last-value`),e===0&&i(r,`odometer-first-value`)}}}u<0&&this.addDigit(`-`);let f=this.inside.querySelector(`.odometer-radix-mark`);f&&f.parentNode.removeChild(f),n&&this.addSpacer(this.format.radix??`.`,this.digits[n-1],`odometer-radix-mark`)}static init(){if(!l())return[];let e=document.querySelectorAll(f.options.selector||`.odometer`);return Array.from(e,e=>e.odometer=new f({el:e,value:e.innerText??e.textContent}))}setOptions(e){if(!e||typeof e!=`object`)return;`el`in e&&delete e.el;let n=Object.prototype.hasOwnProperty.call(e,`value`),r=Object.prototype.hasOwnProperty.call(e,`format`)||Object.prototype.hasOwnProperty.call(e,`formatFunction`),i=Object.prototype.hasOwnProperty.call(e,`duration`)||Object.prototype.hasOwnProperty.call(e,`framerate`)||Object.prototype.hasOwnProperty.call(e,`countFramerate`);this.options={...this.options,...e},this.options.duration??=t;let a=this.options.framerate??30,o=this.options.countFramerate??20;if(this.#r=1e3/a,this.#i=1e3/o,this.MAX_VALUES=this.options.duration/this.#r/2|0,l()&&this.el.style.setProperty(`--odometer-duration`,`${this.options.duration}ms`),r&&this.resetFormat(),n){this.update(this.options.value??0);return}(r||i)&&l()&&(this.stopWatchingMutations(),this.render(),this.startWatchingMutations())}static setGlobalOptions(e){f.options={...f.options,...e}}on(e,t){this.el.addEventListener(e,t)}off(e,t){this.el.removeEventListener(e,t)}getOptions(){return{...this.options}}static getGlobalOptions(){return{...f.options}}animateOnceAndDisconnect(e){e!=null&&this.update(e);let t=()=>this.disconnect(),n=e=>{this.el.removeEventListener(`odometerdone`,n),t()};this.el.addEventListener(`odometerdone`,n,{once:!0}),setTimeout(t,(this.options.duration??2e3)+100)}disconnect(){this.destroyed||=(this.stopWatchingMutations(),d(this.#t),d(this.#n),this.#a&&=(this.el.removeEventListener(`transitionend`,this.#a),void 0),this.transitionEndBound=!1,!0)}toString(){let{el:e,...t}={...this.getOptions()},n={id:this.options.id,value:this.value,options:t,globalOptions:f.getGlobalOptions(),watchMutations:this.watchMutations,transitionEndBound:this.transitionEndBound,destroyed:this.destroyed,format:this.format,isAnimating:this.isAnimating};return JSON.stringify(n)}};p(h),m(h);export{h as LightOdometer,h as default};

package/package.json

@@ -11,17 +11,17 @@
   ],
   "description": "for personal use only, see EDM115/website",
   "devDependencies": {
-    "@stylistic/eslint-plugin": "~5.8.0",
-    "@types/node": "latest",
-    "@typescript-eslint/parser": "~8.56.0",
-    "@typescript/native-preview": "latest",
-    "edm115-lint": "~0.1.6",
-    "eslint": "~10.0.0",
-    "jiti": "~2.6.1",
-    "oxlint": "~1.48.0",
-    "oxlint-tsgolint": "~0.14.0",
-    "tsdown": "~0.20.3",
-    "unplugin-unused": "~0.5.7"
+    "@stylistic/eslint-plugin": "~5.10.0",
+    "@typescript-eslint/parser": "~8.67.0",
+    "@typescript/native": "npm:typescript@^7.0.2",
+    "edm115-lint": "~0.2.1",
+    "eslint": "~10.8.1",
+    "jiti": "~2.7.0",
+    "oxlint": "~1.78.0",
+    "oxlint-tsgolint": "~7.0.2001",
+    "tsdown": "~0.22.14",
+    "typescript": "npm:@typescript/typescript6@^6.0.2",
+    "unplugin-unused": "~0.6.0"
   },
   "exports": {
     ".": {
@@ -62,13 +62,13 @@
     "url": "git+https://github.com/EDM115/light-odometer.git"
   },
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "scripts": {
     "build": "tsdown",
     "format": "eslint -c eslint.stylistic.config.ts --concurrency=auto --fix .",
-    "lint": "oxlint --type-aware .",
-    "lint:fix": "oxlint --fix --type-aware .",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
     "release": "pnpm publish",
-    "typecheck": "tsgo --noEmit"
+    "typecheck": "tsc --noEmit"
   }
 }