@oneteme/jquery-table 0.0.13 → 0.0.14

package/lib/component/table.component.d.ts

@@ -8,6 +8,10 @@ import { JqtCellDefDirective } from '../directive/jqt-cell-def.directive';
 import { SlicePanelComponent, OrganizerFacade, GroupByManager, OrganizerConfig, OrganizerButtonEvent, OrganizerState } from '@oneteme/jquery-organizer';
 import { VisualCopyFeedbackConfig, VisualSnapshot, VisualSnapshotApplyResult, VisualSnapshotDraft } from '@oneteme/jquery-core';
 import * as i0 from "@angular/core";
+interface TableSortState {
+    active: string;
+    direction: 'asc' | 'desc' | '';
+}
 export declare class TableComponent<T = any> implements OnChanges, AfterContentInit, AfterViewInit, OnDestroy {
     _isFullscreen: boolean;
     config?: TableProvider<T>;
@@ -28,33 +32,31 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
     copyFeedback: VisualCopyFeedbackConfig;
     /** Paramètre de contrôle pour réinitialiser barre de recherche. */
     set clearSearchInput(value: boolean | null | undefined);
-    addRequested: EventEmitter<void>;
-    columnAdded: EventEmitter<TableColumnProvider<T>>;
-    columnRemoved: EventEmitter<TableColumnProvider<T>>;
-    categorySelected: EventEmitter<string>;
-    rowSelected: EventEmitter<T>;
+    readonly addRequested: EventEmitter<void>;
+    readonly columnAdded: EventEmitter<TableColumnProvider<T>>;
+    readonly columnRemoved: EventEmitter<TableColumnProvider<T>>;
+    readonly categorySelected: EventEmitter<string>;
+    readonly rowSelected: EventEmitter<T>;
     /** Émis à chaque changement de tri (y compris le tri initial). */
-    sortChange: EventEmitter<{
-        active: string;
-        direction: 'asc' | 'desc' | '';
-    }>;
+    readonly sortChange: EventEmitter<TableSortState>;
     /** Émis à chaque changement de page ou de taille de page. */
-    pageChange: EventEmitter<{
+    readonly pageChange: EventEmitter<{
         pageIndex: number;
         pageSize: number;
     }>;
     /** Émis à chaque changement de la recherche texte. */
-    searchChange: EventEmitter<string>;
+    readonly searchChange: EventEmitter<string>;
     /** Émis quand le Group by change (clé de colonne, ou `null` si désactivé). */
-    groupByChange: EventEmitter<string>;
+    readonly groupByChange: EventEmitter<string>;
     /** Émis quand la liste des colonnes visibles change (clés dans l’ordre d’affichage). */
-    columnsChange: EventEmitter<string[]>;
-    visualCopied: EventEmitter<VisualSnapshot>;
+    readonly columnsChange: EventEmitter<string[]>;
+    readonly visualCopied: EventEmitter<VisualSnapshot>;
     set paginator(value: MatPaginator | undefined);
     get paginator(): MatPaginator | undefined;
     private _paginator?;
     sort?: MatSort;
     tableBodyScrollRef?: ElementRef<HTMLElement>;
+    tableShellRef?: ElementRef<HTMLElement>;
     slicePanelRef?: SlicePanelComponent<T>;
     _cellDefs: QueryList<JqtCellDefDirective>;
     /** Map clé→TemplateRef pré-calculée depuis _cellDefs. Mise à jour dans ngAfterContentInit et sur _cellDefs.changes. */
@@ -86,6 +88,7 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
     _showSlicePanel: boolean;
     /** Snapshot stable de l'état collapsed du panneau slice, mis à jour via (collapsedChange) */
     _slicePanelCollapsed: boolean;
+    private _initialSlicePanelCollapsedApplied;
     get _staticSlicesForMenu(): Array<{
         key: string;
         title: string;
@@ -126,7 +129,10 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
     private _cdr;
     private _el;
     private _ngZone;
+    private _paginatorIntl;
     private _i18nRaw;
+    private _tableShellResizeObserver?;
+    private readonly _fullItemsPerPageLabel;
     copyFeedbackMessage: string;
     private _copyFeedbackTimer?;
     /** Labels de l’interface. Fusionnés depuis JQT_I18N_DEFAULTS et le token JQT_I18N injecté. */
@@ -174,19 +180,27 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
     /** Cache groupBy — invalidé dès que rows/key/tri changent. */
     private _groupCache;
     private _pendingRender;
+    private readonly _deferredTimers;
+    private _headerMeasureFrame;
+    private _destroyed;
     private _staticSliceHiddenKeys;
     private _configHiddenKeys;
     /** Clés des colonnes visibles du dernier émission columnsChange (pour éviter les émissions dupliquement). */
     private _prevColumnKeys;
+    private emitColumnsChangeIfNeeded;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
+    private _observeTableShellWidth;
     private _applyPendingDynamicSliceKeys;
     ngOnDestroy(): void;
     private _measureHeaderHeight;
+    private _scheduleHeaderMeasure;
+    private _scheduleDeferred;
     private _organizerConfigCache;
     private _invalidateOrganizerConfig;
     get organizerConfig(): OrganizerConfig;
+    get organizerHideMenuValues(): boolean;
     get organizerState(): OrganizerState;
     onOrganizerViewChange(event: OrganizerButtonEvent): void;
     get title(): string;
@@ -222,6 +236,7 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
         header?: string;
     }): string;
     onSearchChange(): void;
+    private setGroupByAndEmit;
     onGroupByChange(key: string | null): void;
     onGroupPageSizeChange(size: number | string): void;
     onGroupSortToggle(dir: 'asc' | 'desc'): void;
@@ -278,6 +293,7 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
     }> | null;
     get hasCustomCellDefs(): boolean;
     get hasRowClickHandler(): boolean;
+    rowActionLabel(row: any): string;
     /** Largeur minimale du tableau en px, calculée depuis les largeurs explicites des colonnes actives.
      * Retourne null si aucune colonne n'a de largeur définie (le tableau remplit alors 100% du conteneur).
      * Seules les valeurs explicitement en `px` sont sommables ; les pourcentages ou autres unités sont ignorés. */
@@ -286,6 +302,7 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
     getRowClass(row: any): string | string[] | Record<string, boolean>;
     onRowClick(row: any, event: MouseEvent | null): void;
     onHeaderDragStart(columnKey: string, event: DragEvent): void;
+    onHeaderKeyDown(columnKey: string, event: KeyboardEvent): void;
     onHeaderDragOver(columnKey: string, event: DragEvent): void;
     onHeaderDrop(targetColumnKey: string, event: DragEvent): void;
     onHeaderDragEnd(): void;
@@ -343,6 +360,10 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
     private getCategoryFilteredData;
     private projectRows;
     private _buildSortComparator;
+    private _buildCachedSortComparator;
+    private _compareSortValues;
+    private _normalizeSortValue;
+    private _applySortDirection;
     /**
      * Retourne la valeur telle qu'elle est affichée dans la cellule, en suivant exactement
      * le même chemin que resolveCellValue — utilisée pour la recherche plein-texte.
@@ -361,3 +382,4 @@ export declare class TableComponent<T = any> implements OnChanges, AfterContentI
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "jquery-table", never, { "config": { "alias": "config"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "data": { "alias": "data"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "columnsConfig": { "alias": "columnsConfig"; "required": false; }; "view": { "alias": "view"; "required": false; }; "columnLabels": { "alias": "columnLabels"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "copyFeedback": { "alias": "copyFeedback"; "required": false; }; "clearSearchInput": { "alias": "clearSearchInput"; "required": false; }; }, { "addRequested": "addRequested"; "columnAdded": "columnAdded"; "columnRemoved": "columnRemoved"; "categorySelected": "categorySelected"; "rowSelected": "rowSelected"; "sortChange": "sortChange"; "pageChange": "pageChange"; "searchChange": "searchChange"; "groupByChange": "groupByChange"; "columnsChange": "columnsChange"; "visualCopied": "visualCopied"; }, ["_cellDefs"], never, true, never>;
 }
+export {};

package/lib/jquery-table.model.d.ts

@@ -1,6 +1,6 @@
 import { DataProvider } from '@oneteme/jquery-core';
 import { Observable } from 'rxjs';
-import { SliceConfig } from '@oneteme/jquery-organizer';
+import { OrganizerConfig, SliceConfig } from '@oneteme/jquery-organizer';
 export { SliceConfig } from '@oneteme/jquery-organizer';
 export interface TableColumnProvider<T = any> {
     key: string;
@@ -17,11 +17,14 @@ export interface TableColumnProvider<T = any> {
      * Exemple : `searchValue: (row) => durationPipe.transform((today - row.start) / 1000)`
      */
     searchValue?: DataProvider<string>;
+    /** Active le tri ; `true` par défaut. */
     sortable?: boolean;
     removable?: boolean;
     optional?: boolean;
     width?: string;
+    /** Rend la colonne disponible dans Group by ; `true` par défaut si `header` est défini. */
     groupable?: boolean;
+    /** Rend la colonne disponible comme Slice by dynamique ; `true` par défaut si `header` est défini. */
     sliceable?: boolean;
     /** Chargement différé : la présence de cet objet active le mode lazy. */
     lazy?: {
@@ -62,6 +65,17 @@ export interface TableLabelsConfig {
     /** Affiché pendant le chargement. Par défaut : `'Chargement des données...'`. */
     loading?: string;
 }
+/** Options publiques du bouton Organizer intégré à la toolbar. */
+export interface TableOrganizerConfig {
+    /** Libellé optionnel affiché à côté de l'icône. */
+    buttonLabel?: OrganizerConfig['buttonLabel'];
+    /** Icône Material affichée dans le bouton. */
+    buttonIcon?: OrganizerConfig['buttonIcon'];
+    /** Masque l'icône lorsque le bouton utilise un libellé seul. */
+    showButtonIcon?: OrganizerConfig['showButtonIcon'];
+    /** Masque les valeurs récapitulatives dans les sous-menus. */
+    hideMenuValues?: boolean;
+}
 /**
  * Raccourci pour déclarer une colonne de base.
  *
@@ -135,6 +149,8 @@ export interface TableProvider<T = any> {
     onCopyVisual?: () => void;
     onToggleFullscreen?: () => void;
     slices?: SliceConfig<T>[];
+    /** État initial du panneau de slices. Une préférence sauvegardée reste prioritaire. */
+    slicePanelCollapsed?: boolean;
     /** Affiche le bouton toggle pour replier/déplier le panneau de slices. Par défaut : `true`. */
     enableSliceToggle?: boolean;
     /**
@@ -145,6 +161,7 @@ export interface TableProvider<T = any> {
     search?: TableSearchConfig;
     pagination?: TablePaginationConfig;
     view?: TableViewConfig;
+    organizer?: TableOrganizerConfig;
     labels?: TableLabelsConfig;
     /** Tri initial appliqué au chargement. N'est pas écrasé par les changements de données. */
     defaultSort?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneteme/jquery-table",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "jquery table lib",
   "homepage": "https://github.com/oneteme/jquery-charts",
   "bugs": "https://github.com/oneteme/jquery-charts/issues",
@@ -13,8 +13,8 @@
     "@angular/core": ">=16.1.0",
     "@angular/material": "^16.1.0",
     "@angular/cdk": "^16.1.0",
-    "@oneteme/jquery-core": "^0.0.36",
-    "@oneteme/jquery-organizer": "^0.0.5"
+    "@oneteme/jquery-core": "^0.0.37",
+    "@oneteme/jquery-organizer": "^0.0.6"
   },
   "dependencies": {
     "tslib": "^2.3.0"