@tsi-developpement/tsi-shared-ui 1.10.6 → 1.10.8

package/fesm2022/tsi-developpement-tsi-shared-ui.mjs

@@ -3139,6 +3139,39 @@ function lowerFirst(value) {
         return '';
     return value.charAt(0).toLowerCase() + value.slice(1);
 }
+/**
+ * Mirrors .NET's `JsonNamingPolicy.CamelCase`, which the API applies to a custom column's `Nom`
+ * when it writes that column's value onto each row. Use this — not `lowerFirst` — whenever a
+ * client-side field name has to line up with a server-serialized property name.
+ *
+ * `lowerFirst` is NOT equivalent: .NET lowercases the whole leading uppercase run, so `TVA` gives
+ * `tva` where `lowerFirst` gives `tVA` and the value lookup misses.
+ *
+ * Assumes no separator characters, which `Nom` is validated against (`^[A-Za-z][A-Za-z0-9]*$`).
+ * Note the "next char is not uppercase" test is true for DIGITS too, exactly as in .NET
+ * (`AB2c` -> `aB2c`).
+ *
+ * @example
+ * toDotNetCamelCase('Matricule2'); // 'matricule2'
+ * toDotNetCamelCase('TVA');        // 'tva'
+ * toDotNetCamelCase('ABCValue');   // 'abcValue'
+ * toDotNetCamelCase('XMLHttp');    // 'xmlHttp'
+ */
+function toDotNetCamelCase(value) {
+    if (!value)
+        return '';
+    const isUpper = (c) => c !== c.toLowerCase() && c === c.toUpperCase();
+    const chars = value.split('');
+    for (let i = 0; i < chars.length; i++) {
+        if (i === 1 && !isUpper(chars[i]))
+            break;
+        const hasNext = i + 1 < chars.length;
+        if (i > 0 && hasNext && !isUpper(chars[i + 1]))
+            break;
+        chars[i] = chars[i].toLowerCase();
+    }
+    return chars.join('');
+}
 
 /**
  * Numeric helpers that avoid IEEE 754 floating-point accumulation errors.
@@ -10863,8 +10896,12 @@ class TsiGenericGridComponent {
     }
     set columns(value) {
         if (value && Array.isArray(value)) {
+            // Captured before `_tempColumns` is refreshed below, otherwise nothing looks "late".
+            const knownFields = new Set(this._tempColumns.map(c => c.field));
             this._columns = value;
             this.initialColumnsProcess();
+            this._tempColumns = this.columns;
+            this.adoptLateColumns(knownFields);
         }
     }
     get columns() {
@@ -11085,6 +11122,9 @@ class TsiGenericGridComponent {
         this.tempSearchFields = [];
         this._columns = [];
         this._kanbanSummaryColumns = [];
+        /** Set at the end of ngOnInit. Before that the column pools are still being seeded, so nothing
+         *  arriving through the `columns` setter can be considered "late". */
+        this._columnsInitialized = false;
         this._isSearchButtonDisabled = false;
         this.filteredColumns = [];
         this.showSearchBox = true;
@@ -11193,6 +11233,7 @@ class TsiGenericGridComponent {
         this.updatePrimeNGTableFilters();
         this._rtlModeSubscribe();
         this.extractDialogConfigData();
+        this._columnsInitialized = true;
     }
     getStatusOption(value) {
         return this.statusMetadata?.options.find(o => o.statusValue === value);
@@ -11301,10 +11342,8 @@ class TsiGenericGridComponent {
             this.dt.tableWidthState = state.tableWidth;
             let columnOrder = state.columnOrder;
             if (columnOrder) {
-                let reorderedColumns = this.getReorderedColumns(columnOrder);
-                this.selectedColumns = reorderedColumns;
-                this.columns = reorderedColumns;
-                this.sortColumns();
+                this._restoredColumnOrder = columnOrder;
+                this.applyColumnOrder(columnOrder);
             }
             // Apply the remembered column widths to the DOM. Assigning columnWidthsState
             // alone is a no-op here because the grid is not PrimeNG-"stateful"
@@ -11312,6 +11351,18 @@ class TsiGenericGridComponent {
             this.dt.restoreColumnWidths();
         }
     }
+    /**
+     * Renders exactly the saved columns, in the saved order. `_columns` is assigned directly rather
+     * than through the setter: every element has already been through `initialColumnsProcess()`, and
+     * the setter would re-enter `adoptLateColumns()` and narrow `_tempColumns` — the full pool
+     * `findColumnByKey` needs to resolve a saved key.
+     */
+    applyColumnOrder(columnOrder) {
+        const reordered = this.getReorderedColumns(columnOrder);
+        this.selectedColumns = reordered;
+        this._columns = reordered;
+        this.sortColumns();
+    }
     onSelectedColumnsChange(newValue) {
         this.selectedColumns = newValue;
         this.sortColumns();
@@ -11338,6 +11389,34 @@ class TsiGenericGridComponent {
             ...otherColumns,
         ];
     }
+    /**
+     * The owner can append columns after init — custom columns arrive on the
+     * `getColonnesPersonnalisee` response. The `columns` setter refreshes the chooser pool
+     * (`_columns`) and the lookup pool (`_tempColumns`), but the rendered selection
+     * (`_selectedColumns`) is a copy taken at init, so without this a late column shows up in the
+     * column chooser and never renders.
+     */
+    adoptLateColumns(knownFields) {
+        if (!this._columnsInitialized)
+            return;
+        const lateColumns = this._columns.filter(c => !knownFields.has(c.field));
+        if (lateColumns.length === 0)
+            return;
+        // An undefined order sorts as 0 and would jump such a column to the front of applyEntityInfo()'s
+        // reorder, so give it an explicit trailing order.
+        const maxOrder = this._tempColumns.reduce((max, c) => Math.max(max, c.order ?? 0), 0);
+        lateColumns.forEach((col, index) => col.order ??= maxOrder + 1 + index);
+        if (this._restoredColumnOrder) {
+            // A saved presentation decides what is visible: re-apply it now that the column exists, so it
+            // renders at its saved position if the layout named it, and stays hidden if it did not.
+            this.applyColumnOrder(this._restoredColumnOrder);
+        }
+        else {
+            // No saved presentation — the default is "every column visible".
+            this.selectedColumns = [...this.selectedColumns, ...lateColumns];
+            this.sortColumns();
+        }
+    }
     getReorderedColumns(columnOrder) {
         const important = this.importantColumns
             .filter(key => columnOrder.includes(key))
@@ -11369,6 +11448,8 @@ class TsiGenericGridComponent {
             this.dt.tableWidthState = state.tableWidth;
             let columnOrder = state.columnOrder;
             if (columnOrder) {
+                // Memoized so a column arriving mid-preview follows the previewed layout.
+                this._restoredColumnOrder = columnOrder;
                 let reorderedColumns = this.getReorderedColumns(columnOrder);
                 this.selectedColumns = reorderedColumns;
                 this._columns = this._tempColumns;
@@ -14301,6 +14382,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
+/**
+ * `ColonnePersonnalisee.Type` (the `TypeColonneEnum` values) -> grid display type. Setting a real
+ * display type is what lets the grid derive `filterInputType`, `isNumeric` and `numOfDecimal` on its
+ * own and render the cell like a native column.
+ *
+ * Shared by both metadata sources: the grid response now reports this same raw vocabulary, so there
+ * is nothing left to translate between them.
+ */
+const CUSTOM_COLUMN_DISPLAY_TYPES = {
+    INT: DisplayTypes.INTEGER_DISPLAY,
+    DECIMAL: DisplayTypes.DECIMAL_DISPLAY,
+    FLOAT: DisplayTypes.DECIMAL_DISPLAY,
+    BOOLEAN: DisplayTypes.CHECKBOX_DISPLAY,
+    STRING: DisplayTypes.TEXT_DISPLAY,
+    BINAIRE: DisplayTypes.TEXT_DISPLAY,
+    // Read path only — DATE has no storage column and no form input.
+    DATE: DisplayTypes.DATE_DISPLAY,
+    DATETIME: DisplayTypes.DATE_DISPLAY,
+};
 class TsiGenericCrudComponent {
     //#endregion
     //#region Inputs
@@ -14333,27 +14433,12 @@ class TsiGenericCrudComponent {
     }
     set businessClass(value) {
         this._businessClass = value;
+        // A different entity means a different set of custom columns.
+        this._customColumnsRegistered = false;
         if (this._businessClass) {
             this.getWorkflowEtatFormForCurrentBusinessClass();
             this._colonnePersonnaliseeService.getColonnesPersonnalisee(this._businessClass).subscribe({
-                next: (res) => {
-                    let ccs = res.flatMap(r => r.colonnes);
-                    console.log(ccs);
-                    if (this.isCustomColumnRendered == false && ccs && ccs.length > 0) {
-                        // Add custom columns to the grid
-                        ccs.forEach(col => {
-                            let customColumnGrid = {
-                                header: col.libelle,
-                                field: col.nom,
-                                filterInputType: col.type,
-                                isCustomColumn: true,
-                                translatedHeader: col.libelle,
-                            };
-                            this.selectedColumns.push(customColumnGrid);
-                        });
-                        this.isCustomColumnRendered = true;
-                    }
-                },
+                next: (res) => this._registerCustomColumnsFromDefinitions(res.flatMap(r => r.colonnes)),
             });
         }
     }
@@ -14435,6 +14520,11 @@ class TsiGenericCrudComponent {
         this.selectionMode = GridSelectionMode.None;
         this.selectedItems = [];
         this.key = 'uid';
+        /**
+         * Custom columns are the same set whichever source delivers them, so they are registered exactly
+         * once. Latched by whichever source gets there first; reset when the entity changes.
+         */
+        this._customColumnsRegistered = false;
         this.showGlobalSearch = true;
         this.showExportButton = true;
         this.showReporting = true;
@@ -14445,7 +14535,6 @@ class TsiGenericCrudComponent {
         this.buttonColumnClicked = new EventEmitter();
         this.onImportFromOutlookClicked = new EventEmitter();
         //#endregion Outputs
-        this.isCustomColumnRendered = false;
         this.clickCount = 1;
         this.currentIcon = "pi pi-align-justify";
         this.currentTooltip = "shared_tsi_component_grid_list_view";
@@ -14501,192 +14590,7 @@ class TsiGenericCrudComponent {
         if (this.columns == null && this.columns == undefined) {
             throw new Error('columns cant be null or undefined, developper must set columns of grid !');
         }
-        this.selectedColumns = [...this.columns];
-        if (this.showInfoButton == true) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_info',
-                    field: 'info',
-                    isButton: true,
-                    buttonIcon: 'pi pi-info',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    isFrozen: true,
-                    order: 3,
-                    toolTipText: 'shared_actions_info',
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showDownloadButton == true) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_download',
-                    field: 'download',
-                    isButton: true,
-                    buttonIcon: 'pi pi-download',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    isFrozen: true,
-                    order: 2,
-                    toolTipText: 'Télécharger',
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showUploadButton == true) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_attachment',
-                    field: 'upload',
-                    isButton: true,
-                    buttonIcon: 'pi pi-paperclip',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    isFrozen: true,
-                    order: 4,
-                    toolTipText: 'shared_actions_attachment',
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showNoteButton) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_notes',
-                    buttonLabel: '',
-                    field: 'notes',
-                    isButton: true,
-                    buttonIcon: 'pi pi-comment',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    isFrozen: true,
-                    order: 5,
-                    toolTipText: 'shared_actions_notes',
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showActionButton) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_action',
-                    buttonLabel: '',
-                    field: 'ActionERP',
-                    isButton: true,
-                    buttonIcon: 'pi pi-bolt',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    isFrozen: true,
-                    order: 10,
-                    toolTipText: 'shared_actions_action',
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showFormButton) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_form',
-                    field: 'form',
-                    isButton: true,
-                    buttonIcon: 'pi pi-book',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    iconStyleClass: 'text-indigo-500',
-                    isFrozen: true,
-                    order: 8,
-                    toolTipText: 'shared_actions_form',
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showDeleteButton == true) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_delete',
-                    field: 'delete',
-                    isButton: true,
-                    buttonIcon: 'pi pi-trash',
-                    styleClass: 'p-button-text hover:shadow-8 p-button-danger',
-                    iconStyleClass: 'text-red-500',
-                    isFrozen: true,
-                    order: 1,
-                    toolTipText: 'Delete',
-                    buttonType: ButtonType.Submit,
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showEditButton == true) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_edit',
-                    field: 'edit',
-                    isButton: true,
-                    buttonIcon: 'pi pi-pencil',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    isFrozen: true,
-                    order: 6,
-                    toolTipText: 'shared_actions_edit',
-                    buttonType: ButtonType.Submit,
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Inline
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showConsultButton == true) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_consult',
-                    field: 'consult',
-                    isButton: true,
-                    buttonIcon: 'pi pi-eye',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    iconStyleClass: 'text-blue-500',
-                    isFrozen: true,
-                    order: 0,
-                    toolTipText: 'Consulter',
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        if (this.showDuplicateButton == true) {
-            this.selectedColumns = [
-                {
-                    header: 'shared_actions_duplicate',
-                    field: 'duplicate',
-                    isButton: true,
-                    buttonIcon: 'pi pi-clone',
-                    styleClass: 'p-button-text hover:shadow-8',
-                    iconStyleClass: 'text-purple-500',
-                    isFrozen: true,
-                    order: 7,
-                    toolTipText: 'Dupliquer',
-                    isIconButton: true,
-                    actionDisplay: ActionPlacement.Overflow,
-                },
-                ...this.selectedColumns,
-            ];
-        }
-        this.selectedColumns = [
-            ...this.selectedColumns
-                .filter(col => col.order !== undefined)
-                .sort((a, b) => a.order - b.order),
-            ...this.selectedColumns.filter(col => col.order === undefined),
-        ];
-        this.selectedColumns.map((column) => (column.translatedHeader = column.header ? this.localize.transform(column.header) : column.header));
+        this._initSelectedColumns();
         this.viewOptions = [
             {
                 label: this.localize.transform('shared_tsi_component_grid_list_view'),
@@ -14711,6 +14615,92 @@ class TsiGenericCrudComponent {
         ];
         this._initModels();
     }
+    _initSelectedColumns() {
+        // Each entry is [enabled flag, column definition]
+        const actionColumns = [
+            [this.showConsultButton, {
+                    header: 'shared_actions_consult', field: 'consult', isButton: true,
+                    buttonIcon: 'pi pi-eye', styleClass: 'p-button-text hover:shadow-8',
+                    iconStyleClass: 'text-blue-500', isFrozen: true, order: 0,
+                    toolTipText: 'Consulter', isIconButton: true,
+                    actionDisplay: ActionPlacement.Overflow,
+                }],
+            [this.showDeleteButton, {
+                    header: 'shared_actions_delete', field: 'delete', isButton: true,
+                    buttonIcon: 'pi pi-trash', styleClass: 'p-button-text hover:shadow-8 p-button-danger',
+                    iconStyleClass: 'text-red-500', isFrozen: true, order: 1,
+                    toolTipText: 'Delete', buttonType: ButtonType.Submit, isIconButton: true,
+                    actionDisplay: ActionPlacement.Overflow,
+                }],
+            [this.showDownloadButton, {
+                    header: 'shared_actions_download', field: 'download', isButton: true,
+                    buttonIcon: 'pi pi-download', styleClass: 'p-button-text hover:shadow-8',
+                    isFrozen: true, order: 2, toolTipText: 'Télécharger', isIconButton: true,
+                    actionDisplay: ActionPlacement.Overflow,
+                }],
+            [this.showInfoButton, {
+                    header: 'shared_actions_info', field: 'info', isButton: true,
+                    buttonIcon: 'pi pi-info', styleClass: 'p-button-text hover:shadow-8',
+                    isFrozen: true, order: 3, toolTipText: 'shared_actions_info',
+                    isIconButton: true, actionDisplay: ActionPlacement.Overflow,
+                }],
+            [this.showUploadButton, {
+                    header: 'shared_actions_attachment', field: 'upload', isButton: true,
+                    buttonIcon: 'pi pi-paperclip', styleClass: 'p-button-text hover:shadow-8',
+                    isFrozen: true, order: 4, toolTipText: 'shared_actions_attachment',
+                    isIconButton: true, actionDisplay: ActionPlacement.Overflow,
+                }],
+            [this.showNoteButton, {
+                    header: 'shared_actions_notes', buttonLabel: '', field: 'notes', isButton: true,
+                    buttonIcon: 'pi pi-comment', styleClass: 'p-button-text hover:shadow-8',
+                    isFrozen: true, order: 5, toolTipText: 'shared_actions_notes',
+                    isIconButton: true, actionDisplay: ActionPlacement.Overflow,
+                }],
+            [this.showEditButton, {
+                    header: 'shared_actions_edit', field: 'edit', isButton: true,
+                    buttonIcon: 'pi pi-pencil', styleClass: 'p-button-text hover:shadow-8',
+                    isFrozen: true, order: 6, toolTipText: 'shared_actions_edit',
+                    buttonType: ButtonType.Submit, isIconButton: true,
+                    actionDisplay: ActionPlacement.Inline,
+                }],
+            [this.showDuplicateButton, {
+                    header: 'shared_actions_duplicate', field: 'duplicate', isButton: true,
+                    buttonIcon: 'pi pi-clone', styleClass: 'p-button-text hover:shadow-8',
+                    iconStyleClass: 'text-purple-500', isFrozen: true, order: 7,
+                    toolTipText: 'Dupliquer', isIconButton: true,
+                    actionDisplay: ActionPlacement.Overflow,
+                }],
+            [this.showFormButton, {
+                    header: 'shared_actions_form', field: 'form', isButton: true,
+                    buttonIcon: 'pi pi-book', styleClass: 'p-button-text hover:shadow-8',
+                    iconStyleClass: 'text-indigo-500', isFrozen: true, order: 8,
+                    toolTipText: 'shared_actions_form', isIconButton: true,
+                    actionDisplay: ActionPlacement.Overflow,
+                }],
+            [this.showActionButton, {
+                    header: 'shared_actions_action', buttonLabel: '', field: 'ActionERP', isButton: true,
+                    buttonIcon: 'pi pi-bolt', styleClass: 'p-button-text hover:shadow-8',
+                    isFrozen: true, order: 10, toolTipText: 'shared_actions_action',
+                    isIconButton: true, actionDisplay: ActionPlacement.Overflow,
+                }],
+        ];
+        const buttons = actionColumns
+            .filter(([enabled]) => enabled)
+            .map(([, column]) => column);
+        const allColumns = [...buttons, ...this.columns];
+        // Ordered columns first (sorted by order), then the rest — assigned once
+        this.selectedColumns = [
+            ...allColumns
+                .filter(col => col.order !== undefined)
+                .sort((a, b) => a.order - b.order),
+            ...allColumns.filter(col => col.order === undefined),
+        ].map(column => ({
+            ...column,
+            translatedHeader: column.header
+                ? this.localize.transform(column.header)
+                : column.header,
+        }));
+    }
     /* toggleHeaderFilters(){
       if(this.showHeaderFilters === true){
         this.showHeaderFilters = false;
@@ -14941,18 +14931,13 @@ class TsiGenericCrudComponent {
                         if (this.showNoteButton) {
                             this.loadNotesCounts();
                         }
-                        if (this.isCustomColumnRendered == false && value.customColumnSchema && value.customColumnSchema.length > 0) {
-                            // Add custom columns to the grid
-                            value.customColumnSchema.forEach(ccs => {
-                                let customColumnGrid = {
-                                    header: ccs.columnName,
-                                    field: ccs.columnName,
-                                    filterInputType: ccs.type,
-                                    isCustomColumn: true
-                                };
-                                this.selectedColumns.push(customColumnGrid);
-                            });
-                            this.isCustomColumnRendered = true;
+                        // Second source, equivalent to the definitions and the only one that reaches screens
+                        // they cannot serve: those that never set `businessClass`, and those whose
+                        // `businessClass` is a route segment or view name rather than an entity class name, so
+                        // it does not match `ColonnePersonnalisee.Classe`. The schema is derived server-side
+                        // from `typeof(TEntity).Name`, so it always matches. Whichever source answers first wins.
+                        if (!this._customColumnsRegistered && value.customColumnSchema?.length) {
+                            this._registerCustomColumnsFromSchema(value.customColumnSchema);
                         }
                     }
                     this.page.loading = false;
@@ -14965,6 +14950,52 @@ class TsiGenericCrudComponent {
             });
         }
     }
+    /** Definitions source — reached wherever `businessClass` matches `ColonnePersonnalisee.Classe`. */
+    _registerCustomColumnsFromDefinitions(definitions) {
+        this._registerCustomColumns(definitions.map(cp => ({
+            // The API camelCases `Nom` when it writes the column's value onto each row, so the field has
+            // to follow the same policy or the cell lookup misses.
+            field: toDotNetCamelCase(cp.nom),
+            header: cp.libelle,
+            translatedHeader: cp.libelle, // a user-typed label is not a translation key
+            type: CUSTOM_COLUMN_DISPLAY_TYPES[(cp.type ?? '').toUpperCase()] ?? DisplayTypes.TEXT_DISPLAY,
+            isCustomColumn: true,
+        })));
+    }
+    /**
+     * Grid-response source. `columnName` is camelCased by the same serializer pass that writes the row
+     * properties, and `type` is the same raw vocabulary the definitions report — so this produces an
+     * identical column, not a degraded one.
+     */
+    _registerCustomColumnsFromSchema(schema) {
+        this._registerCustomColumns(schema.map(ccs => ({
+            field: ccs.columnName,
+            header: ccs.columnLibelle ?? ccs.columnName,
+            translatedHeader: ccs.columnLibelle ?? ccs.columnName,
+            type: CUSTOM_COLUMN_DISPLAY_TYPES[(ccs.type ?? '').toUpperCase()] ?? DisplayTypes.TEXT_DISPLAY,
+            isCustomColumn: true,
+        })));
+    }
+    /**
+     * The single registration point — whichever source got here first is the only one that runs.
+     * Both derive `field` with the same camelCase policy, so the dedup is only a guard against a
+     * custom column colliding with a native one, which must never be replaced.
+     *
+     * Assigns a NEW array: an in-place mutation keeps the same reference, so Angular's identity check
+     * never re-invokes the grid's `columns` setter and the column is never rendered.
+     */
+    _registerCustomColumns(candidates) {
+        if (!candidates.length)
+            return;
+        // The source delivered — nothing else should register after this, even if every candidate
+        // turns out to be a duplicate.
+        this._customColumnsRegistered = true;
+        const known = new Set(this.selectedColumns.map(c => c.field?.toLowerCase()));
+        const toAppend = candidates.filter(c => !known.has(c.field?.toLowerCase()));
+        if (!toAppend.length)
+            return;
+        this.selectedColumns = [...this.selectedColumns, ...toAppend];
+    }
     loadNotesCounts() {
         const ids = this.page.items.map(x => x[this.key])
             .filter(x => x !== null && x !== undefined)
@@ -17525,14 +17556,17 @@ class TsiFormComponentBaseComponent extends AppBaseComponent {
     }
     resolveFiche(val, apiResponse) {
         this._inputRegistry.resetDirtyStatusForAllInputs();
-        const hasUid = apiResponse?.uid != null;
         const isCreateOrDuplicate = this.mode == Component_Modes.CREATE ||
             this.mode == Component_Modes.DUPLICATE;
         const isEditableMode = isCreateOrDuplicate || this.mode == Component_Modes.EDIT;
-        if (hasUid && isEditableMode) {
-            this._formStateService.dataSaved$.next(apiResponse.uid);
-        }
-        if (hasUid && isCreateOrDuplicate) {
+        // Which record was just saved: on create/duplicate the response carries the NEW uid, and
+        // `this.id` is still null (create) or the SOURCE record (duplicate). On edit the update call
+        // returns no body, so `this.id` — filled from the dialog config — is the only source.
+        const savedOccurrence = apiResponse?.uid ?? this.id;
+        if (isEditableMode && savedOccurrence) {
+            this._formStateService.dataSaved$.next(savedOccurrence);
+        }
+        if (isCreateOrDuplicate && apiResponse?.uid != null) {
             this.id = apiResponse.uid;
             this.mode = Component_Modes.EDIT;
             this.cdRef?.detectChanges();
@@ -17555,6 +17589,10 @@ class TsiFormComponentBaseComponent extends AppBaseComponent {
         this.hide(apiResponse);
     }
     async openWorkflow() {
+        if (!this.entityInfo?.isWorkflow) {
+            this._messageInfoService.error('tsi_form_entity_not_marked_as_workflow');
+            return;
+        }
         const descriminator = this.form?.ignoreDescriminator ? undefined : this.descriminatorValue;
         try {
             const match = await firstValueFrom(this._workflowConfigurationService.getWorkflowByClasseAndDescriminator(this.businessClass, descriminator));
@@ -24192,5 +24230,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionErpService, ActionPlacement, AdDirective, AdItem, AddReportPopupComponent, AdminRoutes, AdministrationEndpoints, AdministrationSegments, AdvancedSearchComponentService, AlertImportMessageComponent, ApiDateTimeFormat, ApiExplorerService, AppBaseComponent, AppRoutes, AppSettingsService, AuthenticationGuard, AuthorizationEndpoints, AuthorizationSegments, AuthorizationService, AuthorizationTokenMapper, AutoComplete, AutoSelectDirective, BsModalRef, BusyDirective, ButtonType, ChooseChoiceMfaMethodComponent, ClaimTypes, CodeFormat, CollectionChangeAction, ComboStatusModel, Component_Modes, ContextMenuComponent, CreateOrEditDynamicFormComponent, CreateOrEditEntityInformationsComponent, CreateOrEditModeleImportComponent, CrudBaseService, CurrentUser, CurrentUserService, CutLabelPipe, DateFormat, DateFormatDisplay, DateHelper, DateHelperService, DatePickerDateFormat, DatePickerDateTimeFormat, DatePickerTimeFormat, DateTimeFormat, DateTimeFormatDisplay, DecimalFormat, DefaultSocieteDevise, Devise, DialogDataService, DisplayNestedPropComponent, DisplayTypeColors, DisplayTypes, DynamicFormListComponent, EditableGridComponent, EndpointInfos, EntityColumnDetailResponse, EntityConfigurationService, EntityInfo, EntityInfoWithRelations, EntityRelation, EntityStatusService, EntityValidationsService, ErrorResponseManagerService, ExecuteImportRequest, ExportExcelHelper, Fichier, FilterByExistingValues, FilterByProprety, FilterHelper, FilterOperatorType, FilterOperatorTypeDescriptions, FormValidationError, FormulaService, GenericFormHelper, GenericValidationStateService, GetWorkflowInstanceInformationRequest, GridSelectionMode, GridSizingMode, GridSortMode, Guid, Helpers, HtmlTemplateGeneratorService, HtmlTemplates, HttpMethodType, IdentityManagerService, IdentityPlatformAuthenticationService, IdentityPlatformEndpoints, IdentityPlatformSegments, IdentityRoutes, ImportExportEndPoints, ImportExportSegments, ImportResult, InputRegistryService, InputTypes, JournalisationApplication, JournalisationApplicationService, KeyboardShortcutService, LanguageInformations, LanguageLocale, LanguagesCodes, LayoutHelperService, LayoutOrientation, LocaleCode, LocalePocComponent, LocalizationKeys, LocalizePipe, LogoutPopupComponent, MFAEnum, MailingService, ManageImportExportComponent, ManageReportingComponent, ManageReportingRoutes, MappingHelper, ModalComponent, ModalLabelPipe, ModalLoaderComponent, ModalSizeEnum, ModeleImportCreateRequest, ModeleImportDetail, ModeleImportService, Modes, ModuleCodeService, ModuleMainParameterDirective, ModuleMainParameterService, NoteService, NumericDisplayTypes, ObjectHelper, ObservableCollection, PagedResultRequestBase, PermissionGuard, PresentationDesignerDirective, PresentationDesignerDirectiveBase, PresentationDesignerService, PresentationDesignerTabPanelDirective, PresentationSetting, PresentationSettingDetail, PresentationSettingService, ProceedLoginRequest, ProgressBarHelperService, ProgressBarResponse, ProgressBarService, ProgressBarUpdateRequest, RecordInfoPopupService, ReportingComponent, ReportingEndpoints, ReportingSegments, ReportingService, RequestTrackerInterceptor, RequestTrackerService, Segment, Segments, SeparateurDecimal, SeparateurMillier, SharedComponentReferenceHelper, SharedModule, SharedUiTsiProviders, ShortenPipe, SpinnerComponent, Status, StatusHistory, StatusHistoryService, StorageManager, SubscriptionResult, TS_ValidDateFormat, TS_ValidDateTimeFormat, TS_ValidTimeFormat, TextBoxType, Themes, TimeFormat, TimeOnly, TimeZoneLocale, ToNumberPipe, TooltipPosition, TranslationService, TsiActionErpCreateOrEditComponent, TsiActionErpListComponent, TsiBaseComponent, TsiBsModalService, TsiBubbleInfoComponent, TsiButtonComponent, TsiCalenderComponent, TsiCard, TsiCardComponent, TsiCardListComponent, TsiChangePasswordComponent, TsiCheckboxComponent, TsiCheckboxDisplayComponent, TsiCodeGeneratorComponent, TsiComponentEnum, TsiComponentFinderService, TsiConfirmationService, TsiCurrencyOtherDisplayComponent, TsiCurrencyOtherInputComponent, TsiCurrencyPipe, TsiCurrencySocieteDisplayComponent, TsiCurrencySocieteInputComponent, TsiDateDisplayComponent, TsiDatePickerComponent, TsiDecimalDisplayComponent, TsiDecimalInputComponent, TsiDecimalPipe, TsiDisplayGridComponent, TsiDividerComponent, TsiErrorMessageComponent, TsiFileManagerComponent, TsiFilePreviewComponent, TsiFormComponent, TsiFormComponentBaseComponent, TsiFormModalFooterComponent, TsiFormulaBoxComponent, TsiGenericCrudComponent, TsiGenericFormComponent, TsiGenericGridComponent, TsiImageDisplayComponent, TsiInfoMessageComponent, TsiInputBase, TsiIntegerComponent, TsiIntegerDisplayComponent, TsiKanbanComponent, TsiKanbanWorkflowEtatComponent, TsiLabelComponent, TsiLabelLegendComponent, TsiLegendComponent, TsiListBaseComponent, TsiLogEventHistoryComponent, TsiMessageService, TsiModalComponent, TsiModalFooterComponent, TsiModalHeaderComponent, TsiModalService, TsiNotesAvertirComponent, TsiNotesComponent, TsiNotesGridComponent, TsiNotificationService, TsiParagraphComponent, TsiPopupTextViewerComponent, TsiProgressBarComponent, TsiRadioButtonComponent, TsiRateDisplayComponent, TsiRateInputComponent, TsiRedirectionMessageComponent, TsiReportType, TsiSearchBoxComponent, TsiSearchComboComponent, TsiSendMailComponent, TsiSubmitButtonComponent, TsiSuccessMessageComponent, TsiTabPanelComponent, TsiTabViewComponent, TsiTemplate, TsiTenantsComponent, TsiTextAreaComponent, TsiTextBoxComponent, TsiTimeDisplayComponent, TsiTimePickerComponent, TsiTooltipComponent, TsiUploadFicheComponent, TsiUploadGridComponent, TsiViewGridComponent, TypeFichier, TypeImportEnum, TypeRegistryHelper, UpdateEntityInfoWithRelationsRequest, UserIdentityService, ValidationDirective, VerificationCodeComponent, VerificationCodeInscriptionComponent, VerificationCodeSmsComponent, WorkflowConfigurationService, WorkflowEtatForm, WorkflowEtatKanbanRequest, WorkflowEtatSuivantResponse, WorkflowResponse, appProviders, authorization, dashboardConst, defaultCardHeader, distinct, executeImportResult, initSharedComponents, isNullOrEmpty, isPinnableCssSize, lengthValidator, locals, logoutReasonEnum, lowerFirst, menuItems, menuPreferences, preciseAdd, preciseSum, primengDateLocalAr, primengLocaleAr, queryParamNamesConst, rangeValidator, registerLibraryLocales, requestHeaderNames, resolveCssSize, rtlModeKeys, splitArrayIntoChunks, tokenQueryParamName, updateEntityWorkflowInformation, updateEntityWorkflowInstanceResponse, userLanguage, workflowEtatDetailledResponse, workflowInstanceInformationResponse };
+export { ActionErpService, ActionPlacement, AdDirective, AdItem, AddReportPopupComponent, AdminRoutes, AdministrationEndpoints, AdministrationSegments, AdvancedSearchComponentService, AlertImportMessageComponent, ApiDateTimeFormat, ApiExplorerService, AppBaseComponent, AppRoutes, AppSettingsService, AuthenticationGuard, AuthorizationEndpoints, AuthorizationSegments, AuthorizationService, AuthorizationTokenMapper, AutoComplete, AutoSelectDirective, BsModalRef, BusyDirective, ButtonType, ChooseChoiceMfaMethodComponent, ClaimTypes, CodeFormat, CollectionChangeAction, ComboStatusModel, Component_Modes, ContextMenuComponent, CreateOrEditDynamicFormComponent, CreateOrEditEntityInformationsComponent, CreateOrEditModeleImportComponent, CrudBaseService, CurrentUser, CurrentUserService, CutLabelPipe, DateFormat, DateFormatDisplay, DateHelper, DateHelperService, DatePickerDateFormat, DatePickerDateTimeFormat, DatePickerTimeFormat, DateTimeFormat, DateTimeFormatDisplay, DecimalFormat, DefaultSocieteDevise, Devise, DialogDataService, DisplayNestedPropComponent, DisplayTypeColors, DisplayTypes, DynamicFormListComponent, EditableGridComponent, EndpointInfos, EntityColumnDetailResponse, EntityConfigurationService, EntityInfo, EntityInfoWithRelations, EntityRelation, EntityStatusService, EntityValidationsService, ErrorResponseManagerService, ExecuteImportRequest, ExportExcelHelper, Fichier, FilterByExistingValues, FilterByProprety, FilterHelper, FilterOperatorType, FilterOperatorTypeDescriptions, FormValidationError, FormulaService, GenericFormHelper, GenericValidationStateService, GetWorkflowInstanceInformationRequest, GridSelectionMode, GridSizingMode, GridSortMode, Guid, Helpers, HtmlTemplateGeneratorService, HtmlTemplates, HttpMethodType, IdentityManagerService, IdentityPlatformAuthenticationService, IdentityPlatformEndpoints, IdentityPlatformSegments, IdentityRoutes, ImportExportEndPoints, ImportExportSegments, ImportResult, InputRegistryService, InputTypes, JournalisationApplication, JournalisationApplicationService, KeyboardShortcutService, LanguageInformations, LanguageLocale, LanguagesCodes, LayoutHelperService, LayoutOrientation, LocaleCode, LocalePocComponent, LocalizationKeys, LocalizePipe, LogoutPopupComponent, MFAEnum, MailingService, ManageImportExportComponent, ManageReportingComponent, ManageReportingRoutes, MappingHelper, ModalComponent, ModalLabelPipe, ModalLoaderComponent, ModalSizeEnum, ModeleImportCreateRequest, ModeleImportDetail, ModeleImportService, Modes, ModuleCodeService, ModuleMainParameterDirective, ModuleMainParameterService, NoteService, NumericDisplayTypes, ObjectHelper, ObservableCollection, PagedResultRequestBase, PermissionGuard, PresentationDesignerDirective, PresentationDesignerDirectiveBase, PresentationDesignerService, PresentationDesignerTabPanelDirective, PresentationSetting, PresentationSettingDetail, PresentationSettingService, ProceedLoginRequest, ProgressBarHelperService, ProgressBarResponse, ProgressBarService, ProgressBarUpdateRequest, RecordInfoPopupService, ReportingComponent, ReportingEndpoints, ReportingSegments, ReportingService, RequestTrackerInterceptor, RequestTrackerService, Segment, Segments, SeparateurDecimal, SeparateurMillier, SharedComponentReferenceHelper, SharedModule, SharedUiTsiProviders, ShortenPipe, SpinnerComponent, Status, StatusHistory, StatusHistoryService, StorageManager, SubscriptionResult, TS_ValidDateFormat, TS_ValidDateTimeFormat, TS_ValidTimeFormat, TextBoxType, Themes, TimeFormat, TimeOnly, TimeZoneLocale, ToNumberPipe, TooltipPosition, TranslationService, TsiActionErpCreateOrEditComponent, TsiActionErpListComponent, TsiBaseComponent, TsiBsModalService, TsiBubbleInfoComponent, TsiButtonComponent, TsiCalenderComponent, TsiCard, TsiCardComponent, TsiCardListComponent, TsiChangePasswordComponent, TsiCheckboxComponent, TsiCheckboxDisplayComponent, TsiCodeGeneratorComponent, TsiComponentEnum, TsiComponentFinderService, TsiConfirmationService, TsiCurrencyOtherDisplayComponent, TsiCurrencyOtherInputComponent, TsiCurrencyPipe, TsiCurrencySocieteDisplayComponent, TsiCurrencySocieteInputComponent, TsiDateDisplayComponent, TsiDatePickerComponent, TsiDecimalDisplayComponent, TsiDecimalInputComponent, TsiDecimalPipe, TsiDisplayGridComponent, TsiDividerComponent, TsiErrorMessageComponent, TsiFileManagerComponent, TsiFilePreviewComponent, TsiFormComponent, TsiFormComponentBaseComponent, TsiFormModalFooterComponent, TsiFormulaBoxComponent, TsiGenericCrudComponent, TsiGenericFormComponent, TsiGenericGridComponent, TsiImageDisplayComponent, TsiInfoMessageComponent, TsiInputBase, TsiIntegerComponent, TsiIntegerDisplayComponent, TsiKanbanComponent, TsiKanbanWorkflowEtatComponent, TsiLabelComponent, TsiLabelLegendComponent, TsiLegendComponent, TsiListBaseComponent, TsiLogEventHistoryComponent, TsiMessageService, TsiModalComponent, TsiModalFooterComponent, TsiModalHeaderComponent, TsiModalService, TsiNotesAvertirComponent, TsiNotesComponent, TsiNotesGridComponent, TsiNotificationService, TsiParagraphComponent, TsiPopupTextViewerComponent, TsiProgressBarComponent, TsiRadioButtonComponent, TsiRateDisplayComponent, TsiRateInputComponent, TsiRedirectionMessageComponent, TsiReportType, TsiSearchBoxComponent, TsiSearchComboComponent, TsiSendMailComponent, TsiSubmitButtonComponent, TsiSuccessMessageComponent, TsiTabPanelComponent, TsiTabViewComponent, TsiTemplate, TsiTenantsComponent, TsiTextAreaComponent, TsiTextBoxComponent, TsiTimeDisplayComponent, TsiTimePickerComponent, TsiTooltipComponent, TsiUploadFicheComponent, TsiUploadGridComponent, TsiViewGridComponent, TypeFichier, TypeImportEnum, TypeRegistryHelper, UpdateEntityInfoWithRelationsRequest, UserIdentityService, ValidationDirective, VerificationCodeComponent, VerificationCodeInscriptionComponent, VerificationCodeSmsComponent, WorkflowConfigurationService, WorkflowEtatForm, WorkflowEtatKanbanRequest, WorkflowEtatSuivantResponse, WorkflowResponse, appProviders, authorization, dashboardConst, defaultCardHeader, distinct, executeImportResult, initSharedComponents, isNullOrEmpty, isPinnableCssSize, lengthValidator, locals, logoutReasonEnum, lowerFirst, menuItems, menuPreferences, preciseAdd, preciseSum, primengDateLocalAr, primengLocaleAr, queryParamNamesConst, rangeValidator, registerLibraryLocales, requestHeaderNames, resolveCssSize, rtlModeKeys, splitArrayIntoChunks, toDotNetCamelCase, tokenQueryParamName, updateEntityWorkflowInformation, updateEntityWorkflowInstanceResponse, userLanguage, workflowEtatDetailledResponse, workflowInstanceInformationResponse };
 //# sourceMappingURL=tsi-developpement-tsi-shared-ui.mjs.map