@esfaenza/es-table 11.2.42 → 11.2.44

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

@@ -291,6 +291,8 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
     UseSelectionCache: any;
     /** Permette di decidere se, in modalità raggruppamento, mostrare o meno il valore delle colonne di gruppo negli oggetti finali. Di default sono nascosti */
     ShowItemGroupsColumns: any;
+    /** Indica che tutti i campi che definiscono le modalità di modifica campo possono essere modificati in base alle impostazioni */
+    UserEdits: boolean;
     /** Evento che viene richiamato al cambio di oridnamento di una colonna */
     onOrderChanged: EventEmitter<AppOrdering>;
     /**
@@ -593,4 +595,14 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
      * Metodo eventualmente richiamabile anche dal componente esterno che permette di forzare un refresh della tabella
      */
     forceRefresh(): void;
+    rowDbClickTimer: any;
+    cellDbClickTimer: any;
+    doubleClickBufferMs: number;
+    ensureNoDbClickAndSelect($event: any, item: any, selection: boolean): void;
+    private clearRowClickTimer;
+    ensureDbClickAndSetupEdit(rowItem: TdElement): void;
+    private clearCellClickTimer;
+    private handleRowClick;
+    setupUserEdit(rowItem: TdElement): void;
+    finalizeUserEdit(rowItem: TdElement, item: any): void;
 }

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

@@ -1,7 +1,6 @@
 import { CdkDrag, CdkDragDrop } from "@angular/cdk/drag-drop";
 import { UtilityService } from "@esfaenza/extensions";
 import { PreferencesService } from "@esfaenza/preferences";
-import { EsTd } from "../../components/es-td/es_td.component";
 import { EsTableComponent } from "../../components/es-table/es_table.component";
 import { EsTdDirective } from "../../directives/es_td.directive";
 import { EsThDirective } from "../../directives/es_th.directive";
@@ -33,10 +32,14 @@ export declare class ColumnMetadataHandler {
      * @param {EsThDirective[]} ths Colonne della tabella
      */
     reviewColumnsList(ths: EsThDirective[]): void;
+    expandMultiThsAndTds(ths: EsThDirective[], tds: EsTdDirective[], items: any[]): {
+        expThs: EsThDirective[];
+        expTds: EsTdDirective[];
+    };
     /**
      * Prende i th e i td in modalità diretive e li ordina in base a se ci sono colonne fixed o meno
      */
-    moveFixedColumnsAtTheBeginning(ths: EsThDirective[], tds: EsTd[] | EsTdDirective[]): void;
+    moveFixedColumnsAtTheBeginning(ths: EsThDirective[], tds: EsTdDirective[]): void;
     /** In base alla configurazione delle colonne calcola le dimenioni delle colonne pinnate */
     evaluatePinnedColumnsWidth(): void;
     /**
@@ -47,9 +50,9 @@ export declare class ColumnMetadataHandler {
      */
     alignColumnsIfLoadedView(view: AppSearch<any>): void;
     /**
-     * In base alla visibilità registrata nelle **ColumnsList** questo metodo si occupa di prendere tutti i **EsThs** ed **EsTds** relativi e nasonderli/mostrarli
+     * In base alla visibilità registrata nelle **ColumnsList** questo metodo si occupa di prendere tutti i **EsThDirective** ed **EsTdDirective** relativi e nasonderli/mostrarli
      *
-     * Costo: 1 scan ColumnsList, 1 scan EsThs, 1 scan EsTds
+     * Costo: 1 scan ColumnsList, 1 scan EsThDirectives, 1 scan EsTdDirectives
      *
      * @param {EsThDirective[]} ths Header della tabella
      * @param {EsTdDirective[]} tds Celle della tabella
@@ -86,7 +89,9 @@ export declare class ColumnMetadataHandler {
         leafs: EsThDirective[];
         groupingLevel: number;
         parentsCache: any;
-        thsCache: any;
+        thsCache: {
+            [index: string]: EsThDirective;
+        };
     }): void;
     /**
      * Calcola il numero di salti da un header foglia all'ultimo parent della catena

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

@@ -4,6 +4,8 @@ export declare class EsTdDirective {
     Template: TemplateRef<any>;
     /** Variabile interna che indica il fatto che questo componente è una direttiva. Serve per disambigualrlo dell'EsTdComponent */
     _directive: boolean;
+    /** Variabile interna che indica il fatto che questo template si riferisce a una proprietà multipla */
+    _multi: boolean;
     /** Indica se la cella è visibile o meno di default */
     tdVisible: boolean;
     /** Id della colonna, fa riferimento al **th** padre */

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

@@ -6,11 +6,18 @@ export declare class EsThDirective {
     /** Variabile interna all'interno della quale viene raccolta la cache delle aggregazioni specificate in thAggregation */
     _thAggregations: ThAggregation[];
     /** Variabile interna contenente in maniera ordinata i template dei padri */
-    _thParents: TemplateRef<any>[];
+    _thParents: {
+        tmpl?: TemplateRef<any>;
+        content?: string;
+    }[];
     /** Variabile interna che indica il fatto che questo componente è una direttiva. Serve per disambigualrlo dell'EsThComponent */
     _directive: boolean;
     /** Variabile interna impostata dall'**EsTable**, per controllare che ci sia almeno un TD che utilizzi quest'header */
     _referenced: boolean;
+    /** Variabile interna che indica il fatto che questo template si riferisce a una proprietà multipla */
+    _multi: boolean;
+    /** Variabile interna che indica il contenuto dell'header in caso di multi */
+    _multi_content: string;
     /** Id della colonna, dev'essere lo stesso per tutti i **td** relativi */
     th: string;
     /** Indica se la colonna è pinnata o no */
@@ -45,8 +52,13 @@ export declare class EsThDirective {
     thGroup: boolean;
     /** Indica che bisogna fare una aggregazione su questa colonna, a fronte di almeno un altra con un raggruppamento */
     thAggregation: string;
-    /**
-     * @ignore
-     */
+    /** Impostazioni per la modifica inline di questo campo: la **Property** di riferimento e il **Type** (a scelta fra quelli supportati dal form-adaptive) */
+    thUserEdits: {
+        Property: string;
+        Type: 'string' | 'float' | 'date' | 'number' | 'int' | 'boolean' | 'enum' | 'autocomplete' | 'datetime' | 'time' | 'file' | 'currency';
+    };
+    /** Indica che questo header deve essere emesso una volta per ogni valore presente nella lista di **EsTableMultiValue** alla proprietà **th** dell'oggetto corrente */
+    thMulti: boolean;
+    /** @ignore */
     constructor(Template: TemplateRef<any>);
 }

package/lib/domain/externals/appsearch/EsTableMultiValue.d.ts

@@ -0,0 +1,22 @@
+/** Classe che definisce un multi-elemento, cioè una proprietà particolare di un oggetto da visualizzare in es-table che genera dinamicamente gruppi di Header e valori sottostanti */
+export declare class EsTableMultiValue {
+    value: any;
+    header: string;
+    header_group: string;
+    /**
+     * Costruttore
+     *
+     * @param {string} value Valore di questo elemento
+     * @param {string} header Nome di questo header
+     * @param {string} header_group Gruppo dell'header, in caso di multipli gruppi innestati usare la sintassi "G1 > G2 > G3" ecc...
+     * @param {boolean} exports Indica se questo header con questo valore dev'essere esportato
+     * @param {string} export_format Qualora **export** fosse **true** indica il formato per l'esportazione
+     */
+    constructor(value: any, header: string, header_group: string, exports?: boolean, export_format?: string);
+    /** Indica se questo header con questo valore dev'essere esportato */
+    exports?: boolean;
+    /** Qualora **export** fosse **true** indica il formato per l'esportazione */
+    export_format?: string;
+    /** Generato automaticamente da **header_group** se passato da costruttore, altrimenti generato da es-table. Contiene la lista di gerarchie degli header groups (cioè **header_group** splittato su ">" e trimmato) */
+    _headersHierarchy?: string[];
+}

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

@@ -9,7 +9,12 @@ export declare class EsTableColumn {
     pinnable?: boolean;
     pinnedWidth?: number;
     template?: TemplateRef<any>;
-    parentTemplates?: TemplateRef<any>[];
+    parentTemplates?: {
+        tmpl?: TemplateRef<any>;
+        content?: string;
+    }[];
+    multi?: boolean;
+    multiContent?: string;
     /**
      * Costruttore
      *
@@ -20,9 +25,14 @@ 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 {TemplateRef<any>[]} parentTemplates Indica la lista di template padri collegata a questo 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 {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?: TemplateRef<any>[]);
+    constructor(id: string, description: string, visible?: boolean, fixed?: boolean, pinned?: boolean, pinnable?: boolean, pinnedWidth?: number, template?: TemplateRef<any>, parentTemplates?: {
+        tmpl?: TemplateRef<any>;
+        content?: string;
+    }[], multi?: boolean, multiContent?: string);
     /** Indice precedente in cui si trovava questa colonna in modo da poterla spinnare in maniera super sexy */
     prev_index: number;
 }

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

@@ -32,4 +32,11 @@ export interface TdElement {
     Visible?: boolean;
     /** Indica se la cella deve wrappare o no il contenuto */
     Wraps?: boolean;
+    /** Impostazioni per la modifica inline di questo campo: la **Property** di riferimento e il **Type** (a scelta fra quelli supportati dal form-adaptive) */
+    UserEdits?: {
+        Property: string;
+        Type: string;
+    };
+    /** Indica che l'oggetto di bindare per questo td è l'elemento all'indice Y della proprietà Z dove Y e Z vengono prese dall'**ID** scritto come Z_Y */
+    Multi?: true;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/es-table",
-  "version": "11.2.42",
+  "version": "11.2.44",
   "dependencies": {
     "tslib": "^2.0.0"
   },
@@ -10,6 +10,7 @@
     "@angular/material": "~11.2.13",
     "@esfaenza/extensions": "^11.2.19",
     "@esfaenza/localizations": "^11.2.6",
+    "@esfaenza/forms-and-validations": "^11.2.47",
     "@ctrl/ngx-csv": "4.0.0",
     "@esfaenza/ngx-contextmenu": "^11.2.5",
     "@esfaenza/preferences": "^11.2.18",

package/public-api.d.ts

@@ -16,6 +16,7 @@ export * from './lib/domain/externals/appsearch/GroupAggregation';
 export * from './lib/domain/externals/appsearch/GroupFilter';
 export * from './lib/domain/externals/appsearch/GroupOrAggregation';
 export * from './lib/domain/externals/appsearch/ItemsSelection';
+export * from './lib/domain/externals/appsearch/EsTableMultiValue';
 export * from './lib/domain/externals/report/ReportColumn';
 export * from './lib/domain/externals/report/ReportDefinition';
 export * from './lib/domain/externals/report/ReportOrder';