@esfaenza/es-table 20.3.53 → 20.3.55

package/index.d.ts

@@ -794,8 +794,13 @@ declare class EsThDirective {
     _multi_content: string;
     /** Id della colonna, dev'essere lo stesso per tutti i **td** relativi */
     th: string;
-    /** Indica se la colonna è pinnata o no */
+    /** Indica se la colonna è pinnata o no (bloccata a SINISTRA) */
     thPinned: boolean;
+    /**
+     * Indica se la colonna è bloccata a DESTRA, in coda alla tabella. Usato solo
+     * dall'`<es-table2>`: la tabella originale ignora questo input.
+     */
+    thPinnedRight: boolean;
     /** Indica se la colonna è pinnabile o no */
     thPinnable: boolean;
     /** Indica le dimensioni che deve avere questa colonna quando viene pinnata, senza questo tutte le colonne mi collasserebbero l'una sull'altra */
@@ -873,7 +878,7 @@ declare class EsThDirective {
     /** @ignore */
     constructor(Template: TemplateRef<any> | null);
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EsThDirective, [{ self: true; }]>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EsThDirective, "[th]", never, { "th": { "alias": "th"; "required": false; }; "thPinned": { "alias": "thPinned"; "required": false; }; "thPinnable": { "alias": "thPinnable"; "required": false; }; "thPinnedWidth": { "alias": "thPinnedWidth"; "required": false; }; "thVisible": { "alias": "thVisible"; "required": false; }; "thFixed": { "alias": "thFixed"; "required": false; }; "thParent": { "alias": "thParent"; "required": false; }; "thOrder": { "alias": "thOrder"; "required": false; }; "thOrderable": { "alias": "thOrderable"; "required": false; }; "thWrap": { "alias": "thWrap"; "required": false; }; "thResizable": { "alias": "thResizable"; "required": false; }; "thClass": { "alias": "thClass"; "required": false; }; "thShrink": { "alias": "thShrink"; "required": false; }; "thGroupClass": { "alias": "thGroupClass"; "required": false; }; "thIf": { "alias": "thIf"; "required": false; }; "thEmpty": { "alias": "thEmpty"; "required": false; }; "thGroup": { "alias": "thGroup"; "required": false; }; "thAggregation": { "alias": "thAggregation"; "required": false; }; "thProperty": { "alias": "thProperty"; "required": false; }; "thType": { "alias": "thType"; "required": false; }; "thSource": { "alias": "thSource"; "required": false; }; "thMulti": { "alias": "thMulti"; "required": false; }; "thStaticContent": { "alias": "thStaticContent"; "required": false; }; "thBackgroundColor": { "alias": "thBackgroundColor"; "required": false; }; "thAlignment": { "alias": "thAlignment"; "required": false; }; "thFormat": { "alias": "thFormat"; "required": false; }; "thEditorName": { "alias": "thEditorName"; "required": false; }; "thEditorOptions": { "alias": "thEditorOptions"; "required": false; }; "thRendererName": { "alias": "thRendererName"; "required": false; }; "thRoutePath": { "alias": "thRoutePath"; "required": false; }; "thRouteParameterProperties": { "alias": "thRouteParameterProperties"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EsThDirective, "[th]", never, { "th": { "alias": "th"; "required": false; }; "thPinned": { "alias": "thPinned"; "required": false; }; "thPinnedRight": { "alias": "thPinnedRight"; "required": false; }; "thPinnable": { "alias": "thPinnable"; "required": false; }; "thPinnedWidth": { "alias": "thPinnedWidth"; "required": false; }; "thVisible": { "alias": "thVisible"; "required": false; }; "thFixed": { "alias": "thFixed"; "required": false; }; "thParent": { "alias": "thParent"; "required": false; }; "thOrder": { "alias": "thOrder"; "required": false; }; "thOrderable": { "alias": "thOrderable"; "required": false; }; "thWrap": { "alias": "thWrap"; "required": false; }; "thResizable": { "alias": "thResizable"; "required": false; }; "thClass": { "alias": "thClass"; "required": false; }; "thShrink": { "alias": "thShrink"; "required": false; }; "thGroupClass": { "alias": "thGroupClass"; "required": false; }; "thIf": { "alias": "thIf"; "required": false; }; "thEmpty": { "alias": "thEmpty"; "required": false; }; "thGroup": { "alias": "thGroup"; "required": false; }; "thAggregation": { "alias": "thAggregation"; "required": false; }; "thProperty": { "alias": "thProperty"; "required": false; }; "thType": { "alias": "thType"; "required": false; }; "thSource": { "alias": "thSource"; "required": false; }; "thMulti": { "alias": "thMulti"; "required": false; }; "thStaticContent": { "alias": "thStaticContent"; "required": false; }; "thBackgroundColor": { "alias": "thBackgroundColor"; "required": false; }; "thAlignment": { "alias": "thAlignment"; "required": false; }; "thFormat": { "alias": "thFormat"; "required": false; }; "thEditorName": { "alias": "thEditorName"; "required": false; }; "thEditorOptions": { "alias": "thEditorOptions"; "required": false; }; "thRendererName": { "alias": "thRendererName"; "required": false; }; "thRoutePath": { "alias": "thRoutePath"; "required": false; }; "thRouteParameterProperties": { "alias": "thRouteParameterProperties"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 /** Direttiva che rappresenta il template dell'editor di una cella all'interno della tabella */
@@ -2415,8 +2420,14 @@ interface Est2Column {
     routeParams?: string[] | null;
     /** nome del renderer custom da risolvere tra i `*td` (dinamica) */
     rendererName?: string | null;
-    /** true se la colonna è "pinnata" (sticky a sinistra durante lo scroll orizzontale) */
+    /** true se la colonna è "pinnata" (sticky a SINISTRA durante lo scroll orizzontale) */
     pinned?: boolean;
+    /**
+     * true se la colonna è bloccata a DESTRA: sticky in coda alla tabella, subito a
+     * sinistra delle colonne di servizio (rimozione e chrome). Mutuamente esclusiva
+     * con `pinned`.
+     */
+    pinnedRight?: boolean;
     /**
      * true se la colonna è FIXED (`*th Fixed:true` o `*th Group:true`): non può essere
      * nascosta né riposizionata e resta ancorata in testa alla tabella. Solo le colonne
@@ -2462,7 +2473,10 @@ interface Est2DialogColumn {
     /** contesto del template (colonne Multi: `{ $implicit: header }`) */
     tmplCtx: any;
     visible: boolean;
+    /** bloccata a sinistra */
     pinned: boolean;
+    /** bloccata a destra (in coda alla tabella) */
+    pinnedRight: boolean;
     /** appartiene a un header-group (o è Multi): non pinnabile */
     grouped: boolean;
     /** colonna `Fixed`: sempre visibile e non riposizionabile */
@@ -2555,7 +2569,12 @@ declare class EsTable2Component implements ControlValueAccessor, AfterContentIni
     private headerRO?;
     /** ViewChild-setter: (ri)osserva l'header appena compare/cambia, mantenendo le misure allineate */
     set theadRef(ref: ElementRef<HTMLElement> | undefined);
-    /** Misura header (altezza) e colonna chrome (larghezza) per il posizionamento della select-bar */
+    /**
+     * Larghezza totale (px) delle colonne di SERVIZIO in coda alla tabella (rimozione
+     * e chrome). È il punto da cui partono gli offset delle colonne bloccate a destra.
+     */
+    trailingWidth: _angular_core.WritableSignal<number>;
+    /** Misura header (altezza) e colonne di coda (larghezze) per select-bar e pin a destra */
     private measureHeader;
     readonly _Selection: _angular_core.InputSignal<boolean>;
     Selection: _angular_core.WritableSignal<boolean>;
@@ -2787,6 +2806,7 @@ declare class EsTable2Component implements ControlValueAccessor, AfterContentIni
     colStyles: _angular_core.Signal<{
         width: number | null;
         left: number | null;
+        right: number | null;
         groupStart: boolean;
     }[]>;
     /** Righe extra rese sopra e sotto il viewport, per non vedere il vuoto durante lo scroll */
@@ -2851,6 +2871,16 @@ declare class EsTable2Component implements ControlValueAccessor, AfterContentIni
     pinnedOffsets: _angular_core.Signal<number[]>;
     /** Offset `left` (px) di una colonna sticky all'indice `ci` in visibleColumns */
     pinnedLeftPx(ci: number): number;
+    /**
+     * Offset `right` (px) cumulativi delle colonne bloccate a DESTRA, memoizzati come
+     * i corrispettivi di sinistra. Si parte da `trailingWidth()` — la larghezza delle
+     * colonne di servizio in coda (rimozione e chrome), che sono già sticky a destra —
+     * e si risale verso sinistra, così le colonne bloccate si impilano appena prima di
+     * quelle e non ci finiscono sopra.
+     */
+    pinnedRightOffsets: _angular_core.Signal<number[]>;
+    /** true se almeno una colonna visibile è bloccata a destra */
+    hasPinnedRight: _angular_core.Signal<boolean>;
     /** true se la tabella renderizza colonne strutturate (direttive/dinamica/report), non template semplici */
     usesColumns: _angular_core.Signal<boolean>;
     /**
@@ -3041,6 +3071,19 @@ declare class EsTable2Component implements ControlValueAccessor, AfterContentIni
     private emitSelection;
     /** Click su una riga: espande/collassa un gruppo, oppure gestisce la selezione. */
     handleRowClick(item: any, event?: MouseEvent): void;
+    /**
+     * true se l'utente ha appena EVIDENZIATO DEL TESTO dentro questa tabella.
+     *
+     * Serve a non trasformare un trascinamento fatto per copiare il contenuto di una
+     * cella in una selezione di riga. Funziona per come il browser ordina gli eventi:
+     * il `mousedown` azzera la selezione corrente, quindi su un click SEMPLICE qui la
+     * selezione è sempre collassata e la riga si seleziona come prima; dopo un
+     * trascinamento invece c'è del testo selezionato e il click viene ignorato.
+     *
+     * Il controllo sul nodo di ancoraggio evita che una selezione lasciata da qualche
+     * altra parte nella pagina blocchi i click di riga di questa tabella.
+     */
+    private textSelectionActive;
     /**
      * Shift/Ctrl+click stile Esplora risorse, attivo solo con `[ShiftClick]`.
      *
@@ -3381,6 +3424,17 @@ declare class EsTable2Component implements ControlValueAccessor, AfterContentIni
      */
     private applyHeaderVisibility;
     /** Attiva/disattiva il pin di una colonna e persiste (dall'indicatore in testata) */
+    /**
+     * Prossimo stato nel ciclo di blocco di una colonna: libera → sinistra → destra →
+     * libera. Un comando solo invece di due interruttori, perché i due lati sono
+     * esclusivi e chi usa la tabella ragiona su "dove la voglio", non su due flag.
+     */
+    pinCycleNext(col: {
+        pinned?: boolean;
+        pinnedRight?: boolean;
+    }): 'left' | 'right' | 'none';
+    /** Etichetta (sorgente inglese, poi localizzata) di cosa farà il prossimo click sul pin */
+    pinTitleFor(col: Est2Column): string;
     togglePin(col: Est2Column, ev?: Event): void;
     /** `AppEmbeddingExtensions` risolto pigramente: `providedIn:'root'` ma le sue
      *  dipendenze possono mancare in setup isolati, quindi `get` può lanciare. */
@@ -3422,6 +3476,8 @@ declare class EsTable2Component implements ControlValueAccessor, AfterContentIni
     openColumnsDialog(): void;
     closeColumnsDialog(): void;
     dialogToggle(i: number): void;
+    /** Come `pinTitleFor`, per la riga della dialog (che ha anche i casi non pinnabili) */
+    dialogPinTitle(c: Est2DialogColumn): string;
     dialogTogglePin(i: number): void;
     dialogSetAll(visible: boolean): void;
     /**

package/package.json

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