@alfresco/adf-core 8.4.0-19535580979 → 8.4.0-19535715289

package/fesm2022/adf-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, provideAppInitializer, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, QueryList, Self, signal, computed, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ChangeDetectorRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
+import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, effect, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, provideAppInitializer, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, QueryList, Self, signal, computed, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ChangeDetectorRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, NgIf, NgClass, NgForOf, AsyncPipe, NgTemplateOutlet, NgStyle, DecimalPipe, DatePipe, CurrencyPipe, NgFor } from '@angular/common';
 import * as i2 from '@angular/material/table';
@@ -9,7 +9,7 @@ import { TranslatePipe, provideTranslateService, TranslateLoader } from '@ngx-tr
 import * as i1$8 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HttpResponse, provideHttpClient, HTTP_INTERCEPTORS, withInterceptorsFromDi, withXsrfConfiguration } from '@angular/common/http';
 import { ReplaySubject, BehaviorSubject, of, Subject, switchMap as switchMap$1, from, fromEvent, Observable, throwError, firstValueFrom, combineLatest, defer, EMPTY, race, forkJoin, merge, isObservable, filter as filter$1 } from 'rxjs';
-import { map, distinctUntilChanged, take, switchMap, delay, catchError, skipWhile, filter, first, timeout, shareReplay, mergeMap, tap, retry, takeUntil, debounceTime, share, pairwise, buffer } from 'rxjs/operators';
+import { map, distinctUntilChanged, take, switchMap, delay, catchError, skipWhile, filter, first, timeout, shareReplay, mergeMap, tap, retry, debounceTime, share, pairwise, takeUntil, buffer } from 'rxjs/operators';
 import * as i1$4 from '@alfresco/adf-extensions';
 import { ExtensionService, mergeObjects, ExtensionsModule, PreviewExtensionComponent } from '@alfresco/adf-extensions';
 import * as i9 from '@angular/material/card';
@@ -19,6 +19,7 @@ import { MatExpansionModule } from '@angular/material/expansion';
 import * as i1$2 from '@angular/material/core';
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatLineModule, MatNativeDateModule, MatOptionModule, MatRippleModule } from '@angular/material/core';
 import { Directionality } from '@angular/cdk/bidi';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { parseISO, format, parse, isValid, isBefore, isAfter, addHours, addMinutes, differenceInDays, formatDistance, fromUnixTime } from 'date-fns';
 import { enUS, zhCN, sv, ru, ptBR, pl, nl, nb, ja, it, fr, fi, es, de, da, cs, ar } from 'date-fns/locale';
 import { DateFnsAdapter } from '@angular/material-date-fns-adapter';
@@ -54,7 +55,6 @@ import * as pdfjsLib$1 from 'pdfjs-dist/build/pdf.min.mjs';
 import { PDFViewer, EventBus } from 'pdfjs-dist/web/pdf_viewer.mjs';
 import * as i7 from '@angular/material/menu';
 import { MatMenuModule, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$9 from '@angular/router';
 import { RouterModule, Router, provideRouter } from '@angular/router';
 import * as i2$6 from '@angular/material/checkbox';
@@ -1102,6 +1102,14 @@ class UserPreferencesService {
         this.userPreferenceStatus = this.defaults;
         this.onChangeSubject = new BehaviorSubject(this.userPreferenceStatus);
         this.onChange = this.onChangeSubject.asObservable();
+        // Initialize convenience observables
+        this.locale$ = this.select(UserPreferenceValues.Locale);
+        this.paginationSize$ = this.select(UserPreferenceValues.PaginationSize);
+        this.supportedPageSizes$ = this.select(UserPreferenceValues.SupportedPageSizes).pipe(map((value) => (value ? JSON.parse(value) : this.defaults.supportedPageSizes)));
+        // Initialize convenience signals (automatically handle cleanup)
+        this.localeSignal = toSignal(this.locale$, { initialValue: this.defaults.locale });
+        this.paginationSizeSignal = toSignal(this.paginationSize$, { initialValue: this.defaults.paginationSize });
+        this.supportedPageSizesSignal = toSignal(this.supportedPageSizes$, { initialValue: this.defaults.supportedPageSizes });
         this.appConfig.onLoad.subscribe(() => {
             this.initUserPreferenceStatus();
         });
@@ -1310,7 +1318,10 @@ class MomentDateAdapter extends DateAdapter {
     constructor(preferences) {
         super();
         this.localeData = moment.localeData();
-        preferences.select(UserPreferenceValues.Locale).subscribe((locale) => {
+        // Use effect to reactively update locale when signal changes
+        // Note: This adapter is a singleton service, so no cleanup needed
+        effect(() => {
+            const locale = preferences.localeSignal();
             this.setLocale(locale);
         });
     }
@@ -1812,11 +1823,24 @@ class AdfDateFnsAdapter extends DateFnsAdapter {
         this._displayFormat = value ? DateFnsUtils.convertMomentToDateFnsFormat(value) : null;
     }
     constructor(matDateLocale, formats, preferences) {
-        super(matDateLocale);
+        // Ensure we have a valid locale for the base class
+        // If matDateLocale is not provided, use enUS as default
+        super(matDateLocale || enUS);
         this.formats = formats;
         this._displayFormat = null;
-        preferences.select(UserPreferenceValues.Locale).subscribe((locale) => {
-            this.setLocale(DateFnsUtils.getLocaleFromString(locale));
+        // Initialize locale synchronously from signal's initial value
+        // This ensures locale is set before any format() calls
+        const initialLocale = preferences.localeSignal();
+        if (initialLocale) {
+            this.setLocale(DateFnsUtils.getLocaleFromString(initialLocale));
+        }
+        // Use effect to reactively update locale when signal changes
+        // Note: This adapter is a singleton service, so no cleanup needed
+        effect(() => {
+            const locale = preferences.localeSignal();
+            if (locale) {
+                this.setLocale(DateFnsUtils.getLocaleFromString(locale));
+            }
         });
     }
     parse(value, parseFormat) {
@@ -3115,7 +3139,10 @@ class TranslationService {
                 this.addTranslationFolder(provider.name, provider.source);
             }
         }
-        userPreferencesService.select(UserPreferenceValues.Locale).subscribe((locale) => {
+        // Use effect to reactively update translations when locale signal changes
+        // Note: This is a singleton service, so no cleanup needed
+        effect(() => {
+            const locale = userPreferencesService.localeSignal();
             if (locale) {
                 this.userLang = locale;
                 this.use(this.userLang);
@@ -12156,20 +12183,9 @@ class DecimalNumberPipe {
     constructor(userPreferenceService, appConfig) {
         this.userPreferenceService = userPreferenceService;
         this.appConfig = appConfig;
-        this.defaultLocale = DecimalNumberPipe.DEFAULT_LOCALE;
         this.defaultMinIntegerDigits = DecimalNumberPipe.DEFAULT_MIN_INTEGER_DIGITS;
         this.defaultMinFractionDigits = DecimalNumberPipe.DEFAULT_MIN_FRACTION_DIGITS;
         this.defaultMaxFractionDigits = DecimalNumberPipe.DEFAULT_MAX_FRACTION_DIGITS;
-        if (this.userPreferenceService) {
-            this.userPreferenceService
-                .select(UserPreferenceValues.Locale)
-                .pipe(takeUntilDestroyed())
-                .subscribe((locale) => {
-                if (locale) {
-                    this.defaultLocale = locale;
-                }
-            });
-        }
         if (this.appConfig) {
             this.defaultMinIntegerDigits = this.appConfig.get('decimalValues.minIntegerDigits', DecimalNumberPipe.DEFAULT_MIN_INTEGER_DIGITS);
             this.defaultMinFractionDigits = this.appConfig.get('decimalValues.minFractionDigits', DecimalNumberPipe.DEFAULT_MIN_FRACTION_DIGITS);
@@ -12181,7 +12197,9 @@ class DecimalNumberPipe {
         const actualMinFractionDigits = digitsInfo?.minFractionDigits ? digitsInfo.minFractionDigits : this.defaultMinFractionDigits;
         const actualMaxFractionDigits = digitsInfo?.maxFractionDigits ? digitsInfo.maxFractionDigits : this.defaultMaxFractionDigits;
         const actualDigitsInfo = `${actualMinIntegerDigits}.${actualMinFractionDigits}-${actualMaxFractionDigits}`;
-        const actualLocale = locale || this.defaultLocale;
+        // Use signal directly - no subscription needed!
+        const defaultLocale = this.userPreferenceService?.localeSignal() || DecimalNumberPipe.DEFAULT_LOCALE;
+        const actualLocale = locale || defaultLocale;
         const decimalPipe = new DecimalPipe(actualLocale);
         if (value instanceof Array) {
             return value.map((val) => decimalPipe.transform(val, actualDigitsInfo));
@@ -12385,33 +12403,19 @@ class LocalizedDatePipe {
     constructor(userPreferenceService, appConfig) {
         this.userPreferenceService = userPreferenceService;
         this.appConfig = appConfig;
-        this.defaultLocale = LocalizedDatePipe.DEFAULT_LOCALE;
         this.defaultFormat = LocalizedDatePipe.DEFAULT_DATE_FORMAT;
-        this.onDestroy$ = new Subject();
-        if (this.userPreferenceService) {
-            this.userPreferenceService
-                .select(UserPreferenceValues.Locale)
-                .pipe(takeUntil(this.onDestroy$))
-                .subscribe((locale) => {
-                if (locale) {
-                    this.defaultLocale = locale;
-                }
-            });
-        }
         if (this.appConfig) {
             this.defaultFormat = this.appConfig.get('dateValues.defaultDateFormat', LocalizedDatePipe.DEFAULT_DATE_FORMAT);
         }
     }
     transform(value, format, locale, timezone) {
         const actualFormat = format || this.defaultFormat;
-        const actualLocale = locale || this.defaultLocale;
+        // Use signal directly - no subscription needed!
+        const defaultLocale = this.userPreferenceService?.localeSignal() || LocalizedDatePipe.DEFAULT_LOCALE;
+        const actualLocale = locale || defaultLocale;
         const datePipe = timezone ? new DatePipe(actualLocale, timezone) : new DatePipe(actualLocale);
         return datePipe.transform(value, actualFormat);
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LocalizedDatePipe, deps: [{ token: UserPreferencesService }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: LocalizedDatePipe, isStandalone: true, name: "adfLocalizedDate", pure: false }); }
 }
@@ -12514,17 +12518,13 @@ class TimeAgoPipe {
     constructor(userPreferenceService, appConfig) {
         this.userPreferenceService = userPreferenceService;
         this.appConfig = appConfig;
-        this.userPreferenceService
-            .select(UserPreferenceValues.Locale)
-            .pipe(takeUntilDestroyed())
-            .subscribe((locale) => {
-            this.defaultLocale = locale || TimeAgoPipe.DEFAULT_LOCALE;
-        });
         this.defaultDateTimeFormat = this.appConfig.get('dateValues.defaultDateTimeFormat', TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT);
     }
     transform(value, locale) {
         if (value !== null && value !== undefined) {
-            const actualLocale = locale || this.defaultLocale;
+            // Use signal directly - no subscription needed!
+            const defaultLocale = this.userPreferenceService.localeSignal() || TimeAgoPipe.DEFAULT_LOCALE;
+            const actualLocale = locale || defaultLocale;
             const diff = differenceInDays(new Date(), new Date(value));
             if (diff > 7) {
                 const datePipe = new DatePipe(actualLocale);
@@ -15993,7 +15993,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  */
 class DateCellComponent extends DataTableCellComponent {
     constructor() {
-        super(...arguments);
+        super();
         this.config = {};
         this.appConfig = inject(AppConfigService);
         this.localizedDatePipe = inject(LocalizedDatePipe);
@@ -16005,19 +16005,15 @@ class DateCellComponent extends DataTableCellComponent {
             tooltipFormat: 'medium',
             locale: undefined
         };
-    }
-    ngOnInit() {
-        // Subscribe to locale changes
-        this.userPreferencesService
-            .select(UserPreferenceValues.Locale)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe((locale) => {
-            this.userLocale = locale || 'en';
+        // Use effect to react to locale signal changes (must be in injection context)
+        effect(() => {
+            this.userLocale = this.userPreferencesService.localeSignal() || 'en';
             this.setConfig();
             this.updateValue(); // Recalculate computedTitle with new locale
             this.cdr.markForCheck();
         });
-        this.setConfig();
+    }
+    ngOnInit() {
         super.ngOnInit();
     }
     computeTitle(value) {
@@ -16069,13 +16065,13 @@ class DateCellComponent extends DataTableCellComponent {
     getAppConfigPropertyValue(key, defaultValue) {
         return this.appConfig.get(key, defaultValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DateCellComponent, isStandalone: true, selector: "adf-date-cell", inputs: { dateConfig: "dateConfig" }, host: { classAttribute: "adf-datatable-content-cell" }, providers: [LocalizedDatePipe], usesInheritance: true, ngImport: i0, template: "@let date = value$ | async;\n\n@if (date) {\n    <span [title]=\"title()\" class=\"adf-datatable-cell-value\">\n        @if (config.format === 'timeAgo') {\n            @if (config.locale) {\n                {{ date | adfTimeAgo: config.locale }}\n            } @else {\n                {{ date | adfTimeAgo }}\n            }\n        } @else {\n            @if (config.locale) {\n                {{ date | adfLocalizedDate: config.format: config.locale }}\n            } @else {\n                {{ date | adfLocalizedDate: config.format }}\n            }\n        }\n    </span>\n}\n", dependencies: [{ kind: "pipe", type: LocalizedDatePipe, name: "adfLocalizedDate" }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateCellComponent, decorators: [{
             type: Component,
             args: [{ imports: [LocalizedDatePipe, TimeAgoPipe, AsyncPipe], selector: 'adf-date-cell', encapsulation: ViewEncapsulation.None, host: { class: 'adf-datatable-content-cell' }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [LocalizedDatePipe], template: "@let date = value$ | async;\n\n@if (date) {\n    <span [title]=\"title()\" class=\"adf-datatable-cell-value\">\n        @if (config.format === 'timeAgo') {\n            @if (config.locale) {\n                {{ date | adfTimeAgo: config.locale }}\n            } @else {\n                {{ date | adfTimeAgo }}\n            }\n        } @else {\n            @if (config.locale) {\n                {{ date | adfLocalizedDate: config.format: config.locale }}\n            } @else {\n                {{ date | adfLocalizedDate: config.format }}\n            }\n        }\n    </span>\n}\n" }]
-        }], propDecorators: { dateConfig: [{
+        }], ctorParameters: () => [], propDecorators: { dateConfig: [{
                 type: Input
             }] } });
 
@@ -18248,15 +18244,12 @@ class CardViewDateItemComponent extends BaseCardView {
         this.displayEmpty = true;
         this.displayClearAction = true;
         this.cardViewDateTimeControl = new FormControl(null);
-        this.destroyRef = inject(DestroyRef);
+        // Use effect to react to locale signal changes (must be in injection context)
+        effect(() => {
+            this.property.locale = this.userPreferencesService.localeSignal();
+        });
     }
     ngOnInit() {
-        this.userPreferencesService
-            .select(UserPreferenceValues.Locale)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe((locale) => {
-            this.property.locale = locale;
-        });
         this.dateAdapter.displayFormat = 'MMM DD';
         if (this.property.multivalued) {
             this.initMultivaluedProperty();