light-odometer 0.0.1 → 0.0.2

package/README.md

@@ -3,3 +3,5 @@
 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.  
 Huge props to him for this TypeScript refactor !
+
+No theme is shipped here, no docs either.

package/dist/main.d.ts

@@ -1,49 +1,32 @@
 //#region src/shared/interfaces.d.ts
 /**
-* TmOdometer global options interface
-* @interface OdometerOptions
+* LightOdometer global options interface
 * @property {string} [selector] - The selector for the odometer elements.
 * @property {boolean} [auto] - Whether to automatically initialize odometers.
-* @property {any} [key] - Additional options.
 */
-interface OdometerOptions {
+interface LightOdometerOptions {
   selector?: string;
   auto?: boolean;
-  [key: string]: any;
 }
 /**
-* TmOdometer options interface
-* Extends the base configuration options (`TmOdometerConfig`) with additional required properties.
-* @interface TmOdometerOptions
-* @extends TmOdometerConfig
+* LightOdometer config interface
 * @property {HTMLElement} el - The HTML element to attach the odometer to.
-*/
-interface TmOdometerOptions extends TmOdometerConfig {
-  el: HTMLElement;
-}
-/**
-* TmOdometer config interface
-* @interface TmOdometerConfig
 * @property {string | number | null} [value] - The initial value of the odometer.
 * @property {string} [format] - The format string for the odometer.
-* @property {string} [theme] - The theme for the odometer.
 * @property {number} [duration] - The duration of the animation in milliseconds.
 * @property {'count' | 'slide'} [animation] - The animation type ('count' or 'slide').
 * @property {(value: number) => string} [formatFunction] - A custom format function.
-* @property {any} [key] - Additional options.
 */
-interface TmOdometerConfig {
+interface LightOdometerOptions {
+  el: HTMLElement;
   value?: string | number | null;
   format?: string;
-  theme?: string;
   duration?: number;
   animation?: "count" | "slide";
   formatFunction?: (value: number) => string;
-  [key: string]: any;
 }
 /**
 * FormatObject interface
-* @interface FormatObject
 * @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')
@@ -55,35 +38,17 @@ interface FormatObject {
 }
 declare global {
   interface Window extends WindowOrWorkerGlobalScope {
-    odometerOptions?: OdometerOptions;
-    jQuery?: any;
-    mozRequestAnimationFrame?: (callback: FrameRequestCallback) => number;
-    webkitRequestAnimationFrame?: (callback: FrameRequestCallback) => number;
-    msRequestAnimationFrame?: (callback: FrameRequestCallback) => number;
-    WebKitMutationObserver?: any;
-    MozMutationObserver?: any;
+    odometerOptions?: Omit<LightOdometerOptions, "el">;
   }
   interface HTMLElement {
-    odometer?: TmOdometer;
-    doScroll?: any;
-  }
-  interface CSSStyleDeclaration {
-    webkitTransition: string;
-    mozTransition?: any;
-    oTransition?: any;
-  }
-  interface Document {
-    createEventObject?: any;
+    odometer?: LightOdometer;
   }
 }
 //#endregion
-//#region src/utils/compatibility.d.ts
-declare const MutationObserver: typeof window.MutationObserver;
-//#endregion
 //#region src/core/odometer.d.ts
-declare class TmOdometer {
-  static options: OdometerOptions;
-  options: TmOdometerOptions;
+declare class LightOdometer {
+  static options: Omit<LightOdometerOptions, "el">;
+  options: LightOdometerOptions;
   el: HTMLElement;
   value: number;
   inside: HTMLElement;
@@ -95,16 +60,15 @@ declare class TmOdometer {
   digits: HTMLElement[];
   ribbons: Record<number, HTMLElement>;
   /**
-  * Initializes a new instance of the TmOdometer class.
+  * 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 {TmOdometerOptions} options - Configuration options for the odometer.
+  * @param {LightOdometerOptions} options - Configuration options for the odometer.
   */
-  constructor(options: TmOdometerOptions);
+  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`.
+  * Clears the root element (`this.el`) and appends a new child element with the class `odometer-inside`.
   * @returns {void}
   */
   renderInside(): void;
@@ -129,17 +93,14 @@ declare class TmOdometer {
   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.
+  * 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.
+  * 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;
@@ -152,8 +113,7 @@ declare class TmOdometer {
   resetFormat(): void;
   /**
   * Renders the odometer with the specified value.
-  * Updates the DOM structure, applies the appropriate theme and classes,
-  * and formats the digits for display.
+  * 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}
   */
@@ -175,8 +135,7 @@ declare class TmOdometer {
   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.
+  * 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.
   */
@@ -207,8 +166,7 @@ declare class TmOdometer {
   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.
+  * 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.
@@ -244,8 +202,7 @@ declare class TmOdometer {
   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.
+  * Clears the inner container, resets the format configuration, and prepares the odometer for re-rendering.
   * @returns {void}
   */
   resetDigits(): void;
@@ -259,19 +216,17 @@ declare class TmOdometer {
   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.
+  * 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 `TmOdometer` instance for each element.
-  * @returns {TmOdometer[]} An array of initialized `TmOdometer` instances.
+  * 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(): TmOdometer[];
+  static init(): LightOdometer[];
 }
 //#endregion
-export { TmOdometer };
+export { LightOdometer };

package/dist/main.js

@@ -1 +1 @@
-const e=/^\(?([^)]*)\)?(?:(.)(d+))?$/,t=document.createElement(`div`).style.transition!=null,n=window.requestAnimationFrame,r=window.MutationObserver,i=e=>{let t=document.createElement(`div`);if(t.innerHTML=e,!t.children[0])throw Error(`Invalid HTML: No valid root element found.`);return t.children[0]},a=(e,t)=>e.className=e.className.replace(RegExp(`(^| )${t.split(` `).join(`|`)}( |$)`,`gi`),` `),o=(e,t)=>(a(e,t),e.className+=` ${t}`),s=(e,t)=>{if(typeof CustomEvent==`function`){let n=new CustomEvent(t,{bubbles:!0,cancelable:!0});e.dispatchEvent(n)}else if(document.createEvent){let n=document.createEvent(`HTMLEvents`);n.initEvent(t,!0,!0),e.dispatchEvent(n)}},c=()=>{var e,t;let n=(e=window.performance)==null||(t=e.now)==null?void 0:t.call(e);return n==null?+new Date:n},l=(e,t)=>(t!=null||(t=0),t?(e*=10**t,e+=.5,e=Math.floor(e),e/=10**t):Math.round(e)),u=e=>e<0?Math.ceil(e):Math.floor(e),d=e=>{setTimeout(()=>{if(window.odometerOptions)for(let n in window.odometerOptions){var t;(t=e.options)[n]!=null||(t[n]=window.odometerOptions[n])}},0)},f=e=>{var t;if((t=document.documentElement)!=null&&t.doScroll&&document.createEventObject){let t=document.onreadystatechange;document.onreadystatechange=function(){document.readyState===`complete`&&e.options.auto!==!1&&e.init(),t&&(t==null||t.apply(this,arguments))}}else document.addEventListener(`DOMContentLoaded`,function(){e.options.auto!==!1&&e.init()},!1)};function p(e){"@babel/helpers - typeof";return p=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},p(e)}function m(e,t){if(p(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(p(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function h(e){var t=m(e,`string`);return p(t)==`symbol`?t:t+``}function g(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _,v=class d{constructor(e){var t,n;if(g(this,`options`,void 0),g(this,`el`,void 0),g(this,`value`,0),g(this,`inside`,void 0),g(this,`observer`,void 0),g(this,`watchMutations`,!1),g(this,`transitionEndBound`,!1),g(this,`format`,{repeating:``,precision:0}),g(this,`MAX_VALUES`,void 0),g(this,`digits`,[]),g(this,`ribbons`,{}),this.options=e,this.el=this.options.el,this.el.odometer)return this.el.odometer;for(let e in this.el.odometer=this,d.options){var r;let t=d.options[e];(r=this.options)[e]!=null||(r[e]=t)}(t=this.options).duration!=null||(t.duration=2e3),this.MAX_VALUES=this.options.duration/33.333333333333336/2|0,this.resetFormat(),this.value=this.cleanValue((n=this.options.value)==null?``:n),this.renderInside(),this.render();try{for(let e of[`innerHTML`,`innerText`,`textContent`])this.el[e]&&Object.defineProperty(this.el,e,{get:()=>{if(e===`innerHTML`)return this.inside.outerHTML;var t,n;return(t=(n=this.inside.innerText)==null?this.inside.textContent:n)==null?``:t},set:e=>this.update(e)})}catch(e){this.watchForMutations()}}renderInside(){this.inside=document.createElement(`div`),this.inside.className=`odometer-inside`,this.el.innerHTML=``,this.el.appendChild(this.inside)}watchForMutations(){if(r)try{this.observer!=null||(this.observer=new r(e=>{let t=this.el.innerText||``;this.renderInside(),this.render(this.value),this.update(t)})),this.watchMutations=!0,this.startWatchingMutations()}catch(e){}}startWatchingMutations(){if(this.watchMutations){var e;(e=this.observer)==null||e.observe(this.el,{childList:!0})}}stopWatchingMutations(){var e;(e=this.observer)==null||e.disconnect()}cleanValue(e){if(typeof e==`string`){var t;e=e.replace((t=this.format.radix)==null?`.`:t,`<radix>`),e=e.replace(/[.,]/g,``),e=e.replace(`<radix>`,`.`),e=parseFloat(e)||0}return l(e,this.format.precision)}bindTransitionEnd(){if(this.transitionEndBound)return;this.transitionEndBound=!0;let e=!1,t=`transitionend`.split(` `);for(let n of t)this.el.addEventListener(n,()=>e?!0:(e=!0,setTimeout(()=>{this.render(),e=!1,s(this.el,`odometerdone`)},0),!0),!1)}resetFormat(){var t;let n=(t=this.options.format)==null?`(,ddd).dd`:t;n=n||`d`;let r=e.exec(n);if(!r)throw Error(`TmOdometer: Unparsable digit format`);let[i,a,o,s]=r,c=(s==null?void 0:s.length)||0;this.format={repeating:a,radix:o,precision:c}}render(e){e!=null||(e=this.value),this.stopWatchingMutations(),this.resetFormat(),this.inside.innerHTML=``;let{theme:n}=this.options,r=this.el.className.split(` `),i=[];for(let e of r)if(e.length){let t=/^odometer-theme-(.+)$/.exec(e);if(t){n=t[1];continue}if(/^odometer(-|$)/.test(e))continue;i.push(e)}i.push(`odometer`),t||i.push(`odometer-no-transitions`),n?i.push(`odometer-theme-${n}`):i.push(`odometer-auto-theme`),this.el.className=i.join(` `),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(e.match(/0-9/)){let t=this.renderDigit();t.querySelector(`.odometer-value`).innerHTML=e,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){e=this.cleanValue(e);let t=e-this.value;return t?(a(this.el,`odometer-animating-up odometer-animating-down odometer-animating`),t>0?o(this.el,`odometer-animating-up`):o(this.el,`odometer-animating-down`),this.stopWatchingMutations(),this.animate(e),this.startWatchingMutations(),setTimeout(()=>{this.el.offsetHeight,o(this.el,`odometer-animating`)},0),this.value=e,this.value):this.value}renderDigit(){return i(`<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,n){let r=i(`<span class="odometer-formatting-mark"></span>`);return r.innerHTML=e,n&&o(r,n),this.insertDigit(r,t)}addDigit(e,t){if(t!=null||(t=!0),e===`-`)return this.addSpacer(e,null,`odometer-negation-mark`);if(e===`.`){var n;return this.addSpacer((n=this.format.radix)==null?`.`:n,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 r=this.renderDigit();return r.querySelector(`.odometer-value`).innerHTML=e,this.digits.push(r),this.insertDigit(r)}animate(e){!t||this.options.animation===`count`?this.animateCount(e):this.animateSlide(e)}animateCount(e){let t=e-this.value;if(!t)return;let r=c(),i=r,a=this.value,o=()=>{if(c()-r>(this.options.duration||0)){this.value=e,this.render(),s(this.el,`odometerdone`);return}let l=c()-i;if(l>50){i=c();let e=l/(this.options.duration||0),n=t*e;a+=n,this.render(Math.round(a))}n?n(o):setTimeout(o,50)};o()}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.innerHTML=``,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){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 i=[],a=this.getDigitCount(t,e),s=0,c=t;for(let n=0;n<a;n++){c=u(t/10**(a-n-1));let r=u(e/10**(a-n-1)),o=r-c,l;if(Math.abs(o)>this.MAX_VALUES){l=[];let e=o/(this.MAX_VALUES+this.MAX_VALUES*s*.5),t=c;for(;o>0&&t<r||o<0&&t>r;)l.push(Math.round(t)),t+=e;l[l.length-1]!==r&&l.push(r),s++}else l=this.createRange(c,r,!0);for(let e=0;e<l.length;e++)l[e]=Math.abs(l[e]%10);i.push(l)}this.resetDigits();let l=i.toReversed();for(let e=0;e<l.length;e++){let t=l[e];this.digits[e]||this.addDigit(` `,e>=n),this.ribbons[e]===void 0&&(this.ribbons[e]=this.digits[e].querySelector(`.odometer-ribbon-inner`)),this.ribbons[e].innerHTML=``,r<0&&(t=t.toReversed());for(let n=0;n<t.length;n++){let r=t[n],i=document.createElement(`div`);i.className=`odometer-value`,i.innerHTML=r.toString(),this.ribbons[e].appendChild(i),n===t.length-1&&o(i,`odometer-last-value`),n===0&&o(i,`odometer-first-value`)}}c<0&&this.addDigit(`-`);let d=this.inside.querySelector(`.odometer-radix-mark`);if(d&&d.parentNode.removeChild(d),n){var f;this.addSpacer((f=this.format.radix)==null?`.`:f,this.digits[n-1],`odometer-radix-mark`)}}static init(){if(!document.querySelectorAll)return[];let e=document.querySelectorAll(d.options.selector||`.odometer`);return Array.from(e,e=>{var t;return e.odometer=new d({el:e,value:(t=e.innerText)==null?e.textContent:t})})}};g(v,`options`,(_=window.odometerOptions)==null?{}:_),d(v),f(v);export{v as TmOdometer};
+const e=/^\(?([^)]*)\)?(?:(.)(d+))?$/;function t(e){"@babel/helpers - typeof";return t=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},t(e)}function n(e,n){if(t(e)!=`object`||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var i=r.call(e,n||`default`);if(t(i)!=`object`)return i;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(n===`string`?String:Number)(e)}function r(e){var r=n(e,`string`);return t(r)==`symbol`?r:r+``}function i(e,t,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?a(Object(n),!0).forEach(function(t){i(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function s(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 c(e,t){return e.className=e.className.replace(RegExp(`(^| )${t.split(` `).join(`|`)}( |$)`,`gi`),` `),e.className}function l(e,t){return c(e,t),e.className+=` ${t}`}function u(e,t){let n=new CustomEvent(t,{bubbles:!0,cancelable:!0});e.dispatchEvent(n)}function d(){var e,t;let n=(e=window.performance)==null||(t=e.now)==null?void 0:t.call(e);return n==null?+new Date:n}function f(e,t){return t!=null||(t=0),t?(e*=10**t,e+=.5,e=Math.floor(e),e/=10**t):Math.round(e)}function p(e){return e<0?Math.ceil(e):Math.floor(e)}function m(e){setTimeout(()=>{window.odometerOptions&&(e.options=o(o({},e.options),window.odometerOptions))},0)}function h(e){document.addEventListener(`DOMContentLoaded`,function(){e.options.auto!==!1&&e.init()},!1)}var g,_=class t{constructor(e){var n,r;if(i(this,`options`,void 0),i(this,`el`,void 0),i(this,`value`,0),i(this,`inside`,void 0),i(this,`observer`,void 0),i(this,`watchMutations`,!1),i(this,`transitionEndBound`,!1),i(this,`format`,{repeating:``,precision:0}),i(this,`MAX_VALUES`,void 0),i(this,`digits`,[]),i(this,`ribbons`,{}),this.options=e,this.el=this.options.el,this.el.odometer)return this.el.odometer;this.el.odometer=this,this.options=o(o({},t.options),this.options),this.options.value==null&&t.options.value!=null&&(this.options.value=t.options.value),(n=this.options).duration!=null||(n.duration=2e3),this.MAX_VALUES=this.options.duration/33.333333333333336/2|0,this.resetFormat(),this.value=this.cleanValue((r=this.options.value)==null?``:r),this.renderInside(),this.render();try{for(let e of[`innerHTML`,`innerText`,`textContent`])this.el[e]&&Object.defineProperty(this.el,e,{get:()=>{if(e===`innerHTML`)return this.inside.outerHTML;var t,n;return(t=(n=this.inside.innerText)==null?this.inside.textContent:n)==null?``:t},set:e=>this.update(e)})}catch(e){this.watchForMutations()}}renderInside(){this.inside=document.createElement(`div`),this.inside.className=`odometer-inside`,this.el.innerHTML=``,this.el.appendChild(this.inside)}watchForMutations(){try{this.observer!=null||(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(e){}}startWatchingMutations(){if(this.watchMutations){var e;(e=this.observer)==null||e.observe(this.el,{childList:!0})}}stopWatchingMutations(){var e;(e=this.observer)==null||e.disconnect()}cleanValue(e){if(typeof e==`string`){var t;e=e.replace((t=this.format.radix)==null?`.`:t,`<radix>`),e=e.replace(/[.,]/g,``),e=e.replace(`<radix>`,`.`),e=parseFloat(e)||0}return f(e,this.format.precision)}bindTransitionEnd(){if(this.transitionEndBound)return;this.transitionEndBound=!0;let e=!1;this.el.addEventListener(`transitionend`,()=>e?!0:(e=!0,setTimeout(()=>{this.render(),e=!1,u(this.el,`odometerdone`)},0),!0),!1)}resetFormat(){var t;let n=(t=this.options.format)==null?`(,ddd).dd`:t;n=n||`d`;let r=e.exec(n);if(!r)throw Error(`LightOdometer: Unparsable digit format`);let[i,a,o,s]=r,c=(s==null?void 0:s.length)||0;this.format={repeating:a,radix:o,precision:c}}render(e){e!=null||(e=this.value),this.stopWatchingMutations(),this.resetFormat(),this.inside.innerHTML=``;let t=this.el.className.split(` `),n=[];for(let e of t)if(e.length){if(/^odometer(-|$)/.test(e))continue;n.push(e)}n.push(`odometer`,`odometer-auto-theme`),this.el.className=n.join(` `),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(e.match(/0-9/)){let t=this.renderDigit();t.querySelector(`.odometer-value`).innerHTML=e,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){e=this.cleanValue(e);let t=e-this.value;return t?(c(this.el,`odometer-animating-up odometer-animating-down odometer-animating`),t>0?l(this.el,`odometer-animating-up`):l(this.el,`odometer-animating-down`),this.stopWatchingMutations(),this.animate(e),this.startWatchingMutations(),setTimeout(()=>{this.el.offsetHeight,l(this.el,`odometer-animating`)},0),this.value=e,this.value):this.value}renderDigit(){return s(`<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,n){let r=s(`<span class="odometer-formatting-mark"></span>`);return r.innerHTML=e,n&&l(r,n),this.insertDigit(r,t)}addDigit(e,t){if(t!=null||(t=!0),e===`-`)return this.addSpacer(e,null,`odometer-negation-mark`);if(e===`.`){var n;return this.addSpacer((n=this.format.radix)==null?`.`:n,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 r=this.renderDigit();return r.querySelector(`.odometer-value`).innerHTML=e,this.digits.push(r),this.insertDigit(r)}animate(e){this.options.animation===`count`?this.animateCount(e):this.animateSlide(e)}animateCount(e){let t=e-this.value;if(!t)return;let n=d(),r=n,i=this.value,a=()=>{if(d()-n>(this.options.duration||0)){this.value=e,this.render(),u(this.el,`odometerdone`);return}let o=d()-r;if(o>50){r=d();let e=o/(this.options.duration||0),n=t*e;i+=n,this.render(Math.round(i))}requestAnimationFrame(a)};a()}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.innerHTML=``,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){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 i=[],a=this.getDigitCount(t,e),o=0,s=t;for(let n=0;n<a;n++){s=p(t/10**(a-n-1));let r=p(e/10**(a-n-1)),c=r-s,l;if(Math.abs(c)>this.MAX_VALUES){l=[];let e=this.MAX_VALUES*(1+o*.5),t=c/e,n=s;for(;c>0&&n<r||c<0&&n>r;)l.push(Math.round(n)),n+=t;l[l.length-1]!==r&&l.push(r),o++}else l=this.createRange(s,r,!0);for(let e=0;e<l.length;e++)l[e]=Math.abs(l[e]%10);i.push(l)}this.resetDigits();let c=i.toReversed();for(let e=0;e<c.length;e++){let t=c[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].innerHTML=``,r<0&&(t=t.toReversed());for(let n=0;n<t.length;n++){let r=t[n],i=document.createElement(`div`);i.className=`odometer-value`,i.innerHTML=r.toString(),this.ribbons[e].appendChild(i),n===t.length-1&&l(i,`odometer-last-value`),n===0&&l(i,`odometer-first-value`)}}s<0&&this.addDigit(`-`);let u=this.inside.querySelector(`.odometer-radix-mark`);if(u&&u.parentNode.removeChild(u),n){var d;this.addSpacer((d=this.format.radix)==null?`.`:d,this.digits[n-1],`odometer-radix-mark`)}}static init(){let e=document.querySelectorAll(t.options.selector||`.odometer`);return Array.from(e,e=>{var n;return e.odometer=new t({el:e,value:(n=e.innerText)==null?e.textContent:n})})}};i(_,`options`,(g=window.odometerOptions)==null?{}:g),m(_),h(_);export{_ as LightOdometer};

package/package.json

@@ -21,6 +21,10 @@
     "typescript": "~5.9.2",
     "unplugin-unused": "~0.5.3"
   },
+  "exports": {
+    ".": "./dist/main.js",
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist"
   ],
@@ -44,6 +48,8 @@
   ],
   "homepage": "https://github.com/EDM115/light-odometer#readme",
   "license": "MIT",
+  "main": "./dist/main.js",
+  "module": "./dist/main.js",
   "name": "light-odometer",
   "publishConfig": {
     "access": "public"
@@ -53,19 +59,13 @@
     "url": "git+https://github.com/EDM115/light-odometer.git"
   },
   "type": "module",
-  "version": "0.0.1",
-  "main": "./dist/main.js",
-  "module": "./dist/main.js",
   "types": "./dist/main.d.ts",
-  "exports": {
-    ".": "./dist/main.js",
-    "./package.json": "./package.json"
-  },
+  "version": "0.0.2",
   "scripts": {
     "build": "tsdown",
+    "format": "eslint -c eslint.stylistic.config.ts --concurrency=auto --fix .",
     "lint": "oxlint --type-aware .",
     "lint:fix": "oxlint --fix --type-aware .",
-    "format": "eslint -c eslint.stylistic.config.ts --concurrency=auto --fix .",
     "release": "pnpm publish",
     "typecheck": "tsc --noEmit"
   }