@esfaenza/es-table 14.2.0 → 14.3.0

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

@@ -19,10 +19,24 @@ export declare class EsTdDirective {
     tdClass: string;
     /** In mancanza di **Template** indica qual è la proprietà dell'oggetto contenente le informazioni da mostrare */
     tdPropertyAccessor: string;
+    /** Allineamento dei valori della tabella */
+    tdAlignment: "Center" | "Left" | "Right";
+    /** Formato da applicare al valore se applicabile, utilizzabile solo se **tdPropertyAccessor** è valorizzato */
+    tdFormat: string;
+    /** Se il contenuto di questo td dev'essere un'immagine cliccabile, questa è la classe che la identifica */
+    tdIconClass: string;
+    /** Campo da controllare per fare apparire/sparire il contenuto di questa cella qualora fosse diverso da **tdConditionValue** */
+    tdConditionField: string;
+    /** Valore che deve assumere **tdConditionField** per mostrare il contenuto di questa cella */
+    tdConditionValue: string;
+    /** Titolo HTML di questa cella */
+    tdTitle: string;
+    /** Contenuto statico di questa cella */
+    tdContent: string;
     /**
      * @ignore
      */
     constructor(Template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<EsTdDirective, [{ self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EsTdDirective, "[td]", never, { "tdVisible": "tdVisible"; "td": "td"; "tdForProperty": "tdForProperty"; "tdIf": "tdIf"; "tdClass": "tdClass"; "tdPropertyAccessor": "tdPropertyAccessor"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EsTdDirective, "[td]", never, { "tdVisible": "tdVisible"; "td": "td"; "tdForProperty": "tdForProperty"; "tdIf": "tdIf"; "tdClass": "tdClass"; "tdPropertyAccessor": "tdPropertyAccessor"; "tdAlignment": "tdAlignment"; "tdFormat": "tdFormat"; "tdIconClass": "tdIconClass"; "tdConditionField": "tdConditionField"; "tdConditionValue": "tdConditionValue"; "tdTitle": "tdTitle"; "tdContent": "tdContent"; }, {}, never, never, false>;
 }

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";
 import * as i0 from "@angular/core";
@@ -9,6 +10,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;
     }[];
@@ -44,6 +46,8 @@ export declare class EsThDirective {
     thResizable: boolean;
     /** Classi da applicare all'Header della colonna */
     thClass: string;
+    /** Classi da applicare all'Header della colonna */
+    thShrink: boolean;
     /** Classi da applicare alle righe quando rappresentano un Gruppo */
     thGroupClass: string;
     /** Equivalente dell'NgIf sul th */
@@ -69,8 +73,35 @@ export declare class EsThDirective {
     thStaticContent: string;
     /** Colore del background della cella */
     thBackgroundColor: string;
+    /** Allineamento dei valori della tabella */
+    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>);
     static ɵfac: i0.ɵɵFactoryDeclaration<EsThDirective, [{ self: true; }]>;
-    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"; "thProperty": "thProperty"; "thType": "thType"; "thSource": "thSource"; "thMulti": "thMulti"; "thStaticContent": "thStaticContent"; "thBackgroundColor": "thBackgroundColor"; }, {}, never, never, false>;
+    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"; "thShrink": "thShrink"; "thGroupClass": "thGroupClass"; "thIf": "thIf"; "thEmpty": "thEmpty"; "thGroup": "thGroup"; "thAggregation": "thAggregation"; "thProperty": "thProperty"; "thType": "thType"; "thSource": "thSource"; "thMulti": "thMulti"; "thStaticContent": "thStaticContent"; "thBackgroundColor": "thBackgroundColor"; "thAlignment": "thAlignment"; "thFormat": "thFormat"; "thEditorName": "thEditorName"; "thEditorOptions": "thEditorOptions"; "thRendererName": "thRendererName"; "thRoutePath": "thRoutePath"; "thRouteParameterProperties": "thRouteParameterProperties"; }, {}, never, never, false>;
 }

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

@@ -17,4 +17,5 @@ export declare class EsTableDefaultable {
     /**  @ignore Vedi **EsTableComponent** */ ShowItemGroupsColumns?: boolean;
     /**  @ignore Vedi **EsTableComponent** */ ArraymodeItemsPerPage?: number;
     /**  @ignore Vedi **EsTableComponent** */ ColumnsPinnable?: boolean;
+    /**  @ignore Vedi **EsTableComponent** */ DefaultAlignment?: 'Left' | 'Center' | 'Right';
 }

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

@@ -1,4 +1,5 @@
 import { InputType } from "../types";
+import { AvailableOptions } from "@esfaenza/forms-and-validations";
 /** Classe che identifica una colonna. Utilizzata in modalità "Colonne dinamiche" */
 export declare class EsTableColumnsDefinition {
     Description: string;
@@ -18,12 +19,14 @@ export declare class EsTableColumnsDefinition {
     }[];
     EditorName: string;
     RendererName: string;
-    edits: {
-        [index: string]: {
-            _editing: boolean;
-            old_value: string;
-        };
+    EditorOptions: {
+        [id in AvailableOptions]?: any;
     };
+    Pinned: boolean;
+    PinnedWidth: number;
+    Pinnable: boolean;
+    Grouping: string;
+    Shrink: boolean;
     /**
      * Costruttore
      *
@@ -46,8 +49,8 @@ export declare class EsTableColumnsDefinition {
     constructor(Description: string, PropertyName: string, RoutePath?: string, RouteParameterProperties?: string[], DataOrder?: 'ASC' | 'DESC', ColumnOrder?: number, Visible?: boolean, Clss?: string, Orderable?: boolean, HeaderWraps?: boolean, PropertyType?: InputType | string, PropertySource?: {
         id: string;
         description: string;
-    }[], EditorName?: string, RendererName?: string);
+    }[], EditorName?: string, RendererName?: string, EditorOptions?: {
+        [id in AvailableOptions]?: any;
+    }, Pinned?: boolean, PinnedWidth?: number, Pinnable?: boolean, Grouping?: string, Shrink?: boolean);
     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/externals/report/ReportColumn.d.ts

@@ -12,4 +12,8 @@ export declare class ReportColumn {
     seq: number;
     /** Ordinamento dei dati presentati */
     order?: string;
+    /** Allineamento da tenere per questa colonna: **Center**, **Left** o **Right** */
+    alignment?: string;
+    /** Formato dei dati da presentare in questa colonna */
+    format?: string;
 }

package/lib/domain/externals/report/ReportRow.d.ts

@@ -2,4 +2,8 @@
 export declare class ReportRow {
     /** Valori dell'oggetto in ordine sequenziale */
     values: string[];
+    /** Colore di foreground per ogni cella */
+    forecolors?: string[];
+    /** Colore di background per ogni cella */
+    backcolors?: string[];
 }

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/lib/domain/internals/PagerInfos.d.ts

@@ -0,0 +1,13 @@
+/** Classe che rappresenta le informazioni di paginazione della tabella attuale */
+export declare class PagerInfos {
+    constructor();
+    PagerCount: number;
+    ShowCount: boolean;
+    ShowPaging: boolean;
+    UsesView: boolean;
+    ShowButtons: boolean;
+    ShowPagingOptions: boolean;
+    View: any;
+    Ready: boolean;
+    Searches: 'items' | 'groups';
+}

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

@@ -46,4 +46,12 @@ export interface TdElement {
     Multi?: true;
     /** Indica l'eventuale proprietà a cui accedere nel caso sia **Content** che **Template** siano vuoti */
     PropAccessor?: string;
+    /** Se il contenuto di questo td dev'essere un'immagine cliccabile, questa è la classe che la identifica */
+    IconClass?: string;
+    /** Campo da controllare per fare apparire/sparire il contenuto di questa cella qualora fosse diverso da **ConditionValue** */
+    ConditionField?: string;
+    /** Valore che deve assumere **ConditionField** per mostrare il contenuto di questa cella */
+    ConditionValue?: string;
+    /** Titolo HTML di questa cella */
+    Title?: string;
 }

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

@@ -20,4 +20,5 @@ export interface ThElement {
     RightBorder: boolean;
     Multi: boolean;
     MultiContent: string;
+    Alignment: string;
 }

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

@@ -0,0 +1,10 @@
+import { TemplateRef } from "@angular/core";
+/** Interfaccia che indica un Header rappresentanto un gruppo */
+export interface ThGroup {
+    /** Codice autogenerato essenzialmente per gli ngFor - trackBy */
+    ID: string;
+    /** Span di questo gruppo */
+    Span: number;
+    /** Template da visualizzare dentro al gruppo */
+    Template: TemplateRef<any>;
+}

package/lib/es-table.module.d.ts

@@ -1,30 +1,34 @@
 import { ModuleWithProviders } from '@angular/core';
 import { EsTableModuleConfig } from './domain/configuration/EsTableModuleConfig';
 import * as i0 from "@angular/core";
-import * as i1 from "./components/es-th/es_th.component";
-import * as i2 from "./components/es-td/es_td.component";
-import * as i3 from "./components/es-table/es_table.component";
-import * as i4 from "./directives/es_td.directive";
-import * as i5 from "./directives/es_th.directive";
-import * as i6 from "./directives/es_td_editor.directive";
-import * as i7 from "./components/pager/table_pager.component";
-import * as i8 from "./components/es-table-template/es_table_template.component";
-import * as i9 from "@angular/common";
-import * as i10 from "@angular/forms";
-import * as i11 from "@angular/router";
-import * as i12 from "@esfaenza/localizations";
-import * as i13 from "ngx-bootstrap/modal";
-import * as i14 from "ngx-bootstrap/dropdown";
-import * as i15 from "@ctrl/ngx-csv";
-import * as i16 from "@esfaenza/ngx-contextmenu";
-import * as i17 from "@angular/material/select";
-import * as i18 from "@angular/material/input";
-import * as i19 from "@angular/material/tooltip";
-import * as i20 from "@angular/cdk/drag-drop";
-import * as i21 from "@esfaenza/forms-and-validations";
+import * as i1 from "./directives/es_td.directive";
+import * as i2 from "./directives/es_th.directive";
+import * as i3 from "./directives/es_td_editor.directive";
+import * as i4 from "./components/es-table/es_table.component";
+import * as i5 from "./components/pager/table_pager.component";
+import * as i6 from "./components/es-table-template/es_table_template.component";
+import * as i7 from "./components/es-th/es_th.component";
+import * as i8 from "./components/es-td/es_td.component";
+import * as i9 from "./components/pipes/est-format.pipe";
+import * as i10 from "./components/pipes/est-lookup.pipe";
+import * as i11 from "./components/pipes/est-routerlink.pipe";
+import * as i12 from "./components/pipes/est-renderer.pipe";
+import * as i13 from "./components/pipes/est_editor.pipe";
+import * as i14 from "@angular/common";
+import * as i15 from "@angular/forms";
+import * as i16 from "@angular/router";
+import * as i17 from "@esfaenza/localizations";
+import * as i18 from "ngx-bootstrap/modal";
+import * as i19 from "ngx-bootstrap/dropdown";
+import * as i20 from "@esfaenza/ngx-contextmenu";
+import * as i21 from "@angular/material/select";
+import * as i22 from "@angular/material/input";
+import * as i23 from "@angular/material/tooltip";
+import * as i24 from "@angular/cdk/drag-drop";
+import * as i25 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.EsTdEditorDirective, typeof i7.TablePagerComponent, typeof i8.EsTableTemplate], [typeof i9.CommonModule, typeof i10.FormsModule, typeof i11.RouterModule, typeof i12.LocalizationModule, typeof i13.ModalModule, typeof i14.BsDropdownModule, typeof i15.CsvModule, typeof i16.ContextMenuModule, typeof i17.MatSelectModule, typeof i18.MatInputModule, typeof i19.MatTooltipModule, typeof i20.DragDropModule, typeof i21.FormsAndValidationsModule], [typeof i3.EsTableComponent, typeof i4.EsTdDirective, typeof i5.EsThDirective, typeof i6.EsTdEditorDirective, typeof i7.TablePagerComponent, typeof i8.EsTableTemplate]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EsTableModule, [typeof i1.EsTdDirective, typeof i2.EsThDirective, typeof i3.EsTdEditorDirective, typeof i4.EsTableComponent, typeof i5.TablePagerComponent, typeof i6.EsTableTemplate, typeof i7.EsTh, typeof i8.EsTd, typeof i9.EstFormatPipe, typeof i10.EstLookupPipe, typeof i11.EstRouterLinkPipe, typeof i12.EstRendererPipe, typeof i13.EstEditorPipe], [typeof i14.CommonModule, typeof i15.FormsModule, typeof i16.RouterModule, typeof i17.LocalizationModule, typeof i18.ModalModule, typeof i19.BsDropdownModule, typeof i20.ContextMenuModule, typeof i21.MatSelectModule, typeof i22.MatInputModule, typeof i23.MatTooltipModule, typeof i24.DragDropModule, typeof i25.FormsAndValidationsModule], [typeof i1.EsTdDirective, typeof i2.EsThDirective, typeof i3.EsTdEditorDirective, typeof i4.EsTableComponent, typeof i5.TablePagerComponent, typeof i6.EsTableTemplate]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EsTableModule>;
 }

package/package.json

@@ -1,23 +1,21 @@
 {
   "name": "@esfaenza/es-table",
-  "version": "14.2.0",
+  "version": "14.3.0",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "~11.2.14",
-    "@angular/core": "~11.2.14",
-    "@angular/material": "~11.2.13",
-    "@esfaenza/extensions": "^11.2.28",
-    "@esfaenza/localizations": "^11.2.6",
-    "@esfaenza/forms-and-validations": "^11.2.60",
-    "@ctrl/ngx-csv": "4.0.0",
-    "@esfaenza/ngx-contextmenu": "^11.2.5",
-    "@esfaenza/preferences": "^11.2.18",
-    "ngx-toastr": "13.2.1",
-    "ngx-bootstrap": "7.0.0",
-    "exceljs": "4.3.0",
-    "stream": "0.0.2"
+    "@angular/common": "^14.3.0",
+    "@angular/core": "^14.3.0",
+    "@angular/material": "^14.2.7",
+    "@esfaenza/extensions": "^14.3.0",
+    "@esfaenza/localizations": "^14.3.0",
+    "@esfaenza/forms-and-validations": "^14.3.0",
+    "@esfaenza/ngx-contextmenu": "^14.3.0",
+    "@esfaenza/preferences": "^14.3.0",
+    "ngx-toastr": "15.2.2",
+    "ngx-bootstrap": "9.0.0",
+    "exceljs": "4.3.0"
   },
   "module": "fesm2015/esfaenza-es-table.mjs",
   "es2020": "fesm2020/esfaenza-es-table.mjs",