@esfaenza/es-table 19.2.21 → 19.2.23

package/fesm2022/esfaenza-es-table.mjs

@@ -9,7 +9,7 @@ import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i5$1 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
-import { Subject, forkJoin, fromEvent, takeUntil } from 'rxjs';
+import { ReplaySubject, Subject, forkJoin, fromEvent, takeUntil } from 'rxjs';
 import * as i13 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i2$1 from '@esfaenza/preferences';
@@ -474,7 +474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 class ThTdProvider {
     constructor() {
-        this.LoadedSignal = new Subject();
+        this.LoadedSignal = new ReplaySubject();
     }
     setLoaded() {
         requestAnimationFrame(() => {
@@ -4357,15 +4357,15 @@ class EsTableComponent {
         if (usesThsAndTdsDirectives || hasNoContentProjection) {
             if (this.UseCustomCells() == null)
                 this.UseCustomCells.set(true);
-            if (this.HiddenColumns() == null && this.UseCustomCells)
+            if (this.HiddenColumns() == null && this.UseCustomCells())
                 this.HiddenColumns.set(true);
-            if (this.ColumnsOrdering() == null && this.UseCustomCells)
+            if (this.ColumnsOrdering() == null && this.UseCustomCells())
                 this.ColumnsOrdering.set(true);
-            if (this.OrderByColumn() == null && this.UseCustomCells)
+            if (this.OrderByColumn() == null && this.UseCustomCells())
                 this.OrderByColumn.set(true);
-            if (this.SelectAll() == null && this.Selection)
+            if (this.SelectAll() == null && this.Selection())
                 this.SelectAll.set(true);
-            if (this.ShiftClick() == null && this.Selection)
+            if (this.ShiftClick() == null && this.Selection())
                 this.ShiftClick.set(true);
             this.DirectivesBased.set(true);
         }
@@ -4404,6 +4404,11 @@ class EsTableComponent {
     /** @ignore */
     async writeValue(obj, throttle = true) {
         this.View = obj ? obj : null;
+        // Qui il concetto è "devo aspettare che l'afterViewInit venga eseguito prima di eseguire questo"
+        // E dato che entrambi aspettano sui provider li faccio così
+        let thsTdsProviders = [...(this.EsThTdProvider ? [this.EsThTdProvider] : []), ...(this.ThTdProvider || [])];
+        if (thsTdsProviders?.length > 0)
+            await forkJoin(thsTdsProviders.map(t => t.LoadedSignal)).toPromise();
         if (this.EsTableHandledSearch() && throttle) {
             if (this.callTimeout)
                 clearTimeout(this.callTimeout);
@@ -4426,13 +4431,14 @@ class EsTableComponent {
         else if (this.SearchView() && typeof this.SearchView().itemsperpageoverride != 'undefined' && !(this.SearchView() instanceof AppSearch))
             this.SearchView().__proto__ = new AppSearch();
         // -------------------------------------------------------------------------------------------------------------------------
+        let isp = this.ItemSourceProperty();
         if (this.View && this.View instanceof AppSearch) {
             // Se cambia l'oggetto intero significa che ho rimandato la ricerca
             this.setMode('view');
             let firstItemGroupOrNoGrouping = (this.View.requestedgroups?.length || 0) == 0;
             // Queste sono item source custom. Le valorizzo al default se non esistono
-            if (this.ItemSourceProperty() && !this.View[this.ItemSourceProperty()])
-                this.View[this.ItemSourceProperty()] = [];
+            if (isp && !this.View[isp])
+                this.View[isp] = [];
             // Se vengo da una ricerca interna mantengo lo stato di selezione precedente (quindi su cambio pagina, cambio ipp, ecc...)
             // se invece l'utente ha fatto una ricerca lui (quindi cambiando filtri), secco le info di selezione
             if (!this.View.selection || (!this.View.internalsearchrequest && firstItemGroupOrNoGrouping) || !this.UseSelectionCache())
@@ -4491,7 +4497,7 @@ class EsTableComponent {
                 }
             }
             if (firstItemGroupOrNoGrouping)
-                this.arrayPulsanti.set(this.utilities_H.getPagesArray(6, this.View.page, this.View.pages || 1, (this.ItemSourceProperty() ? this.View[this.ItemSourceProperty()] : this.View.items).length, this.View.itemsperpageoverride));
+                this.arrayPulsanti.set(this.utilities_H.getPagesArray(6, this.View.page, this.View.pages || 1, (isp ? this.View[isp] : this.View.items).length, this.View.itemsperpageoverride));
         }
         else if (this.View && (this.View.length != null && this.View.length != undefined)) {
             this.setMode('array');
@@ -4541,12 +4547,14 @@ class EsTableComponent {
         }
         this.finalizeContext();
         this.postBoundSourceCalculation();
-        if (this.View && !this.View.selfsearch && this.EsTableHandledSearch() && !this.View.firstsearch) {
+        if (!this.EsTableHandledSearch() || !this.View)
+            return;
+        if (!this.View.selfsearch && !this.View.firstsearch) {
             this.View.selfsearch = true;
             this.changed(true);
             this.onSearchRequest.emit(false);
         }
-        else if (this.View && this.View.selfsearch && this.EsTableHandledSearch()) {
+        else if (this.View.selfsearch) {
             this.View.selfsearch = false;
             this.changed();
         }
@@ -4585,22 +4593,23 @@ class EsTableComponent {
         this.PagerOptions.ShowButtons = !this.HidePagingButtons();
         this.PagerOptions.ShowPaging = !this.HidePaging();
         this.PagerOptions.UsesView = true;
-        if (this.arrayMode() && this.UseArrayModePaging() && !this.SearchView()) {
+        let sv = this.SearchView();
+        if (this.arrayMode() && this.UseArrayModePaging() && !sv) {
             this.PagerOptions.PagerCount = this.View.length || 0;
             this.PagerOptions.ShowButtons = this.PagerOptions.ShowButtons && this.View.length > 10;
             this.PagerOptions.View = this.View;
             this.PagerOptions.UsesView = false;
             this.PagerOptions.ShowPagingOptions = this.PagerOptions.ShowButtons;
         }
-        else if (this.arrayMode() && (!this.UseArrayModePaging() || this.SearchView())) {
-            if (this.SearchView()) {
-                this.PagerOptions.View = this.SearchView();
-                this.PagerOptions.PagerCount = this.SearchView().objectcount || 0;
+        else if (this.arrayMode() && (!this.UseArrayModePaging() || sv)) {
+            if (sv) {
+                this.PagerOptions.View = sv;
+                this.PagerOptions.PagerCount = sv.objectcount || 0;
             }
             else
                 this.PagerOptions.PagerCount = this.View.length || 0;
-            this.PagerOptions.ShowButtons = this.PagerOptions.ShowButtons && (this.View.length > 10 || (this.SearchView()?.objectcount || 0) > 10);
-            this.PagerOptions.ShowCount = this.PagerOptions.ShowCount || (this.View && this.View.length) || (this.SearchView() && this.SearchView().objectcount && this.SearchView().objectcount != -1);
+            this.PagerOptions.ShowButtons = this.PagerOptions.ShowButtons && (this.View.length > 10 || (sv?.objectcount || 0) > 10);
+            this.PagerOptions.ShowCount = this.PagerOptions.ShowCount || (this.View && this.View.length) || (sv && sv.objectcount && sv.objectcount != -1);
             this.PagerOptions.ShowPaging = this.PagerOptions.ShowPaging && (this.PagerOptions.ShowButtons || this.PagerOptions.ShowCount);
             this.PagerOptions.ShowPagingOptions = this.PagerOptions.ShowButtons;
         }
@@ -4629,9 +4638,11 @@ class EsTableComponent {
     /** Per poter distinguere le chiamate a questo metodo: Dopo il setTimeout se uso gli EsTd/EsTh vecchi, senza il setTimeout se uso le nuove direttive */
     async internalPostBoundSource() {
         let View = this.View;
-        let thsTdsProviders = [...(this.EsThTdProvider ? [this.EsThTdProvider] : []), ...this.ThTdProvider];
-        if (thsTdsProviders?.length > 0)
-            await forkJoin(thsTdsProviders.map(t => t.LoadedSignal)).toPromise();
+        let viewMode = this.viewMode();
+        let arrayMode = this.arrayMode();
+        let isp = this.ItemSourceProperty();
+        let customCells = this.UseCustomCells();
+        let dynColDefs = this.DynamicRowColumnsDefinition();
         // Se non ho colonne dinamiche ma sono in modalità dinamica (lo capisco perché c'è una view piena di genericitem) metto il default delle colonne
         this.dynamicMode_H.eventuallyReviewDynamicColumns();
         // Gestisce la richiesta per gruppi o per singoli oggetti
@@ -4639,14 +4650,14 @@ class EsTableComponent {
         // Questo dev'essere per forza lanciato dopo **bindDisplayToLoadedItemsOrGroups** dato che è lì che alcune cose vengono valorizzate
         this.setupPagingInformations();
         // Molte cose sono ovviamente disponibili solo in modalità View
-        if ((this.viewMode() || this.arrayMode()) && this.UseCustomCells()) {
-            let view = this.viewMode() ? View : null;
-            let itemsAndGroups = this.viewMode() ? [...((this.ItemSourceProperty() ? view[this.ItemSourceProperty()] : view.items) || []), ...(view.groups || [])] : View;
-            let si = this.viewMode() ? view.selection : this.arraymodeSelection;
+        if ((viewMode || arrayMode) && customCells) {
+            let view = viewMode ? View : null;
+            let itemsAndGroups = viewMode ? [...((isp ? view[isp] : view.items) || []), ...(view.groups || [])] : View;
+            let si = viewMode ? view.selection : this.arraymodeSelection;
             // N.B: Rispettare l'ordine di queste 3 macrocategorie è VITALE
             // *************************************        Sistemazioni di TH, TD, e visibilità varie      *************************************
             // Se ho definizioni dinamiche, prima di qualsiasi altra cosa devo trasformarle in th/td in modo che poi il codice qui sotto faccia le sue magie
-            if ((this.DynamicRowColumnsDefinition()?.length || 0) > 0) {
+            if ((dynColDefs?.length || 0) > 0) {
                 this.logger.log("Generating ths and tds from Dynamic definition");
                 let ret = this.dynamicMode_H.emitThsAndTdsBasedOnDynamicDefinition();
                 this.EsThs = ret.ths;
@@ -4672,7 +4683,7 @@ class EsTableComponent {
             // Prepassaggio per tirare fuori tutte le info utili sugli headers in modo da non ricacolarseli sempre dopo
             let hI = this.columnMetadata_H.evaluateHeadersGroupingInfos(this.EsThs);
             // Valuta lo stato iniziale di selezione a range
-            this.selection_H.evaluateSingleCellSelection(itemsAndGroups, hI.leafs, this.DynamicRowColumnsDefinition());
+            this.selection_H.evaluateSingleCellSelection(itemsAndGroups, hI.leafs, dynColDefs);
             if (this.arrayMode()) // In modalità array non ho un backend...
                 this.rowGrouping_H.arrayModeReviewGroupings(hI.leafs); // ... i raggruppamenti li devo fare lato client
             this.columnMetadata_H.reviewColumnsList(hI.leafs); // Aggiorna la lista delle colonne da mostrare nella dialog per ordinamento ecc
@@ -4696,10 +4707,10 @@ class EsTableComponent {
                 this.ResearchNeeded = false;
             }
         }
-        else if ((this.viewMode() || this.arrayMode()) && !this.UseCustomCells()) {
+        else if ((viewMode || arrayMode) && !customCells) {
             // Riallineo le info di selezione degli elementi della View
-            let items = this.viewMode() ? (this.ItemSourceProperty() ? View[this.ItemSourceProperty()] : View.items) : View;
-            let si = this.viewMode() ? View.selection : this.arraymodeSelection;
+            let items = viewMode ? (isp ? View[isp] : View.items) : View;
+            let si = viewMode ? View.selection : this.arraymodeSelection;
             this.selection_H.evaluateSelection(items, si);
         }
         // Per essere sicuro che dopo un bind di oggetti la es-table aggiorni la grafica
@@ -4853,11 +4864,12 @@ class EsTableComponent {
             columnsCache[col.id] = col;
         }
         this.TMPRowTDs = {};
+        let bs = this.boundSource();
+        let defaultAlignment = this.DefaultAlignment();
         // Variabile d'appoggio per permettermi di inserire tutte le colonne "Fixed" davanti
         let contextFixeds = {};
         for (let i = 0; i < tds.length; i++) {
             let td = tds[i];
-            let bs = this.boundSource();
             for (let i = 0; i < bs.length; i++) {
                 let item = bs[i];
                 let ctx = item._hash;
@@ -4890,7 +4902,7 @@ class EsTableComponent {
                             Multi: td._multi,
                             MultiProp: td._multi ? td.td.split('_')[0] : null,
                             MultiIndex: td._multi ? td.td.split('_')[1] : null,
-                            Alignment: (td.tdAlignment || th.thAlignment || this.DefaultAlignment()).toLowerCase(),
+                            Alignment: (td.tdAlignment || th.thAlignment || defaultAlignment).toLowerCase(),
                             Format: td.tdFormat || th.thFormat,
                             PropertyName: th.thProperty,
                             PropertyType: th.thType,
@@ -5078,10 +5090,10 @@ class EsTableComponent {
      * @param {boolean} forcedVal Valore forzato di check da assegnare agli oggetti
      */
     globalCheckChanged(forcedVal = null) {
-        debugger;
         this.selection_H.clearSelectionStatusExcluding(null);
+        let bs = this.boundSource();
         // Prendo tutti gli elementi presenti in questa vista. Se ho gruppi prendo solo i gruppi a livello 0, altrimenti prendo tutti gli oggetti per selezionarli
-        let items = this.boundSource().find(t => t._group) ? this.boundSource().filter(t => t._group && !t._parent) : this.boundSource();
+        let items = bs.find(t => t._group) ? bs.filter(t => t._group && !t._parent) : bs;
         var itemSelection = this.selection_H.handleItemsSelection(items, forcedVal, this.globalCheck());
         this.changed();
         this.onSelectionChanged.emit(itemSelection);
@@ -5268,9 +5280,9 @@ class EsTableComponent {
      * Helper per effettuare chiamate interne di allineamento alla funzione **writeValue**,
      * impostando prima **internalWriteCall** in modo da non effettuare operazioni inutili
      */
-    internalWriteValue() {
+    async internalWriteValue() {
         this.internalWriteCall = true;
-        this.writeValue(this.View);
+        await this.writeValue(this.View);
         this.internalWriteCall = false;
     }
     /** Metodo eventualmente richiamabile anche dal componente esterno che permette di forzare un refresh della tabella */
@@ -5321,8 +5333,10 @@ class EsTableComponent {
      * @param {any} item Item che rappresenta il contesto su cui è stato effettuato un click
      */
     dbClickEditOrSingleClickRowSelection($event, rowItem, item) {
+        let rowItm = rowItem();
+        let selection = this.Selection();
         // Prima cosa da fare è controllare se ci sono dei range lasciati da operazioni precedenti (se applicabile) e ripulirli
-        if (this.rangeSelected && !$event.ctrlKey && this.Selection()) {
+        if (this.rangeSelected && !$event.ctrlKey && selection) {
             this.logger.log("clearing previously selected range");
             this.selection_H.clearSelectionStatusExcluding(null);
             this.rangeSelected = false;
@@ -5332,11 +5346,11 @@ class EsTableComponent {
         if (this.Editable()) {
             // Secondo click: se il timer non è scaduto è un doppio click ed eseguo il resto
             if (this.cellDbClickTimer) {
-                this.logger.log("handling doubleclick on editable cell: " + (rowItem().PropertyName ? 'edit mode for property ' + rowItem().PropertyName : 'no property set, fallback to simple click'));
-                if (rowItem().PropertyName)
+                this.logger.log("handling doubleclick on editable cell: " + (rowItm.PropertyName ? 'edit mode for property ' + rowItm.PropertyName : 'no property set, fallback to simple click'));
+                if (rowItm.PropertyName)
                     this.setupUserEdit(rowItem, item);
                 else
-                    this.handleRowClick($event, item, this.Selection(), true);
+                    this.handleRowClick($event, item, selection, true);
                 this.clearCellClickTimer();
                 return;
             }
@@ -5345,7 +5359,7 @@ class EsTableComponent {
                 this.clearCellClickTimer();
                 if (!this.RangeSelection() || !this.mouseIsDown) {
                     this.logger.log("time's up for second click, handling single click");
-                    this.handleRowClick($event, item, this.Selection(), true);
+                    this.handleRowClick($event, item, selection, true);
                 }
             }, this.doubleClickBufferMs);
         }
@@ -5357,11 +5371,11 @@ class EsTableComponent {
         if ($event.ctrlKey)
             return;
         // Tutti i click su una cella già in edit non devono effettuare la selezione della riga
-        if (rowItem()._editing)
+        if (rowItm._editing)
             return;
         // Per evitare di rallentare a prescindere
         if (!this.Editable()) {
-            this.handleRowClick($event, item, this.Selection(), true);
+            this.handleRowClick($event, item, selection, true);
             return;
         }
     }
@@ -5465,10 +5479,11 @@ class EsTableComponent {
      */
     setupUserEdit(rowItem, item) {
         this.selection_H.clearSelectionStatusExcluding(null);
-        if (this.Editable() && rowItem().PropertyName) {
+        let rowItm = rowItem();
+        if (this.Editable() && rowItm.PropertyName) {
             let dynMode = (this.DynamicRowColumnsDefinition()?.length || 0) > 0;
-            let newValues = { _editing: true, old_value: dynMode ? item.properties[rowItem().PropertyName] : item[rowItem().PropertyName] };
-            rowItem.set(Object.assign(rowItem(), newValues));
+            let newValues = { _editing: true, old_value: dynMode ? item.properties[rowItm.PropertyName] : item[rowItm.PropertyName] };
+            rowItem.set(Object.assign(rowItm, newValues));
         }
         this.cdr.detectChanges();
         requestAnimationFrame(() => { this.FocusSubject.next(); });
@@ -5485,14 +5500,15 @@ class EsTableComponent {
         requestAnimationFrame(() => {
             let dynMode = (this.DynamicRowColumnsDefinition()?.length || 0) > 0;
             let newValues = { _editing: false };
-            rowItem.set(Object.assign(rowItem(), newValues));
-            let old = rowItem().old_value;
-            let niu = dynMode ? item.properties[rowItem().PropertyName] : item[rowItem().PropertyName];
+            let newRowItem = Object.assign(rowItem(), newValues);
+            rowItem.set(newRowItem);
+            let old = newRowItem.old_value;
+            let niu = dynMode ? item.properties[newRowItem.PropertyName] : item[newRowItem.PropertyName];
             let olddate = this.dateExts.getDateConvertion(old);
             let niudate = this.dateExts.getDateConvertion(niu);
             if ((olddate && niudate && olddate.isSame && olddate.isSame(niudate)) || old === niu)
                 return;
-            this.onModelChange.emit([new EsTableModelChange(item, rowItem().ID, rowItem().PropertyName, old, niu)]);
+            this.onModelChange.emit([new EsTableModelChange(item, newRowItem.ID, newRowItem.PropertyName, old, niu)]);
             this.selectionStatus[item._ordinal][columnIndex].val_setter(niu);
         });
     }