@onecx/angular-accelerator 4.13.0 → 4.13.2

package/fesm2020/onecx-angular-accelerator.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, Optional, Input, HostListener, EventEmitter, Component, Output, LOCALE_ID, Inject, ContentChild, Pipe, ViewChild, Injectable, Injector, ViewEncapsulation, NgModule, inject, importProvidersFrom, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Directive, Optional, Input, HostListener, EventEmitter, Component, Output, LOCALE_ID, Inject, ContentChild, Pipe, ViewChild, Injectable, Injector, ViewEncapsulation, NgModule, inject, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i2 from '@onecx/angular-integration-interface';
 import { UserService, AppStateService } from '@onecx/angular-integration-interface';
 import * as i1 from '@angular/common/http';
@@ -14,7 +14,7 @@ import { PrimeIcons } from 'primeng/api';
 import * as i3$1 from '@angular/forms';
 import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$1 from '@ngx-translate/core';
-import { TranslateModule, TranslateLoader, MissingTranslationHandler } from '@ngx-translate/core';
+import { TranslatePipe, TranslateModule, TranslateLoader, MissingTranslationHandler } from '@ngx-translate/core';
 import * as i6 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import * as i4 from 'primeng/dialog';
@@ -33,15 +33,12 @@ import * as i6$2 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import * as i7$1 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
-import { TimeagoPipe, TimeagoIntl, TimeagoModule, TimeagoFormatter, TimeagoCustomFormatter, TimeagoClock, TimeagoDefaultClock } from 'ngx-timeago';
 import * as d3 from 'd3-scale-chromatic';
 import * as i5$1 from 'primeng/chart';
 import { ChartModule } from 'primeng/chart';
 import * as i5$2 from 'primeng/breadcrumb';
 import { BreadcrumbModule } from 'primeng/breadcrumb';
 import { SyncableTopic } from '@onecx/accelerator';
-import { strings } from 'ngx-timeago/language-strings/en';
-import { strings as strings$1 } from 'ngx-timeago/language-strings/de';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 
 class IfPermissionDirective {
@@ -954,16 +951,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 // eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class OcxTimeAgoPipe extends TimeagoPipe {
+class OcxTimeAgoPipe extends TranslatePipe {
+    constructor(changeDetectorRef, ngZone, translateService) {
+        super(translateService, changeDetectorRef);
+        this.changeDetectorRef = changeDetectorRef;
+        this.ngZone = ngZone;
+        this.translateService = translateService;
+    }
+    transform(value) {
+        this.removeTimer();
+        const d = new Date(value);
+        const now = new Date();
+        const seconds = Math.round(Math.abs((now.getTime() - d.getTime()) / 1000));
+        const timeToUpdate = Number.isNaN(seconds) ? 1000 : this.getSecondsUntilUpdate(seconds) * 1000;
+        this.timer = this.ngZone.runOutsideAngular(() => {
+            if (typeof window !== 'undefined') {
+                return window.setTimeout(() => {
+                    this.ngZone.run(() => this.changeDetectorRef.markForCheck());
+                }, timeToUpdate);
+            }
+            return null;
+        });
+        const minutes = Math.round(Math.abs(seconds / 60));
+        const hours = Math.round(Math.abs(minutes / 60));
+        const days = Math.round(Math.abs(hours / 24));
+        const months = Math.round(Math.abs(days / 30.416));
+        const years = Math.round(Math.abs(days / 365));
+        let translationKey = 'UNKNOWN';
+        if (Number.isNaN(seconds)) {
+            translationKey = 'NAN';
+        }
+        else if (seconds <= 45) {
+            translationKey = 'A_FEW_SECONDS_AGO';
+        }
+        else if (seconds <= 90) {
+            translationKey = 'A_MINUTE_AGO';
+        }
+        else if (minutes <= 45) {
+            translationKey = 'MINUTES_AGO';
+        }
+        else if (minutes <= 90) {
+            translationKey = 'AN_HOUR_AGO';
+        }
+        else if (hours <= 22) {
+            translationKey = 'HOURS_AGO';
+        }
+        else if (hours <= 36) {
+            translationKey = 'A_DAY_AGO';
+        }
+        else if (days <= 25) {
+            translationKey = 'DAYS_AGO';
+        }
+        else if (days <= 45) {
+            translationKey = 'A_MONTH_AGO';
+        }
+        else if (days <= 345) {
+            translationKey = 'MONTHS_AGO';
+        }
+        else if (days <= 545) {
+            translationKey = 'A_YEAR_AGO';
+        }
+        else {
+            translationKey = 'YEARS_AGO';
+        }
+        return super.transform('OCX_TIMEAGO.' + translationKey, { minutes, hours, days, months, years });
+    }
+    ngOnDestroy() {
+        this.removeTimer();
+        super.ngOnDestroy();
+    }
+    removeTimer() {
+        if (this.timer) {
+            window.clearTimeout(this.timer);
+            this.timer = null;
+        }
+    }
+    getSecondsUntilUpdate(seconds) {
+        const min = 60;
+        const hr = min * 60;
+        const day = hr * 24;
+        if (seconds < min) {
+            return 2;
+        }
+        else if (seconds < hr) {
+            return 30;
+        }
+        else if (seconds < day) {
+            return 300;
+        }
+        else {
+            return 3600;
+        }
+    }
 }
-OcxTimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OcxTimeAgoPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe });
+OcxTimeAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OcxTimeAgoPipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
 OcxTimeAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: OcxTimeAgoPipe, name: "timeago" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OcxTimeAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timeago',
                 }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$1.TranslateService }]; } });
 
 class DataTableComponent extends DataSortBase {
     get rows() {
@@ -2805,36 +2893,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
-class OcxTimeagoIntl extends TimeagoIntl {
-    constructor(userService) {
-        super();
-        this.userService = userService;
-        this.LANG_TO_STRINGS = {
-            en: strings,
-            de: strings$1,
-        };
-        this.DEFAULT_LANG = 'en';
-        this.strings = strings;
-        userService.lang$
-            .pipe(map((lang) => {
-            return this.getBestMatchLanguage(lang);
-        }))
-            .subscribe((lang) => {
-            this.strings = this.LANG_TO_STRINGS[lang];
-            this.changes.next();
-        });
-    }
-    getBestMatchLanguage(lang) {
-        if (Object.keys(this.LANG_TO_STRINGS).includes(lang)) {
-            return lang;
-        }
-        else {
-            console.log(`${lang} is not supported. Using ${this.DEFAULT_LANG} as a fallback.`);
-        }
-        return this.DEFAULT_LANG;
-    }
-}
-
 class AsyncTranslateLoader {
     constructor(translateLoader$) {
         this.translateLoader$ = translateLoader$;
@@ -2964,25 +3022,6 @@ AngularAcceleratorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
             },
             deps: [UserService],
         },
-        {
-            provide: TimeagoIntl,
-            useFactory: (userService) => {
-                return new OcxTimeagoIntl(userService);
-            },
-            deps: [UserService],
-        },
-        importProvidersFrom(TimeagoModule),
-        {
-            provide: TimeagoFormatter,
-            useFactory: (TimeagoIntl) => {
-                return new TimeagoCustomFormatter(TimeagoIntl);
-            },
-            deps: [TimeagoIntl],
-        },
-        {
-            provide: TimeagoClock,
-            useClass: TimeagoDefaultClock,
-        },
     ], imports: [CommonModule,
         AngularAcceleratorPrimeNgModule,
         TranslateModule.forRoot({
@@ -3050,25 +3089,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             },
                             deps: [UserService],
                         },
-                        {
-                            provide: TimeagoIntl,
-                            useFactory: (userService) => {
-                                return new OcxTimeagoIntl(userService);
-                            },
-                            deps: [UserService],
-                        },
-                        importProvidersFrom(TimeagoModule),
-                        {
-                            provide: TimeagoFormatter,
-                            useFactory: (TimeagoIntl) => {
-                                return new TimeagoCustomFormatter(TimeagoIntl);
-                            },
-                            deps: [TimeagoIntl],
-                        },
-                        {
-                            provide: TimeagoClock,
-                            useClass: TimeagoDefaultClock,
-                        },
                     ],
                     exports: [
                         ColumnGroupSelectionComponent,