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

package/bundles/assets/adf-core/i18n/es.json

@@ -78,7 +78,7 @@
     "FORM_RENDERER": {
       "NAMELESS_TASK": "Tarea sin nombre",
       "ROW_LABEL": "Fila {{ number }}",
-      "DELETE_ROW": "Delete row",
+      "DELETE_ROW": "Eliminar fila",
       "REMOVE_ROW_DIALOG": {
         "TITLE": "Eliminar la fila",
         "MESSAGE": "¿Está seguro de que desea eliminar esta fila?",

package/bundles/assets/adf-core/i18n/fr.json

@@ -78,7 +78,7 @@
     "FORM_RENDERER": {
       "NAMELESS_TASK": "Tâche sans nom",
       "ROW_LABEL": "Ligne {{ number }}",
-      "DELETE_ROW": "Delete row",
+      "DELETE_ROW": "Supprimer la ligne",
       "REMOVE_ROW_DIALOG": {
         "TITLE": "Supprimer la ligne",
         "MESSAGE": "Voulez-vous vraiment supprimer cette ligne ?",

package/bundles/assets/adf-core/i18n/it.json

@@ -78,7 +78,7 @@
     "FORM_RENDERER": {
       "NAMELESS_TASK": "Compito senza nome",
       "ROW_LABEL": "Riga {{ number }}",
-      "DELETE_ROW": "Delete row",
+      "DELETE_ROW": "Elimina riga",
       "REMOVE_ROW_DIALOG": {
         "TITLE": "Elimina la riga",
         "MESSAGE": "Sei sicuro di voler eliminare questa riga?",

package/bundles/assets/adf-core/i18n/pt.json

@@ -78,7 +78,7 @@
     "FORM_RENDERER": {
       "NAMELESS_TASK": "Tarefa sem nome",
       "ROW_LABEL": "Linha {{ number }}",
-      "DELETE_ROW": "Delete row",
+      "DELETE_ROW": "Excluir linha",
       "REMOVE_ROW_DIALOG": {
         "TITLE": "Excluir linha",
         "MESSAGE": "Tem certeza que deseja excluir esta linha?",

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, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, ChangeDetectorRef, Injector } 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 * 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';
@@ -20,7 +20,6 @@ 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 { parseISO, format, parse, isValid, isBefore, isAfter, addHours, addMinutes, differenceInDays, formatDistance, fromUnixTime } from 'date-fns';
-import * as Locales from 'date-fns/locale';
 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';
 import * as i7$1 from '@mat-datetimepicker/core';
@@ -12532,19 +12531,21 @@ class TimeAgoPipe {
                 return datePipe.transform(value, this.defaultDateTimeFormat);
             }
             else {
-                return formatDistance(new Date(value), new Date(), { addSuffix: true, locale: Locales[actualLocale] });
+                const dateFnsLocale = DateFnsUtils.getLocaleFromString(actualLocale);
+                return formatDistance(new Date(value), new Date(), { addSuffix: true, locale: dateFnsLocale });
             }
         }
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TimeAgoPipe, 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: TimeAgoPipe, isStandalone: true, name: "adfTimeAgo" }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: TimeAgoPipe, isStandalone: true, name: "adfTimeAgo", pure: false }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TimeAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
-                    name: 'adfTimeAgo'
+                    name: 'adfTimeAgo',
+                    pure: false
                 }]
         }], ctorParameters: () => [{ type: UserPreferencesService }, { type: AppConfigService }] });
 
@@ -13704,7 +13705,10 @@ class DataTableCellComponent {
         this.destroyRef = inject(DestroyRef);
         this.dataTableService = inject(DataTableService, { optional: true });
         this.value$ = new BehaviorSubject('');
-        this.computedTitle = '';
+        // Signal to track the raw computed title (without tooltip override)
+        this.rawComputedTitle = signal('');
+        // Computed signal that automatically combines tooltip input with computed title
+        this.title = computed(() => this.tooltip || this.rawComputedTitle());
     }
     ngOnInit() {
         this.updateValue();
@@ -13714,7 +13718,7 @@ class DataTableCellComponent {
         if (this.column?.key && this.row && this.data) {
             const value = this.data.getValue(this.row, this.column, this.resolverFn);
             this.value$.next(value);
-            this.computedTitle = this.computeTitle(value);
+            this.rawComputedTitle.set(this.computeTitle(value));
         }
     }
     subscribeToRowUpdates() {
@@ -13732,10 +13736,15 @@ class DataTableCellComponent {
     getNestedPropertyValue(obj, path) {
         return path.split('.').reduce((source, key) => (source ? source[key] : ''), obj);
     }
+    /**
+     * Computes the title/tooltip for the cell based on the value.
+     * Override this in derived classes to provide custom tooltip logic.
+     * Note: The tooltip input always takes precedence (handled by title signal).
+     *
+     * @param value - The cell value to compute the title for
+     * @returns The computed title string, or empty string if no title should be shown
+     */
     computeTitle(value) {
-        if (this.tooltip) {
-            return this.tooltip;
-        }
         const rawValue = value;
         const max = this.column?.maxTextLength;
         if (typeof max === 'number' && max > 0 && rawValue?.length > max) {
@@ -13744,24 +13753,23 @@ class DataTableCellComponent {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTableCellComponent, isStandalone: true, selector: "adf-datatable-cell", inputs: { data: "data", column: "column", row: "row", copyContent: "copyContent", tooltip: "tooltip", resolverFn: "resolverFn" }, host: { classAttribute: "adf-datatable-content-cell" }, ngImport: i0, template: `
-        <ng-container>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DataTableCellComponent, isStandalone: true, selector: "adf-datatable-cell", inputs: { data: "data", column: "column", row: "row", copyContent: "copyContent", tooltip: "tooltip", resolverFn: "resolverFn" }, host: { classAttribute: "adf-datatable-content-cell" }, ngImport: i0, template: `
+        @let value = value$ | async;
+        @let displayValue = column?.maxTextLength ? (value | truncate: column?.maxTextLength) : value;
+
+        @if (copyContent) {
             <span
-                *ngIf="copyContent; else defaultCell"
                 adf-clipboard="CLIPBOARD.CLICK_TO_COPY"
                 [clipboard-notification]="'CLIPBOARD.SUCCESS_COPY'"
-                [attr.aria-label]="value$ | async"
-                [title]="tooltip ? tooltip : computedTitle"
+                [attr.aria-label]="value"
+                [title]="title()"
                 class="adf-datatable-cell-value"
-                >{{ column?.maxTextLength ? (value$ | async | truncate: column?.maxTextLength) : (value$ | async) }}</span
+                >{{ displayValue }}</span
             >
-        </ng-container>
-        <ng-template #defaultCell>
-            <span [title]="tooltip ? tooltip : computedTitle" class="adf-datatable-cell-value">{{
-                column?.maxTextLength ? (value$ | async | truncate: column?.maxTextLength) : (value$ | async)
-            }}</span>
-        </ng-template>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: ClipboardDirective, selector: "[adf-clipboard]", inputs: ["adf-clipboard", "target", "clipboard-notification"], exportAs: ["adfClipboard"] }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        } @else {
+            <span [title]="title()" class="adf-datatable-cell-value">{{ displayValue }}</span>
+        }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: ClipboardDirective, selector: "[adf-clipboard]", inputs: ["adf-clipboard", "target", "clipboard-notification"], exportAs: ["adfClipboard"] }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableCellComponent, decorators: [{
             type: Component,
@@ -13770,22 +13778,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                     imports: [CommonModule, ClipboardDirective, TruncatePipe],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-        <ng-container>
+        @let value = value$ | async;
+        @let displayValue = column?.maxTextLength ? (value | truncate: column?.maxTextLength) : value;
+
+        @if (copyContent) {
             <span
-                *ngIf="copyContent; else defaultCell"
                 adf-clipboard="CLIPBOARD.CLICK_TO_COPY"
                 [clipboard-notification]="'CLIPBOARD.SUCCESS_COPY'"
-                [attr.aria-label]="value$ | async"
-                [title]="tooltip ? tooltip : computedTitle"
+                [attr.aria-label]="value"
+                [title]="title()"
                 class="adf-datatable-cell-value"
-                >{{ column?.maxTextLength ? (value$ | async | truncate: column?.maxTextLength) : (value$ | async) }}</span
+                >{{ displayValue }}</span
             >
-        </ng-container>
-        <ng-template #defaultCell>
-            <span [title]="tooltip ? tooltip : computedTitle" class="adf-datatable-cell-value">{{
-                column?.maxTextLength ? (value$ | async | truncate: column?.maxTextLength) : (value$ | async)
-            }}</span>
-        </ng-template>
+        } @else {
+            <span [title]="title()" class="adf-datatable-cell-value">{{ displayValue }}</span>
+        }
     `,
                     encapsulation: ViewEncapsulation.None,
                     host: { class: 'adf-datatable-content-cell' }
@@ -15989,6 +15996,10 @@ class DateCellComponent extends DataTableCellComponent {
         super(...arguments);
         this.config = {};
         this.appConfig = inject(AppConfigService);
+        this.localizedDatePipe = inject(LocalizedDatePipe);
+        this.userPreferencesService = inject(UserPreferencesService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.userLocale = 'en';
         this.defaultDateConfig = {
             format: 'medium',
             tooltipFormat: 'medium',
@@ -15996,8 +16007,24 @@ class DateCellComponent extends DataTableCellComponent {
         };
     }
     ngOnInit() {
-        super.ngOnInit();
+        // Subscribe to locale changes
+        this.userPreferencesService
+            .select(UserPreferenceValues.Locale)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((locale) => {
+            this.userLocale = locale || 'en';
+            this.setConfig();
+            this.updateValue(); // Recalculate computedTitle with new locale
+            this.cdr.markForCheck();
+        });
         this.setConfig();
+        super.ngOnInit();
+    }
+    computeTitle(value) {
+        if (value) {
+            return this.localizedDatePipe.transform(value, this.config.tooltipFormat, this.config.locale) || '';
+        }
+        return '';
     }
     setConfig() {
         if (this.dateConfig) {
@@ -16010,18 +16037,31 @@ class DateCellComponent extends DataTableCellComponent {
     setCustomConfig() {
         this.config.format = this.dateConfig?.format || this.getDefaultFormat();
         this.config.tooltipFormat = this.dateConfig?.tooltipFormat || this.getDefaultTooltipFormat();
-        this.config.locale = this.dateConfig?.locale || this.getDefaultLocale();
+        this.config.locale = this.normalizeLocale(this.dateConfig?.locale || this.getDefaultLocale());
     }
     setDefaultConfig() {
         this.config.format = this.getDefaultFormat();
         this.config.tooltipFormat = this.getDefaultTooltipFormat();
-        this.config.locale = this.getDefaultLocale();
+        this.config.locale = this.normalizeLocale(this.getDefaultLocale());
+    }
+    normalizeLocale(locale) {
+        if (!locale) {
+            return locale;
+        }
+        // Extract language code from locale like 'fr-FR' -> 'fr', 'en-US' -> 'en'
+        // but keep special cases like 'pt-BR' and 'zh-CN' intact
+        if (locale === 'pt-BR' || locale === 'zh-CN') {
+            return locale;
+        }
+        return locale.split('-')[0];
     }
     getDefaultFormat() {
         return this.column?.format || this.getAppConfigPropertyValue('dateValues.defaultDateFormat', this.defaultDateConfig.format);
     }
     getDefaultLocale() {
-        return this.getAppConfigPropertyValue('dateValues.defaultLocale', this.defaultDateConfig.locale);
+        // Always use the user locale from UserPreferencesService
+        // This is kept in sync via subscription and reflects the user's current locale choice
+        return this.userLocale;
     }
     getDefaultTooltipFormat() {
         return this.getAppConfigPropertyValue('dateValues.defaultTooltipDateFormat', this.defaultDateConfig.tooltipFormat);
@@ -16030,11 +16070,11 @@ class DateCellComponent extends DataTableCellComponent {
         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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateCellComponent, isStandalone: true, selector: "adf-date-cell", inputs: { dateConfig: "dateConfig" }, host: { classAttribute: "adf-datatable-content-cell" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"value$ | async as date\">\n    <span\n        [title]=\"tooltip | adfLocalizedDate: config.tooltipFormat: config.locale\"\n        class=\"adf-datatable-cell-value\"\n        *ngIf=\"config.format === 'timeAgo'; else standard_date\">\n            {{ date | adfTimeAgo: config.locale }}\n    </span>\n    <ng-template #standard_date>\n        <span\n            class=\"adf-datatable-cell-value\"\n            [title]=\"tooltip | adfLocalizedDate: config.tooltipFormat: config.locale\">\n                {{ date | adfLocalizedDate: config.format: config.locale }}\n        </span>\n    </ng-template>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: LocalizedDatePipe, name: "adfLocalizedDate" }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    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: [CommonModule, LocalizedDatePipe, TimeAgoPipe], selector: 'adf-date-cell', encapsulation: ViewEncapsulation.None, host: { class: 'adf-datatable-content-cell' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"value$ | async as date\">\n    <span\n        [title]=\"tooltip | adfLocalizedDate: config.tooltipFormat: config.locale\"\n        class=\"adf-datatable-cell-value\"\n        *ngIf=\"config.format === 'timeAgo'; else standard_date\">\n            {{ date | adfTimeAgo: config.locale }}\n    </span>\n    <ng-template #standard_date>\n        <span\n            class=\"adf-datatable-cell-value\"\n            [title]=\"tooltip | adfLocalizedDate: config.tooltipFormat: config.locale\">\n                {{ date | adfLocalizedDate: config.format: config.locale }}\n        </span>\n    </ng-template>\n</ng-container>\n" }]
+            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: [{
                 type: Input
             }] } });
@@ -16118,28 +16158,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 class FileSizeCellComponent extends DataTableCellComponent {
+    constructor() {
+        super(...arguments);
+        this.fileSizePipe = inject(FileSizePipe);
+    }
     ngOnInit() {
         super.ngOnInit();
     }
+    computeTitle(value) {
+        if (value != null) {
+            return this.fileSizePipe.transform(value);
+        }
+        return '';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileSizeCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileSizeCellComponent, isStandalone: true, selector: "adf-filesize-cell", host: { classAttribute: "adf-filesize-cell" }, usesInheritance: true, ngImport: i0, template: `
-        <ng-container *ngIf="value$ | async | adfFileSize as fileSize">
-            <span [title]="tooltip">{{ fileSize }}</span>
-        </ng-container>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: FileSizePipe, name: "adfFileSize" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileSizeCellComponent, isStandalone: true, selector: "adf-filesize-cell", host: { classAttribute: "adf-filesize-cell" }, providers: [FileSizePipe], usesInheritance: true, ngImport: i0, template: `
+        @let value = value$ | async;
+        <span [title]="title()" class="adf-datatable-cell-value">{{ value | adfFileSize }}</span>
+    `, isInline: true, dependencies: [{ kind: "pipe", type: FileSizePipe, name: "adfFileSize" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileSizeCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'adf-filesize-cell',
-                    imports: [CommonModule, FileSizePipe],
+                    imports: [FileSizePipe, AsyncPipe],
                     template: `
-        <ng-container *ngIf="value$ | async | adfFileSize as fileSize">
-            <span [title]="tooltip">{{ fileSize }}</span>
-        </ng-container>
+        @let value = value$ | async;
+        <span [title]="title()" class="adf-datatable-cell-value">{{ value | adfFileSize }}</span>
     `,
                     encapsulation: ViewEncapsulation.None,
-                    host: { class: 'adf-filesize-cell' }
+                    host: { class: 'adf-filesize-cell' },
+                    providers: [FileSizePipe]
                 }]
         }] });
 
@@ -17805,10 +17854,8 @@ class DataTableModule {
             AmountCellComponent,
             NumberCellComponent,
             LocationCellComponent,
-            DateCellComponent,
             IconCellComponent,
             ColumnsSelectorComponent,
-            FileSizeCellComponent,
             JsonCellComponent,
             DataTableCellComponent,
             DataTableComponent] }); }
@@ -23907,13 +23954,13 @@ class ButtonWidgetComponent extends WidgetComponent {
         this.event(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonWidgetComponent, isStandalone: true, selector: "button-widget", host: { properties: { "class": "hostClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n    mat-flat-button\n    class=\"adf-button-widget__button\"\n    [color]=\"'primary'\"\n    [matTooltip]=\"field?.tooltip\"\n    [matTooltipShowDelay]=\"tooltipShowDelay\"\n    [disabled]=\"field?.readOnly ?? false\"\n    (click)=\"onClick($event)\"\n>\n    {{ field?.name | translate }}\n</button>\n", styles: [".adf-button-widget{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:96px}.adf-button-widget__button{margin-bottom:32px;word-break:break-word;overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonWidgetComponent, isStandalone: true, selector: "button-widget", host: { properties: { "class": "hostClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n    mat-flat-button\n    class=\"adf-button-widget__button\"\n    [color]=\"'primary'\"\n    [matTooltip]=\"field?.tooltip\"\n    [matTooltipShowDelay]=\"tooltipShowDelay\"\n    [disabled]=\"field?.readOnly ?? false\"\n    (click)=\"onClick($event)\"\n>\n    {{ field?.name | translate }}\n</button>\n", styles: [".adf-button-widget{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:96px}.adf-button-widget__button{margin-bottom:32px;word-break:break-word;overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button-widget', host: {
                         '[class]': 'hostClasses'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, MatButtonModule, MatTooltipModule], template: "<button\n    mat-flat-button\n    class=\"adf-button-widget__button\"\n    [color]=\"'primary'\"\n    [matTooltip]=\"field?.tooltip\"\n    [matTooltipShowDelay]=\"tooltipShowDelay\"\n    [disabled]=\"field?.readOnly ?? false\"\n    (click)=\"onClick($event)\"\n>\n    {{ field?.name | translate }}\n</button>\n", styles: [".adf-button-widget{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:96px}.adf-button-widget__button{margin-bottom:32px;word-break:break-word;overflow:hidden}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, imports: [TranslatePipe, MatButtonModule, MatTooltipModule], template: "<button\n    mat-flat-button\n    class=\"adf-button-widget__button\"\n    [color]=\"'primary'\"\n    [matTooltip]=\"field?.tooltip\"\n    [matTooltipShowDelay]=\"tooltipShowDelay\"\n    [disabled]=\"field?.readOnly ?? false\"\n    (click)=\"onClick($event)\"\n>\n    {{ field?.name | translate }}\n</button>\n", styles: [".adf-button-widget{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:96px}.adf-button-widget__button{margin-bottom:32px;word-break:break-word;overflow:hidden}\n"] }]
         }], ctorParameters: () => [{ type: FormService }] });
 
 /*!
@@ -31677,7 +31724,7 @@ class CoreModule {
             MaterialModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, providers: [...CORE_PIPES], imports: [AboutExtensionListComponent, AboutLicenseListComponent, ModuleListComponent, AboutRepositoryInfoComponent, PackageListComponent, AboutStatusListComponent, AboutServerSettingsComponent, AboutComponent, PdfPasswordDialogComponent, ViewerRenderComponent, ImgViewerComponent, PdfViewerComponent, UnknownFormatComponent, ViewerComponent, DownloadPromptDialogComponent, HeaderLayoutComponent, SidebarActionMenuComponent, LayoutContainerComponent, SidenavLayoutComponent, IdentityUserInfoComponent, TooltipCardComponent, PAGINATION_DIRECTIVES, ToolbarComponent, ContextMenuListComponent, CardViewComponent, CardViewBoolItemComponent, CardViewDateItemComponent, CardViewMapItemComponent, CardViewTextItemComponent, CardViewKeyValuePairsItemComponent, CardViewSelectItemComponent, CardViewArrayItemComponent, SelectFilterInputComponent, FormBaseModule,
             CommentsComponent,
-            CommentListComponent, LoginComponent, LoginDialogPanelComponent, LANGUAGE_MENU_DIRECTIVES, InfoDrawerLayoutComponent, InfoDrawerComponent, BooleanCellComponent, AmountCellComponent, NumberCellComponent, LocationCellComponent, DateCellComponent, IconCellComponent, ColumnsSelectorComponent, FileSizeCellComponent, JsonCellComponent, DataTableCellComponent, DataTableComponent, TEMPLATE_DIRECTIVES, IconComponent,
+            CommentListComponent, LoginComponent, LoginDialogPanelComponent, LANGUAGE_MENU_DIRECTIVES, InfoDrawerLayoutComponent, InfoDrawerComponent, BooleanCellComponent, AmountCellComponent, NumberCellComponent, LocationCellComponent, IconCellComponent, ColumnsSelectorComponent, JsonCellComponent, DataTableCellComponent, DataTableComponent, TEMPLATE_DIRECTIVES, IconComponent,
             SortingPickerComponent, NOTIFICATION_HISTORY_DIRECTIVES, SearchTextInputComponent, UnsavedChangesDialogComponent,
             DynamicChipListComponent,
             MaterialModule, FormBaseModule,