@alfresco/adf-core 8.4.0-20231887566 → 8.4.0-20234340352

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, effect, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, provideAppInitializer, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, QueryList, Self, signal, computed, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, forwardRef, ViewContainerRef, Compiler, ChangeDetectorRef, 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, ElementRef, DestroyRef, QueryList, Self, signal, computed, DEFAULT_CURRENCY_CODE, SecurityContext, forwardRef, ViewContainerRef, Compiler, ChangeDetectorRef, 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';
@@ -5902,6 +5902,7 @@ const DEFAULT_ICON_VALUE = 'settings';
 class IconComponent {
     constructor() {
         this.ALIAS_MAP = inject(ICON_ALIAS_MAP_TOKEN, { optional: true });
+        this.elementRef = inject(ElementRef);
         this._value = DEFAULT_ICON_VALUE;
         this._isSvg = false;
     }
@@ -5920,18 +5921,28 @@ class IconComponent {
     set isSvg(isSvg) {
         this._isSvg = isSvg;
     }
+    ngAfterContentInit() {
+        const textNode = this.getTextNode();
+        if (textNode) {
+            this.value = textNode.textContent.trim();
+            textNode.remove();
+        }
+    }
     hasMappedAlias(value) {
         return !!this.ALIAS_MAP?.[value];
     }
     isCustom(value) {
         return value.includes(':');
     }
+    getTextNode() {
+        return Array.from(this.elementRef.nativeElement.childNodes).find((node) => node.nodeType === Node.TEXT_NODE && node.textContent?.trim());
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IconComponent, isStandalone: true, selector: "adf-icon", inputs: { color: "color", fontSet: "fontSet", value: "value", isSvg: "isSvg" }, host: { classAttribute: "adf-icon" }, ngImport: i0, template: "@if (isSvg) {\n  <mat-icon [color]=\"color\" [svgIcon]=\"value\" aria-hidden=\"true\" />\n} @else {\n  <mat-icon [fontSet]=\"fontSet\" [color]=\"color\" aria-hidden=\"true\">{{ value }}</mat-icon>\n}\n", dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IconComponent, isStandalone: true, selector: "adf-icon", inputs: { color: "color", fontSet: "fontSet", value: "value", isSvg: "isSvg" }, host: { classAttribute: "adf-icon" }, ngImport: i0, template: "<ng-content />\n\n@if (isSvg) {\n  <mat-icon [color]=\"color\" [svgIcon]=\"value\" aria-hidden=\"true\" />\n} @else {\n  <mat-icon [fontSet]=\"fontSet\" [color]=\"color\" aria-hidden=\"true\">{{ value }}</mat-icon>\n}\n", dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-icon', imports: [MatIconModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'adf-icon' }, template: "@if (isSvg) {\n  <mat-icon [color]=\"color\" [svgIcon]=\"value\" aria-hidden=\"true\" />\n} @else {\n  <mat-icon [fontSet]=\"fontSet\" [color]=\"color\" aria-hidden=\"true\">{{ value }}</mat-icon>\n}\n" }]
+            args: [{ selector: 'adf-icon', imports: [MatIconModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'adf-icon' }, template: "<ng-content />\n\n@if (isSvg) {\n  <mat-icon [color]=\"color\" [svgIcon]=\"value\" aria-hidden=\"true\" />\n} @else {\n  <mat-icon [fontSet]=\"fontSet\" [color]=\"color\" aria-hidden=\"true\">{{ value }}</mat-icon>\n}\n" }]
         }], propDecorators: { color: [{
                 type: Input
             }], fontSet: [{
@@ -13738,7 +13749,8 @@ class DataTableCellComponent {
         this.latestValue = null;
         // Listen to locale changes and re-compute the title with the latest value
         effect(() => {
-            this.userPreferencesService.localeSignal();
+            // Read the signal value to track changes
+            this.userPreferencesService.localeSignal?.();
             // When locale changes, re-compute title using the stored latest value
             this.recomputeTitle();
         });