@esportsplus/ui 0.3.4 → 0.3.6

package/build/components/counter/index.d.ts

@@ -1,5 +1,5 @@
 declare const _default: ({ currency, delay, max, value }: {
-    currency?: "EUR" | "GBP" | "USD";
+    currency?: "IGNORE" | "EUR" | "GBP" | "USD";
     delay?: number;
     max?: number;
     value: number;

package/build/components/counter/index.js

@@ -2,7 +2,7 @@ import { effect, reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
 let formatters = {};
 export default ({ currency, delay, max, value }) => {
-    let api = reactive({ value: -1 }), formatter = formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
+    let api = reactive({ value: -1 }), formatter = currency === 'IGNORE' ? undefined : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
         style: 'currency',
         currency: currency || 'USD'
     }), rendering = true, state = reactive({
@@ -13,7 +13,11 @@ export default ({ currency, delay, max, value }) => {
         if (api.value !== -1) {
             value = api.value;
         }
-        let padding = (max || value).toFixed(2).toString().length - value.toString().length, values = formatter.format(value.toString().padStart(value.toString().length + padding, '1')).split('');
+        let padding = (max || value).toFixed(2).toString().length - value.toString().length, values = value.toString().padStart(value.toString().length + padding, '1');
+        if (formatter) {
+            values = formatter.format(values);
+        }
+        values = values.split('');
         state.length = values.length;
         for (let i = 0, n = values.length; i < n; i++) {
             let value = values[i];

package/build/index.d.ts

@@ -2,6 +2,7 @@ import '@esportsplus/webpack/global.d.ts';
 export { default as accordion } from './components/accordion';
 export { default as aurora } from './components/aurora';
 export { default as clipboard } from './components/clipboard';
+export { default as counter } from './components/counter';
 export { default as ellipsis } from './components/ellipsis';
 export { default as form } from './components/form';
 export { default as json } from './components/json';

package/build/index.js

@@ -2,6 +2,7 @@ import '@esportsplus/webpack/global.d.ts';
 export { default as accordion } from './components/accordion';
 export { default as aurora } from './components/aurora';
 export { default as clipboard } from './components/clipboard';
+export { default as counter } from './components/counter';
 export { default as ellipsis } from './components/ellipsis';
 export { default as form } from './components/form';
 export { default as json } from './components/json';

package/package.json

@@ -21,5 +21,5 @@
     },
     "sideEffects": false,
     "types": "build/index.d.ts",
-    "version": "0.3.4"
+    "version": "0.3.6"
 }

package/src/components/counter/index.ts

@@ -5,9 +5,9 @@ import { html } from '@esportsplus/template';
 let formatters: Record<string, Intl.NumberFormat> = {};
 
 
-export default ({ currency, delay, max, value }: { currency?: 'EUR' | 'GBP' | 'USD', delay?: number, max?: number, value: number }) => {
+export default ({ currency, delay, max, value }: { currency?: 'IGNORE' | 'EUR' | 'GBP' | 'USD', delay?: number, max?: number, value: number }) => {
     let api = reactive({ value: -1 }),
-        formatter = formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
+        formatter = currency === 'IGNORE' ? undefined : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
         }),
@@ -23,9 +23,13 @@ export default ({ currency, delay, max, value }: { currency?: 'EUR' | 'GBP' | 'U
         }
 
         let padding = (max || value).toFixed(2).toString().length - value.toString().length,
-            values = formatter.format(
-                value.toString().padStart( value.toString().length + padding, '1') as any
-            ).split('');
+            values = value.toString().padStart( value.toString().length + padding, '1') as any;
+
+        if (formatter) {
+            values = formatter.format(values);
+        }
+
+        values = values.split('');
 
         state.length = values.length;
 

package/src/index.ts

@@ -3,6 +3,7 @@ import '@esportsplus/webpack/global.d.ts';
 export { default as accordion }from './components/accordion';
 export { default as aurora }from './components/aurora';
 export { default as clipboard }from './components/clipboard';
+export { default as counter }from './components/counter';
 export { default as ellipsis }from './components/ellipsis';
 export { default as form }from './components/form';
 export { default as json }from './components/json';