@esfaenza/es-table 13.1.13 → 13.1.16

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

@@ -292,6 +292,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>;
     /**
@@ -594,6 +596,16 @@ 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;
     static ɵfac: i0.ɵɵFactoryDeclaration<EsTableComponent, [{ optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null, null, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EsTableComponent, "es-table", never, { "CornerMenuOptions": "CornerMenuOptions"; "ColumnsResizable": "ColumnsResizable"; "ColumnsPinnable": "ColumnsPinnable"; "AutoUpdate": "AutoUpdate"; "UseCustomCells": "UseCustomCells"; "MaxHeight": "MaxHeight"; "ContainerClass": "ContainerClass"; "XLSXExport": "XLSXExport"; "CSVExport": "CSVExport"; "AllSearch": "AllSearch"; "HighCellDensity": "HighCellDensity"; "Selection": "Selection"; "ShowLoadingOnBootstrap": "ShowLoadingOnBootstrap"; "Removal": "Removal"; "RemovalCondition": "RemovalCondition"; "Export": "Export"; "ShiftClick": "ShiftClick"; "CountLabel": "CountLabel"; "HidePaging": "HidePaging"; "HidePagingCount": "HidePagingCount"; "HidePagingButtons": "HidePagingButtons"; "ContextMenu": "ContextMenu"; "ExportFileName": "ExportFileName"; "TableClass": "TableClass"; "ExportFunction": "ExportFunction"; "HasHeaderGroup": "HasHeaderGroup"; "HasSecondaryHeaderGroup": "HasSecondaryHeaderGroup"; "HeaderHidden": "HeaderHidden"; "BodyHidden": "BodyHidden"; "SelectionDisabled": "SelectionDisabled"; "SingleSelection": "SingleSelection"; "RowClassAssigner": "RowClassAssigner"; "OrderByColumn": "OrderByColumn"; "MultipleOrderingDirectives": "MultipleOrderingDirectives"; "HiddenColumns": "HiddenColumns"; "ColumnsOrdering": "ColumnsOrdering"; "SearchView": "SearchView"; "SelectAll": "SelectAll"; "UseArrayModePaging": "UseArrayModePaging"; "DynamicRowColumnsDefinition": "DynamicRowColumnsDefinition"; "DynamicOperations": "DynamicOperations"; "Hierarchy": "Hierarchy"; "ParentKey": "ParentKey"; "OwnKey": "OwnKey"; "StartsExpanded": "StartsExpanded"; "SavePreferences": "SavePreferences"; "PagingStyle": "PagingStyle"; "RowGroupingPagingStyle": "RowGroupingPagingStyle"; "SecondarySource": "SecondarySource"; "TertiarySource": "TertiarySource"; "UseSelectionCache": "UseSelectionCache"; "ShowItemGroupsColumns": "ShowItemGroupsColumns"; "ArraymodeItemsPerPage": "ArraymodeItemsPerPage"; }, { "onOrderChanged": "onOrderChanged"; "onSearchRequest": "onSearchRequest"; "onSelectionChanged": "onSelectionChanged"; "onRemoval": "onRemoval"; "onAbortRemoval": "onAbortRemoval"; "onCornerAction": "onCornerAction"; "onDynamicOperation": "onDynamicOperation"; }, ["bodyRef", "headerRef", "headerGroupRef", "secondaryHeaderGroupRef", "EsTdsDirective", "EsThsDirective"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EsTableComponent, "es-table", never, { "CornerMenuOptions": "CornerMenuOptions"; "ColumnsResizable": "ColumnsResizable"; "ColumnsPinnable": "ColumnsPinnable"; "AutoUpdate": "AutoUpdate"; "UseCustomCells": "UseCustomCells"; "MaxHeight": "MaxHeight"; "ContainerClass": "ContainerClass"; "XLSXExport": "XLSXExport"; "CSVExport": "CSVExport"; "AllSearch": "AllSearch"; "HighCellDensity": "HighCellDensity"; "Selection": "Selection"; "ShowLoadingOnBootstrap": "ShowLoadingOnBootstrap"; "Removal": "Removal"; "RemovalCondition": "RemovalCondition"; "Export": "Export"; "ShiftClick": "ShiftClick"; "CountLabel": "CountLabel"; "HidePaging": "HidePaging"; "HidePagingCount": "HidePagingCount"; "HidePagingButtons": "HidePagingButtons"; "ContextMenu": "ContextMenu"; "ExportFileName": "ExportFileName"; "TableClass": "TableClass"; "ExportFunction": "ExportFunction"; "HasHeaderGroup": "HasHeaderGroup"; "HasSecondaryHeaderGroup": "HasSecondaryHeaderGroup"; "HeaderHidden": "HeaderHidden"; "BodyHidden": "BodyHidden"; "SelectionDisabled": "SelectionDisabled"; "SingleSelection": "SingleSelection"; "RowClassAssigner": "RowClassAssigner"; "OrderByColumn": "OrderByColumn"; "MultipleOrderingDirectives": "MultipleOrderingDirectives"; "HiddenColumns": "HiddenColumns"; "ColumnsOrdering": "ColumnsOrdering"; "SearchView": "SearchView"; "SelectAll": "SelectAll"; "UseArrayModePaging": "UseArrayModePaging"; "DynamicRowColumnsDefinition": "DynamicRowColumnsDefinition"; "DynamicOperations": "DynamicOperations"; "Hierarchy": "Hierarchy"; "ParentKey": "ParentKey"; "OwnKey": "OwnKey"; "StartsExpanded": "StartsExpanded"; "SavePreferences": "SavePreferences"; "PagingStyle": "PagingStyle"; "RowGroupingPagingStyle": "RowGroupingPagingStyle"; "SecondarySource": "SecondarySource"; "TertiarySource": "TertiarySource"; "UseSelectionCache": "UseSelectionCache"; "ShowItemGroupsColumns": "ShowItemGroupsColumns"; "UserEdits": "UserEdits"; "ArraymodeItemsPerPage": "ArraymodeItemsPerPage"; }, { "onOrderChanged": "onOrderChanged"; "onSearchRequest": "onSearchRequest"; "onSelectionChanged": "onSelectionChanged"; "onRemoval": "onRemoval"; "onAbortRemoval": "onAbortRemoval"; "onCornerAction": "onCornerAction"; "onDynamicOperation": "onDynamicOperation"; }, ["bodyRef", "headerRef", "headerGroupRef", "secondaryHeaderGroupRef", "EsTdsDirective", "EsThsDirective"], never>;
 }

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

@@ -5,6 +5,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

@@ -7,11 +7,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 */
@@ -46,10 +53,15 @@ 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>);
     static ɵfac: i0.ɵɵFactoryDeclaration<EsThDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EsThDirective, "[th]", never, { "th": "th"; "thPinned": "thPinned"; "thPinnable": "thPinnable"; "thPinnedWidth": "thPinnedWidth"; "thVisible": "thVisible"; "thFixed": "thFixed"; "thParent": "thParent"; "thOrder": "thOrder"; "thOrderable": "thOrderable"; "thWrap": "thWrap"; "thResizable": "thResizable"; "thClass": "thClass"; "thGroupClass": "thGroupClass"; "thIf": "thIf"; "thEmpty": "thEmpty"; "thGroup": "thGroup"; "thAggregation": "thAggregation"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EsThDirective, "[th]", never, { "th": "th"; "thPinned": "thPinned"; "thPinnable": "thPinnable"; "thPinnedWidth": "thPinnedWidth"; "thVisible": "thVisible"; "thFixed": "thFixed"; "thParent": "thParent"; "thOrder": "thOrder"; "thOrderable": "thOrderable"; "thWrap": "thWrap"; "thResizable": "thResizable"; "thClass": "thClass"; "thGroupClass": "thGroupClass"; "thIf": "thIf"; "thEmpty": "thEmpty"; "thGroup": "thGroup"; "thAggregation": "thAggregation"; "thUserEdits": "thUserEdits"; "thMulti": "thMulti"; }, {}, never>;
 }

package/lib/domain/configuration/EsTableModuleConfig.d.ts

@@ -6,5 +6,5 @@ export declare class EsTableModuleConfig {
     /** Indica se scrivere messaggi di log a console */
     debugMode?: boolean;
     /** Eventuali proprietà di default per l'EsTable */
-    EsTableDefaults?: EsTableDefaultable;
+    defaults?: EsTableDefaultable;
 }

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/lib/es-table.module.d.ts

@@ -18,9 +18,10 @@ import * as i14 from "@esfaenza/ngx-contextmenu";
 import * as i15 from "@angular/material/select";
 import * as i16 from "@angular/material/input";
 import * as i17 from "@angular/cdk/drag-drop";
+import * as i18 from "@esfaenza/forms-and-validations";
 export declare class EsTableModule {
     static forRoot(config?: EsTableModuleConfig): ModuleWithProviders<EsTableModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EsTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EsTableModule, [typeof i1.EsTh, typeof i2.EsTd, typeof i3.EsTableComponent, typeof i4.EsTdDirective, typeof i5.EsThDirective, typeof i6.TablePagerComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.RouterModule, typeof i10.LocalizationModule, typeof i11.ModalModule, typeof i12.BsDropdownModule, typeof i13.CsvModule, typeof i14.ContextMenuModule, typeof i15.MatSelectModule, typeof i16.MatInputModule, typeof i17.DragDropModule], [typeof i3.EsTableComponent, typeof i4.EsTdDirective, typeof i5.EsThDirective, typeof i6.TablePagerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EsTableModule, [typeof i1.EsTh, typeof i2.EsTd, typeof i3.EsTableComponent, typeof i4.EsTdDirective, typeof i5.EsThDirective, typeof i6.TablePagerComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.RouterModule, typeof i10.LocalizationModule, typeof i11.ModalModule, typeof i12.BsDropdownModule, typeof i13.CsvModule, typeof i14.ContextMenuModule, typeof i15.MatSelectModule, typeof i16.MatInputModule, typeof i17.DragDropModule, typeof i18.FormsAndValidationsModule], [typeof i3.EsTableComponent, typeof i4.EsTdDirective, typeof i5.EsThDirective, typeof i6.TablePagerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EsTableModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/es-table",
-  "version": "13.1.13",
+  "version": "13.1.16",
   "dependencies": {
     "tslib": "^2.0.0"
   },
@@ -10,6 +10,7 @@
     "@angular/material": "~13.1.1",
     "@esfaenza/extensions": "^13.1.3",
     "@esfaenza/localizations": "^13.1.3",
+    "@esfaenza/forms-and-validations": "^13.1.3",
     "@ctrl/ngx-csv": "5.0.0",
     "@esfaenza/ngx-contextmenu": "^13.1.3",
     "@esfaenza/preferences": "^13.1.6",

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';