@esfaenza/es-table 11.2.121 → 11.2.123-beta1

package/lib/components/es-table/es_table.component.d.ts

@@ -19,6 +19,7 @@ import { Group } from "../../domain/externals/appsearch/Group";
 import { EsTableModelChange } from '../../domain/externals/EsTableModelChange';
 import { ItemPropEditableReference } from '../../domain/externals/ItemPropEditableReference';
 import { EsTableDefaultable } from '../../domain/configuration/EsTableDefaultable';
+import { EsTd } from '../es-td/es_td.component';
 import { EsTdDirective } from '../../directives/es_td.directive';
 import { EsThDirective } from '../../directives/es_th.directive';
 import { EsTdEditorDirective } from '../../directives/es_td_editor.directive';
@@ -33,8 +34,8 @@ import { RowGroupingHandler } from "../../core/handlers/RowGroupingHandler";
 import { SelectionHandler } from "../../core/handlers/SelectionHandler";
 import { UtilitiesHandler } from "../../core/handlers/UtilitiesHandler";
 import { CopyPasteDetector } from '../../core/CopyPasteDetector';
+import { Logger } from '../../core/Logger';
 import { Subject } from 'rxjs';
-import { EsTd } from '../es-td/es_td.component';
 /** Componente che permette di rappresentare una griglia di valori */
 export declare class EsTableComponent implements ControlValueAccessor, OnChanges {
     ngControl: NgControl;
@@ -50,6 +51,7 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
     private msgExts;
     private copyPasteDetector;
     private clipboardService;
+    private logger;
     /** @ignore */ export_H: ExportHandler;
     /** @ignore */ columnMetadata_H: ColumnMetadataHandler;
     /** @ignore */ dynamicMode_H: DynamicModeHandler;
@@ -61,7 +63,7 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
     /** @ignore */ private copySubscription;
     /** @ignore */ private pasteSubscription;
     /** @ignore */
-    constructor(ngControl: NgControl, prefService: PreferencesService, deafults: EsTableDefaultable, locale: string, lc: LocalizationService, cdr: ChangeDetectorRef, utilities_H: UtilitiesHandler, utiExts: UtilityService, expExts: ExportService, dateExts: DateService, msgExts: MessageService, copyPasteDetector: CopyPasteDetector, clipboardService: ClipboardService);
+    constructor(ngControl: NgControl, prefService: PreferencesService, deafults: EsTableDefaultable, locale: string, lc: LocalizationService, cdr: ChangeDetectorRef, utilities_H: UtilitiesHandler, utiExts: UtilityService, expExts: ExportService, dateExts: DateService, msgExts: MessageService, copyPasteDetector: CopyPasteDetector, clipboardService: ClipboardService, logger: Logger);
     /** Subject utilizzato internamente lato EsTable per causare il Focus lato componente di Input */
     FocusSubject: Subject<void>;
     /** Timer che verrà impostato a **doubleClickBufferMs** per capire se è stato effettuato un click singolo o un doubleclick */
@@ -71,7 +73,10 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
     /** View finale su cui bindarsi lato Frontend, il tipo può essere IAppSearch<any> (per la **viewMode**), any[] (per l'**arrayMode**) */
     View: any;
     /** Modello da cui l'es-table mostra i pulsanti di paginazione in basso a destra */
-    arrayPulsanti: any;
+    arrayPulsanti: {
+        val: number;
+        cssClass: string;
+    }[];
     /** Indica se l'es-table deve mostrare il check globale nell'header per fare il "seleziona tutto" */
     globalCheck: boolean;
     /** Tiene da conto l'ultimo elemento selezionato in modo da poter effettuare il SHIFT+CLICK */
@@ -123,11 +128,13 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
     TMPRowTHs: ThElement[];
     /** Modello di appoggio temporaneo per i **RowThGroups** */
     TMPRowThGroups: {
+        ID: string;
         Span: number;
         Template: TemplateRef<any>;
     }[][];
     /** Modello rappresentante un singolo header group della tabella. Questa lista è già ordinata e pronta per essere utilizzata in ngFor */
     RowThGroups: {
+        ID: string;
         Span: number;
         Template: TemplateRef<any>;
     }[][];
@@ -183,6 +190,10 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
     ColumnsPinnable: boolean;
     /** Indica se dev'essere disponibile il sistema di aggiornamento automatico */
     AutoUpdate: boolean;
+    /** Indica l'altezza cablata che deve assumere la tabella. Es: "100px" | "100%" ...  */
+    Height: string;
+    /** Indica il colore di sfondo dello spazio vuoto (non ricoperto da dati). Particolarmente utile da impostare in caso di **Height** diverso da null  */
+    EmptySpaceBackgroundColor: string;
     /**
      * @experimental Indica se dev'essere l'estable a gestire la ricerca, anche la prima.
      *
@@ -466,7 +477,15 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
     /** @ignore */
     writeValue(obj: any, throttle?: boolean): Promise<void>;
     /** Funzione di trackby per il body che dovrebbe evitare il 90% delle change detection */
-    bodyTrackBy: (index: number, item: any) => any;
+    bodyTrackBy: (_: number, item: any) => any;
+    /** Funzione di trackby generica per tutti gli oggetti che hanno il campo id */
+    idTrackBy: (_: number, item: any) => any;
+    /** Funzione di trackby generica per tutti gli oggetti che hanno il campo PropertyName */
+    PropertyNameTrackBy: (_: number, item: any) => any;
+    /** Funzione di trackby generica per tutti gli oggetti che hanno il campo ID */
+    IDTrackBy: (_: number, item: any) => any;
+    /** Funzione di trackby generica per tutti gli oggetti che hanno il campo ID */
+    valTrackBy: (_: number, item: any) => any;
     /**
      * Successivamente al bind del nuovo input questa funzione si occupa di finalizzare tutti i parametri di funzionamento dell'es-table
      * in base a Input - Modello, e qualsiasi altra cosa possa servire
@@ -671,9 +690,8 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
      * @param {any} $event Evento nativo javascript
      * @param {TdElement} rowItem Riferimento a binder della riga
      * @param {any} item Item che rappresenta il contesto su cui è stato effettuato un click
-     * @param {number} rowIndex Indice della riga
      */
-    dbClickEditOrSingleClickRowSelection($event: any, rowItem: TdElement, item: any, rowIndex: number): void;
+    dbClickEditOrSingleClickRowSelection($event: MouseEvent, rowItem: TdElement, item: any): void;
     /** Evento che gestisce il comando "Copia" buttando i valori selezionati nella clipboard in base al loro tipo */
     private handleCopy;
     /** Evento che gestisce il comando "Incolla" prendendo i dati della clipboard e applicandoli al range di selezione attuale in base al tipo delle celle sotto */
@@ -711,10 +729,12 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
      */
     finalizeUserEdit(rowItem: TdElement, item: any, columnIndex: number): void;
     private mouseIsDown;
+    private rangeSelected;
+    private rangeStartWasIgnored;
     private firstCoordinates;
-    mousedown(event: MouseEvent, rowItem: any, item: any): void;
+    mousedown(event: MouseEvent, rowItem: any, _: any): void;
     mouseenter(event: MouseEvent): void;
-    mouseup(event: any): void;
+    mouseup(event: MouseEvent): void;
     private EsTdsCache;
     getCellReference(object: any, column: string): EsTd;
     registerCell(event: EsTdReference): void;

package/lib/components/es-td/es_td.component.d.ts

@@ -1,25 +1,9 @@
-import { Renderer2, ElementRef, EventEmitter, ChangeDetectorRef } from "@angular/core";
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { EventEmitter, ChangeDetectorRef } from "@angular/core";
 /** Componente rappresentante una singola cella del body della tabella */
 export declare class EsTd {
     private cdr;
-    private myself;
-    private renderer;
-    protected sanitizer: DomSanitizer;
     /** Id della cella, dev'essere lo stesso della colonna **EsTh** relativa */
     ID: string;
-    /** Indica se è una cella interna (rigenerata programmaticamente) o no */
-    Internal?: boolean;
-    /** RouterLink qualora il click su questa cella debba navigare da qualche parte */
-    RouterLink?: any;
-    /** Valore da mostrare all'interno della cella. Se omesso verrà proiettato il contenuto dal template in cui è stata usata */
-    Display?: string;
-    /** Template Angular da istanziare per questo TD */
-    Template?: any;
-    /** Classi da applicare alla cella */
-    Class?: string;
-    /** Contenuto da mostrare proiettato dal componente padre */
-    Content?: SafeHtml;
     /** Contesto dell'oggetto a cui si riferisce il dato visualizzato. Contiene l'hash dell'oggetto in questione */
     Context: string;
     /** Quando questa cella viene generata questo evento permette di dire "ehi, sono nato!"  */
@@ -28,24 +12,12 @@ export declare class EsTd {
         hash: string;
         self: EsTd;
     }>;
-    /** Indicazioni sulla visibilità della cella */
-    private _Visible?;
+    /** Errore attualmente presente sulla cella */
+    ValidationError: string;
     /** @ignore */
-    constructor(cdr: ChangeDetectorRef, myself: ElementRef, renderer: Renderer2, sanitizer: DomSanitizer);
-    /**
-     * Imposta la visibilità o meno della cella, si traduce nell'applicazione o rimozione della classe **app-display-none**
-     *
-     * @param {boolean} expression Indicazione della visibilità
-     */
-    set Visible(expression: boolean);
-    /**
-     * Restituisce lo stato di Visibilità della cella in oggetto
-     *
-     * @returns {boolean} **true** se visibile, **false** altrimenti
-     */
-    get Visible(): boolean;
+    constructor(cdr: ChangeDetectorRef);
     /** @ignore */
     ngAfterViewInit(): void;
-    ValidationError: string;
-    validationError(isError: boolean, error?: string): void;
+    /** Api per impostare un "errore" su questa cella in maniera programmatica */
+    validationError(error?: string): void;
 }

package/lib/components/pipes/est-renderer.pipe.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform, QueryList } from "@angular/core";
+import { Logger } from "../../core/Logger";
+import { EsTdDirective } from "../../directives/es_td.directive";
+export declare class EstRendererPipe implements PipeTransform {
+    private logger;
+    constructor(logger: Logger);
+    transform(propName: string, params: {
+        name: string;
+        src: QueryList<EsTdDirective>;
+        fallback: any;
+    }): any;
+}

package/lib/components/pipes/est-routerlink.pipe.d.ts

@@ -0,0 +1,17 @@
+import { PipeTransform } from "@angular/core";
+export declare class EstRouterLinkPipe implements PipeTransform {
+    /** Cache per i routerLink generati nelle tabelle dinamiche */
+    routerLinksCache: {};
+    transform(item: any, path: string, parameters: string[]): any;
+    /**
+     * Crea un router link
+     *
+     * @param {string} path Path su cui navigare con eventuali parametri riferiti all'oggetto cotnestuale come {0}, {1}, ecc...
+     * @param {string[]} pars Lista posizionale delle proprietà a cui bindare i riferimenti del parametro **path**
+     * Es. Il valore dela proprietà all'indice 0 di questo array verrà sostituita al valore {0} del parametro **path**
+     * @param {any} item Oggetto collegato a questo contesto. Può essere un oggetto generico (con "properties") o un oggetto ben definito
+     *
+     * @returns {any} Router link generato in base al parametri
+     */
+    private getRouterLink;
+}

package/lib/components/pipes/est_editor.pipe.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform, QueryList } from "@angular/core";
+import { Logger } from "../../core/Logger";
+import { EsTdEditorDirective } from "../../directives/es_td_editor.directive";
+export declare class EstEditorPipe implements PipeTransform {
+    private logger;
+    constructor(logger: Logger);
+    transform(propName: string, params: {
+        name: string;
+        src: QueryList<EsTdEditorDirective>;
+        fallback: any;
+    }): any;
+}

package/lib/core/Logger.d.ts

@@ -0,0 +1,7 @@
+/** Classe che fornisce dei metodi di estensione in grado di riconoscere e dispatchare l'evento copia e incolla lanciato su una pagina web */
+export declare class Logger {
+    debugMode: boolean;
+    /** @ignore */
+    constructor(debugMode: boolean);
+    log(text: string): void;
+}

package/lib/core/handlers/DynamicModeHandler.d.ts

@@ -1,32 +1,20 @@
 import { EsTableComponent } from "../../components/es-table/es_table.component";
-import { GenericItem } from "../../domain/externals/appsearch/GenericItem";
+import { EsTdDirective } from "../../directives/es_td.directive";
+import { EsThDirective } from "../../directives/es_th.directive";
 /** Classe contenente le gestioni particolari della modalità dinamica dell'es-table */
 export declare class DynamicModeHandler {
     private est;
     /** @ignore Costruttore*/
     constructor(est: EsTableComponent);
-    /**
-     * Metodo di supporto alla creazione di un router link parametrizzato all'oggetto corrente utilizzato nella modalità dinamica
-     *
-     * @param {string} path Path su cui navigare con eventuali parametri riferiti all'oggetto cotnestuale come {0}, {1}, ecc...
-     * @param {string[]} parameterProps Lista posizionale delle proprietà a cui bindare i riferimenti del parametro **path**
-     * Es. Il valore dela proprietà all'indice 0 di questo array verrà sostituita al valore {0} del parametro **path**
-     * @param {GenericItem} item Oggetto generico collegato a questo contesto
-     *
-     * @returns {any} Router link generato in base al parametri
-     */
-    generateRouterLink(path: string, parameterProps: string[], item: GenericItem): any;
-    /**
-     * Crea un router link
-     *
-     * @param {string} path Path su cui navigare con eventuali parametri riferiti all'oggetto cotnestuale come {0}, {1}, ecc...
-     * @param {string[]} pars Lista posizionale delle proprietà a cui bindare i riferimenti del parametro **path**
-     * Es. Il valore dela proprietà all'indice 0 di questo array verrà sostituita al valore {0} del parametro **path**
-     * @param {GenericItem} item Oggetto generico collegato a questo contesto
-     *
-     * @returns {any} Router link generato in base al parametri
-     */
-    private getRouterLink;
     /** Se non ho l'Input **DynamicRowColumnsDefinition** in modalità dinamica lo riempio con il default nome della colonna = testo della colonna */
     eventuallyReviewDynamicColumns(): void;
+    /** Genera partendo dalle **DynamicRowColumnsDefinition** la lista di **EsThDirective** e **EsTdDirective** che servono per la tabella */
+    emitThsAndTdsBasedOnDynamicDefinition(): {
+        ths: EsThDirective[];
+        tds: EsTdDirective[];
+    };
+    /** @ignore Helper */
+    private getTh;
+    /** @ignore Helper */
+    private getTd;
 }

package/lib/core/handlers/SelectionHandler.d.ts

@@ -175,7 +175,17 @@ export declare class SelectionHandler {
      * @param {number} column Indice della colonna preso banalmente dall'ngIf sui thElement
      * @param {{ row: number, column: number }} firstSelectionOverride Permette di overridare il primo elemento selezionato
      */
-    singleCellSelection(event: any, row: number, column: number, firstSelectionOverride?: {
+    singleCellSelection(event: {
+        view: any;
+        range: boolean;
+    }, row: number, column: number, firstSelectionOverride?: {
+        row: number;
+        column: number;
+    }): void;
+    setSelectionStatusBorders(from: {
+        row: number;
+        column: number;
+    }, to: {
         row: number;
         column: number;
     }): void;
@@ -184,7 +194,7 @@ export declare class SelectionHandler {
      *
      * @param {{row: number, column: number}} exclusion Coordinata da escludere nella pulizia
      */
-    clearSelectionStatus(exclusion?: {
+    clearSelectionStatusExcluding(exclusion?: {
         row: number;
         column: number;
     }): void;
@@ -199,7 +209,10 @@ export declare class SelectionHandler {
      *
      * @param {any} event Evento nativo Javascript
      */
-    clearTextSelection(event: any): boolean;
+    clearTextSelection(event: {
+        view: any;
+        range: boolean;
+    }): boolean;
     /**
      * Data la matrice di selezione generata dal metodo **getSelectionStatusSelection** genera la strigna vera e propria da copiare nella Clipboard
      *

package/lib/core/handlers/UtilitiesHandler.d.ts

@@ -33,7 +33,10 @@ export declare class UtilitiesHandler {
      *
      * @returns {any[]} Pseudo-array di pulsanti a cui ci si può bindare lato HTML
      */
-    getPagesArray(maxBtns: number, page: number, lastPage: number, actualCount?: number, ipp?: number): any[];
+    getPagesArray(maxBtns: number, page: number, lastPage: number, actualCount?: number, ipp?: number): {
+        val: number;
+        cssClass: string;
+    }[];
     /**
      * Calcola l'hash di un oggetto qualsiasi
      *

package/lib/directives/es_th.directive.d.ts

@@ -1,4 +1,5 @@
 import { TemplateRef } from "@angular/core";
+import { AvailableOptions } from "@esfaenza/forms-and-validations";
 import { ThAggregation } from "../domain/internals/ThAggregation";
 import { InputType } from "../domain/types";
 /** Direttiva per la dichiarazione snella di un EsTh da emettere come header */
@@ -8,6 +9,7 @@ export declare class EsThDirective {
     _thAggregations: ThAggregation[];
     /** Variabile interna contenente in maniera ordinata i template dei padri */
     _thParents: {
+        id: string;
         tmpl?: TemplateRef<any>;
         content?: string;
     }[];
@@ -72,6 +74,29 @@ export declare class EsThDirective {
     thAlignment: "Center" | "Left" | "Right";
     /** Formato da applicare al valore se applicabile */
     thFormat: string;
+    /** Nome dell'editor da utilizzare per la modifica di questo campo, ordine di priorità:
+     *
+     * 1. Editor con nome **thEditorName**
+     *
+     * 2. Editor riferito alla proprietà **thProperty**
+     *
+     * 3. Editor di default per **thType**
+     */
+    thEditorName: string;
+    /** Opzioni da applicare all'editor di questa colonna */
+    thEditorOptions: {
+        [id in AvailableOptions]?: any;
+    };
+    /** Nome del renderer da utilizzare per visualizzare questo campo. Utilizzato solo per le tabelle dinamiche */
+    thRendererName: string;
+    /** Route di navigazione. Es. "['/pages/mod/mod_detail', { 'idItem': '{0}', 'idItem2' : '{1}' }]" */
+    thRoutePath: string;
+    /**
+     * Proprietà da bindare a **routePath** per generare la route completa.
+     *
+     * L'indice scritto in **routePath** è l'indice di accesso a questo array. Es. ["idItem", "idItem2"]
+     */
+    thRouteParameterProperties: string[];
     /** @ignore */
     constructor(Template: TemplateRef<any>);
 }

package/lib/domain/externals/EsTableColumnsDefinition.d.ts

@@ -22,12 +22,10 @@ export declare class EsTableColumnsDefinition {
     EditorOptions: {
         [id in AvailableOptions]?: any;
     };
-    edits: {
-        [index: string]: {
-            _editing: boolean;
-            old_value: string;
-        };
-    };
+    Pinned: boolean;
+    PinnedWidth: number;
+    Pinnable: boolean;
+    Grouping: string;
     /**
      * Costruttore
      *
@@ -52,8 +50,6 @@ export declare class EsTableColumnsDefinition {
         description: string;
     }[], EditorName?: string, RendererName?: string, EditorOptions?: {
         [id in AvailableOptions]?: any;
-    });
+    }, Pinned?: boolean, PinnedWidth?: number, Pinnable?: boolean, Grouping?: string);
     static build(parsObj: any): EsTableColumnsDefinition;
-    /** Routerlink che verrà generato a runtime basandosi sulle informazioni di **routePath** e **routeParameterProperties** */
-    routerLink: any;
 }

package/lib/domain/externals/ItemPropEditableReference.d.ts

@@ -25,6 +25,10 @@ export declare class ItemPropEditableReference {
     loverlaps?: boolean;
     /** Indica se il bordo a destra overlappa su un bordo di selezione sinistro della cella successiva */
     roverlaps?: boolean;
+    /** Indica se il bordo in alto overlappa su un bordo di selezione basso della cella precedente */
+    toverlaps?: boolean;
+    /** Indica se il bordo in basso overlappa su un bordo di selezione in alto della cella successiva */
+    boverlaps?: boolean;
     /** Funzione che imposta il nuovo valore della proprietà **property** dell'oggetto **item** ed aggiorna il **value** di questo oggetto */
     val_setter?: (value: string) => any;
 }

package/lib/domain/internals/EsTableColumn.d.ts

@@ -10,6 +10,7 @@ export declare class EsTableColumn {
     pinnedWidth?: number;
     template?: TemplateRef<any>;
     parentTemplates?: {
+        id: string;
         tmpl?: TemplateRef<any>;
         content?: string;
     }[];
@@ -26,11 +27,12 @@ export declare class EsTableColumn {
      * @param {boolean} pinned Indica se è una colonna pinnata
      * @param {number} pinnedWidth Indica la dimensione da assegnare a questa colonna quando è pinnata
      * @param {TemplateRef<any>} template Indica il template da usare per mostrare il testo dell'Header
-     * @param {{ tmpl: TemplateRef<any>, content: string }[]} parentTemplates Indica la lista di template padri collegata a questo header, rappresentati come Template o come stringa qualora fosse generato automaticamente (caso **Multi**)
+     * @param {{ id: string, tmpl: TemplateRef<any>, content: string }[]} parentTemplates Indica la lista di template padri collegata a questo header, rappresentati come Template o come stringa qualora fosse generato automaticamente (caso **Multi**)
      * @param {boolean} multi Indica che la colonna deriva da una direttiva **Multi**
      * @param {string} multiContent Indica il contenuto della direttiva **Multi** per questa colonna
      */
     constructor(id: string, description: string, visible?: boolean, fixed?: boolean, pinned?: boolean, pinnable?: boolean, pinnedWidth?: number, template?: TemplateRef<any>, parentTemplates?: {
+        id: string;
         tmpl?: TemplateRef<any>;
         content?: string;
     }[], multi?: boolean, multiContent?: string);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/es-table",
-  "version": "11.2.121",
+  "version": "11.2.123-beta1",
   "dependencies": {
     "tslib": "^2.0.0"
   },
@@ -8,7 +8,7 @@
     "@angular/common": "~11.2.14",
     "@angular/core": "~11.2.14",
     "@angular/material": "~11.2.13",
-    "@esfaenza/extensions": "^11.2.41",
+    "@esfaenza/extensions": "^11.2.48",
     "@esfaenza/localizations": "^11.2.7",
     "@esfaenza/forms-and-validations": "^11.2.140",
     "@esfaenza/ngx-contextmenu": "^11.2.6",