@eqproject/eqp-dynamic-module 2.10.66 → 2.10.67

package/lib/components/private/field-templates/date-field-template/date-field-template.component.d.ts

@@ -1,23 +1,40 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { Record } from '../../../../models/record.model';
 import { DateField } from '../../../../models/fields/dateField.model';
 import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
 import { ModeEnum, TimeTypeEnum } from "tmw-picker";
 import * as i0 from "@angular/core";
-export declare class DateFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent {
+export declare class DateFieldTemplateComponent implements OnInit, OnChanges, OnDestroy, IBaseFieldComponent {
+    private renderer;
     field: DateField;
     record: Record;
     formulaObject: any;
     inConfig: boolean;
+    styleVersion: number;
+    forceState: string | null;
     recordChange: EventEmitter<Record>;
     modes: typeof ModeEnum;
     timeType: typeof TimeTypeEnum;
     mode: ModeEnum;
     showSeconds: boolean;
     outputFormat: string;
-    constructor();
+    fieldUid: string;
+    hovering: boolean;
+    focused: boolean;
+    private styleEl;
+    private statusSub;
+    constructor(renderer: Renderer2);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private injectDateFieldStyles;
+    private getSelector;
+    private buildCssRules;
+    private updateStateClasses;
+    private toggleClass;
+    private subscribeToFormStatus;
+    private get activeStyleSuffix();
+    getDateStyleByState(baseKey: string): string;
     /**
      * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
      */
@@ -33,5 +50,5 @@ export declare class DateFieldTemplateComponent implements OnInit, OnChanges, IB
      */
     private setTimeType;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateFieldTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateFieldTemplateComponent, "date-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateFieldTemplateComponent, "date-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
 }

package/lib/components/private/field-templates/image-field-selector-template/image-field-selector-template.component.d.ts

@@ -1,35 +1,39 @@
-import { EventEmitter, SimpleChanges } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { Record } from '../../../../models/record.model';
 import { ImageSelectorField } from '../../../../models/fields/imageSelectorField.model';
-import { UtilityHelperService } from '../../../../services/utilityHelper.services';
 import * as i0 from "@angular/core";
-export declare class ImageFieldSelectorTemplateComponent {
-    private dialog;
-    utilityService: UtilityHelperService;
+export declare class ImageFieldSelectorTemplateComponent implements OnInit, OnChanges, OnDestroy {
+    private renderer;
     record: Record;
     formulaObject: any;
     field: ImageSelectorField;
     inConfig: boolean;
+    styleVersion: number;
+    forceState: string | null;
     recordChange: EventEmitter<Record>;
     FieldstyleObj: any;
     LabelstyleObj: any;
     transformedRecord: any;
-    constructor(dialog: MatDialog, utilityService: UtilityHelperService);
+    fieldUid: string;
+    private styleEl;
+    constructor(renderer: Renderer2);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     initStyles(): void;
     ToLowerCase(el: string): string;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
-     */
     updateField(): void;
     initializeAttachments(): void;
-    /**
-   * Metodo per emettere l'evento che il valore del record è cambiato.
-   * @param event ID dell'attachment della lista
-   */
     onRecordValueChange(event: number): void;
+    private injectStyles;
+    private buildCssRules;
+    private getSelector;
+    private getSelezioniSelector;
+    private getSelezioniBaseSelector;
+    private updateStateClasses;
+    private toggleClass;
+    private forceImportant;
+    private extractCssPropValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageFieldSelectorTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageFieldSelectorTemplateComponent, "image-field-selector-template", never, { "record": "record"; "formulaObject": "formulaObject"; "field": "field"; "inConfig": "inConfig"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageFieldSelectorTemplateComponent, "image-field-selector-template", never, { "record": "record"; "formulaObject": "formulaObject"; "field": "field"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
 }

package/lib/components/private/field-templates/image-field-template/image-field-template.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { ImageField } from '../../../../models/fields/imageField.model';
 import { Record } from '../../../../models/record.model';
 import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
@@ -8,14 +8,17 @@ import { I18nInterface } from '../../tmw-image-drawer/i18n';
 import { EndPointConfiguration } from '../../../../models/endPointConfiguration.model';
 import { DynAttachment } from '../../../../models/dynAttachment';
 import * as i0 from "@angular/core";
-export declare class ImageFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent {
+export declare class ImageFieldTemplateComponent implements OnInit, OnChanges, OnDestroy, IBaseFieldComponent {
     private dialog;
     private utilityHelperService;
+    private renderer;
     endPointConfiguration: EndPointConfiguration;
     record: Record;
     formulaObject: any;
     field: ImageField;
     inConfig: boolean;
+    styleVersion: number;
+    forceState: string | null;
     recordChange: EventEmitter<Record>;
     imageDraw: EventEmitter<DynAttachment>;
     imageWidth: number;
@@ -30,52 +33,28 @@ export declare class ImageFieldTemplateComponent implements OnInit, OnChanges, I
     i18n: I18nInterface;
     dialogImageDrawingRef: MatDialogRef<TemplateRef<any>>;
     dialogImageDrawing: TemplateRef<any>;
-    constructor(dialog: MatDialog, utilityHelperService: UtilityHelperService);
+    fieldUid: string;
+    private styleEl;
+    constructor(dialog: MatDialog, utilityHelperService: UtilityHelperService, renderer: Renderer2);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
-     */
+    ngOnDestroy(): void;
+    private injectStyles;
+    private getSelector;
+    private buildCssRules;
+    private updateStateClasses;
+    private toggleClass;
     updateField(): void;
     resetPreLoadedImage(): void;
-    /**
-     * Metodo invocato quando vengono aggiunti o eliminati gli allegati nel componente AttachmentFieldTemplate.
-     * Se l'ImageField è abilitato al disegno (EnableDrawing == true), non permette allegati multipli (IsMulitAttach == false)
-     * e nel Record corrente è presente l'immagine caricata dall'utente allora recupera le dimensioni dell'immagine e
-     * apre il dialog con il componente image-drawing per permettere il disegno sull'immagine appena caricata.
-     */
     onAttachmentsChange(): void;
-    /**
-     * Metodo invocato al salvataggio dell'immagine dal componente image-drawing.
-     * Trasforma il Blob ricevuto in un base64, aggiorna il FileContetType e il FileDataBase64
-     * dell'allegato caricato e chiude il dialog in cui disegnare.
-     * @param drawnPicture Blob dell'immagine disegnata.
-     */
     saveDraw(drawnPicture: Blob): Promise<void>;
-    /**
-     * Metodo per chiudere il dialog in cui disegnare sull'immagine cariata e svuotare le dimensioni.
-     */
     closeImageDrowingDialog(): void;
-    /**
-     * Metodo per recuperare le dimensioni dell'immagine caricata per mostrare correttamente
-     * il componente image-drawing. Se non viene eseguito questo passaggio l'area in cui disegnare
-     * è più grande dell'immagine stessa e al salvataggio i tratti disegnati vengono spostati.
-     */
     private getImageDimensions;
-    /**
-     * Metodo per convertire il base64 di un'immagine in un Blob.
-     * Necessario per il recupero delle dimensioni dell'immagine caricata a partire dal suo base64.
-     * Viene eseguito solo nel caso in cui l'ImageField non ammette allegati multipli.
-     * @returns Restituisce il Blob dell'immagine caricata.
-     */
     private getBlobFromBase64;
-    /**
-     * Metodo per emettere l'evento che il valore del record è cambiato.
-     */
     private onRecordValueChange;
     openDraw(): void;
     load(ID: any, Types: any): void;
     loadOriginal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageFieldTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageFieldTemplateComponent, "image-field-template", never, { "endPointConfiguration": "endPointConfiguration"; "record": "record"; "formulaObject": "formulaObject"; "field": "field"; "inConfig": "inConfig"; }, { "recordChange": "recordChange"; "imageDraw": "imageDraw"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageFieldTemplateComponent, "image-field-template", never, { "endPointConfiguration": "endPointConfiguration"; "record": "record"; "formulaObject": "formulaObject"; "field": "field"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; "imageDraw": "imageDraw"; }, never, never, false, never>;
 }

package/lib/components/private/field-templates/image-with-markers-field-template/image-with-markers-field-template.component.d.ts

@@ -1,20 +1,23 @@
-import { EventEmitter, SimpleChanges, TemplateRef } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { ImageWithMarkersField } from '../../../../models/fields/imageWithMarkersField.model';
 import { Record } from '../../../../models/record.model';
 import { UtilityHelperService } from '../../../../services/utilityHelper.services';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { EndPointConfiguration } from '../../../../models/endPointConfiguration.model';
 import { DynAttachment } from '../../../../models/dynAttachment';
 import { MarkedImage } from '../../tmw-image-marker/tmw-image-marker.component';
-import { ImageWithMarkersField } from '../../../../models/fields/imageWithMarkersField.model';
 import * as i0 from "@angular/core";
-export declare class ImageWithMarkersFieldTemplateComponent {
+export declare class ImageWithMarkersFieldTemplateComponent implements OnInit, OnChanges, OnDestroy {
     private dialog;
     private utilityHelperService;
+    private renderer;
     endPointConfiguration: EndPointConfiguration;
     record: Record;
     formulaObject: any;
     field: ImageWithMarkersField;
     inConfig: boolean;
+    styleVersion: number;
+    forceState: string | null;
     recordChange: EventEmitter<Record>;
     imageMark: EventEmitter<DynAttachment>;
     imageWidth: number;
@@ -29,51 +32,27 @@ export declare class ImageWithMarkersFieldTemplateComponent {
     height: any;
     dialogImageMarkingRef: MatDialogRef<TemplateRef<any>>;
     dialogImageMarking: TemplateRef<any>;
-    constructor(dialog: MatDialog, utilityHelperService: UtilityHelperService);
+    fieldUid: string;
+    private styleEl;
+    constructor(dialog: MatDialog, utilityHelperService: UtilityHelperService, renderer: Renderer2);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
-     */
+    ngOnDestroy(): void;
+    private injectStyles;
+    private getSelector;
+    private buildCssRules;
+    private updateStateClasses;
+    private toggleClass;
     updateField(): void;
     resetPreLoadedImage(): void;
-    /**
-     * Metodo invocato quando vengono aggiunti o eliminati gli allegati nel componente AttachmentFieldTemplate.
-     * Se l'ImageField è abilitato al disegno (EnableMarking == true), non permette allegati multipli (IsMulitAttach == false)
-     * e nel Record corrente è presente l'immagine caricata dall'utente allora recupera le dimensioni dell'immagine e
-     * apre il dialog con il componente image-Marking per permettere il disegno sull'immagine appena caricata.
-     */
     onAttachmentsChange(): void;
-    /**
-     * Metodo invocato al salvataggio dell'immagine dal componente image-Marking.
-     * Trasforma il Blob ricevuto in un base64, aggiorna il FileContetType e il FileDataBase64
-     * dell'allegato caricato e chiude il dialog in cui disegnare.
-     * @param MarknPicture Blob dell'immagine disegnata.
-     */
     saveMark(markedImage: MarkedImage): Promise<void>;
-    /**
-     * Metodo per chiudere il dialog in cui disegnare sull'immagine cariata e svuotare le dimensioni.
-     */
     closeDialog(): void;
-    /**
-     * Metodo per recuperare le dimensioni dell'immagine caricata per mostrare correttamente
-     * il componente image-Marking. Se non viene eseguito questo passaggio l'area in cui disegnare
-     * è più grande dell'immagine stessa e al salvataggio i tratti disegnati vengono spostati.
-     */
     private getImageDimensions;
-    /**
-     * Metodo per convertire il base64 di un'immagine in un Blob.
-     * Necessario per il recupero delle dimensioni dell'immagine caricata a partire dal suo base64.
-     * Viene eseguito solo nel caso in cui l'ImageField non ammette allegati multipli.
-     * @returns Restituisce il Blob dell'immagine caricata.
-     */
     private getBlobFromBase64;
-    /**
-     * Metodo per emettere l'evento che il valore del record è cambiato.
-     */
     private onRecordValueChange;
     openMark(): void;
     load(ID: any, Types: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageWithMarkersFieldTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageWithMarkersFieldTemplateComponent, "image-with-markers-field-template", never, { "endPointConfiguration": "endPointConfiguration"; "record": "record"; "formulaObject": "formulaObject"; "field": "field"; "inConfig": "inConfig"; }, { "recordChange": "recordChange"; "imageMark": "imageMark"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageWithMarkersFieldTemplateComponent, "image-with-markers-field-template", never, { "endPointConfiguration": "endPointConfiguration"; "record": "record"; "formulaObject": "formulaObject"; "field": "field"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; "imageMark": "imageMark"; }, never, never, false, never>;
 }

package/lib/components/private/field-templates/label-field-template/label-field-template.component.d.ts

@@ -1,10 +1,11 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { Record } from '../../../../models/record.model';
 import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
 import { Subscription } from 'rxjs';
 import { LabelField } from '../../../../models/fields/labelField.model';
 import * as i0 from "@angular/core";
-export declare class LabelFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent {
+export declare class LabelFieldTemplateComponent implements OnInit, OnChanges, OnDestroy, IBaseFieldComponent {
+    private renderer;
     isStillRecoginze: boolean;
     source: import("rxjs").Observable<number>;
     newtext: string;
@@ -13,22 +14,25 @@ export declare class LabelFieldTemplateComponent implements OnInit, OnChanges, I
     record: Record;
     formulaObject: any;
     inConfig: boolean;
-    STT: boolean;
+    styleVersion: number;
+    forceState: string | null;
+    recordChange: EventEmitter<Record>;
     FieldstyleObj: any;
     LabelstyleObj: any;
-    recordChange: EventEmitter<Record>;
-    constructor();
+    fieldUid: string;
+    private styleEl;
+    constructor(renderer: Renderer2);
     ngOnInit(): void;
     initStyles(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
-     */
+    ngOnDestroy(): void;
+    injectLabelFieldStyles(): void;
+    private getSelector;
+    private buildCssRules;
+    private updateStateClasses;
+    private toggleClass;
     updateField(): void;
-    /**
-     * Metodo per emettere l'evento che il valore del record è cambiato.
-     */
     onRecordValueChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LabelFieldTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LabelFieldTemplateComponent, "label-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelFieldTemplateComponent, "label-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
 }

package/lib/components/private/field-templates/list-value-field-template/list-value-field-template.component.d.ts

@@ -1,13 +1,16 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { Record } from '../../../../models/record.model';
 import { ListPresentationEnum, ListValueField } from '../../../../models/fields/listValueField.model';
 import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
 import * as i0 from "@angular/core";
-export declare class ListValueFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent {
+export declare class ListValueFieldTemplateComponent implements OnInit, OnChanges, OnDestroy, IBaseFieldComponent {
+    private renderer;
     field: ListValueField;
     record: Record;
     formulaObject: any;
     inConfig: boolean;
+    styleVersion: number;
+    forceState: string | null;
     recordChange: EventEmitter<Record>;
     ListPresentationEnum: typeof ListPresentationEnum;
     arrayData: {
@@ -18,49 +21,39 @@ export declare class ListValueFieldTemplateComponent implements OnInit, OnChange
     }[];
     FieldstyleObj: any;
     LabelstyleObj: any;
-    constructor();
+    fieldUid: string;
+    private styleEl;
+    constructor(renderer: Renderer2);
     initStyles(): void;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private getElementSelectors;
+    private injectStyles;
+    private buildCssRules;
+    private forceImportant;
+    private extractCssPropValue;
+    private getSelector;
+    private buildPerItemHoverSelector;
+    private updateStateClasses;
+    private toggleClass;
     checkReadonly(): void;
     setSelectedItems(initialvalue: any): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
-     */
     updateField(): void;
-    /**
-     * Metodo invocato quando viene selezionata un'opzione nella visualizzazione a button
-     * @param data Rappresenta l'oggetto selezionato
-     */
     buttonSelectClick(data: {
         Key: string;
         Value: string;
         Selected?: boolean;
         ImgUrl?: string;
     }): void;
-    /**
-     * Metodo per aggiornare il/i valore/i selezionato/i dall'utente.
-     * @param emitChange Se true scatena l'evento di output della modifica del valore di record
-     */
     updateSelected(emitChange?: boolean): void;
-    /**
-     * Metodo per emettere l'evento che il valore del record è cambiato.
-     */
     onRecordValueChange(): void;
-    /**
-     * Metodo per resettare la lista di valori selezionabili cancellando quelli selezionati
-     */
     resetArrayData(): void;
-    /**
-     * Metodo per creare un array di oggetti del tipo { Key: string, Value: any } da usare come sorgente dati per la eqp-select.
-     */
+    private reloadArrayData;
     private setArrayData;
     private createArrayDataElement;
     private createNumberArrayDataElement;
-    /**
-     * Metodo per aggiornare il valore e il validator del FormControl associato al campo.
-     */
     private setFormControlValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListValueFieldTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListValueFieldTemplateComponent, "list-value-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListValueFieldTemplateComponent, "list-value-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
 }

package/lib/components/private/field-templates/numeric-field-template/numeric-field-template.component.d.ts

@@ -1,41 +1,48 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { NumericMaskConfig } from '@eqproject/eqp-numeric';
 import { Record } from '../../../../models/record.model';
-import { NumericField } from '../../../../models/fields/numericField.model';
+import { NumericField, NumericFieldIconPositionEnum } from '../../../../models/fields/numericField.model';
 import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
 import * as i0 from "@angular/core";
-export declare class NumericFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent {
+export declare class NumericFieldTemplateComponent implements OnInit, OnChanges, OnDestroy, IBaseFieldComponent {
+    private renderer;
     field: NumericField;
     record: Record;
     formulaObject: any;
     inConfig: boolean;
+    /** Incrementa dall'esterno per forzare il ricalcolo degli stili CSS (es. dal configuratore) */
+    styleVersion: number;
+    /** Forza visivamente uno stato specifico nell'anteprima del configuratore */
+    forceState: string | null;
     recordChange: EventEmitter<Record>;
     validatorsArray: any[];
     eqpNumericOptions: Partial<NumericMaskConfig>;
+    NumericFieldIconPositionEnum: typeof NumericFieldIconPositionEnum;
     FieldstyleObj: any;
     LabelstyleObj: any;
     isDirty: boolean;
-    constructor();
+    fieldUid: string;
+    private styleEl;
+    private statusSub;
+    constructor(renderer: Renderer2);
     ngOnInit(): void;
-    initStyles(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
-     */
+    ngOnDestroy(): void;
+    initStyles(): void;
+    /** Rigenera il tag <style> con defaults + regole utente, entrambi scoped per #uid */
+    injectNumericFieldStyles(): void;
+    private getSelector;
+    private applyBorderToOutline;
+    private getOutlineSelector;
+    private buildCssRules;
+    private updateStateClasses;
+    private toggleClass;
+    private subscribeToFormStatus;
     updateField(): void;
-    /**
-     * Metodo per emettere l'evento che il valore del record è cambiato.
-     */
     onRecordValueChange(): void;
-    /**
-     * Metodo per configurare eqp-numeric
-     */
     private configureEqpNumericOptions;
-    /**
-   * Metodo di aggiunta dei validator dell'input
-   */
     private configureControllers;
     setDirty(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericFieldTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumericFieldTemplateComponent, "numeric-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumericFieldTemplateComponent, "numeric-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
 }

package/lib/components/private/field-templates/text-field-template/text-field-template.component.d.ts

@@ -1,10 +1,11 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { Record } from '../../../../models/record.model';
 import { TextFieldIconPositionEnum, TextMaskEnum, TextField } from '../../../../models/fields/textField.model';
 import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class TextFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent {
+export declare class TextFieldTemplateComponent implements OnInit, OnChanges, OnDestroy, IBaseFieldComponent {
+    private renderer;
     isStillRecoginze: boolean;
     source: import("rxjs").Observable<number>;
     newtext: string;
@@ -13,25 +14,52 @@ export declare class TextFieldTemplateComponent implements OnInit, OnChanges, IB
     record: Record;
     formulaObject: any;
     inConfig: boolean;
+    /** Incrementa dall'esterno per forzare il ricalcolo degli stili CSS (es. dal configuratore) */
+    styleVersion: number;
+    /** Forza visivamente uno stato specifico nell'anteprima del configuratore */
+    forceState: string | null;
     FieldstyleObj: any;
     LabelstyleObj: any;
     recordChange: EventEmitter<Record>;
     InputMaskEnum: typeof TextMaskEnum;
     TextFieldIconPositionEnum: typeof TextFieldIconPositionEnum;
     platform: string;
-    constructor();
+    fieldUid: string;
+    private styleEl;
+    private statusSub;
+    constructor(renderer: Renderer2);
     ngOnInit(): void;
-    initStyles(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    getInputType(): "text" | "email" | "password" | "tel" | "url";
+    ngOnDestroy(): void;
+    initStyles(): void;
+    /** Rigenera il tag <style> con defaults + regole utente, entrambi scoped per #uid */
+    injectTextFieldStyles(): void;
+    /** Costruisce il selettore CSS per un dato elemento e stato */
+    private getSelector;
+    /** Propaga gli stili border di Container ai segmenti del bordo MDC (leading/notch/trailing)
+     *  con logica differenziata per evitare il doppio bordo:
+     *  - `border` shorthand o `border-width` → il bordo visivo è già sul wrapper → i segmenti
+     *    vengono soppressi con border-color:transparent.
+     *  - Solo `border-color` → applicato ai segmenti per sovrascrivere il ring blu/hover di
+     *    Material (specificità #uid > specificità di classe Material).
+     *  - `border-radius` e altre proprietà border-* non vengono propagate ai segmenti. */
+    private applyBorderToOutline;
+    /** Selettore combinato per i tre segmenti del bordo MDC outlined (leading, notch, trailing).
+     *  Usato per duplicare il CSS di Container sul bordo visuale e permettere l'override del ring. */
+    private getOutlineSelector;
     /**
-     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
+     * Emette i default prima, i valori utente dopo.
+     * Stessa specificità #uid → il valore utente vince per posizione nel cascade.
+     * Icona ha due selettori (prefix + suffix): la stessa regola viene emessa per entrambi.
      */
+    private buildCssRules;
+    /** Aggiorna le classi di stato sul wrapper (eqp-invalid, eqp-readonly, eqp-state-*) */
+    private updateStateClasses;
+    private toggleClass;
+    private subscribeToFormStatus;
+    getInputType(): "text" | "email" | "password" | "tel" | "url";
     updateField(): void;
-    /**
-     * Metodo per emettere l'evento che il valore del record è cambiato.
-     */
     onRecordValueChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldTemplateComponent, "text-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldTemplateComponent, "text-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
 }

package/lib/components/private/field-templates/textarea-field-template/textarea-field-template.component.d.ts

@@ -1,14 +1,20 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
 import { Record } from '../../../../models/record.model';
-import { TextareaField } from '../../../../models/fields/textareaField.model';
+import { TextareaField, TextareaFieldIconPositionEnum } from '../../../../models/fields/textareaField.model';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class TextareaFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent {
+export declare class TextareaFieldTemplateComponent implements OnInit, OnChanges, OnDestroy, IBaseFieldComponent {
+    private renderer;
     isStillRecoginze: boolean;
     field: TextareaField;
     record: Record;
     formulaObject: any;
+    inConfig: boolean;
+    /** Incrementa dall'esterno per forzare il ricalcolo degli stili CSS (es. dal configuratore) */
+    styleVersion: number;
+    /** Forza visivamente uno stato specifico nell'anteprima del configuratore */
+    forceState: string | null;
     source: import("rxjs").Observable<number>;
     newtext: string;
     recordChange: EventEmitter<Record>;
@@ -16,18 +22,26 @@ export declare class TextareaFieldTemplateComponent implements OnInit, OnChanges
     FieldstyleObj: any;
     LabelstyleObj: any;
     platform: string;
-    constructor();
+    TextareaFieldIconPositionEnum: typeof TextareaFieldIconPositionEnum;
+    fieldUid: string;
+    private styleEl;
+    private statusSub;
+    constructor(renderer: Renderer2);
     ngOnInit(): void;
-    initStyles(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
-     */
+    ngOnDestroy(): void;
+    initStyles(): void;
+    /** Rigenera il tag <style> con defaults + regole utente, entrambi scoped per #uid */
+    injectTextareaFieldStyles(): void;
+    private getSelector;
+    private applyBorderToOutline;
+    private getOutlineSelector;
+    private buildCssRules;
+    private updateStateClasses;
+    private toggleClass;
+    private subscribeToFormStatus;
     updateField(): void;
-    /**
-     * Metodo per emettere l'evento che il valore del record è cambiato.
-     */
     onRecordValueChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaFieldTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaFieldTemplateComponent, "textarea-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaFieldTemplateComponent, "textarea-field-template", never, { "field": "field"; "record": "record"; "formulaObject": "formulaObject"; "inConfig": "inConfig"; "styleVersion": "styleVersion"; "forceState": "forceState"; }, { "recordChange": "recordChange"; }, never, never, false, never>;
 }