@esfaenza/es-table 11.2.72 → 11.2.75

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

@@ -21,6 +21,7 @@ import { ItemPropEditableReference } from '../../domain/externals/ItemPropEditab
 import { EsTableDefaultable } from '../../domain/configuration/EsTableDefaultable';
 import { EsTdDirective } from '../../directives/es_td.directive';
 import { EsThDirective } from '../../directives/es_th.directive';
+import { EsTdEditorDirective } from '../../directives/es_td_editor.directive';
 import { ExportHandler } from "../../core/handlers/ExportHandler";
 import { ColumnMetadataHandler } from "../../core/handlers/ColumnMetadataHandler";
 import { DynamicModeHandler } from "../../core/handlers/DynamicModeHandler";
@@ -154,6 +155,8 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
     TMPColumnsList: EsTableColumn[];
     /** Valore del check globale di visibilità valido per tutte le colonne in **ColumnsList** */
     globalColVisCheck: boolean;
+    /** Query per recuperare tutte le direttive per gli editor custom delle celle */
+    EsTdEditorDirectives: QueryList<EsTdEditorDirective>;
     /** Query per recuperare tutte le nuove direttive  assegnati a direttiva (Per la modalità dinamica dell'es-table) */
     EsTdsDirective: QueryList<EsTdDirective>;
     /** Query per recuperare tutti gli es-td assegnati a direttiva (Per la modalità dinamica dell'es-table) */
@@ -583,10 +586,20 @@ export declare class EsTableComponent implements ControlValueAccessor, OnChanges
      * Ottiene il contenuto dell'EsTd da utilizzare per la colonna specificata
      *
      * @param {string} column Colonna per cui cercare la cella
+     * @param {string} name Nome diretto per cercare il TD con l'ID. Questa variabile ha priorità rispetto a **column**
      *
      * @returns {TemplateRef<any>} Template da usare per la colonna
      */
-    findEsTd(column: string): TemplateRef<any>;
+    findEsTd(column: string, name?: string): TemplateRef<any>;
+    /**
+     * Ottiene il contenuto dell'editor EsTd da utilizzare per la colonna specificata
+     *
+     * @param {string} column Colonna per cui cercare l'editor
+     * @param {string} name Nome diretto per cercare l'Editor con l'ID. Questa variabile ha priorità rispetto a **column**
+     *
+     * @returns {TemplateRef<any>} Template da usare per la colonna
+     */
+    findEditor(column: string, name?: string): TemplateRef<any>;
     /**
      * Equivalente del metodo **addToPage** riadattato per la modalità array
      *

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

@@ -1,10 +1,9 @@
-import { Renderer2, ElementRef, ViewContainerRef } from "@angular/core";
+import { Renderer2, ElementRef } from "@angular/core";
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 /** Componente rappresentante una singola cella del body della tabella */
 export declare class EsTd {
     private myself;
     private renderer;
-    private _viewContainer;
     protected sanitizer: DomSanitizer;
     /** Id della cella, dev'essere lo stesso della colonna **EsTh** relativa */
     ID: string;
@@ -25,7 +24,7 @@ export declare class EsTd {
     /** Indicazioni sulla visibilità della cella */
     private _Visible?;
     /** @ignore */
-    constructor(myself: ElementRef, renderer: Renderer2, _viewContainer: ViewContainerRef, sanitizer: DomSanitizer);
+    constructor(myself: ElementRef, renderer: Renderer2, sanitizer: DomSanitizer);
     /**
      * Imposta la visibilità o meno della cella, si traduce nell'applicazione o rimozione della classe **app-display-none**
      *

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

@@ -24,6 +24,12 @@ export declare class ColumnMetadataHandler {
      * @param {'DESC' | 'ASC'} order Nuovo ordine selezionato per la colonna
      */
     handleTHOrderChange(id: string, order: 'DESC' | 'ASC'): void;
+    /**
+     * Registra le preference relative alla view passata come parametro
+     *
+     * @param {any} castedView View di cui salvare colonne e ordinamento colonne
+     */
+    registerViewPreferences(castedView: any): boolean;
     /**
      * Partendo dagli **EsThs** estrappolo la lista di **EsTableColumn** che questa tabella dovrà eventualmente gestire per Visibilità e Ordine
      *

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

@@ -1,9 +1,10 @@
 import { ItemsSelection } from "../../domain/externals/appsearch/ItemsSelection";
 import { ItemPropEditableReference } from "../../domain/externals/ItemPropEditableReference";
+import { EsTableColumnsDefinition } from "../../domain/externals/EsTableColumnsDefinition";
+import { InputType } from '../../domain/types';
 import { EsTableComponent } from "../../components/es-table/es_table.component";
 import { EsThDirective } from "../../directives/es_th.directive";
 import { RowGroupingHandler } from "./RowGroupingHandler";
-import { InputType } from '../../domain/types';
 /** Classe che gestisce le selezioni degli oggetti */
 export declare class SelectionHandler {
     private est;
@@ -43,7 +44,10 @@ export declare class SelectionHandler {
      * @param {any[]} items Oggetti attualmente bindati sulla tabella
      * @param {EsThDirective[]} ths Colonne su cui gli oggetti sono bindati
      */
-    evaluateSingleCellSelection(items: any[], ths: EsThDirective[]): void;
+    evaluateSingleCellSelection(items: any[], ths: EsThDirective[], dyn: EsTableColumnsDefinition[]): void;
+    private fillSelectionStatusByDynamicColumns;
+    /** @ignore */
+    private fillSelectionStatusByEsThs;
     /**
      * Implementazione agnostica della valutazione delle selezioni degli oggetti. Richiede gli oggetti della vista attuale e l'itemSelector
      *
@@ -201,7 +205,7 @@ export declare class SelectionHandler {
      */
     getClipbardTextFromSelection(sel: {
         value: string;
-        type: InputType;
+        type: InputType | string;
     }[][]): string;
     /**
      * Ottiene la rappresentazione stringa di un valore dato un tipo
@@ -212,6 +216,6 @@ export declare class SelectionHandler {
      */
     getValueByType(valType: {
         value: string;
-        type: InputType;
+        type: InputType | string;
     }): string;
 }

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

@@ -10,6 +10,8 @@ export declare class EsTdDirective {
     tdVisible: boolean;
     /** Id della colonna, fa riferimento al **th** padre */
     td: string;
+    /** Se questo td viene usato come renderer in questa proprietà è scritto il nome della proprietà dell'oggetto bindato per cui fare apparire il **Template** */
+    tdForProperty: string;
     /** Equivalente dell'NgIf sul td */
     tdIf: boolean;
     /** Eventuali classi da applicare al **td** generato */

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

@@ -0,0 +1,10 @@
+import { TemplateRef } from '@angular/core';
+export declare class EsTdEditorDirective {
+    Template: TemplateRef<any>;
+    /** Id dell'Editor */
+    editor: string;
+    /** In questa proprietà è scritto il nome della proprietà dell'oggetto bindato per cui fare apparire il **Template** */
+    editorForProperty: string;
+    /** @ignore */
+    constructor(Template: TemplateRef<any>);
+}

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

@@ -1,5 +1,6 @@
 import { TemplateRef } from "@angular/core";
 import { ThAggregation } from "../domain/internals/ThAggregation";
+import { InputType } from "../domain/types";
 /** Direttiva per la dichiarazione snella di un EsTh da emettere come header */
 export declare class EsThDirective {
     Template: TemplateRef<any>;
@@ -55,7 +56,7 @@ export declare class EsThDirective {
     /** Proprietà JS a cui si riferisce questa cella */
     thProperty: string;
     /** Tipo della proprietà JS a cui si riferisce questa cella. Se valorizzato l'utente la potrà modificare facendo doppio click */
-    thType: 'string' | 'float' | 'date' | 'number' | 'int' | 'boolean' | 'enum' | 'autocomplete' | 'datetime' | 'time' | 'file' | 'currency';
+    thType: InputType | string;
     /** Sorgente dei valori disponibili per questa cella se il **Type** è di tipo 'enum' */
     thSource: {
         id: string;

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

@@ -1,31 +1,46 @@
+import { InputType } from "../types";
 /** Classe che identifica una colonna. Utilizzata in modalità "Colonne dinamiche" */
 export declare class EsTableColumnsDefinition {
-    description: string;
-    propertyName: string;
-    routePath: string;
-    routeParameterProperties: string[];
-    dataOrder: 'ASC' | 'DESC';
-    columnOrder: number;
-    visible: boolean;
-    clss: string;
-    orderable: boolean;
-    headerWraps: boolean;
+    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;
     /**
      * Costruttore
      *
-     * @param {string} description Descrizione della colonna
-     * @param {string} propertyName Nome della proprietà del modello in cui sono contenuti i dati da visualizzare per questa colonna
-     * @param {string} routePath Route di navigazione. Es. "['/pages/mod/mod_detail', { 'idItem': '{0}', 'idItem2' : '{1}' }]"
-     * @param {string[]} routeParameterProperties Proprietà da bindare a **routePath** per generare la route completa.
+     * @param {string} Description Descrizione della colonna
+     * @param {string} PropertyName Nome della proprietà del modello in cui sono contenuti i dati da visualizzare per questa colonna
+     * @param {string} RoutePath Route di navigazione. Es. "['/pages/mod/mod_detail', { 'idItem': '{0}', 'idItem2' : '{1}' }]"
+     * @param {string[]} RouteParameterProperties 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"]
-     * @param {'ASC' | 'DESC' } dataOrder Ordinamento dei dati presentati in questa colonna
-     * @param {number} columnOrder Ordinamento di questa colonna
-     * @param {boolean} visible Visibilità o meno della colonna
-     * @param {string} clss Classe da applicare sia ai TD che ai TH relativi a questa colonna
-     * @param {boolean} orderable Indica se la colonna è ordinabile o no (nel senso ASC / DESC / NONE)
-     * @param {boolean} headerWraps Indica se il testo dell'header dev'essere wrappato all'interno del th. Di default no.
+     * @param {'ASC' | 'DESC' } DataOrder Ordinamento dei dati presentati in questa colonna
+     * @param {number} ColumnOrder Ordinamento di questa colonna
+     * @param {boolean} Visible Visibilità o meno della colonna
+     * @param {string} Clss Classe da applicare sia ai TD che ai TH relativi a questa colonna
+     * @param {boolean} Orderable Indica se la colonna è ordinabile o no (nel senso ASC / DESC / NONE)
+     * @param {boolean} HeaderWraps Indica se il testo dell'header dev'essere wrappato all'interno del th. Di default no.
+     * @param {InputType | string} PropertyType Indica il tipo della proprietà identificata da **propertyName**.
+     * @param {{id: string, description: string}[]} PropertySource Sorgente dati su cui autocompletare/scegliere il valore per la proprietà **propertyName**, ha senso solo per **propType** enum o autocomplete.
+     * @param {string} EditorName Nome dell'editor da utilizzare per la modifica di questo campo
+     * @param {string} RendererName Nome del renderer da utilizzare per visualizzare questo campo
      */
-    constructor(description: string, propertyName: string, routePath?: string, routeParameterProperties?: string[], dataOrder?: 'ASC' | 'DESC', columnOrder?: number, visible?: boolean, clss?: string, orderable?: boolean, headerWraps?: boolean);
+    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);
     /** Routerlink che verrà generato a runtime basandosi sulle informazioni di **routePath** e **routeParameterProperties** */
     routerLink: any;
 }

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

@@ -10,7 +10,7 @@ export declare class ItemPropEditableReference {
     /** Proprietà Javascript effettivamente in modifica */
     property: string;
     /** Tipo dell'input */
-    type: InputType;
+    type: InputType | string;
     /** Valore attuale della proprietà **property** dell'oggetto **item** */
     value: string;
     /** Funzione che imposta il nuovo valore della proprietà **property** dell'oggetto **item** ed aggiorna il **value** di questo oggetto */

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

@@ -32,15 +32,15 @@ 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;
-        Source?: {
-            id: string;
-            description: string;
-        }[];
-    };
+    /** Nome della proprietà JS che questa cella mostra */
+    PropertyName?: string;
+    /** Tipo della proprietà **PropertyName** */
+    PropertyType?: string;
+    /** Sorgente dati per la valorizzazione della proprietà **PropertyName** */
+    PropertySource?: {
+        id: string;
+        description: 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;
     /** Indica l'eventuale proprietà a cui accedere nel caso sia **Content** che **Template** siano vuoti */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/es-table",
-  "version": "11.2.72",
+  "version": "11.2.75",
   "dependencies": {
     "tslib": "^2.0.0"
   },

package/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/components/pager/table_pager.component';
 export * from './lib/components/es-table/es_table.component';
 export * from './lib/directives/es_td.directive';
+export * from './lib/directives/es_td_editor.directive';
 export * from './lib/directives/es_th.directive';
 export * from './lib/domain/configuration/EsTableModuleConfig';
 export * from './lib/domain/configuration/EsTableDefaultable';