@acorex/core 19.14.1 → 19.14.2

package/date-time/lib/formatters/time-duration.formatter.d.ts

@@ -1,4 +1,5 @@
 import { AXFormatOptions, AXFormatter } from '@acorex/core/format';
+import { AXTranslationService } from '@acorex/core/translation';
 import * as i0 from "@angular/core";
 export interface AXTimeDurationFormatterOptions extends AXFormatOptions {
     format: string;
@@ -12,7 +13,8 @@ type AXTimeDurationUnit = 'YEAR' | 'MONTH' | 'WEEK' | 'DAY' | 'HOUR' | 'MINUTE'
 export declare class AXTimeDurationFormatter implements AXFormatter {
     get name(): string;
     format(value: number, options?: AXTimeDurationFormatterOptions): string;
-    millisecondsToMask(milliseconds: number, start?: AXTimeDurationUnit, end?: string): string;
+    translationService: AXTranslationService;
+    millisecondsToMask(ms: number, startUnit?: AXTimeDurationUnit, endUnit?: AXTimeDurationUnit): Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeDurationFormatter, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXTimeDurationFormatter>;
 }

package/fesm2022/acorex-core-components.mjs

@@ -20,10 +20,10 @@ class AXComponentService {
     async createFromTemplate(content) {
         return this.getRootViewContainerRef().createEmbeddedView(content);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXComponentService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXComponentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXComponentService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/acorex-core-config.mjs

@@ -23,10 +23,10 @@ class AXConfigService {
         const v2 = this.injector.get(providerToken);
         return get(v2, parts[parts.length - 1], defaultValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXConfigService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXConfigService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXConfigService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.Injector }] });

package/fesm2022/acorex-core-date-time.mjs

@@ -8,7 +8,7 @@ import { BehaviorSubject, Subject } from 'rxjs';
 import { AX_GLOBAL_CONFIG } from '@acorex/core/config';
 import { defaults, orderBy, set, isNil } from 'lodash-es';
 import { isBrowser } from '@acorex/core/platform';
-import { translateSync } from '@acorex/core/translation';
+import { translateSync, AXTranslationService } from '@acorex/core/translation';
 
 class AXCalendar {
     /**
@@ -1192,10 +1192,10 @@ class AXCalendarService {
             calendar: calendar.name(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXCalendarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXCalendarService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXCalendarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXCalendarService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXCalendarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXCalendarService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -1219,10 +1219,10 @@ class AXDateTimePipe {
         const val = this._calendarService.convert(value, calendar.name());
         return this.formatService.format(val, 'datetime', format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimePipe, isStandalone: true, name: "axDate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimePipe, isStandalone: true, name: "axDate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'axDate' }]
         }] });
@@ -1267,10 +1267,10 @@ class AXDateFormatter {
             .convert(value, effectiveOptions.calendar)
             .format(format, { locale: effectiveOptions.locale });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateFormatter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateFormatter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateFormatter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateFormatter, decorators: [{
             type: Injectable
         }] });
 
@@ -1324,14 +1324,17 @@ class AXDateTimeFormatter {
             .convert(value, effectiveOptions.calendar)
             .format(format, { locale: effectiveOptions.locale });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimeFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimeFormatter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimeFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimeFormatter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimeFormatter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimeFormatter, decorators: [{
             type: Injectable
         }] });
 
 class AXTimeDurationFormatter {
+    constructor() {
+        this.translationService = inject(AXTranslationService);
+    }
     get name() {
         return 'time-duration';
     }
@@ -1374,37 +1377,62 @@ class AXTimeDurationFormatter {
         // Join the parts according to the format
         return formattedTime.join(format.includes('ms') || format.includes('MS') ? ':' : ':');
     }
-    millisecondsToMask(milliseconds, start = 'YEAR', end = 'MILLISECOND') {
-        if (milliseconds <= 0)
+    async millisecondsToMask(ms, startUnit = 'YEAR', endUnit = 'MILLISECOND') {
+        if (ms <= 0)
             return '';
-        const allUnits = [
-            { name: 'YEAR', value: 31536000000 },
-            { name: 'MONTH', value: 2592000000 },
-            { name: 'WEEK', value: 604800000 },
-            { name: 'DAY', value: 86400000 },
-            { name: 'HOUR', value: 3600000 },
-            { name: 'MINUTE', value: 60000 },
-            { name: 'SECOND', value: 1000 },
-            { name: 'MILLISECOND', value: 1 },
+        const translations = await Promise.all([
+            this.translationService.translateAsync('dateTime.year'),
+            this.translationService.translateAsync('dateTime.month'),
+            this.translationService.translateAsync('dateTime.week'),
+            this.translationService.translateAsync('dateTime.day'),
+            this.translationService.translateAsync('dateTime.hour'),
+            this.translationService.translateAsync('dateTime.minute'),
+            this.translationService.translateAsync('dateTime.second'),
+            this.translationService.translateAsync('dateTime.millisecond'),
+        ]);
+        const units = [
+            { key: 'YEAR', label: translations[0].toLocaleUpperCase(), value: 1000 * 60 * 60 * 24 * 365 },
+            { key: 'MONTH', label: translations[1].toLocaleUpperCase(), value: 1000 * 60 * 60 * 24 * 30 },
+            { key: 'WEEK', label: translations[2].toLocaleUpperCase(), value: 1000 * 60 * 60 * 24 * 7 },
+            { key: 'DAY', label: translations[3].toLocaleUpperCase(), value: 1000 * 60 * 60 * 24 },
+            { key: 'HOUR', label: translations[4].toLocaleUpperCase(), value: 1000 * 60 * 60 },
+            { key: 'MINUTE', label: translations[5].toLocaleUpperCase(), value: 1000 * 60 },
+            { key: 'SECOND', label: translations[6].toLocaleUpperCase(), value: 1000 },
+            { key: 'MILLISECOND', label: translations[7].toLocaleUpperCase(), value: 1 },
         ];
-        const startIndex = allUnits.findIndex((unit) => unit.name === start);
-        const endIndex = allUnits.findIndex((unit) => unit.name === end);
-        const units = allUnits.slice(startIndex, endIndex + 1);
-        let remaining = milliseconds;
-        const parts = [];
-        for (const unit of units) {
-            if (remaining >= unit.value) {
-                const value = Math.floor(remaining / unit.value);
-                remaining = remaining % unit.value;
-                parts.push(`${value.toString().padStart(2, '0')}(${unit.name})`);
-            }
+        const startIndex = units.findIndex((u) => u.key === startUnit.toUpperCase());
+        const endIndex = units.findIndex((u) => u.key === endUnit.toUpperCase());
+        if (startIndex === -1 || endIndex === -1 || startIndex > endIndex) {
+            throw new Error('Invalid time unit range');
         }
-        return parts.join(':');
+        const limitedUnits = units.slice(startIndex, endIndex + 1);
+        const result = limitedUnits.map((unit) => {
+            const count = Math.floor(ms / unit.value);
+            ms %= unit.value;
+            // Special handling for milliseconds (3 digits)
+            if (unit.key === 'MILLISECOND') {
+                if (count < 10) {
+                    return `00${count} (${unit.label})`;
+                }
+                else if (count < 100) {
+                    return `0${count} (${unit.label})`;
+                }
+                else {
+                    return `${count} (${unit.label})`;
+                }
+            }
+            else {
+                // For other units, pad with one zero if less than 10
+                const paddedCount = count < 10 ? `0${count}` : `${count}`;
+                return `${paddedCount} (${unit.label})`;
+            }
+        });
+        return result.join(' : ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeDurationFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeDurationFormatter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeDurationFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeDurationFormatter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeDurationFormatter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeDurationFormatter, decorators: [{
             type: Injectable
         }] });
 
@@ -1448,10 +1476,10 @@ class AXTimeFormatter {
             .convert(value, effectiveOptions.calendar)
             .format(format, { locale: effectiveOptions.locale });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeFormatter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeFormatter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeFormatter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeFormatter, decorators: [{
             type: Injectable
         }] });
 
@@ -1535,21 +1563,21 @@ class AXTimeLeftFormatter {
                 return 'Invalid format';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeLeftFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeLeftFormatter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeLeftFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeLeftFormatter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXTimeLeftFormatter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXTimeLeftFormatter, decorators: [{
             type: Injectable
         }] });
 
 class AXDateTimeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimeModule, imports: [i1.AXFormatModule, AXDateTimePipe], exports: [AXDateTimePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimeModule, imports: [AXFormatModule.forChild({
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimeModule, imports: [i1.AXFormatModule, AXDateTimePipe], exports: [AXDateTimePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimeModule, imports: [AXFormatModule.forChild({
                 formatters: [AXDateTimeFormatter, AXDateFormatter, AXTimeFormatter, AXTimeLeftFormatter, AXTimeDurationFormatter],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDateTimeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDateTimeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [