@tsi-developpement/tsi-shared-ui 1.7.37 → 1.7.39

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Pipe, Injectable, HostListener, Directive, Component, Input, inject, EventEmitter, Output, ViewEncapsulation, runInInjectionContext, ViewChild, signal, ElementRef, ContentChild, Optional, ContentChildren, Renderer2, ViewContainerRef, ViewChildren, ChangeDetectorRef, NgModule } from '@angular/core';
-import { Subject, firstValueFrom, tap, BehaviorSubject, map, catchError, of, forkJoin } from 'rxjs';
+import { Subject, firstValueFrom, tap, BehaviorSubject, map, catchError, of, distinctUntilChanged, forkJoin, finalize } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpStatusCode, HttpClientModule } from '@angular/common/http';
 import * as i1$1 from '@angular/common';
@@ -256,6 +256,8 @@ const AdministrationSegments = {
     getWorkflowEtatFormByClassName: "GetWorkflowEtatFormByClassName",
     entityInfoController: "EntityInfo",
     sqlColumns: 'sqlColumns',
+    entityColumns: 'entityColumns',
+    projectFilesColumns: 'projectFilesColumns',
     getWorkflowConditionPassageOperatorEnum: "getWorkflowConditionPassageOperatorEnum",
     getByCodeModule: 'GetByCodeModule',
     getDescriminatorClassValues: 'GetDescriminatorClassValues',
@@ -370,6 +372,8 @@ const AdministrationEndpoints = {
     deleteEntityInformations: (className) => `${Segment.base}/${AdministrationSegments.entityConfiguration}/${className}`,
     getClasswByNom: () => `${Segment.base}/${AdministrationSegments.classw}/${AdministrationSegments.getClasswByNom}`,
     getEntityColumns: (businessClassName) => `${Segment.base}/${AdministrationSegments.entityInfoController}/${AdministrationSegments.allAsKeyValuePair}/${businessClassName}`,
+    getEntitycolumnsFromModels: (businessClassName) => `${Segment.base}/${AdministrationSegments.entityInfoController}/${AdministrationSegments.entityColumns}/${businessClassName}`,
+    getColumnsFromProjectDatabase: (businessClassName) => `${Segment.base}/${AdministrationSegments.entityInfoController}/${AdministrationSegments.projectFilesColumns}/${businessClassName}`,
     getSqlColumns: (businessClassName) => `${Segment.base}/${AdministrationSegments.entityInfoController}/${AdministrationSegments.sqlColumns}/${businessClassName}`,
     getWorkflowConditionPassageOperatorEnum: () => `${Segment.base}/${AdministrationSegments.workflow}/${AdministrationSegments.getWorkflowConditionPassageOperatorEnum}`,
     getConnectedUsers: () => `${Segment.base}/${AdministrationSegments.admin}/${AdministrationSegments.getConnectedUsers}`,
@@ -942,18 +946,18 @@ class SpinnerComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpinnerComponent, selector: "app-spinner", ngImport: i0, template: "<div class=\"spinner-container  flex align-items-center justify-content-center\">\r\n  <div class=\"d-flex justify-content-center\">\r\n    <p-progressSpinner></p-progressSpinner>\r\n  </div>\r\n</div>\r\n", styles: [".spinner-container{position:fixed;left:50%;top:50%;background-color:#ffffff80;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;z-index:9999;pointer-events:none}\n"], dependencies: [{ kind: "component", type: i1$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpinnerComponent, selector: "app-spinner", ngImport: i0, template: "<div class=\"spinner-container  flex align-items-center justify-content-center\">\r\n  <div class=\"d-flex justify-content-center\">\r\n    <p-progressSpinner></p-progressSpinner>\r\n  </div>\r\n</div>", styles: [".spinner-container{position:fixed;left:50%;top:50%;background-color:#ffffff80;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;z-index:9999;pointer-events:all;cursor:wait}\n"], dependencies: [{ kind: "component", type: i1$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-spinner', template: "<div class=\"spinner-container  flex align-items-center justify-content-center\">\r\n  <div class=\"d-flex justify-content-center\">\r\n    <p-progressSpinner></p-progressSpinner>\r\n  </div>\r\n</div>\r\n", styles: [".spinner-container{position:fixed;left:50%;top:50%;background-color:#ffffff80;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;z-index:9999;pointer-events:none}\n"] }]
+            args: [{ selector: 'app-spinner', template: "<div class=\"spinner-container  flex align-items-center justify-content-center\">\r\n  <div class=\"d-flex justify-content-center\">\r\n    <p-progressSpinner></p-progressSpinner>\r\n  </div>\r\n</div>", styles: [".spinner-container{position:fixed;left:50%;top:50%;background-color:#ffffff80;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;z-index:9999;pointer-events:all;cursor:wait}\n"] }]
         }], ctorParameters: () => [] });
 
 class BusyDirective {
     set busy(isLoading) {
         if (isLoading) {
-            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SpinnerComponent);
-            this.view.createComponent(componentFactory);
+            this.view.clear();
+            this.view.createComponent(SpinnerComponent);
         }
         else {
             this.view.clear();
@@ -961,12 +965,11 @@ class BusyDirective {
         }
     }
     ;
-    constructor(view, componentFactoryResolver, template) {
+    constructor(view, template) {
         this.view = view;
-        this.componentFactoryResolver = componentFactoryResolver;
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BusyDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BusyDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BusyDirective, selector: "[busy]", inputs: { busy: "busy" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BusyDirective, decorators: [{
@@ -974,7 +977,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     selector: '[busy]'
                 }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: i0.TemplateRef }], propDecorators: { busy: [{
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }], propDecorators: { busy: [{
                 type: Input
             }] } });
 
@@ -2074,6 +2077,14 @@ class UpdateEntityInfoWithRelationsRequest {
         this.relations = relations;
     }
 }
+class EntityColumnDetailResponse {
+    constructor() {
+        this.name = '';
+        this.type = '';
+        this.isNullable = false;
+        this.maxLength = null;
+    }
+}
 
 class CurrentUser {
 }
@@ -2571,9 +2582,15 @@ class EntityConfigurationService {
     getEntityColumns(businessClassName) {
         return this.httpClient.get(AdministrationEndpoints.getEntityColumns(businessClassName));
     }
+    getEntitycolumnsFromModels(businessClassName) {
+        return this.httpClient.get(AdministrationEndpoints.getEntitycolumnsFromModels(businessClassName));
+    }
     getSqlColumns(businessClassName) {
         return this.httpClient.get(AdministrationEndpoints.getSqlColumns(businessClassName));
     }
+    getColumnsFromProjectDatabase(businessClassName) {
+        return this.httpClient.get(AdministrationEndpoints.getColumnsFromProjectDatabase(businessClassName));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EntityConfigurationService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EntityConfigurationService, providedIn: 'root' }); }
 }
@@ -4988,6 +5005,123 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }], ctorParameters: () => [{ type: EntityConfigurationService }, { type: TsiMessageService }, { type: TsiModalService }] });
 
+/**
+ * Service to track the status of all ongoing HTTP requests.
+ *
+ * Useful for showing global loading indicators or preventing
+ * multiple simultaneous operations in the UI.
+ *
+ * The service exposes a read-only observable `requestState$` that emits
+ * the current number of active requests and a boolean flag indicating
+ * if any request is in progress.
+ */
+class RequestTrackerService {
+    constructor() {
+        this._requestTrackerConfig = { ignoredEndpoints: [] };
+        /**
+         * Cached ignored endpoint patterns.
+         */
+        this._ignoredEndpoints = [];
+        /**
+         * Internal subject that keeps track of the number of active requests.
+         * Using BehaviorSubject ensures that new subscribers get the latest count immediately.
+         */
+        this._activeRequestCount$ = new BehaviorSubject(0);
+        /**
+         * Observable exposing the derived request tracker state.
+         * Subscribers receive updates whenever the number of active requests changes.
+         */
+        this.requestState$ = this._activeRequestCount$.pipe(map(count => ({
+            activeRequestCount: count,
+            hasActiveRequest: count > 0,
+        })), distinctUntilChanged((prev, curr) => prev.activeRequestCount === curr.activeRequestCount &&
+            prev.hasActiveRequest === curr.hasActiveRequest));
+        /**
+         * Shortcut observable for templates/components that only need
+         * a boolean indicating if any request is in progress.
+         */
+        this.hasActiveRequests$ = this.requestState$.pipe(map(state => state.hasActiveRequest), distinctUntilChanged());
+    }
+    /**
+     * Initializes the service with application-specific configuration.
+     *
+     * This should typically be called once during app startup (e.g., via APP_INITIALIZER).
+     *
+     * @param config Configuration object containing ignored endpoints and other options.
+     */
+    initialize(config) {
+        this._requestTrackerConfig = config;
+        this._ignoredEndpoints = config.ignoredEndpoints ?? [];
+    }
+    /**
+     * Starts tracking an HTTP request.
+     *
+     * If the request URL matches one of the ignored endpoint patterns,
+     * it will not be counted.
+     *
+     * @param url The request URL.
+     */
+    startRequest(url) {
+        if (!url || this._shouldIgnore(url)) {
+            return;
+        }
+        this._activeRequestCount$.next(this._activeRequestCount$.value + 1);
+    }
+    /**
+     * Completes tracking of an HTTP request.
+     *
+     * Ensures the active request count never goes below zero.
+     * Ignored endpoints are skipped.
+     *
+     * @param url The request URL.
+     */
+    completeRequest(url) {
+        if (!url || this._shouldIgnore(url)) {
+            return;
+        }
+        this._activeRequestCount$.next(Math.max(this._activeRequestCount$.value - 1, 0));
+    }
+    /**
+     * Synchronously checks whether any HTTP request is currently in progress.
+     *
+     * @returns `true` if at least one request is active; otherwise `false`.
+     */
+    hasActiveRequests() {
+        return this._activeRequestCount$.value > 0;
+    }
+    /**
+   * Determines whether a given URL should be ignored based on configured rules.
+   *
+   * Supports:
+   * - string matching (`includes`)
+   * - RegExp matching (`test`)
+   * - optional case sensitivity for string patterns
+   */
+    _shouldIgnore(url) {
+        return this._ignoredEndpoints.some(rule => {
+            const { pattern, caseSensitive = false } = rule;
+            // RegExp case
+            if (pattern instanceof RegExp) {
+                return pattern.test(url);
+            }
+            // String case
+            if (caseSensitive) {
+                return url.includes(pattern);
+            }
+            // Case-insensitive match
+            return url.toLowerCase().includes(pattern.toLowerCase());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RequestTrackerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RequestTrackerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RequestTrackerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 class Guid {
     static get empty() {
         return '00000000-0000-0000-0000-000000000000';
@@ -7464,9 +7598,12 @@ class TsiModalFooterComponent {
         this.showFiles = false;
         this.stylePositionClass = 'right-0';
         this.SaveButtonType = ButtonType.Submit;
+        this.hasActiveRequests = false;
+        this.requestTrackerService = inject(RequestTrackerService);
     }
     ngOnDestroy() {
         this.layoutDirectionSubscritpion?.unsubscribe();
+        this.requestTrackerStateSubscription?.unsubscribe();
     }
     l(key) {
         if (this.localize != null
@@ -7476,8 +7613,8 @@ class TsiModalFooterComponent {
         return key;
     }
     ngOnInit() {
-        this.showFiles =
-            this.dialogDataService.getData()?.mode === Component_Modes.EDIT;
+        this._initializeRequestTrackerStateSubscription();
+        this.showFiles = this.dialogDataService.getData()?.mode === Component_Modes.EDIT;
         this.isRtlModeEnabled();
         this.subscribeInRtlModeChange();
         // this.dialogService.clearData()
@@ -7508,12 +7645,16 @@ class TsiModalFooterComponent {
             });
     }
     onSave() {
+        if (this.hasActiveRequests)
+            return;
         this.onSaveClick.emit();
     }
     onCancel() {
         this.onCancelClick.emit();
     }
     onAdditionalButton() {
+        if (this.hasActiveRequests)
+            return;
         this.onAdditionalButtonClick.emit();
     }
     async onFiles() {
@@ -7525,12 +7666,17 @@ class TsiModalFooterComponent {
         const ref = await openModalUploadGrid(this._injector, conf);
         //ref.onClose.subscribe((val?: any) => this._closeModal(val));
     }
+    _initializeRequestTrackerStateSubscription() {
+        this.requestTrackerStateSubscription = this.requestTrackerService.requestState$.subscribe((value) => {
+            this.hasActiveRequests = value.hasActiveRequest;
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiModalFooterComponent, deps: [{ token: i0.EnvironmentInjector }, { token: DialogDataService }, { token: LayoutService }, { token: LocalizePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: { cancelDisabled: "cancelDisabled", saveDisabled: "saveDisabled", cancelLabel: "cancelLabel", saveLabel: "saveLabel", isConsult: "isConsult", isDuplicate: "isDuplicate", isOnlyCreate: "isOnlyCreate", additionalButtonLabel: "additionalButtonLabel", additionalButtonIcon: "additionalButtonIcon", additionalButtonDisabled: "additionalButtonDisabled", showAdditionalButton: "showAdditionalButton" }, outputs: { onCancelClick: "onCancelClick", onSaveClick: "onSaveClick", onAdditionalButtonClick: "onAdditionalButtonClick" }, ngImport: i0, template: "<div *ngIf=\"!footerTemplateRef\" #footer class=\"p-dialog-footer {{stylePositionClass}} flex z-5\" [ngClass]=\"isOnlyCreate ? '': 'absolute bottom-0'\"\r\n    style=\"direction: rtl;\">\r\n\r\n    <div *ngIf=\"showFiles\">\r\n        <Tsi-Button type=\"button\" text=\"Files\" icon=\"p-button-icon p-button-icon-left pi pi-paperclip\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label\" (click)=\"onFiles()\">\r\n        </Tsi-Button>\r\n    </div>\r\n    <div  [ngStyle]=\"isAr ? {'text-align': 'end'} : {}\" class=\"col p-0 m-0\">\r\n\r\n        <Tsi-Button *ngIf=\"showAdditionalButton\"\r\n            [text]=\"additionalButtonLabel | localize\" icon=\"{{additionalButtonIcon}}\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label gap-1 additional-btn\"\r\n            (click)=\"onAdditionalButton()\" [disabled]=\"additionalButtonDisabled\"></Tsi-Button>\r\n\r\n        <Tsi-Button *ngIf=\"!isConsult\"\r\n            [buttonType]=\"SaveButtonType\"\r\n            [text]=\"(this.isDuplicate ? 'gesc_achats_commande_dupliquer' : saveLabel) | localize\" icon=\"pi pi-check\"\r\n            styleClass=\"p-element p-button-text p-button p-component ng-star-inserted p-button-label gap-1 save-btn\"\r\n            (onClick)=\"onSave()\" [disabled]=\"saveDisabled\">\r\n        </Tsi-Button>\r\n\r\n        <Tsi-Button\r\n            [text]=\"cancelLabel | localize\" icon=\"p-button-icon p-button-icon-left pi pi-times\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label gap-1 cancel-btn\"\r\n            (click)=\"onCancel()\" [disabled]=\"cancelDisabled\"></Tsi-Button>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"footerTemplateRef\">\r\n    <ng-container *ngTemplateOutlet=\"footerTemplateRef\"></ng-container>\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-footer{width:100%;height:2.5rem}::ng-deep .p-button .p-button-icon{margin-top:2px!important}::ng-deep .cancel-btn{background-color:#f7f7f7!important;color:#000!important}::ng-deep .save-btn{background-color:var(--primary-color)!important;color:#fff!important}::ng-deep .additional-btn{background-color:var(--primary-color)!important;color:#fff!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: { cancelDisabled: "cancelDisabled", saveDisabled: "saveDisabled", cancelLabel: "cancelLabel", saveLabel: "saveLabel", isConsult: "isConsult", isDuplicate: "isDuplicate", isOnlyCreate: "isOnlyCreate", additionalButtonLabel: "additionalButtonLabel", additionalButtonIcon: "additionalButtonIcon", additionalButtonDisabled: "additionalButtonDisabled", showAdditionalButton: "showAdditionalButton" }, outputs: { onCancelClick: "onCancelClick", onSaveClick: "onSaveClick", onAdditionalButtonClick: "onAdditionalButtonClick" }, ngImport: i0, template: "<div *ngIf=\"!footerTemplateRef\" #footer class=\"p-dialog-footer {{stylePositionClass}} flex z-5\" [ngClass]=\"isOnlyCreate ? '': 'absolute bottom-0'\"\r\n    style=\"direction: rtl;\">\r\n\r\n    <div *ngIf=\"showFiles\">\r\n        <Tsi-Button type=\"button\" text=\"Files\" icon=\"p-button-icon p-button-icon-left pi pi-paperclip\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label\" (click)=\"onFiles()\">\r\n        </Tsi-Button>\r\n    </div>\r\n    <div  [ngStyle]=\"isAr ? {'text-align': 'end'} : {}\" class=\"col p-0 m-0\">\r\n\r\n        <Tsi-Button *ngIf=\"showAdditionalButton\"\r\n            [text]=\"additionalButtonLabel | localize\" icon=\"{{additionalButtonIcon}}\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label gap-1 additional-btn\"\r\n            (click)=\"onAdditionalButton()\" [disabled]=\"additionalButtonDisabled || hasActiveRequests\"></Tsi-Button>\r\n\r\n        <Tsi-Button *ngIf=\"!isConsult\"\r\n            [buttonType]=\"SaveButtonType\"\r\n            [text]=\"(this.isDuplicate ? 'gesc_achats_commande_dupliquer' : saveLabel) | localize\" icon=\"pi pi-check\"\r\n            styleClass=\"p-element p-button-text p-button p-component ng-star-inserted p-button-label gap-1 save-btn\"\r\n            (onClick)=\"onSave()\" [disabled]=\"saveDisabled || hasActiveRequests\">\r\n        </Tsi-Button>\r\n\r\n        <Tsi-Button\r\n            [text]=\"cancelLabel | localize\" icon=\"p-button-icon p-button-icon-left pi pi-times\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label gap-1 cancel-btn\"\r\n            (click)=\"onCancel()\" [disabled]=\"cancelDisabled\"></Tsi-Button>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"footerTemplateRef\">\r\n    <ng-container *ngTemplateOutlet=\"footerTemplateRef\"></ng-container>\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-footer{width:100%;height:2.5rem}::ng-deep .p-button .p-button-icon{margin-top:2px!important}::ng-deep .cancel-btn{background-color:#f7f7f7!important;color:#000!important}::ng-deep .save-btn{background-color:var(--primary-color)!important;color:#fff!important}::ng-deep .additional-btn{background-color:var(--primary-color)!important;color:#fff!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiModalFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'Tsi-Modal-Footer', template: "<div *ngIf=\"!footerTemplateRef\" #footer class=\"p-dialog-footer {{stylePositionClass}} flex z-5\" [ngClass]=\"isOnlyCreate ? '': 'absolute bottom-0'\"\r\n    style=\"direction: rtl;\">\r\n\r\n    <div *ngIf=\"showFiles\">\r\n        <Tsi-Button type=\"button\" text=\"Files\" icon=\"p-button-icon p-button-icon-left pi pi-paperclip\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label\" (click)=\"onFiles()\">\r\n        </Tsi-Button>\r\n    </div>\r\n    <div  [ngStyle]=\"isAr ? {'text-align': 'end'} : {}\" class=\"col p-0 m-0\">\r\n\r\n        <Tsi-Button *ngIf=\"showAdditionalButton\"\r\n            [text]=\"additionalButtonLabel | localize\" icon=\"{{additionalButtonIcon}}\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label gap-1 additional-btn\"\r\n            (click)=\"onAdditionalButton()\" [disabled]=\"additionalButtonDisabled\"></Tsi-Button>\r\n\r\n        <Tsi-Button *ngIf=\"!isConsult\"\r\n            [buttonType]=\"SaveButtonType\"\r\n            [text]=\"(this.isDuplicate ? 'gesc_achats_commande_dupliquer' : saveLabel) | localize\" icon=\"pi pi-check\"\r\n            styleClass=\"p-element p-button-text p-button p-component ng-star-inserted p-button-label gap-1 save-btn\"\r\n            (onClick)=\"onSave()\" [disabled]=\"saveDisabled\">\r\n        </Tsi-Button>\r\n\r\n        <Tsi-Button\r\n            [text]=\"cancelLabel | localize\" icon=\"p-button-icon p-button-icon-left pi pi-times\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label gap-1 cancel-btn\"\r\n            (click)=\"onCancel()\" [disabled]=\"cancelDisabled\"></Tsi-Button>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"footerTemplateRef\">\r\n    <ng-container *ngTemplateOutlet=\"footerTemplateRef\"></ng-container>\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-footer{width:100%;height:2.5rem}::ng-deep .p-button .p-button-icon{margin-top:2px!important}::ng-deep .cancel-btn{background-color:#f7f7f7!important;color:#000!important}::ng-deep .save-btn{background-color:var(--primary-color)!important;color:#fff!important}::ng-deep .additional-btn{background-color:var(--primary-color)!important;color:#fff!important}\n"] }]
+            args: [{ selector: 'Tsi-Modal-Footer', template: "<div *ngIf=\"!footerTemplateRef\" #footer class=\"p-dialog-footer {{stylePositionClass}} flex z-5\" [ngClass]=\"isOnlyCreate ? '': 'absolute bottom-0'\"\r\n    style=\"direction: rtl;\">\r\n\r\n    <div *ngIf=\"showFiles\">\r\n        <Tsi-Button type=\"button\" text=\"Files\" icon=\"p-button-icon p-button-icon-left pi pi-paperclip\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label\" (click)=\"onFiles()\">\r\n        </Tsi-Button>\r\n    </div>\r\n    <div  [ngStyle]=\"isAr ? {'text-align': 'end'} : {}\" class=\"col p-0 m-0\">\r\n\r\n        <Tsi-Button *ngIf=\"showAdditionalButton\"\r\n            [text]=\"additionalButtonLabel | localize\" icon=\"{{additionalButtonIcon}}\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label gap-1 additional-btn\"\r\n            (click)=\"onAdditionalButton()\" [disabled]=\"additionalButtonDisabled || hasActiveRequests\"></Tsi-Button>\r\n\r\n        <Tsi-Button *ngIf=\"!isConsult\"\r\n            [buttonType]=\"SaveButtonType\"\r\n            [text]=\"(this.isDuplicate ? 'gesc_achats_commande_dupliquer' : saveLabel) | localize\" icon=\"pi pi-check\"\r\n            styleClass=\"p-element p-button-text p-button p-component ng-star-inserted p-button-label gap-1 save-btn\"\r\n            (onClick)=\"onSave()\" [disabled]=\"saveDisabled || hasActiveRequests\">\r\n        </Tsi-Button>\r\n\r\n        <Tsi-Button\r\n            [text]=\"cancelLabel | localize\" icon=\"p-button-icon p-button-icon-left pi pi-times\"\r\n            styleClass=\"p-element p-button-text p-button p-component p-button-label gap-1 cancel-btn\"\r\n            (click)=\"onCancel()\" [disabled]=\"cancelDisabled\"></Tsi-Button>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"footerTemplateRef\">\r\n    <ng-container *ngTemplateOutlet=\"footerTemplateRef\"></ng-container>\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-footer{width:100%;height:2.5rem}::ng-deep .p-button .p-button-icon{margin-top:2px!important}::ng-deep .cancel-btn{background-color:#f7f7f7!important;color:#000!important}::ng-deep .save-btn{background-color:var(--primary-color)!important;color:#fff!important}::ng-deep .additional-btn{background-color:var(--primary-color)!important;color:#fff!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.EnvironmentInjector }, { type: DialogDataService }, { type: LayoutService }, { type: LocalizePipe }], propDecorators: { cancelDisabled: [{
                 type: Input
             }], saveDisabled: [{
@@ -14504,9 +14650,11 @@ class TsiFormComponent {
         this.isBusinessClassSet = false;
         this.isFormsInfosCalculated = false;
         this.ignoreDescriminator = false;
+        this.hasActiveRequests = false;
         this.dynamicFormService = inject(DynamicFormService);
         this.formulaireService = inject(FormulaireService);
         this.entityConfigurationService = inject(EntityConfigurationService);
+        this.requestTrackerService = inject(RequestTrackerService);
         //#endregion
         //#region variables
         this._workflowInformation = new workflowInstanceInformationResponse();
@@ -14529,6 +14677,9 @@ class TsiFormComponent {
         if (this.savedDataSubscription) {
             this.savedDataSubscription.unsubscribe();
         }
+        if (this.requestTrackerStateSubscription) {
+            this.requestTrackerStateSubscription.unsubscribe();
+        }
     }
     set workflowInformation(value) {
         this._workflowInformation = value;
@@ -14579,6 +14730,7 @@ class TsiFormComponent {
             this.getWorkflowEtatSuivantAsKeyValuePair = AdministrationEndpoints.getWorkflowEtatSuivantByWorkflowEtat(this.workflowInformation.workflowEtat);
         }
         this._initFormSaveSubscription();
+        this._initializeRequestTrackerStateSubscription();
     }
     _initFormSaveSubscription() {
         this.savedDataSubscription = this._colonnePersonnaliseeService
@@ -14659,6 +14811,8 @@ class TsiFormComponent {
     //#endregion
     //#region handle events
     handleFormSubmit(event) {
+        if (this.hasActiveRequests)
+            return;
         if (this.workflowConfigurationService.isDesginModeFromWorkflow) {
             this.onSubmitFormWorkflowConfiguration.emit(event);
         }
@@ -14901,12 +15055,17 @@ class TsiFormComponent {
         this.getAllFormsOfBusinessClass();
         this.isFormsInfosCalculated = true;
     }
+    _initializeRequestTrackerStateSubscription() {
+        this.requestTrackerStateSubscription = this.requestTrackerService.requestState$.subscribe((value) => {
+            this.hasActiveRequests = value.hasActiveRequest;
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiFormComponent, deps: [{ token: EntityStatusService }, { token: StatusColorService }, { token: FichierService }, { token: ErrorResponseManagerService }, { token: TsiConfirmationService }, { token: TsiNotificationService }, { token: i0.ChangeDetectorRef }, { token: LayoutHelperService }, { token: WorkflowConfigurationService }, { token: ColonnePersonnaliseeService }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiFormComponent, selector: "tsi-form", inputs: { class: "class", autocomplete: "autocomplete", optionalEndpoints: "optionalEndpoints", disabled: "disabled", isLoading: "isLoading", modalSize: "modalSize", formEndpoint: "formEndpoint", formName: "formName", isReportingToolbarDisabled: "isReportingToolbarDisabled", isCreateOnly: "isCreateOnly" }, outputs: { onSave: "onSave", onSubmit: "onSubmit", onSubmitFormWorkflowConfiguration: "onSubmitFormWorkflowConfiguration", formRefChange: "formRefChange", onStatusChange: "onStatusChange" }, queries: [{ propertyName: "modalHeaderComp", first: true, predicate: TsiModalHeaderComponent, descendants: true }, { propertyName: "modalFooterComp", first: true, predicate: TsiModalFooterComponent, descendants: true }], viewQueries: [{ propertyName: "formRef", first: true, predicate: ["formRef"], descendants: true }, { propertyName: "reportingApp", first: true, predicate: ["reportingApp"], descendants: true }, { propertyName: "toolbarTemplateRef", first: true, predicate: ["toolbarTemplate"], descendants: true }, { propertyName: "dynamicToolbarContainers", predicate: ["dynamicToolbarContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dynamicFootersContainers", predicate: ["dynamicFooterContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<form class=\"form-horizontal\" autocomplete=\"off\" (ngSubmit)=\"handleFormSubmit($event)\" #formRef=\"ngForm\">\r\n  <ng-template #toolbarTemplate>\r\n    <p-toolbar *ngIf=\"formEndpoint\" styleClass=\"mb-1 gap-2\" class=\"w-full\" (dragover)=\"onDragOver($event)\"\r\n      (drop)=\"onDrop($event)\" (dragenter)=\"onDragEnter($event)\" (dragleave)=\"onDragLeave($event)\">\r\n\r\n      <ng-template pTemplate=\"left\">\r\n        <div class=\"mt-1 ml-2\">\r\n          {{ inputTitle }}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template pTemplate=\"right\">\r\n        <div class=\"mt-1 mr-2\">\r\n          <app-reporting *ngIf=\"formEndpoint\" [fromTsiForm]=\"true\" [id]=\"this.id\" [formEndpoint]=\"formEndpoint\"\r\n            [formName]=\"formName\" [reportDiscriminator]=\"descriminatorValue\" [isFormEndpointPaged]=\"true\"\r\n            [nombreDocumentsJoints]=\"nombreDocuments\" [configModeButtonId]=\"configModeButtonId\"\r\n            [isReportingToolbarDisabled]=\"isReportingToolbarDisabled\" (toggleDesignMode)=\"toggleDesignMode($event)\"\r\n            [businessClass]=\"businessClass\" (closedModalFileUpload)=\"getNombreFichier()\"\r\n            [showImportExportButton]=\"false\" #reportingApp>\r\n          </app-reporting>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div *ngIf=\"isDragOver\" [ngStyle]=\"{ left: messagePosition.x + 'px', top: messagePosition.y + 'px' }\"\r\n        class=\"drag-message cursor-follow\">\r\n        {{ \"Jointure\" | localize }}\r\n      </div>\r\n\r\n    </p-toolbar>\r\n  </ng-template>\r\n\r\n  <div *busy=\"isLoading\"></div>\r\n\r\n  <fieldset [disabled]=\"disabled\">\r\n    <div class=\"card mr\">\r\n      <p-tabView>\r\n\r\n        <p-tabPanel header=\"\" \r\n        [headerStyle]=\"colonnesPersonnaliseeGrouped.length === 0 && !canShowForms\r\n      ? { display: 'none' } \r\n      : null\">\r\n\r\n        <ng-template pTemplate=\"header\">\r\n          <i class=\"pi pi-home mr-2\"></i>\r\n          <span class=\"main-tab-text\">{{ 'shared_form_maintabTitle' | localize }}</span>\r\n        </ng-template>\r\n\r\n          <ng-content></ng-content>\r\n        </p-tabPanel>\r\n\r\n        <!-- Dynamic tabs -->\r\n        <ng-container *ngIf=\"colonnesPersonnaliseeGrouped.length > 0\">\r\n          <p-tabPanel *ngFor=\"let grp of colonnesPersonnaliseeGrouped\" [header]=\"grp.groupe\">\r\n\r\n            <ng-template #dynamicToolbarContainer></ng-template>\r\n\r\n            <div class=\"grid\">\r\n              <div class=\"col-12 grid form-row\" *ngFor=\"let col of grp.colonnes\">\r\n                <div class=\"col-3 form-label\">\r\n                  <Tsi-Label [labelValue]=\"col.nom\"></Tsi-Label>\r\n                </div>\r\n\r\n                <!-- String -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.string\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Text-Box [(inputField)]=\"col.data.valeurString\"></Tsi-Text-Box>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Int -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.int\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Integer [(inputField)]=\"col.data.valeurInt\"></Tsi-Integer>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Decimal -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.decimal\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Decimal-Input [(inputField)]=\"col.data.valeurDecimal\"></Tsi-Decimal-Input>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Boolean -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.boolean\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-CheckBox [isBinary]=\"false\" [(inputField)]=\"col.data.valeurBoolean\">\r\n                    </Tsi-CheckBox>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Binary -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.binary\">\r\n                  binary input (not handled yet)\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <ng-template #dynamicFooterContainer></ng-template>\r\n          </p-tabPanel>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"canShowForms\">\r\n          <p-tabPanel [header]=\"'shared_form_dynamicFormsTab_Title' | localize\">\r\n            <ng-template pTemplate=\"content\">\r\n              <shared-dynamic-form-list\r\n              [occurence]=\"id\"\r\n              [occurenceBusinessClass]=\"businessClass\"\r\n              [occurenceDiscriminatorValue]=\"descriminatorValue\"\r\n              [ignoreDialogConfig]=\"true\" />\r\n            </ng-template>\r\n          </p-tabPanel>\r\n        </ng-container>\r\n\r\n      </p-tabView>\r\n    </div>\r\n  </fieldset>\r\n\r\n  <div *ngIf=\"(businessClass && entityStatusList.length > 0) ||\r\n        workflowInformation?.workflowUid ||\r\n        workflowConfigurationService.isDesginModeFromWorkflow\" class=\"mx-4 px-2 my-1 shared-footer-bar\">\r\n\r\n    <div *ngIf=\"businessClass && entityStatusList && entityStatusList.length > 0\">\r\n      <div class=\"flex align-items-center gap-2\" presentationDesigner=\"shared_crud_status\">\r\n        <Tsi-Label [labelValue]=\"'shared_crud_status'\"></Tsi-Label>\r\n        <Tsi-Search-Combo [id-field]=\"'key'\" [label-field]=\"'value'\" [datasource]=\"entityStatusList\" [(bind)]=\"status\"\r\n          [comboType]=\"'status'\" [statusMetadata]=\"statusMetadataComboStatus\"></Tsi-Search-Combo>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"workflowInformation?.workflowUid || workflowConfigurationService.isDesginModeFromWorkflow\"\r\n      class=\"flex col-10\">\r\n      <div presentationDesigner=\"shared_workflowName\" class=\"flex align-items-center gap-2 col-4\">\r\n        <Tsi-Label [labelValue]=\"'administration_workflow_workflow'| localize\">\r\n        </Tsi-Label>\r\n        <Tsi-Text-Box [disabled]=\"true\" [inputName]=\"'workflowName'\" [(inputField)]=\"workflowInformation.workflowName\">\r\n        </Tsi-Text-Box>\r\n      </div>\r\n      <div presentationDesigner=\"administration_workflow_workflow_current_status\"\r\n        class=\"flex align-items-center gap-2 col-4\">\r\n        <Tsi-Label [labelValue]=\"'administration_workflow_workflow_current_status'\"></Tsi-Label>\r\n        <Tsi-Search-Combo class=\"w-7\" [disabled]=\"true\" id-field=\"key\" label-field=\"value\"\r\n          [bind]=\"workflowInformation.workflowEtat\" [isFiltered]=\"true\"\r\n          [elementSourceUrl]=\"getWorkflowEtatAsKeyValuePair\" [listSourceUrl]=\"getWorkflowEtatSuivantAsKeyValuePair\">\r\n        </Tsi-Search-Combo>\r\n      </div>\r\n      <div class=\"col-4\">\r\n        <div *ngIf=\"mode != formModes.create || workflowConfigurationService.isDesginModeFromWorkflow\"\r\n          presentationDesigner=\"administration_workflow_workflow_next_status\"\r\n          class=\"flex gap-2 align-items-center no-border\">\r\n          <Tsi-Label [labelValue]=\"'administration_workflow_workflow_next_status'\"></Tsi-Label>\r\n          <Tsi-Search-Combo class=\"w-7\" id-field=\"key\" label-field=\"value\" [(bind)]=\"selectedWorkflowEtatUid\"\r\n            [isFiltered]=\"true\" [elementSourceUrl]=\"getWorkflowEtatAsKeyValuePair\"\r\n            [listSourceUrl]=\"getWorkflowEtatSuivantAsKeyValuePair\" (bindChange)=\"confirmUpdateWorkflowEtat($event)\">\r\n          </Tsi-Search-Combo>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>", styles: [".border-black{border:solid 2px black}.no-border{border:none!important}.shared-footer-bar{display:flex;align-items:center;width:calc(100% - 300px);height:2.5rem;position:absolute;bottom:0;z-index:5}.mr{margin:0 12px 5px}.input-wrapper,.input-wrapper>tsi-text-box,.input-wrapper>tsi-integer,.input-wrapper>tsi-decimal-input,.input-wrapper>tsi-check-box{width:100%;display:block}.form-input{display:flex;align-items:center}.main-tab-text{display:inline-block}@media (max-width: 768px){.main-tab-text{display:none}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i7.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: TsiDecimalInputComponent, selector: "Tsi-Decimal-Input", inputs: ["numOfDecimal", "class"], outputs: ["inputFieldChange"] }, { kind: "component", type: TsiIntegerComponent, selector: "Tsi-Integer", inputs: ["class", "minValue", "maxValue", "delayChangeTime"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: ReportingComponent, selector: "app-reporting", inputs: ["showImportExportButton", "showNoteButton", "showInfoButton", "showUploadButton", "isReportingToolbarDisabled", "formName", "formEndpoint", "formEndpointBody", "isFormEndpointPaged", "filtersHtmlTemplate", "optionalEndpoints", "businessClass", "cudComponent", "httpMethodType", "requestData", "customReportingMode", "pagedRequest", "reportDiscriminator", "nombreDocumentsJoints", "id", "configModeButtonId", "selectedItemUids", "fromTsiForm", "customSendMailMode", "reportingInformation"], outputs: ["onSave", "refreshData", "closedModalFileUpload", "toggleDesignMode"] }, { kind: "component", type: DynamicFormListComponent, selector: "shared-dynamic-form-list", inputs: ["occurence", "occurenceBusinessClass", "occurenceDiscriminatorValue", "ignoreDialogConfig"] }, { kind: "directive", type: BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "directive", type: PresentationDesignerDirective, selector: "[presentationDesigner]" }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiFormComponent, selector: "tsi-form", inputs: { class: "class", autocomplete: "autocomplete", optionalEndpoints: "optionalEndpoints", disabled: "disabled", isLoading: "isLoading", modalSize: "modalSize", formEndpoint: "formEndpoint", formName: "formName", isReportingToolbarDisabled: "isReportingToolbarDisabled", isCreateOnly: "isCreateOnly" }, outputs: { onSave: "onSave", onSubmit: "onSubmit", onSubmitFormWorkflowConfiguration: "onSubmitFormWorkflowConfiguration", formRefChange: "formRefChange", onStatusChange: "onStatusChange" }, queries: [{ propertyName: "modalHeaderComp", first: true, predicate: TsiModalHeaderComponent, descendants: true }, { propertyName: "modalFooterComp", first: true, predicate: TsiModalFooterComponent, descendants: true }], viewQueries: [{ propertyName: "formRef", first: true, predicate: ["formRef"], descendants: true }, { propertyName: "reportingApp", first: true, predicate: ["reportingApp"], descendants: true }, { propertyName: "toolbarTemplateRef", first: true, predicate: ["toolbarTemplate"], descendants: true }, { propertyName: "dynamicToolbarContainers", predicate: ["dynamicToolbarContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dynamicFootersContainers", predicate: ["dynamicFooterContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<form class=\"form-horizontal\" autocomplete=\"off\" (ngSubmit)=\"handleFormSubmit($event)\" #formRef=\"ngForm\">\r\n  <ng-template #toolbarTemplate>\r\n    <p-toolbar *ngIf=\"formEndpoint\" styleClass=\"mb-1 gap-2\" class=\"w-full\" (dragover)=\"onDragOver($event)\"\r\n      (drop)=\"onDrop($event)\" (dragenter)=\"onDragEnter($event)\" (dragleave)=\"onDragLeave($event)\">\r\n\r\n      <ng-template pTemplate=\"left\">\r\n        <div class=\"mt-1 ml-2\">\r\n          {{ inputTitle }}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template pTemplate=\"right\">\r\n        <div class=\"mt-1 mr-2\">\r\n          <app-reporting *ngIf=\"formEndpoint\" [fromTsiForm]=\"true\" [id]=\"this.id\" [formEndpoint]=\"formEndpoint\"\r\n            [formName]=\"formName\" [reportDiscriminator]=\"descriminatorValue\" [isFormEndpointPaged]=\"true\"\r\n            [nombreDocumentsJoints]=\"nombreDocuments\" [configModeButtonId]=\"configModeButtonId\"\r\n            [isReportingToolbarDisabled]=\"isReportingToolbarDisabled\" (toggleDesignMode)=\"toggleDesignMode($event)\"\r\n            [businessClass]=\"businessClass\" (closedModalFileUpload)=\"getNombreFichier()\"\r\n            [showImportExportButton]=\"false\" #reportingApp>\r\n          </app-reporting>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div *ngIf=\"isDragOver\" [ngStyle]=\"{ left: messagePosition.x + 'px', top: messagePosition.y + 'px' }\"\r\n        class=\"drag-message cursor-follow\">\r\n        {{ \"Jointure\" | localize }}\r\n      </div>\r\n\r\n    </p-toolbar>\r\n  </ng-template>\r\n\r\n  <div *busy=\"isLoading || hasActiveRequests\"></div>\r\n\r\n  <fieldset [disabled]=\"disabled\">\r\n    <div class=\"card mr\">\r\n      <p-tabView>\r\n\r\n        <p-tabPanel header=\"\" \r\n        [headerStyle]=\"colonnesPersonnaliseeGrouped.length === 0 && !canShowForms\r\n      ? { display: 'none' } \r\n      : null\">\r\n\r\n        <ng-template pTemplate=\"header\">\r\n          <i class=\"pi pi-home mr-2\"></i>\r\n          <span class=\"main-tab-text\">{{ 'shared_form_maintabTitle' | localize }}</span>\r\n        </ng-template>\r\n\r\n          <ng-content></ng-content>\r\n        </p-tabPanel>\r\n\r\n        <!-- Dynamic tabs -->\r\n        <ng-container *ngIf=\"colonnesPersonnaliseeGrouped.length > 0\">\r\n          <p-tabPanel *ngFor=\"let grp of colonnesPersonnaliseeGrouped\" [header]=\"grp.groupe\">\r\n\r\n            <ng-template #dynamicToolbarContainer></ng-template>\r\n\r\n            <div class=\"grid\">\r\n              <div class=\"col-12 grid form-row\" *ngFor=\"let col of grp.colonnes\">\r\n                <div class=\"col-3 form-label\">\r\n                  <Tsi-Label [labelValue]=\"col.nom\"></Tsi-Label>\r\n                </div>\r\n\r\n                <!-- String -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.string\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Text-Box [(inputField)]=\"col.data.valeurString\"></Tsi-Text-Box>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Int -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.int\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Integer [(inputField)]=\"col.data.valeurInt\"></Tsi-Integer>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Decimal -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.decimal\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Decimal-Input [(inputField)]=\"col.data.valeurDecimal\"></Tsi-Decimal-Input>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Boolean -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.boolean\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-CheckBox [isBinary]=\"false\" [(inputField)]=\"col.data.valeurBoolean\">\r\n                    </Tsi-CheckBox>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Binary -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.binary\">\r\n                  binary input (not handled yet)\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <ng-template #dynamicFooterContainer></ng-template>\r\n          </p-tabPanel>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"canShowForms\">\r\n          <p-tabPanel [header]=\"'shared_form_dynamicFormsTab_Title' | localize\">\r\n            <ng-template pTemplate=\"content\">\r\n              <shared-dynamic-form-list\r\n              [occurence]=\"id\"\r\n              [occurenceBusinessClass]=\"businessClass\"\r\n              [occurenceDiscriminatorValue]=\"descriminatorValue\"\r\n              [ignoreDialogConfig]=\"true\" />\r\n            </ng-template>\r\n          </p-tabPanel>\r\n        </ng-container>\r\n\r\n      </p-tabView>\r\n    </div>\r\n  </fieldset>\r\n\r\n  <div *ngIf=\"(businessClass && entityStatusList.length > 0) ||\r\n        workflowInformation?.workflowUid ||\r\n        workflowConfigurationService.isDesginModeFromWorkflow\" class=\"mx-4 px-2 my-1 shared-footer-bar\">\r\n\r\n    <div *ngIf=\"businessClass && entityStatusList && entityStatusList.length > 0\">\r\n      <div class=\"flex align-items-center gap-2\" presentationDesigner=\"shared_crud_status\">\r\n        <Tsi-Label [labelValue]=\"'shared_crud_status'\"></Tsi-Label>\r\n        <Tsi-Search-Combo [id-field]=\"'key'\" [label-field]=\"'value'\" [datasource]=\"entityStatusList\" [(bind)]=\"status\"\r\n          [comboType]=\"'status'\" [statusMetadata]=\"statusMetadataComboStatus\"></Tsi-Search-Combo>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"workflowInformation?.workflowUid || workflowConfigurationService.isDesginModeFromWorkflow\"\r\n      class=\"flex col-10\">\r\n      <div presentationDesigner=\"shared_workflowName\" class=\"flex align-items-center gap-2 col-4\">\r\n        <Tsi-Label [labelValue]=\"'administration_workflow_workflow'| localize\">\r\n        </Tsi-Label>\r\n        <Tsi-Text-Box [disabled]=\"true\" [inputName]=\"'workflowName'\" [(inputField)]=\"workflowInformation.workflowName\">\r\n        </Tsi-Text-Box>\r\n      </div>\r\n      <div presentationDesigner=\"administration_workflow_workflow_current_status\"\r\n        class=\"flex align-items-center gap-2 col-4\">\r\n        <Tsi-Label [labelValue]=\"'administration_workflow_workflow_current_status'\"></Tsi-Label>\r\n        <Tsi-Search-Combo class=\"w-7\" [disabled]=\"true\" id-field=\"key\" label-field=\"value\"\r\n          [bind]=\"workflowInformation.workflowEtat\" [isFiltered]=\"true\"\r\n          [elementSourceUrl]=\"getWorkflowEtatAsKeyValuePair\" [listSourceUrl]=\"getWorkflowEtatSuivantAsKeyValuePair\">\r\n        </Tsi-Search-Combo>\r\n      </div>\r\n      <div class=\"col-4\">\r\n        <div *ngIf=\"mode != formModes.create || workflowConfigurationService.isDesginModeFromWorkflow\"\r\n          presentationDesigner=\"administration_workflow_workflow_next_status\"\r\n          class=\"flex gap-2 align-items-center no-border\">\r\n          <Tsi-Label [labelValue]=\"'administration_workflow_workflow_next_status'\"></Tsi-Label>\r\n          <Tsi-Search-Combo class=\"w-7\" id-field=\"key\" label-field=\"value\" [(bind)]=\"selectedWorkflowEtatUid\"\r\n            [isFiltered]=\"true\" [elementSourceUrl]=\"getWorkflowEtatAsKeyValuePair\"\r\n            [listSourceUrl]=\"getWorkflowEtatSuivantAsKeyValuePair\" (bindChange)=\"confirmUpdateWorkflowEtat($event)\">\r\n          </Tsi-Search-Combo>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>", styles: [".border-black{border:solid 2px black}.no-border{border:none!important}.shared-footer-bar{display:flex;align-items:center;width:calc(100% - 300px);height:2.5rem;position:absolute;bottom:0;z-index:5}.mr{margin:0 12px 5px}.input-wrapper,.input-wrapper>tsi-text-box,.input-wrapper>tsi-integer,.input-wrapper>tsi-decimal-input,.input-wrapper>tsi-check-box{width:100%;display:block}.form-input{display:flex;align-items:center}.main-tab-text{display:inline-block}@media (max-width: 768px){.main-tab-text{display:none}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i7.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: TsiDecimalInputComponent, selector: "Tsi-Decimal-Input", inputs: ["numOfDecimal", "class"], outputs: ["inputFieldChange"] }, { kind: "component", type: TsiIntegerComponent, selector: "Tsi-Integer", inputs: ["class", "minValue", "maxValue", "delayChangeTime"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: ReportingComponent, selector: "app-reporting", inputs: ["showImportExportButton", "showNoteButton", "showInfoButton", "showUploadButton", "isReportingToolbarDisabled", "formName", "formEndpoint", "formEndpointBody", "isFormEndpointPaged", "filtersHtmlTemplate", "optionalEndpoints", "businessClass", "cudComponent", "httpMethodType", "requestData", "customReportingMode", "pagedRequest", "reportDiscriminator", "nombreDocumentsJoints", "id", "configModeButtonId", "selectedItemUids", "fromTsiForm", "customSendMailMode", "reportingInformation"], outputs: ["onSave", "refreshData", "closedModalFileUpload", "toggleDesignMode"] }, { kind: "component", type: DynamicFormListComponent, selector: "shared-dynamic-form-list", inputs: ["occurence", "occurenceBusinessClass", "occurenceDiscriminatorValue", "ignoreDialogConfig"] }, { kind: "directive", type: BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "directive", type: PresentationDesignerDirective, selector: "[presentationDesigner]" }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tsi-form', template: "<form class=\"form-horizontal\" autocomplete=\"off\" (ngSubmit)=\"handleFormSubmit($event)\" #formRef=\"ngForm\">\r\n  <ng-template #toolbarTemplate>\r\n    <p-toolbar *ngIf=\"formEndpoint\" styleClass=\"mb-1 gap-2\" class=\"w-full\" (dragover)=\"onDragOver($event)\"\r\n      (drop)=\"onDrop($event)\" (dragenter)=\"onDragEnter($event)\" (dragleave)=\"onDragLeave($event)\">\r\n\r\n      <ng-template pTemplate=\"left\">\r\n        <div class=\"mt-1 ml-2\">\r\n          {{ inputTitle }}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template pTemplate=\"right\">\r\n        <div class=\"mt-1 mr-2\">\r\n          <app-reporting *ngIf=\"formEndpoint\" [fromTsiForm]=\"true\" [id]=\"this.id\" [formEndpoint]=\"formEndpoint\"\r\n            [formName]=\"formName\" [reportDiscriminator]=\"descriminatorValue\" [isFormEndpointPaged]=\"true\"\r\n            [nombreDocumentsJoints]=\"nombreDocuments\" [configModeButtonId]=\"configModeButtonId\"\r\n            [isReportingToolbarDisabled]=\"isReportingToolbarDisabled\" (toggleDesignMode)=\"toggleDesignMode($event)\"\r\n            [businessClass]=\"businessClass\" (closedModalFileUpload)=\"getNombreFichier()\"\r\n            [showImportExportButton]=\"false\" #reportingApp>\r\n          </app-reporting>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div *ngIf=\"isDragOver\" [ngStyle]=\"{ left: messagePosition.x + 'px', top: messagePosition.y + 'px' }\"\r\n        class=\"drag-message cursor-follow\">\r\n        {{ \"Jointure\" | localize }}\r\n      </div>\r\n\r\n    </p-toolbar>\r\n  </ng-template>\r\n\r\n  <div *busy=\"isLoading\"></div>\r\n\r\n  <fieldset [disabled]=\"disabled\">\r\n    <div class=\"card mr\">\r\n      <p-tabView>\r\n\r\n        <p-tabPanel header=\"\" \r\n        [headerStyle]=\"colonnesPersonnaliseeGrouped.length === 0 && !canShowForms\r\n      ? { display: 'none' } \r\n      : null\">\r\n\r\n        <ng-template pTemplate=\"header\">\r\n          <i class=\"pi pi-home mr-2\"></i>\r\n          <span class=\"main-tab-text\">{{ 'shared_form_maintabTitle' | localize }}</span>\r\n        </ng-template>\r\n\r\n          <ng-content></ng-content>\r\n        </p-tabPanel>\r\n\r\n        <!-- Dynamic tabs -->\r\n        <ng-container *ngIf=\"colonnesPersonnaliseeGrouped.length > 0\">\r\n          <p-tabPanel *ngFor=\"let grp of colonnesPersonnaliseeGrouped\" [header]=\"grp.groupe\">\r\n\r\n            <ng-template #dynamicToolbarContainer></ng-template>\r\n\r\n            <div class=\"grid\">\r\n              <div class=\"col-12 grid form-row\" *ngFor=\"let col of grp.colonnes\">\r\n                <div class=\"col-3 form-label\">\r\n                  <Tsi-Label [labelValue]=\"col.nom\"></Tsi-Label>\r\n                </div>\r\n\r\n                <!-- String -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.string\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Text-Box [(inputField)]=\"col.data.valeurString\"></Tsi-Text-Box>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Int -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.int\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Integer [(inputField)]=\"col.data.valeurInt\"></Tsi-Integer>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Decimal -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.decimal\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Decimal-Input [(inputField)]=\"col.data.valeurDecimal\"></Tsi-Decimal-Input>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Boolean -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.boolean\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-CheckBox [isBinary]=\"false\" [(inputField)]=\"col.data.valeurBoolean\">\r\n                    </Tsi-CheckBox>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Binary -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.binary\">\r\n                  binary input (not handled yet)\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <ng-template #dynamicFooterContainer></ng-template>\r\n          </p-tabPanel>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"canShowForms\">\r\n          <p-tabPanel [header]=\"'shared_form_dynamicFormsTab_Title' | localize\">\r\n            <ng-template pTemplate=\"content\">\r\n              <shared-dynamic-form-list\r\n              [occurence]=\"id\"\r\n              [occurenceBusinessClass]=\"businessClass\"\r\n              [occurenceDiscriminatorValue]=\"descriminatorValue\"\r\n              [ignoreDialogConfig]=\"true\" />\r\n            </ng-template>\r\n          </p-tabPanel>\r\n        </ng-container>\r\n\r\n      </p-tabView>\r\n    </div>\r\n  </fieldset>\r\n\r\n  <div *ngIf=\"(businessClass && entityStatusList.length > 0) ||\r\n        workflowInformation?.workflowUid ||\r\n        workflowConfigurationService.isDesginModeFromWorkflow\" class=\"mx-4 px-2 my-1 shared-footer-bar\">\r\n\r\n    <div *ngIf=\"businessClass && entityStatusList && entityStatusList.length > 0\">\r\n      <div class=\"flex align-items-center gap-2\" presentationDesigner=\"shared_crud_status\">\r\n        <Tsi-Label [labelValue]=\"'shared_crud_status'\"></Tsi-Label>\r\n        <Tsi-Search-Combo [id-field]=\"'key'\" [label-field]=\"'value'\" [datasource]=\"entityStatusList\" [(bind)]=\"status\"\r\n          [comboType]=\"'status'\" [statusMetadata]=\"statusMetadataComboStatus\"></Tsi-Search-Combo>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"workflowInformation?.workflowUid || workflowConfigurationService.isDesginModeFromWorkflow\"\r\n      class=\"flex col-10\">\r\n      <div presentationDesigner=\"shared_workflowName\" class=\"flex align-items-center gap-2 col-4\">\r\n        <Tsi-Label [labelValue]=\"'administration_workflow_workflow'| localize\">\r\n        </Tsi-Label>\r\n        <Tsi-Text-Box [disabled]=\"true\" [inputName]=\"'workflowName'\" [(inputField)]=\"workflowInformation.workflowName\">\r\n        </Tsi-Text-Box>\r\n      </div>\r\n      <div presentationDesigner=\"administration_workflow_workflow_current_status\"\r\n        class=\"flex align-items-center gap-2 col-4\">\r\n        <Tsi-Label [labelValue]=\"'administration_workflow_workflow_current_status'\"></Tsi-Label>\r\n        <Tsi-Search-Combo class=\"w-7\" [disabled]=\"true\" id-field=\"key\" label-field=\"value\"\r\n          [bind]=\"workflowInformation.workflowEtat\" [isFiltered]=\"true\"\r\n          [elementSourceUrl]=\"getWorkflowEtatAsKeyValuePair\" [listSourceUrl]=\"getWorkflowEtatSuivantAsKeyValuePair\">\r\n        </Tsi-Search-Combo>\r\n      </div>\r\n      <div class=\"col-4\">\r\n        <div *ngIf=\"mode != formModes.create || workflowConfigurationService.isDesginModeFromWorkflow\"\r\n          presentationDesigner=\"administration_workflow_workflow_next_status\"\r\n          class=\"flex gap-2 align-items-center no-border\">\r\n          <Tsi-Label [labelValue]=\"'administration_workflow_workflow_next_status'\"></Tsi-Label>\r\n          <Tsi-Search-Combo class=\"w-7\" id-field=\"key\" label-field=\"value\" [(bind)]=\"selectedWorkflowEtatUid\"\r\n            [isFiltered]=\"true\" [elementSourceUrl]=\"getWorkflowEtatAsKeyValuePair\"\r\n            [listSourceUrl]=\"getWorkflowEtatSuivantAsKeyValuePair\" (bindChange)=\"confirmUpdateWorkflowEtat($event)\">\r\n          </Tsi-Search-Combo>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>", styles: [".border-black{border:solid 2px black}.no-border{border:none!important}.shared-footer-bar{display:flex;align-items:center;width:calc(100% - 300px);height:2.5rem;position:absolute;bottom:0;z-index:5}.mr{margin:0 12px 5px}.input-wrapper,.input-wrapper>tsi-text-box,.input-wrapper>tsi-integer,.input-wrapper>tsi-decimal-input,.input-wrapper>tsi-check-box{width:100%;display:block}.form-input{display:flex;align-items:center}.main-tab-text{display:inline-block}@media (max-width: 768px){.main-tab-text{display:none}}\n"] }]
+            args: [{ selector: 'tsi-form', template: "<form class=\"form-horizontal\" autocomplete=\"off\" (ngSubmit)=\"handleFormSubmit($event)\" #formRef=\"ngForm\">\r\n  <ng-template #toolbarTemplate>\r\n    <p-toolbar *ngIf=\"formEndpoint\" styleClass=\"mb-1 gap-2\" class=\"w-full\" (dragover)=\"onDragOver($event)\"\r\n      (drop)=\"onDrop($event)\" (dragenter)=\"onDragEnter($event)\" (dragleave)=\"onDragLeave($event)\">\r\n\r\n      <ng-template pTemplate=\"left\">\r\n        <div class=\"mt-1 ml-2\">\r\n          {{ inputTitle }}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template pTemplate=\"right\">\r\n        <div class=\"mt-1 mr-2\">\r\n          <app-reporting *ngIf=\"formEndpoint\" [fromTsiForm]=\"true\" [id]=\"this.id\" [formEndpoint]=\"formEndpoint\"\r\n            [formName]=\"formName\" [reportDiscriminator]=\"descriminatorValue\" [isFormEndpointPaged]=\"true\"\r\n            [nombreDocumentsJoints]=\"nombreDocuments\" [configModeButtonId]=\"configModeButtonId\"\r\n            [isReportingToolbarDisabled]=\"isReportingToolbarDisabled\" (toggleDesignMode)=\"toggleDesignMode($event)\"\r\n            [businessClass]=\"businessClass\" (closedModalFileUpload)=\"getNombreFichier()\"\r\n            [showImportExportButton]=\"false\" #reportingApp>\r\n          </app-reporting>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div *ngIf=\"isDragOver\" [ngStyle]=\"{ left: messagePosition.x + 'px', top: messagePosition.y + 'px' }\"\r\n        class=\"drag-message cursor-follow\">\r\n        {{ \"Jointure\" | localize }}\r\n      </div>\r\n\r\n    </p-toolbar>\r\n  </ng-template>\r\n\r\n  <div *busy=\"isLoading || hasActiveRequests\"></div>\r\n\r\n  <fieldset [disabled]=\"disabled\">\r\n    <div class=\"card mr\">\r\n      <p-tabView>\r\n\r\n        <p-tabPanel header=\"\" \r\n        [headerStyle]=\"colonnesPersonnaliseeGrouped.length === 0 && !canShowForms\r\n      ? { display: 'none' } \r\n      : null\">\r\n\r\n        <ng-template pTemplate=\"header\">\r\n          <i class=\"pi pi-home mr-2\"></i>\r\n          <span class=\"main-tab-text\">{{ 'shared_form_maintabTitle' | localize }}</span>\r\n        </ng-template>\r\n\r\n          <ng-content></ng-content>\r\n        </p-tabPanel>\r\n\r\n        <!-- Dynamic tabs -->\r\n        <ng-container *ngIf=\"colonnesPersonnaliseeGrouped.length > 0\">\r\n          <p-tabPanel *ngFor=\"let grp of colonnesPersonnaliseeGrouped\" [header]=\"grp.groupe\">\r\n\r\n            <ng-template #dynamicToolbarContainer></ng-template>\r\n\r\n            <div class=\"grid\">\r\n              <div class=\"col-12 grid form-row\" *ngFor=\"let col of grp.colonnes\">\r\n                <div class=\"col-3 form-label\">\r\n                  <Tsi-Label [labelValue]=\"col.nom\"></Tsi-Label>\r\n                </div>\r\n\r\n                <!-- String -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.string\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Text-Box [(inputField)]=\"col.data.valeurString\"></Tsi-Text-Box>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Int -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.int\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Integer [(inputField)]=\"col.data.valeurInt\"></Tsi-Integer>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Decimal -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.decimal\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-Decimal-Input [(inputField)]=\"col.data.valeurDecimal\"></Tsi-Decimal-Input>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Boolean -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.boolean\">\r\n                  <div class=\"input-wrapper\">\r\n                    <Tsi-CheckBox [isBinary]=\"false\" [(inputField)]=\"col.data.valeurBoolean\">\r\n                    </Tsi-CheckBox>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Binary -->\r\n                <div class=\"col-8 form-input\" *ngIf=\"col.type === formType.binary\">\r\n                  binary input (not handled yet)\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <ng-template #dynamicFooterContainer></ng-template>\r\n          </p-tabPanel>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"canShowForms\">\r\n          <p-tabPanel [header]=\"'shared_form_dynamicFormsTab_Title' | localize\">\r\n            <ng-template pTemplate=\"content\">\r\n              <shared-dynamic-form-list\r\n              [occurence]=\"id\"\r\n              [occurenceBusinessClass]=\"businessClass\"\r\n              [occurenceDiscriminatorValue]=\"descriminatorValue\"\r\n              [ignoreDialogConfig]=\"true\" />\r\n            </ng-template>\r\n          </p-tabPanel>\r\n        </ng-container>\r\n\r\n      </p-tabView>\r\n    </div>\r\n  </fieldset>\r\n\r\n  <div *ngIf=\"(businessClass && entityStatusList.length > 0) ||\r\n        workflowInformation?.workflowUid ||\r\n        workflowConfigurationService.isDesginModeFromWorkflow\" class=\"mx-4 px-2 my-1 shared-footer-bar\">\r\n\r\n    <div *ngIf=\"businessClass && entityStatusList && entityStatusList.length > 0\">\r\n      <div class=\"flex align-items-center gap-2\" presentationDesigner=\"shared_crud_status\">\r\n        <Tsi-Label [labelValue]=\"'shared_crud_status'\"></Tsi-Label>\r\n        <Tsi-Search-Combo [id-field]=\"'key'\" [label-field]=\"'value'\" [datasource]=\"entityStatusList\" [(bind)]=\"status\"\r\n          [comboType]=\"'status'\" [statusMetadata]=\"statusMetadataComboStatus\"></Tsi-Search-Combo>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"workflowInformation?.workflowUid || workflowConfigurationService.isDesginModeFromWorkflow\"\r\n      class=\"flex col-10\">\r\n      <div presentationDesigner=\"shared_workflowName\" class=\"flex align-items-center gap-2 col-4\">\r\n        <Tsi-Label [labelValue]=\"'administration_workflow_workflow'| localize\">\r\n        </Tsi-Label>\r\n        <Tsi-Text-Box [disabled]=\"true\" [inputName]=\"'workflowName'\" [(inputField)]=\"workflowInformation.workflowName\">\r\n        </Tsi-Text-Box>\r\n      </div>\r\n      <div presentationDesigner=\"administration_workflow_workflow_current_status\"\r\n        class=\"flex align-items-center gap-2 col-4\">\r\n        <Tsi-Label [labelValue]=\"'administration_workflow_workflow_current_status'\"></Tsi-Label>\r\n        <Tsi-Search-Combo class=\"w-7\" [disabled]=\"true\" id-field=\"key\" label-field=\"value\"\r\n          [bind]=\"workflowInformation.workflowEtat\" [isFiltered]=\"true\"\r\n          [elementSourceUrl]=\"getWorkflowEtatAsKeyValuePair\" [listSourceUrl]=\"getWorkflowEtatSuivantAsKeyValuePair\">\r\n        </Tsi-Search-Combo>\r\n      </div>\r\n      <div class=\"col-4\">\r\n        <div *ngIf=\"mode != formModes.create || workflowConfigurationService.isDesginModeFromWorkflow\"\r\n          presentationDesigner=\"administration_workflow_workflow_next_status\"\r\n          class=\"flex gap-2 align-items-center no-border\">\r\n          <Tsi-Label [labelValue]=\"'administration_workflow_workflow_next_status'\"></Tsi-Label>\r\n          <Tsi-Search-Combo class=\"w-7\" id-field=\"key\" label-field=\"value\" [(bind)]=\"selectedWorkflowEtatUid\"\r\n            [isFiltered]=\"true\" [elementSourceUrl]=\"getWorkflowEtatAsKeyValuePair\"\r\n            [listSourceUrl]=\"getWorkflowEtatSuivantAsKeyValuePair\" (bindChange)=\"confirmUpdateWorkflowEtat($event)\">\r\n          </Tsi-Search-Combo>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>", styles: [".border-black{border:solid 2px black}.no-border{border:none!important}.shared-footer-bar{display:flex;align-items:center;width:calc(100% - 300px);height:2.5rem;position:absolute;bottom:0;z-index:5}.mr{margin:0 12px 5px}.input-wrapper,.input-wrapper>tsi-text-box,.input-wrapper>tsi-integer,.input-wrapper>tsi-decimal-input,.input-wrapper>tsi-check-box{width:100%;display:block}.form-input{display:flex;align-items:center}.main-tab-text{display:inline-block}@media (max-width: 768px){.main-tab-text{display:none}}\n"] }]
         }], ctorParameters: () => [{ type: EntityStatusService }, { type: StatusColorService }, { type: FichierService }, { type: ErrorResponseManagerService }, { type: TsiConfirmationService }, { type: TsiNotificationService }, { type: i0.ChangeDetectorRef }, { type: LayoutHelperService }, { type: WorkflowConfigurationService }, { type: ColonnePersonnaliseeService }, { type: i1$3.DynamicDialogRef }, { type: i1$3.DynamicDialogConfig }], propDecorators: { formRef: [{
                 type: ViewChild,
                 args: ['formRef']
@@ -19071,10 +19230,20 @@ class CreateOrEditEntityInformationsComponent extends TsiFormComponentBaseCompon
         this.keyColumnOptions = [];
         this.endpointInfos = [];
         this.componentsOptions = TypeRegistryHelper.getBusinessComponentList();
-        this.propertiesData = [];
+        this.modelColumnsData = [];
+        this.dbColumnsData = [];
+        this.sqlColumnsData = [];
+        this.propertiesSearchText = '';
+        this.propertiesFirst = 0;
+        this.propertiesPageSize = 10;
+        this.modelComparisonMap = new Map();
+        this.dbComparisonMap = new Map();
+        this.sqlComparisonMap = new Map();
         this.propertiesGridColumns = [
-            { header: 'administration_properties_entityColumn', field: 'entityProperty' },
-            { header: 'administration_properties_sqlColumn', field: 'sqlColumn' }
+            { header: 'administration_properties_name', field: 'name' },
+            { header: 'administration_properties_type', field: 'type' },
+            { header: 'administration_properties_isNullable', field: 'isNullable', type: InputTypes.CHECKBOX },
+            { header: 'administration_properties_maxLength', field: 'maxLength' }
         ];
         this.permissionsGridColumns = [
             { header: 'administration_permissions_httpMethod', field: 'httpMethod' },
@@ -19202,24 +19371,24 @@ class CreateOrEditEntityInformationsComponent extends TsiFormComponentBaseCompon
         }
     }
     getPropertiesData() {
+        this.isloading = true;
         if (this.id) {
             forkJoin({
-                entityColumns: this._entityInformationsService.getEntityColumns(this.id),
+                modelColumns: this._entityInformationsService.getEntitycolumnsFromModels(this.id),
+                dbColumns: this._entityInformationsService.getColumnsFromProjectDatabase(this.id),
                 sqlColumns: this._entityInformationsService.getSqlColumns(this.id)
             }).subscribe({
-                next: ({ entityColumns, sqlColumns }) => {
-                    const entityCols = entityColumns ?? [];
-                    const sqlCols = sqlColumns ?? [];
-                    const maxLength = Math.max(entityCols.length, sqlCols.length);
-                    this.propertiesData = [];
-                    for (let i = 0; i < maxLength; i++) {
-                        this.propertiesData.push({
-                            entityProperty: entityCols[i]?.value ?? '',
-                            sqlColumn: sqlCols[i]?.value ?? ''
-                        });
-                    }
+                next: ({ modelColumns, dbColumns, sqlColumns }) => {
+                    this.modelColumnsData = modelColumns ?? [];
+                    this.dbColumnsData = dbColumns ?? [];
+                    this.sqlColumnsData = sqlColumns ?? [];
+                    this.computeComparisons();
+                },
+                complete: () => {
+                    this.isloading = false;
                 },
                 error: (error) => {
+                    this.isloading = false;
                     console.error('Error fetching properties data:', error);
                     this._errorResponseManagerService.showErrorMessage(error);
                 }
@@ -19229,12 +19398,92 @@ class CreateOrEditEntityInformationsComponent extends TsiFormComponentBaseCompon
     onAddRelation() {
         this.entityWithRelations.relations.map(er => er.entityFrom = this.entityWithRelations.entity.className ?? '');
     }
+    filterColumns(data) {
+        if (!this.propertiesSearchText)
+            return data;
+        const search = this.propertiesSearchText.toLowerCase();
+        return data.filter(col => col.name.toLowerCase().includes(search) ||
+            col.type.toLowerCase().includes(search));
+    }
+    get filteredModelColumns() {
+        return this.filterColumns(this.modelColumnsData);
+    }
+    get filteredDbColumns() {
+        return this.filterColumns(this.dbColumnsData);
+    }
+    get filteredSqlColumns() {
+        return this.filterColumns(this.sqlColumnsData);
+    }
+    get propertiesTotalRecords() {
+        return Math.max(this.filteredModelColumns.length, this.filteredDbColumns.length, this.filteredSqlColumns.length);
+    }
+    get pagedModelColumns() {
+        return this.filteredModelColumns.slice(this.propertiesFirst, this.propertiesFirst + this.propertiesPageSize);
+    }
+    get pagedDbColumns() {
+        return this.filteredDbColumns.slice(this.propertiesFirst, this.propertiesFirst + this.propertiesPageSize);
+    }
+    get pagedSqlColumns() {
+        return this.filteredSqlColumns.slice(this.propertiesFirst, this.propertiesFirst + this.propertiesPageSize);
+    }
+    onPropertiesPageChange(event) {
+        this.propertiesFirst = event.first;
+        this.propertiesPageSize = event.rows;
+    }
+    onPropertiesSearch() {
+        this.propertiesFirst = 0;
+    }
+    computeComparisons() {
+        const modelMap = new Map();
+        const dbMap = new Map();
+        const sqlMap = new Map();
+        this.modelColumnsData.forEach(col => modelMap.set(col.name.toLowerCase(), col));
+        this.dbColumnsData.forEach(col => dbMap.set(col.name.toLowerCase(), col));
+        this.sqlColumnsData.forEach(col => sqlMap.set(col.name.toLowerCase(), col));
+        this.modelComparisonMap = this.computeSourceComparison(this.modelColumnsData, [dbMap, sqlMap]);
+        this.dbComparisonMap = this.computeSourceComparison(this.dbColumnsData, [modelMap, sqlMap]);
+        this.sqlComparisonMap = this.computeSourceComparison(this.sqlColumnsData, [modelMap, dbMap]);
+    }
+    computeSourceComparison(sourceData, otherMaps) {
+        const result = new Map();
+        for (const row of sourceData) {
+            const key = row.name.toLowerCase();
+            const classes = { name: '', type: '', isNullable: '', maxLength: '' };
+            for (const otherMap of otherMaps) {
+                const otherRow = otherMap.get(key);
+                if (!otherRow) {
+                    classes['name'] = 'comparison-missing';
+                    classes['type'] = 'comparison-missing';
+                    classes['isNullable'] = 'comparison-missing';
+                    classes['maxLength'] = 'comparison-missing';
+                    break;
+                }
+                if (otherRow.type !== row.type && !classes['type']) {
+                    classes['type'] = 'comparison-type-mismatch';
+                }
+                if (otherRow.maxLength !== row.maxLength && !classes['maxLength']) {
+                    classes['maxLength'] = 'comparison-length-mismatch';
+                }
+            }
+            result.set(key, classes);
+        }
+        return result;
+    }
+    getComparisonClass(source, row, field) {
+        const map = source === 'model' ? this.modelComparisonMap
+            : source === 'db' ? this.dbComparisonMap
+                : this.sqlComparisonMap;
+        const comparison = map.get(row.name.toLowerCase());
+        if (!comparison)
+            return '';
+        return comparison[field] || '';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateOrEditEntityInformationsComponent, deps: [{ token: EntityConfigurationService }, { token: ErrorResponseManagerService }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }, { token: TsiNotificationService }, { token: TsiConfirmationService }, { token: ApiExplorerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateOrEditEntityInformationsComponent, selector: "app-create-or-edit-entity-informations", providers: [...appProviders], usesInheritance: true, ngImport: i0, template: "<tsi-form class=\"form-horizontal\" autocomplete=\"off\" (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n  <Tsi-Modal-Header [inputTitle]=\"header | modalLabel : mode : 'administration_entityRelations_title' | localize\"\r\n    (onCloseClick)=\"hide()\">\r\n  </Tsi-Modal-Header>\r\n\r\n  <div *ngIf=\"uid\" class=\"flex align-items-center gap-2 mb-2\">\r\n    <span class=\"font-semibold\">{{'administration_gestionEntityInformation_uid' | localize}} :</span>\r\n    <span>{{ uid }}</span>\r\n  </div>\r\n\r\n  <p-tabView>\r\n    <p-tabPanel [header]=\"'administration_tab_entityInformation' | localize\">\r\n      <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"modal-body\">\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_className'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.className\"\r\n                  (inputFieldChange)=\"getColonnesByClassNameAsKeyValuePair($event)\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode() || isEditMode()\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formName'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.formName\" id-field=\"key\" label-field=\"value\" [showClear]=\"true\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_listComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.listComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_logged'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'Logged'\" [(inputField)]=\"entityWithRelations.entity.logged\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_listRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ListRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.listRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'FormRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.formRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorPropertyName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorPropertyName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorPropertyName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorClassName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorClassName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_keyColumns'\"></Tsi-Label>\r\n                <div class=\"col-8\">\r\n                  <p-multiSelect [options]=\"keyColumnOptions\" [(ngModel)]=\"entityWithRelations.entity.keyColumns\"\r\n                    optionValue=\"key\" optionLabel=\"value\" display=\"chip\" defaultLabel=\"Select columns\" [filter]=\"true\">\r\n                  </p-multiSelect>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusColumnName'\"></Tsi-Label>\r\n                  \r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.statusColumnName\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_isWorkflow'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'IsWorkflow'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.isWorkflow\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_defaultStatus'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DefaultStatus'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.defaultStatus\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusEnumName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'StatusEnumName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.statusEnumName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_advancedSearchComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.advancedSearchComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid\">\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardHeaderPhotoColumn'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardHeaderPhotoColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardTitleColumn'\"></Tsi-Label>\r\n                  \r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardTitleColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardSubHeaderColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardSubHeaderColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-12\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-2\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardDescriptionColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardDescriptionColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </fieldset>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_relations' | localize\">\r\n      <div class=\"grid\">\r\n        <Tsi-Generic-Editable-Grid [columns]=\"entitiesRelationsColumns\" [gridData]=\"entityWithRelations.relations\"\r\n          [parent]=\"this\" (addedRowEventEmitter)=\"onAddRelation()\" [showAddButton]=\"isEditMode()\">\r\n        </Tsi-Generic-Editable-Grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_permissions' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"entityWithRelations.entity.className ?? ''\" class=\"col-12 mb-3\"\r\n          [columns]=\"permissionsGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"endpointInfos\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_properties' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"'administration_properties_title' | localize\" class=\"col-12 mb-3\"\r\n          [columns]=\"propertiesGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"propertiesData\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n  </p-tabView>\r\n  \r\n  <Tsi-Modal-Footer [isConsult]=\"isConsultMode()\" [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\"\r\n    (onCancelClick)=\"hide()\">\r\n  </Tsi-Modal-Footer>\r\n</tsi-form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i11.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: ["selectedItems", "configuration", "key", "items", "events", "showAddButton", "showDeleteButton", "showEditButton", "showRowSummary", "scrollHeight", "rowPerPage", "pageSize", "columns", "gridData", "isTableLoading", "parent", "showSaveButton", "showActionColumn", "enableRowDisabling", "rowSummaryConfig", "showHaveSumary", "showRowSumary", "selectKeyOnly", "selectionMode", "showConsultButton", "disabled", "editableGridBusinessClass", "orderColumn", "deleteLineButtonDisabled", "id"], outputs: ["itemsSave", "refreshEventEmitter", "saveDataEventEmitter", "rowChangedEventEmitter", "selectedRowEventEmitter", "addedRowEventEmitter", "focusOutEventEmitter", "cellChanged", "rowDeletedEventEmitter", "selectedItemsChange", "onRowSelect", "focusOutRow", "onConsultClicked"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: TsiViewGridComponent, selector: "tsi-view-grid", inputs: ["columns", "gridConfiguration", "viewComponent", "crudService", "header", "modalSize", "showConsultButton", "showSearchField", "searchFields", "formEndpoint", "formName", "id", "showImportExportButton", "targetBusinessClass", "getDataFromApi", "gridData", "isSearchButtonDisabled", "selectKeyOnly", "selectionMode", "selectedItems", "key", "showGlobalSearch", "showExportButton", "showCalenderView", "calenderSchema", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate", "additionalButtonLabel", "additionalButtonIcon", "additionalButtonDisabled", "showAdditionalButton"], outputs: ["onCancelClick", "onSaveClick", "onAdditionalButtonClick"] }, { kind: "component", type: TsiModalHeaderComponent, selector: "Tsi-Modal-Header", inputs: ["inputTitle"], outputs: ["onCloseClick"] }, { kind: "component", type: TsiFormComponent, selector: "tsi-form", inputs: ["class", "autocomplete", "optionalEndpoints", "disabled", "isLoading", "modalSize", "formEndpoint", "formName", "isReportingToolbarDisabled", "isCreateOnly"], outputs: ["onSave", "onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: ModalLabelPipe, name: "modalLabel" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateOrEditEntityInformationsComponent, selector: "app-create-or-edit-entity-informations", providers: [...appProviders], usesInheritance: true, ngImport: i0, template: "<tsi-form class=\"form-horizontal\" autocomplete=\"off\" (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n  <Tsi-Modal-Header [inputTitle]=\"header | modalLabel : mode : 'administration_entityRelations_title' | localize\"\r\n    (onCloseClick)=\"hide()\">\r\n  </Tsi-Modal-Header>\r\n\r\n  <div *ngIf=\"uid\" class=\"flex align-items-center gap-2 mb-2\">\r\n    <span class=\"font-semibold\">{{'administration_gestionEntityInformation_uid' | localize}} :</span>\r\n    <span>{{ uid }}</span>\r\n  </div>\r\n\r\n  <p-tabView>\r\n    <p-tabPanel [header]=\"'administration_tab_entityInformation' | localize\">\r\n      <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"modal-body\">\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_className'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.className\"\r\n                  (inputFieldChange)=\"getColonnesByClassNameAsKeyValuePair($event)\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode() || isEditMode()\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formName'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.formName\" id-field=\"key\" label-field=\"value\" [showClear]=\"true\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_listComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.listComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_logged'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'Logged'\" [(inputField)]=\"entityWithRelations.entity.logged\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_listRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ListRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.listRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'FormRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.formRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorPropertyName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorPropertyName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorPropertyName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorClassName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorClassName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_keyColumns'\"></Tsi-Label>\r\n                <div class=\"col-8\">\r\n                  <p-multiSelect [options]=\"keyColumnOptions\" [(ngModel)]=\"entityWithRelations.entity.keyColumns\"\r\n                    optionValue=\"key\" optionLabel=\"value\" display=\"chip\" defaultLabel=\"Select columns\" [filter]=\"true\">\r\n                  </p-multiSelect>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusColumnName'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.statusColumnName\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_isWorkflow'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'IsWorkflow'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.isWorkflow\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_defaultStatus'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DefaultStatus'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.defaultStatus\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusEnumName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'StatusEnumName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.statusEnumName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_advancedSearchComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.advancedSearchComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid\">\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardHeaderPhotoColumn'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardHeaderPhotoColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardTitleColumn'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardTitleColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardSubHeaderColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardSubHeaderColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-12\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-2\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardDescriptionColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardDescriptionColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </fieldset>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_relations' | localize\">\r\n      <div class=\"grid\">\r\n        <Tsi-Generic-Editable-Grid [columns]=\"entitiesRelationsColumns\" [gridData]=\"entityWithRelations.relations\"\r\n          [parent]=\"this\" (addedRowEventEmitter)=\"onAddRelation()\" [showAddButton]=\"isEditMode()\">\r\n        </Tsi-Generic-Editable-Grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_permissions' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"entityWithRelations.entity.className ?? ''\" class=\"col-12 mb-3\"\r\n          [columns]=\"permissionsGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"endpointInfos\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_properties' | localize\">\r\n      <div class=\"flex align-items-center gap-2 mb-3\">\r\n        <span class=\"p-input-icon-left\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input pInputText type=\"text\" [(ngModel)]=\"propertiesSearchText\" (ngModelChange)=\"onPropertiesSearch()\"\r\n            [placeholder]=\"'administration_properties_searchPlaceholder' | localize\" class=\"p-inputtext-sm\" />\r\n        </span>\r\n      </div>\r\n\r\n      <div class=\"properties-grid-section mb-3\">\r\n        <h4 class=\"properties-grid-title\">{{ 'administration_properties_modelColumns_title' | localize }}</h4>\r\n        <p-table [value]=\"pagedModelColumns\" styleClass=\"p-datatable-sm p-datatable-gridlines\">\r\n          <ng-template pTemplate=\"header\">\r\n            <tr>\r\n              <th *ngFor=\"let col of propertiesGridColumns\">{{ (col.header ?? '') | localize }}</th>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"body\" let-row>\r\n            <tr>\r\n              <td *ngFor=\"let col of propertiesGridColumns\" [ngClass]=\"getComparisonClass('model', row, col.field)\">\r\n                <span *ngIf=\"col.type !== 'checkBox'\">{{ row[col.field] }}</span>\r\n                <p-checkbox *ngIf=\"col.type === 'checkBox'\" [ngModel]=\"row[col.field]\" [disabled]=\"true\"\r\n                  [binary]=\"true\"></p-checkbox>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"propertiesGridColumns.length\" class=\"text-center\">{{'administration_properties_emptyMessage' | localize}}</td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n\r\n      <div class=\"properties-grid-section mb-3\">\r\n        <h4 class=\"properties-grid-title\">{{ 'administration_properties_projectDbColumns_title' | localize }}</h4>\r\n        <p-table [value]=\"pagedDbColumns\" styleClass=\"p-datatable-sm p-datatable-gridlines\">\r\n          <ng-template pTemplate=\"header\">\r\n            <tr>\r\n              <th *ngFor=\"let col of propertiesGridColumns\">{{ (col.header ?? '') | localize }}</th>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"body\" let-row>\r\n            <tr>\r\n              <td *ngFor=\"let col of propertiesGridColumns\" [ngClass]=\"getComparisonClass('db', row, col.field)\">\r\n                <span *ngIf=\"col.type !== 'checkBox'\">{{ row[col.field] }}</span>\r\n                <Tsi-CheckBox *ngIf=\"col.type === 'checkBox'\" [ngModel]=\"row[col.field]\"\r\n                  [disabled]=\"true\"></Tsi-CheckBox>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"propertiesGridColumns.length\" class=\"text-center\">{{'administration_properties_emptyMessage' | localize}}</td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n\r\n      <div class=\"properties-grid-section mb-3\">\r\n        <h4 class=\"properties-grid-title\">{{ 'administration_properties_sqlColumns_title' | localize }}</h4>\r\n        <p-table [value]=\"pagedSqlColumns\" styleClass=\"p-datatable-sm p-datatable-gridlines\">\r\n          <ng-template pTemplate=\"header\">\r\n            <tr>\r\n              <th *ngFor=\"let col of propertiesGridColumns\">{{ (col.header ?? '') | localize }}</th>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"body\" let-row>\r\n            <tr>\r\n              <td *ngFor=\"let col of propertiesGridColumns\" [ngClass]=\"getComparisonClass('sql', row, col.field)\">\r\n                <span *ngIf=\"col.type !== 'checkBox'\">{{ row[col.field] }}</span>\r\n                <p-checkbox *ngIf=\"col.type === 'checkBox'\" [ngModel]=\"row[col.field]\" [disabled]=\"true\"\r\n                  [binary]=\"true\"></p-checkbox>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"propertiesGridColumns.length\" class=\"text-center\">{{'administration_properties_emptyMessage' | localize}}</td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n\r\n      <p-paginator [rows]=\"propertiesPageSize\" [totalRecords]=\"propertiesTotalRecords\" [first]=\"propertiesFirst\"\r\n        (onPageChange)=\"onPropertiesPageChange($event)\" [rowsPerPageOptions]=\"[10, 25, 50]\">\r\n      </p-paginator>\r\n\r\n      <div class=\"comparison-legend mt-3\">\r\n        <span class=\"legend-item comparison-missing-legend\">{{ 'administration_properties_comparison_missing' | localize }}</span>\r\n        <span class=\"legend-item comparison-type-mismatch-legend\">{{ 'administration_properties_comparison_type' | localize }}</span>\r\n        <span class=\"legend-item comparison-length-mismatch-legend\">{{ 'administration_properties_comparison_length' | localize }}</span>\r\n      </div>\r\n    </p-tabPanel>\r\n  </p-tabView>\r\n\r\n  <Tsi-Modal-Footer [isConsult]=\"isConsultMode()\" [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\"\r\n    (onCancelClick)=\"hide()\">\r\n  </Tsi-Modal-Footer>\r\n</tsi-form>", styles: [":host ::ng-deep .comparison-missing{background-color:#ef9a9a!important}:host ::ng-deep .comparison-type-mismatch{background-color:#ffcdd2!important}:host ::ng-deep .comparison-length-mismatch{background-color:#fff9c4!important}.properties-grid-section{border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.properties-grid-title{margin:0;padding:.75rem 1rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:.95rem;font-weight:600}.comparison-legend{display:flex;gap:1rem;flex-wrap:wrap}.comparison-legend .legend-item{padding:.25rem .75rem;border-radius:4px;font-size:.8rem}.comparison-legend .comparison-missing-legend{background-color:#ef9a9a}.comparison-legend .comparison-type-mismatch-legend{background-color:#ffcdd2}.comparison-legend .comparison-length-mismatch-legend{background-color:#fff9c4}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i5$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i7.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i11.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i6$3.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "component", type: EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: ["selectedItems", "configuration", "key", "items", "events", "showAddButton", "showDeleteButton", "showEditButton", "showRowSummary", "scrollHeight", "rowPerPage", "pageSize", "columns", "gridData", "isTableLoading", "parent", "showSaveButton", "showActionColumn", "enableRowDisabling", "rowSummaryConfig", "showHaveSumary", "showRowSumary", "selectKeyOnly", "selectionMode", "showConsultButton", "disabled", "editableGridBusinessClass", "orderColumn", "deleteLineButtonDisabled", "id"], outputs: ["itemsSave", "refreshEventEmitter", "saveDataEventEmitter", "rowChangedEventEmitter", "selectedRowEventEmitter", "addedRowEventEmitter", "focusOutEventEmitter", "cellChanged", "rowDeletedEventEmitter", "selectedItemsChange", "onRowSelect", "focusOutRow", "onConsultClicked"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: TsiViewGridComponent, selector: "tsi-view-grid", inputs: ["columns", "gridConfiguration", "viewComponent", "crudService", "header", "modalSize", "showConsultButton", "showSearchField", "searchFields", "formEndpoint", "formName", "id", "showImportExportButton", "targetBusinessClass", "getDataFromApi", "gridData", "isSearchButtonDisabled", "selectKeyOnly", "selectionMode", "selectedItems", "key", "showGlobalSearch", "showExportButton", "showCalenderView", "calenderSchema", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate", "additionalButtonLabel", "additionalButtonIcon", "additionalButtonDisabled", "showAdditionalButton"], outputs: ["onCancelClick", "onSaveClick", "onAdditionalButtonClick"] }, { kind: "component", type: TsiModalHeaderComponent, selector: "Tsi-Modal-Header", inputs: ["inputTitle"], outputs: ["onCloseClick"] }, { kind: "component", type: TsiFormComponent, selector: "tsi-form", inputs: ["class", "autocomplete", "optionalEndpoints", "disabled", "isLoading", "modalSize", "formEndpoint", "formName", "isReportingToolbarDisabled", "isCreateOnly"], outputs: ["onSave", "onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: ModalLabelPipe, name: "modalLabel" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateOrEditEntityInformationsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-create-or-edit-entity-informations', providers: [...appProviders], template: "<tsi-form class=\"form-horizontal\" autocomplete=\"off\" (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n  <Tsi-Modal-Header [inputTitle]=\"header | modalLabel : mode : 'administration_entityRelations_title' | localize\"\r\n    (onCloseClick)=\"hide()\">\r\n  </Tsi-Modal-Header>\r\n\r\n  <div *ngIf=\"uid\" class=\"flex align-items-center gap-2 mb-2\">\r\n    <span class=\"font-semibold\">{{'administration_gestionEntityInformation_uid' | localize}} :</span>\r\n    <span>{{ uid }}</span>\r\n  </div>\r\n\r\n  <p-tabView>\r\n    <p-tabPanel [header]=\"'administration_tab_entityInformation' | localize\">\r\n      <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"modal-body\">\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_className'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.className\"\r\n                  (inputFieldChange)=\"getColonnesByClassNameAsKeyValuePair($event)\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode() || isEditMode()\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formName'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.formName\" id-field=\"key\" label-field=\"value\" [showClear]=\"true\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_listComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.listComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_logged'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'Logged'\" [(inputField)]=\"entityWithRelations.entity.logged\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_listRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ListRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.listRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'FormRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.formRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorPropertyName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorPropertyName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorPropertyName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorClassName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorClassName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_keyColumns'\"></Tsi-Label>\r\n                <div class=\"col-8\">\r\n                  <p-multiSelect [options]=\"keyColumnOptions\" [(ngModel)]=\"entityWithRelations.entity.keyColumns\"\r\n                    optionValue=\"key\" optionLabel=\"value\" display=\"chip\" defaultLabel=\"Select columns\" [filter]=\"true\">\r\n                  </p-multiSelect>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusColumnName'\"></Tsi-Label>\r\n                  \r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.statusColumnName\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_isWorkflow'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'IsWorkflow'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.isWorkflow\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_defaultStatus'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DefaultStatus'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.defaultStatus\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusEnumName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'StatusEnumName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.statusEnumName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_advancedSearchComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.advancedSearchComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid\">\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardHeaderPhotoColumn'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardHeaderPhotoColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardTitleColumn'\"></Tsi-Label>\r\n                  \r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardTitleColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardSubHeaderColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardSubHeaderColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-12\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-2\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardDescriptionColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardDescriptionColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </fieldset>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_relations' | localize\">\r\n      <div class=\"grid\">\r\n        <Tsi-Generic-Editable-Grid [columns]=\"entitiesRelationsColumns\" [gridData]=\"entityWithRelations.relations\"\r\n          [parent]=\"this\" (addedRowEventEmitter)=\"onAddRelation()\" [showAddButton]=\"isEditMode()\">\r\n        </Tsi-Generic-Editable-Grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_permissions' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"entityWithRelations.entity.className ?? ''\" class=\"col-12 mb-3\"\r\n          [columns]=\"permissionsGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"endpointInfos\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_properties' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"'administration_properties_title' | localize\" class=\"col-12 mb-3\"\r\n          [columns]=\"propertiesGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"propertiesData\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n  </p-tabView>\r\n  \r\n  <Tsi-Modal-Footer [isConsult]=\"isConsultMode()\" [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\"\r\n    (onCancelClick)=\"hide()\">\r\n  </Tsi-Modal-Footer>\r\n</tsi-form>" }]
+            args: [{ selector: 'app-create-or-edit-entity-informations', providers: [...appProviders], template: "<tsi-form class=\"form-horizontal\" autocomplete=\"off\" (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n  <Tsi-Modal-Header [inputTitle]=\"header | modalLabel : mode : 'administration_entityRelations_title' | localize\"\r\n    (onCloseClick)=\"hide()\">\r\n  </Tsi-Modal-Header>\r\n\r\n  <div *ngIf=\"uid\" class=\"flex align-items-center gap-2 mb-2\">\r\n    <span class=\"font-semibold\">{{'administration_gestionEntityInformation_uid' | localize}} :</span>\r\n    <span>{{ uid }}</span>\r\n  </div>\r\n\r\n  <p-tabView>\r\n    <p-tabPanel [header]=\"'administration_tab_entityInformation' | localize\">\r\n      <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"modal-body\">\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_className'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.className\"\r\n                  (inputFieldChange)=\"getColonnesByClassNameAsKeyValuePair($event)\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode() || isEditMode()\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formName'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.formName\" id-field=\"key\" label-field=\"value\" [showClear]=\"true\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_listComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.listComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_logged'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'Logged'\" [(inputField)]=\"entityWithRelations.entity.logged\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_listRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ListRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.listRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'FormRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.formRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorPropertyName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorPropertyName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorPropertyName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorClassName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorClassName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_keyColumns'\"></Tsi-Label>\r\n                <div class=\"col-8\">\r\n                  <p-multiSelect [options]=\"keyColumnOptions\" [(ngModel)]=\"entityWithRelations.entity.keyColumns\"\r\n                    optionValue=\"key\" optionLabel=\"value\" display=\"chip\" defaultLabel=\"Select columns\" [filter]=\"true\">\r\n                  </p-multiSelect>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusColumnName'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.statusColumnName\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_isWorkflow'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'IsWorkflow'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.isWorkflow\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_defaultStatus'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DefaultStatus'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.defaultStatus\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusEnumName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'StatusEnumName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.statusEnumName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_advancedSearchComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.advancedSearchComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid\">\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardHeaderPhotoColumn'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardHeaderPhotoColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardTitleColumn'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardTitleColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardSubHeaderColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardSubHeaderColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-12\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-2\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardDescriptionColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardDescriptionColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </fieldset>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_relations' | localize\">\r\n      <div class=\"grid\">\r\n        <Tsi-Generic-Editable-Grid [columns]=\"entitiesRelationsColumns\" [gridData]=\"entityWithRelations.relations\"\r\n          [parent]=\"this\" (addedRowEventEmitter)=\"onAddRelation()\" [showAddButton]=\"isEditMode()\">\r\n        </Tsi-Generic-Editable-Grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_permissions' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"entityWithRelations.entity.className ?? ''\" class=\"col-12 mb-3\"\r\n          [columns]=\"permissionsGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"endpointInfos\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_properties' | localize\">\r\n      <div class=\"flex align-items-center gap-2 mb-3\">\r\n        <span class=\"p-input-icon-left\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input pInputText type=\"text\" [(ngModel)]=\"propertiesSearchText\" (ngModelChange)=\"onPropertiesSearch()\"\r\n            [placeholder]=\"'administration_properties_searchPlaceholder' | localize\" class=\"p-inputtext-sm\" />\r\n        </span>\r\n      </div>\r\n\r\n      <div class=\"properties-grid-section mb-3\">\r\n        <h4 class=\"properties-grid-title\">{{ 'administration_properties_modelColumns_title' | localize }}</h4>\r\n        <p-table [value]=\"pagedModelColumns\" styleClass=\"p-datatable-sm p-datatable-gridlines\">\r\n          <ng-template pTemplate=\"header\">\r\n            <tr>\r\n              <th *ngFor=\"let col of propertiesGridColumns\">{{ (col.header ?? '') | localize }}</th>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"body\" let-row>\r\n            <tr>\r\n              <td *ngFor=\"let col of propertiesGridColumns\" [ngClass]=\"getComparisonClass('model', row, col.field)\">\r\n                <span *ngIf=\"col.type !== 'checkBox'\">{{ row[col.field] }}</span>\r\n                <p-checkbox *ngIf=\"col.type === 'checkBox'\" [ngModel]=\"row[col.field]\" [disabled]=\"true\"\r\n                  [binary]=\"true\"></p-checkbox>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"propertiesGridColumns.length\" class=\"text-center\">{{'administration_properties_emptyMessage' | localize}}</td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n\r\n      <div class=\"properties-grid-section mb-3\">\r\n        <h4 class=\"properties-grid-title\">{{ 'administration_properties_projectDbColumns_title' | localize }}</h4>\r\n        <p-table [value]=\"pagedDbColumns\" styleClass=\"p-datatable-sm p-datatable-gridlines\">\r\n          <ng-template pTemplate=\"header\">\r\n            <tr>\r\n              <th *ngFor=\"let col of propertiesGridColumns\">{{ (col.header ?? '') | localize }}</th>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"body\" let-row>\r\n            <tr>\r\n              <td *ngFor=\"let col of propertiesGridColumns\" [ngClass]=\"getComparisonClass('db', row, col.field)\">\r\n                <span *ngIf=\"col.type !== 'checkBox'\">{{ row[col.field] }}</span>\r\n                <Tsi-CheckBox *ngIf=\"col.type === 'checkBox'\" [ngModel]=\"row[col.field]\"\r\n                  [disabled]=\"true\"></Tsi-CheckBox>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"propertiesGridColumns.length\" class=\"text-center\">{{'administration_properties_emptyMessage' | localize}}</td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n\r\n      <div class=\"properties-grid-section mb-3\">\r\n        <h4 class=\"properties-grid-title\">{{ 'administration_properties_sqlColumns_title' | localize }}</h4>\r\n        <p-table [value]=\"pagedSqlColumns\" styleClass=\"p-datatable-sm p-datatable-gridlines\">\r\n          <ng-template pTemplate=\"header\">\r\n            <tr>\r\n              <th *ngFor=\"let col of propertiesGridColumns\">{{ (col.header ?? '') | localize }}</th>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"body\" let-row>\r\n            <tr>\r\n              <td *ngFor=\"let col of propertiesGridColumns\" [ngClass]=\"getComparisonClass('sql', row, col.field)\">\r\n                <span *ngIf=\"col.type !== 'checkBox'\">{{ row[col.field] }}</span>\r\n                <p-checkbox *ngIf=\"col.type === 'checkBox'\" [ngModel]=\"row[col.field]\" [disabled]=\"true\"\r\n                  [binary]=\"true\"></p-checkbox>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"propertiesGridColumns.length\" class=\"text-center\">{{'administration_properties_emptyMessage' | localize}}</td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n\r\n      <p-paginator [rows]=\"propertiesPageSize\" [totalRecords]=\"propertiesTotalRecords\" [first]=\"propertiesFirst\"\r\n        (onPageChange)=\"onPropertiesPageChange($event)\" [rowsPerPageOptions]=\"[10, 25, 50]\">\r\n      </p-paginator>\r\n\r\n      <div class=\"comparison-legend mt-3\">\r\n        <span class=\"legend-item comparison-missing-legend\">{{ 'administration_properties_comparison_missing' | localize }}</span>\r\n        <span class=\"legend-item comparison-type-mismatch-legend\">{{ 'administration_properties_comparison_type' | localize }}</span>\r\n        <span class=\"legend-item comparison-length-mismatch-legend\">{{ 'administration_properties_comparison_length' | localize }}</span>\r\n      </div>\r\n    </p-tabPanel>\r\n  </p-tabView>\r\n\r\n  <Tsi-Modal-Footer [isConsult]=\"isConsultMode()\" [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\"\r\n    (onCancelClick)=\"hide()\">\r\n  </Tsi-Modal-Footer>\r\n</tsi-form>", styles: [":host ::ng-deep .comparison-missing{background-color:#ef9a9a!important}:host ::ng-deep .comparison-type-mismatch{background-color:#ffcdd2!important}:host ::ng-deep .comparison-length-mismatch{background-color:#fff9c4!important}.properties-grid-section{border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.properties-grid-title{margin:0;padding:.75rem 1rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:.95rem;font-weight:600}.comparison-legend{display:flex;gap:1rem;flex-wrap:wrap}.comparison-legend .legend-item{padding:.25rem .75rem;border-radius:4px;font-size:.8rem}.comparison-legend .comparison-missing-legend{background-color:#ef9a9a}.comparison-legend .comparison-type-mismatch-legend{background-color:#ffcdd2}.comparison-legend .comparison-length-mismatch-legend{background-color:#fff9c4}\n"] }]
         }], ctorParameters: () => [{ type: EntityConfigurationService }, { type: ErrorResponseManagerService }, { type: i1$3.DynamicDialogRef }, { type: i1$3.DynamicDialogConfig }, { type: TsiNotificationService }, { type: TsiConfirmationService }, { type: ApiExplorerService }] });
 
 var createOrEditEntityInformations_component = /*#__PURE__*/Object.freeze({
@@ -20916,6 +21165,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i4.PrimeNGConfig }] });
 
+/**
+ * HTTP interceptor responsible for tracking all outgoing HTTP requests.
+ *
+ * It notifies the {@link RequestTrackerService} when a request starts and when it completes,
+ * allowing the application to maintain a global "in-progress" state (e.g., for displaying a spinner).
+ *
+ * Requests that match configured ignored endpoints (see {@link RequestTrackerConfig})
+ * will be automatically excluded from tracking.
+ */
+class RequestTrackerInterceptor {
+    constructor(_requestTrackerService) {
+        this._requestTrackerService = _requestTrackerService;
+    }
+    intercept(req, next) {
+        this._requestTrackerService.startRequest(req.url);
+        return next.handle(req).pipe(finalize(() => this._requestTrackerService.completeRequest(req.url)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RequestTrackerInterceptor, deps: [{ token: RequestTrackerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RequestTrackerInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RequestTrackerInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: RequestTrackerService }] });
+
 /*
  * Public API Surface of tsi-shared-ui
  */
@@ -20924,5 +21197,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AdDirective, AdItem, AddReportPopupComponent, AdminGuard, AdminRoutes, AdministrationEndpoints, AdministrationSegments, AdvancedSearchComponentService, AlertImportMessageComponent, ApiDateTimeFormat, ApiExplorerService, AppBaseComponent, AppRoutes, AppSettingsService, AuthenticationGuard, AuthorizationEndpoints, AuthorizationSegments, AuthorizationService, AuthorizationTokenMapper, AutoComplete, AutoSelectDirective, BsModalRef, BusyDirective, ButtonType, CSSSizeProperty, CSSUnits, ChooseChoiceMfaMethodComponent, ClaimTypes, CodeFormat, 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, EntityConfigurationService, EntityInfo, EntityInfoWithRelations, EntityRelation, EntityStatusService, EntityValidationsService, ErrorResponseManagerService, ExecuteImportRequest, ExportExcelHelper, Fichier, FilterByExistingValues, FilterByProprety, FilterHelper, FilterOperatorType, FilterOperatorTypeDescriptions, FormValidationError, FormulaService, GenericFormHelper, GenericValidationStateService, GetWorkflowInstanceInformationRequest, GridColumnStyleHelper, GridSelectionMode, 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, PagedResultRequestBase, PermissionGuard, PresentationDesignerDirective, PresentationDesignerDirectiveBase, PresentationDesignerService, PresentationSetting, PresentationSettingDetail, PresentationSettingService, ProceedLoginRequest, ProgressBarHelperService, ProgressBarResponse, ProgressBarService, ProgressBarUpdateRequest, RecordInfoPopupService, ReportingComponent, ReportingEndpoints, ReportingSegments, ReportingService, 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, 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, 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, VerificationCodeSmsComponent, WorkflowConfigurationService, WorkflowEtatForm, WorkflowEtatKanbanRequest, WorkflowEtatSuivantResponse, appProviders, authorization, dashboardConst, defaultCardHeader, distinct, executeImportResult, initSharedComponents, isNullOrEmpty, lengthValidator, locals, logoutReasonEnum, lowerFirst, menuItems, primengDateLocalAr, primengLocaleAr, queryParamNamesConst, rangeValidator, registerLibraryLocales, requestHeaderNames, rtlModeKeys, splitArrayIntoChunks, tokenQueryParamName, updateEntityWorkflowInformation, updateEntityWorkflowInstanceResponse, userLanguage, workflowEtatDetailledResponse, workflowInstanceInformationResponse };
+export { AdDirective, AdItem, AddReportPopupComponent, AdminGuard, AdminRoutes, AdministrationEndpoints, AdministrationSegments, AdvancedSearchComponentService, AlertImportMessageComponent, ApiDateTimeFormat, ApiExplorerService, AppBaseComponent, AppRoutes, AppSettingsService, AuthenticationGuard, AuthorizationEndpoints, AuthorizationSegments, AuthorizationService, AuthorizationTokenMapper, AutoComplete, AutoSelectDirective, BsModalRef, BusyDirective, ButtonType, CSSSizeProperty, CSSUnits, ChooseChoiceMfaMethodComponent, ClaimTypes, CodeFormat, 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, GridColumnStyleHelper, GridSelectionMode, 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, PagedResultRequestBase, PermissionGuard, PresentationDesignerDirective, PresentationDesignerDirectiveBase, PresentationDesignerService, 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, 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, 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, VerificationCodeSmsComponent, WorkflowConfigurationService, WorkflowEtatForm, WorkflowEtatKanbanRequest, WorkflowEtatSuivantResponse, appProviders, authorization, dashboardConst, defaultCardHeader, distinct, executeImportResult, initSharedComponents, isNullOrEmpty, lengthValidator, locals, logoutReasonEnum, lowerFirst, menuItems, primengDateLocalAr, primengLocaleAr, queryParamNamesConst, rangeValidator, registerLibraryLocales, requestHeaderNames, rtlModeKeys, splitArrayIntoChunks, tokenQueryParamName, updateEntityWorkflowInformation, updateEntityWorkflowInstanceResponse, userLanguage, workflowEtatDetailledResponse, workflowInstanceInformationResponse };
 //# sourceMappingURL=tsi-developpement-tsi-shared-ui.mjs.map