@tsi-developpement/tsi-shared-ui 1.8.38 → 1.8.39

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

@@ -68,11 +68,11 @@ import * as i7$1 from 'primeng/tabview';
 import { TabView, TabViewModule } from 'primeng/tabview';
 import * as i14 from 'primeng/splitbutton';
 import { SplitButtonModule } from 'primeng/splitbutton';
-import * as i6$5 from 'primeng/fieldset';
+import * as i8 from 'primeng/fieldset';
 import { FieldsetModule } from 'primeng/fieldset';
 import * as i4$1 from 'primeng/inputtextarea';
 import { InputTextareaModule } from 'primeng/inputtextarea';
-import * as i8 from 'primeng/fileupload';
+import * as i8$1 from 'primeng/fileupload';
 import { FileUploadModule } from 'primeng/fileupload';
 import * as i2$6 from '@angular/router';
 import { Router } from '@angular/router';
@@ -303,6 +303,8 @@ const AdministrationSegments = {
     allResultatActionCRMEnum: 'allResultatActionCRMEnum',
     data: 'data',
     single: 'single',
+    GetNatureActionSuivanteByOrdre: 'GetNatureActionSuivanteByOrdre',
+    natureAction: 'NatureAction',
 };
 const AdministrationEndpoints = {
     getAllEntityStatus: (classeName) => `${Segment.base}/${AdministrationSegments.status}/${AdministrationSegments.getEntityStatusAsKeyValuePair}/${classeName}`,
@@ -418,7 +420,10 @@ const AdministrationEndpoints = {
     allResultatActionCRMEnum: () => `${Segment.base}/${AdministrationSegments.actionCRM}/${AdministrationSegments.allResultatActionCRMEnum}`,
     allPrioriteActionCRMEnum: () => `${Segment.base}/${AdministrationSegments.actionCRM}/${AdministrationSegments.allPrioriteActionCRMEnum}`,
     getEntityData: (businessClass) => `${Segment.base}/${AdministrationSegments.entityConfiguration}/${AdministrationSegments.entityInfo}/${AdministrationSegments.data}/${businessClass}`,
-    getEntityDataById: (businessClass) => `${Segment.base}/${AdministrationSegments.entityConfiguration}/${AdministrationSegments.entityInfo}/${AdministrationSegments.data}/${AdministrationSegments.single}/${businessClass}`
+    getEntityDataById: (businessClass) => `${Segment.base}/${AdministrationSegments.entityConfiguration}/${AdministrationSegments.entityInfo}/${AdministrationSegments.data}/${AdministrationSegments.single}/${businessClass}`,
+    GetNatureActionSuivanteByOrdre: (id) => `${Segment.base}/${AdministrationSegments.natureAction}/${AdministrationSegments.GetNatureActionSuivanteByOrdre}/${id}`,
+    getAllNatureActionMinimal: () => `${Segment.base}/${AdministrationSegments.natureAction}/${AdministrationSegments.allMinimal}`,
+    getNatureActionMinimal: () => `${Segment.base}/${AdministrationSegments.natureAction}/${AdministrationSegments.minimal}`,
 };
 
 const ImportExportSegments = {
@@ -16631,10 +16636,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class ActionERP {
     constructor() {
         this.actionERPDetails = [];
+        this.actionERPUtilisateurs = [];
     }
 }
 class ActionERPDetail {
 }
+class ActionERPUtilisateur {
+    constructor() {
+        this.obligatoire = false;
+    }
+}
 var StatutActionCRMEnum;
 (function (StatutActionCRMEnum) {
     StatutActionCRMEnum["EnAttente"] = "En Attente";
@@ -16646,8 +16657,28 @@ var StatutActionCRMEnum;
 
 class BusinessClassNames {
     static { this.ActionERP = "ActionERP"; }
+    static { this.NatureAction = "NatureAction"; }
+    static { this.Utilisateur = "Utilisateur"; }
 }
 
+class NatureActionService extends CrudBaseService {
+    constructor(httpClient) {
+        super(httpClient, AdministrationSegments.natureAction);
+        this.httpClient = httpClient;
+    }
+    GetNatureActionSuivanteByOrdre(uid) {
+        return this.httpClient.get(AdministrationEndpoints.GetNatureActionSuivanteByOrdre(uid));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NatureActionService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NatureActionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NatureActionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
 class TsiTextAreaComponent extends TsiInputBase {
     constructor(_localizePipe) {
         super();
@@ -16685,14 +16716,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 class TsiActionErpCreateOrEditComponent extends TsiFormComponentBaseComponent {
-    constructor(_actionservice, _errorResponseManagerService, _notificationService, _confirmationService, entityConfigurationService, _tsiModalService, _identityManagerService, _localize, config, ref) {
+    constructor(_actionservice, _natureActionservice, _errorResponseManagerService, _notificationService, _confirmationService, entityConfigurationService, _dialogService, _identityManagerService, _localize, config, ref) {
         super(ref, config);
         this._actionservice = _actionservice;
+        this._natureActionservice = _natureActionservice;
         this._errorResponseManagerService = _errorResponseManagerService;
         this._notificationService = _notificationService;
         this._confirmationService = _confirmationService;
         this.entityConfigurationService = entityConfigurationService;
-        this._tsiModalService = _tsiModalService;
+        this._dialogService = _dialogService;
         this._identityManagerService = _identityManagerService;
         this._localize = _localize;
         this.config = config;
@@ -16701,7 +16733,9 @@ class TsiActionErpCreateOrEditComponent extends TsiFormComponentBaseComponent {
         this.administrationEndpoints = AdministrationEndpoints;
         this.businnessClassName = "";
         this.occurenceInfos = null;
+        this.classename = null;
         this.modeRef = Modes;
+        this.businessClassNames = BusinessClassNames;
         this.actiondetailcolom = [
             {
                 field: "classe",
@@ -16725,6 +16759,27 @@ class TsiActionErpCreateOrEditComponent extends TsiFormComponentBaseComponent {
                 isFiltered: true,
             },
         ];
+        this.participantColumns = [
+            {
+                field: "utilisateur",
+                header: 'shared_action_participant_utilisateur',
+                type: InputTypes.SEARCH_COMBO,
+                elementSourceUrl: this.administrationEndpoints.getUtilisateurMinimal(),
+                listSourceUrl: this.administrationEndpoints.getAllUtilisateurMinimal(),
+                idField: "uid",
+                labelField: "nomPrenom",
+                inputName: "utilisateur",
+                isFiltered: true,
+                businessClass: BusinessClassNames.Utilisateur,
+            },
+            {
+                field: "obligatoire",
+                header: 'shared_action_participant_obligatoire',
+                type: InputTypes.CHECKBOX,
+                inputName: "obligatoire",
+                isBinary: true,
+            },
+        ];
         this.businnessClassName = config?.data?.customData?.occurenceInfos?.businessclass ?? '';
         this.businessClass = BusinessClassNames.ActionERP;
         if (config?.data?.customData?.occurenceInfos) {
@@ -16733,6 +16788,9 @@ class TsiActionErpCreateOrEditComponent extends TsiFormComponentBaseComponent {
     }
     ngOnInit() {
         super.ngOnInit();
+        if (this.config?.data?.actionSuivante != true) {
+            this.action.natureAction = this.customData?.natureAction;
+        }
         if (this.action.actionERPDetails.length === 0 && this.occurenceInfos?.businessclass) {
             const nouveauDetail = {
                 classe: this.occurenceInfos?.businessclass,
@@ -16870,7 +16928,7 @@ class TsiActionErpCreateOrEditComponent extends TsiFormComponentBaseComponent {
                     height: ModalSizeEnum.Medium.height,
                     maximizable: true,
                 };
-                let dialogReference = this._tsiModalService?.open(TypeRegistryHelper.getType(entity.formName), conf);
+                let dialogReference = this._dialogService?.open(TypeRegistryHelper.getType(entity.formName), conf);
                 dialogReference?.onClose.subscribe((_) => {
                 });
             },
@@ -16879,13 +16937,137 @@ class TsiActionErpCreateOrEditComponent extends TsiFormComponentBaseComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiActionErpCreateOrEditComponent, deps: [{ token: ActionErpService }, { token: ErrorResponseManagerService }, { token: TsiNotificationService }, { token: TsiConfirmationService }, { token: EntityConfigurationService }, { token: TsiModalService }, { token: IdentityManagerService }, { token: LocalizePipe }, { token: i1$3.DynamicDialogConfig }, { token: i1$3.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiActionErpCreateOrEditComponent, selector: "lib-tsi-action-erp-create-or-edit", 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:'shared_action_add_action'\" (onCloseClick)=\"hide()\">\r\n    </Tsi-Modal-Header>\r\n\r\n    <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"col-12\">\r\n            <div class=\"grid row-gap-2\">\r\n                <div class=\"col-12 md:col-6\">\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_numero'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Integer [inputName]=\"'Numero'\" [(inputField)]=\"action.numero\"\r\n                                [disabled]=\"true\"></Tsi-Integer></div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_utilisateurDemandeur'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getUtilisateurMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllUtilisateurMinimal()\"\r\n                                [(bind)]=\"action.utilisateurDemandeur\" id-field=\"uid\" label-field=\"nomPrenom\"\r\n                                [isFiltered]=\"true\" [inputName]=\"'utilisateurDemandeur'\"\r\n                                [businessClass]=\"businessClass\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_objet'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Text-Area [inputName]=\"'Objet'\" [(inputField)]=\"action.objet\"\r\n                                [rows]=\"3\"></Tsi-Text-Area></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"col-12 md:col-6\">\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_priorite'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [listSourceUrl]=\"administrationEndpoints.allPrioriteActionCRMEnum\"\r\n                                [(bind)]=\"action.priorite\" id-field=\"key\" label-field=\"value\" [inputName]=\"'Priorite'\"\r\n                                [showSearchButton]=\"false\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_utilisateurAssigne'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getUtilisateurMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllUtilisateurMinimal()\"\r\n                                [(bind)]=\"action.utilisateurAssigne\" id-field=\"uid\" label-field=\"nomPrenom\"\r\n                                [inputName]=\"'UtilisateurAssigne'\" [isFiltered]=\"true\"\r\n                                [businessClass]=\"businessClass\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_resultat'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [listSourceUrl]=\"administrationEndpoints.allResultatActionCRMEnum\"\r\n                                [(bind)]=\"action.resultat\" id-field=\"key\" label-field=\"value\" [inputName]=\"'Resultat'\"\r\n                                [showSearchButton]=\"false\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_lieu'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Text-Area [inputName]=\"'Lieu'\"\r\n                                [(inputField)]=\"action.lieu\"></Tsi-Text-Area></div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <p-tabView>\r\n                <p-tabPanel [header]=\"'anglais_echeance'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n\r\n                        <div class=\"grid\">\r\n                            <div class=\"col-8\">\r\n                                <div class=\"form-group border p-2\">\r\n                                    <div class=\"grid mb-1\">\r\n                                        <div class=\"col-4\"></div>\r\n                                        <div class=\"col-4 text-center\"><b>{{ 'action_Debut' | localize }}</b>\r\n                                        </div>\r\n                                        <div class=\"col-4 text-center\"><b>{{ 'action_Fin' | localize }}</b>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center mb-2\">\r\n                                        <div class=\"col-4\"><Tsi-Label\r\n                                                [labelValue]=\"'action_dateHeure_Prev'\"></Tsi-Label></div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureDebutPrev'\"\r\n                                                [(inputField)]=\"action.dateHeureDebutPrev\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureFinPrev'\"\r\n                                                [(inputField)]=\"action.dateHeureFinPrev\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center\">\r\n                                        <div class=\"col-4\"><Tsi-Label\r\n                                                [labelValue]=\"'action.dateHeuree_Realisee'\"></Tsi-Label></div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureDebutRealisee'\"\r\n                                                [(inputField)]=\"action.dateHeureDebutRealisee\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureFinRealisee'\"\r\n                                                [(inputField)]=\"action.dateHeureFinRealisee\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"col-4\">\r\n                                <p-fieldset [legend]=\"'action_Fieldset_alerte' | localize\">\r\n                                    <div class=\"grid flex align-items-center mb-2\">\r\n                                        <div class=\"col-4\"><Tsi-Label [labelValue]=\"'action_alerte'\"></Tsi-Label>\r\n                                        </div>\r\n                                        <div class=\"col-8\"><Tsi-CheckBox [inputName]=\"'Alerte'\" [isBinary]=\"true\"\r\n                                                [(inputField)]=\"action.alerte\"></Tsi-CheckBox>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center\">\r\n                                        <div class=\"col-4\"><Tsi-Label [labelValue]=\"'action_alerteAvant'\"></Tsi-Label>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Integer [inputName]=\"'AlerteAvant'\"\r\n                                                [(inputField)]=\"action.alerteAvant\"></Tsi-Integer></div>\r\n                                    </div>\r\n                                </p-fieldset>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n                <p-tabPanel [header]=\"'Liste_des_action_details'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n                        <div class=\"col-12 mt-3\">\r\n                            <Tsi-Generic-Editable-Grid (onConsultClicked)=\"consultElement($event)\"\r\n                                [showConsultButton]=\"true\" [columns]=\"actiondetailcolom\"\r\n                                [gridData]=\"action.actionERPDetails\" [parent]=\"this\"></Tsi-Generic-Editable-Grid>\r\n                        </div>\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n            </p-tabView>\r\n        </div>\r\n    </fieldset>\r\n\r\n    <Tsi-Modal-Footer [showSaveAndCloseButton]=\"mode == modeRef.delete\" [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\"\r\n        (onCancelClick)=\"hide()\"></Tsi-Modal-Footer>\r\n</tsi-form>", styles: [""], dependencies: [{ kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$1.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i6$5.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: ["selectedItems", "configuration", "key", "items", "events", "showGlobalSearch", "showAddButton", "showDeleteButton", "showEditButton", "showRowSummary", "scrollHeight", "rowPerPage", "pageSize", "entityPrimaryKeyName", "columns", "gridData", "isTableLoading", "parent", "showSaveButton", "showActionColumn", "enableRowDisabling", "rowSummaryConfig", "showHaveSumary", "showRowSumary", "selectKeyOnly", "selectionMode", "showConsultButton", "editableGridBusinessClass", "orderColumn", "deleteLineButtonDisabled", "showDuplicateButton", "id"], outputs: ["itemsSave", "refreshEventEmitter", "saveDataEventEmitter", "rowChangedEventEmitter", "selectedRowEventEmitter", "addedRowEventEmitter", "focusOutEventEmitter", "cellChanged", "rowDeletedEventEmitter", "selectedItemsChange", "onRowSelect", "focusOutRow", "onConsultClicked", "rowDuplicatedEventEmitter"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "searchDebounceTime", "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: TsiDatePickerComponent, selector: "Tsi-Date-Picker", inputs: ["required", "showTime", "showButtonBar"], outputs: ["inputFieldChange"] }, { kind: "component", type: TsiIntegerComponent, selector: "Tsi-Integer", inputs: ["class", "minValue", "maxValue", "delayChangeTime"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiTextAreaComponent, selector: "Tsi-Text-Area", inputs: ["rows", "cols"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate", "additionalButtonLabel", "additionalButtonIcon", "additionalButtonDisabled", "showAdditionalButton", "showSaveAndCloseButton", "mode"], 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", "statusInputDisabled"], outputs: ["onSave", "onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: ModalLabelPipe, name: "modalLabel" }] }); }
+    createElement(classe) {
+        if (!classe) {
+            this._notificationService.error(this._localize.transform('search_combo_component_nameEntity'));
+            return;
+        }
+        this.entityConfigurationService.getEntityInfo(classe).subscribe({
+            next: (entity) => {
+                if (!entity || !entity.formName) {
+                    this._notificationService?.error(this._localize.transform('search_combo_component_form_name_nf'));
+                    return;
+                }
+                const conf = {
+                    data: {
+                        mode: Component_Modes.CREATE,
+                        customData: entity,
+                        id: null
+                    },
+                    styleClass: '',
+                    width: ModalSizeEnum.Medium.width,
+                    height: ModalSizeEnum.Medium.height,
+                    maximizable: true,
+                };
+                const componentType = TypeRegistryHelper.getType(entity.formName);
+                const dialogReference = this._dialogService?.open(componentType, conf);
+                if (!dialogReference)
+                    return;
+                dialogReference.onClose.subscribe((result) => {
+                    if (!result)
+                        return;
+                    const uid = result?.uid ?? result?.id ?? result;
+                    if (uid) {
+                        const newDetail = {
+                            classe: classe,
+                            occurence: uid.toString(),
+                            actionERP: undefined
+                        };
+                        this.action.actionERPDetails = [...this.action.actionERPDetails, newDetail];
+                        this._notificationService.info(this._localize.transform('savedSuccessfully'));
+                    }
+                });
+            },
+            error: (err) => {
+                this._notificationService?.error(this._localize.transform('search_combo_component_form_name_nf'));
+            }
+        });
+    }
+    onClasseSelected(selected) {
+        const classe = typeof selected === 'string'
+            ? selected
+            : selected?.className;
+        if (!classe)
+            return;
+        this.createElement(classe);
+    }
+    async openActionERPPopUp() {
+        const natureActionSuivante = await firstValueFrom(this._natureActionservice.GetNatureActionSuivanteByOrdre(this.action.natureAction));
+        const nouvelleAction = {
+            actionPrecedente: this.action.uid,
+            codeActionPrecedente: this.action.numero,
+            dateHeureDebutPrev: this.action.dateHeureDebutPrev,
+            dateHeureFinPrev: this.action.dateHeureFinPrev,
+            utilisateurDemandeur: this.action.utilisateurDemandeur,
+            natureAction: natureActionSuivante?.uid,
+            utilisateurAssigne: natureActionSuivante?.realisateur,
+            statut: StatutActionCRMEnum.EnAttente,
+            actionERPDetails: this.action.actionERPDetails?.map(detail => ({
+                classe: detail.classe,
+                occurence: detail.occurence,
+                actionERP: undefined
+            })) ?? []
+        };
+        let conf = {
+            data: {
+                mode: Modes.create,
+                action: nouvelleAction,
+                actionSuivante: true,
+            },
+            width: ModalSizeEnum.Medium.width,
+            height: ModalSizeEnum.Large.height,
+            maximizable: true,
+            closable: true
+        };
+        this.ref = this._dialogService.open(TsiActionErpCreateOrEditComponent, conf);
+        this.ref.onClose.subscribe((result) => {
+            if (result) {
+                this.action.uid = result;
+            }
+        });
+    }
+    onNatureActionChange(natureActionId) {
+        if (!natureActionId)
+            return;
+        this._natureActionservice.getById(natureActionId).subscribe({
+            next: (natureAction) => {
+                if (natureAction?.realisateur) {
+                    this.action.utilisateurAssigne = natureAction.realisateur;
+                }
+            },
+            error: (error) => {
+                this._errorResponseManagerService.showErrorMessage(error);
+            }
+        });
+    }
+    openActionPrecedentePopup() {
+        if (!this.action.actionPrecedente) {
+            this._notificationService.error(this._localize.transform('shared_action_ActionPrecedente_not_found'));
+            return;
+        }
+        const conf = {
+            data: {
+                mode: Modes.edit,
+                id: this.action.actionPrecedente,
+            },
+            width: ModalSizeEnum.Medium.width,
+            height: ModalSizeEnum.Large.height,
+            maximizable: true,
+            closable: true,
+        };
+        const dialogRef = this._dialogService.open(TsiActionErpCreateOrEditComponent, conf);
+        dialogRef.onClose.subscribe((result) => {
+            if (result) {
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiActionErpCreateOrEditComponent, deps: [{ token: ActionErpService }, { token: NatureActionService }, { token: ErrorResponseManagerService }, { token: TsiNotificationService }, { token: TsiConfirmationService }, { token: EntityConfigurationService }, { token: i1$3.DialogService }, { token: IdentityManagerService }, { token: LocalizePipe }, { token: i1$3.DynamicDialogConfig }, { token: i1$3.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiActionErpCreateOrEditComponent, selector: "lib-tsi-action-erp-create-or-edit", providers: [...appProviders, DialogService], 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:'shared_action_add_action'\" (onCloseClick)=\"hide()\">\r\n    </Tsi-Modal-Header>\r\n\r\n    <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"col-12\">\r\n            <div class=\"grid row-gap-2\">\r\n                <div class=\"col-12 md:col-6\">\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_Nature_Action'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getNatureActionMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllNatureActionMinimal()\"\r\n                                [(bind)]=\"action.natureAction\" id-field=\"uid\" label-field=\"libelle\" [isFiltered]=\"true\"\r\n                                [inputName]=\"'NatureAction'\" [businessClass]=\"businessClassNames.NatureAction\"\r\n                                (bindChange)=\"onNatureActionChange($event)\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_numero'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Integer [inputName]=\"'Numero'\" [(inputField)]=\"action.numero\"\r\n                                [disabled]=\"true\"></Tsi-Integer></div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_utilisateurDemandeur'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getUtilisateurMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllUtilisateurMinimal()\"\r\n                                [(bind)]=\"action.utilisateurDemandeur\" id-field=\"uid\" label-field=\"nomPrenom\"\r\n                                [isFiltered]=\"true\" [inputName]=\"'utilisateurDemandeur'\"\r\n                                [businessClass]=\"businessClassNames.Utilisateur\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_objet'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Text-Area [inputName]=\"'Objet'\" [(inputField)]=\"action.objet\"\r\n                                [rows]=\"3\"></Tsi-Text-Area></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"col-12 md:col-6\">\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_priorite'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [listSourceUrl]=\"administrationEndpoints.allPrioriteActionCRMEnum\"\r\n                                [(bind)]=\"action.priorite\" id-field=\"key\" label-field=\"value\" [inputName]=\"'Priorite'\"\r\n                                [showSearchButton]=\"false\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_utilisateurAssigne'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getUtilisateurMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllUtilisateurMinimal()\"\r\n                                [(bind)]=\"action.utilisateurAssigne\" id-field=\"uid\" label-field=\"nomPrenom\"\r\n                                [inputName]=\"'UtilisateurAssigne'\" [isFiltered]=\"true\"\r\n                                [businessClass]=\"businessClassNames.Utilisateur\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_resultat'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [listSourceUrl]=\"administrationEndpoints.allResultatActionCRMEnum\"\r\n                                [(bind)]=\"action.resultat\" id-field=\"key\" label-field=\"value\" [inputName]=\"'Resultat'\"\r\n                                [showSearchButton]=\"false\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_lieu'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Text-Area [inputName]=\"'Lieu'\"\r\n                                [(inputField)]=\"action.lieu\"></Tsi-Text-Area></div>\r\n                    </div>\r\n\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_ActionPrecedente'\"></Tsi-Label></div>\r\n                        <div class=\"col-7\"><Tsi-Integer [inputName]=\"'ActionPrecedente'\"\r\n                                [(inputField)]=\"action.codeActionPrecedente\" [disabled]=\"true\"></Tsi-Integer>\r\n                        </div>\r\n                        <div class=\"col-1\">\r\n                            <Tsi-Button [icon]=\"'pi pi-caret-up'\" [disabled]=\"!action.actionPrecedente\"\r\n                                (onClick)=\"openActionPrecedentePopup()\">\r\n                            </Tsi-Button>\r\n                            \r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <p-tabView>\r\n                <p-tabPanel [header]=\"'anglais_echeance'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n\r\n                        <div class=\"grid\">\r\n                            <div class=\"col-8\">\r\n                                <div class=\"form-group border p-2\">\r\n                                    <div class=\"grid mb-1\">\r\n                                        <div class=\"col-4\"></div>\r\n                                        <div class=\"col-4 text-center\"><b>{{ 'action_Debut' | localize }}</b>\r\n                                        </div>\r\n                                        <div class=\"col-4 text-center\"><b>{{ 'action_Fin' | localize }}</b>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center mb-2\">\r\n                                        <div class=\"col-4\"><Tsi-Label\r\n                                                [labelValue]=\"'action_dateHeure_Prev'\"></Tsi-Label></div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureDebutPrev'\"\r\n                                                [(inputField)]=\"action.dateHeureDebutPrev\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureFinPrev'\"\r\n                                                [(inputField)]=\"action.dateHeureFinPrev\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center\">\r\n                                        <div class=\"col-4\"><Tsi-Label\r\n                                                [labelValue]=\"'action.dateHeuree_Realisee'\"></Tsi-Label></div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureDebutRealisee'\"\r\n                                                [(inputField)]=\"action.dateHeureDebutRealisee\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureFinRealisee'\"\r\n                                                [(inputField)]=\"action.dateHeureFinRealisee\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"col-4\">\r\n                                <p-fieldset [legend]=\"'action_Fieldset_alerte' | localize\">\r\n                                    <div class=\"grid flex align-items-center mb-2\">\r\n                                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'action_alerte'\"></Tsi-Label>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-CheckBox [inputName]=\"'Alerte'\" [isBinary]=\"true\"\r\n                                                [(inputField)]=\"action.alerte\"></Tsi-CheckBox>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center \">\r\n                                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'action_alerteAvant'\"></Tsi-Label>\r\n                                        </div>\r\n\r\n                                        <div class=\"col-3 flex align-items-center gap-2\"><Tsi-Integer\r\n                                                [inputName]=\"'AlerteAvant'\" [(inputField)]=\"action.alerteAvant\">\r\n                                            </Tsi-Integer>\r\n                                            <span class=\"text-nowrap\">{{'jours'| localize}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </p-fieldset>\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n                <p-tabPanel [header]=\"'Liste_des_action_details'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n                            <div presentationDesigner=\"action_Generer\" class=\"grid\">\r\n                                <Tsi-Label class=\"col-1 col-offset-1\" [labelValue]=\"'action_Generer'\"></Tsi-Label>\r\n                                <Tsi-Search-Combo class=\"col-4\" inputName=\"className\" id-field=\"className\"\r\n                                    label-field=\"className\"\r\n                                    [listSourceUrl]=\"this.administrationEndpoints.GetAllEntitiesInformations()\"\r\n                                    [isFiltered]=\"false\" [(bind)]=\"classename\" [businessClass]=\"businessClass\"\r\n                                    (bindChange)=\"onClasseSelected($event)\"> ></Tsi-Search-Combo>\r\n                            </div>\r\n                            <Tsi-Generic-Editable-Grid (onConsultClicked)=\"consultElement($event)\"\r\n                                [showConsultButton]=\"true\" [columns]=\"actiondetailcolom\"\r\n                                [gridData]=\"action.actionERPDetails\" [parent]=\"this\"></Tsi-Generic-Editable-Grid>\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n                <p-tabPanel [header]=\"'shared_action_participants'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n                        <Tsi-Generic-Editable-Grid [columns]=\"participantColumns\"\r\n                            [gridData]=\"action.actionERPUtilisateurs\" [parent]=\"this\" [showAddButton]=\"true\"\r\n                            [showDeleteButton]=\"true\"></Tsi-Generic-Editable-Grid>\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n            </p-tabView>\r\n        </div>\r\n    </fieldset>\r\n\r\n    <div *ngIf=\"mode !== modeRef.create\" class=\"grid mt-2\" presentationDesigner=\"actionnouvelle_actionERP\">\r\n        <div class=\"col-8\">\r\n            <Tsi-Button class=\"w-full\" (onClick)=\"openActionERPPopUp()\"\r\n                [text]=\"'actionnouvelle_actionERP'\"></Tsi-Button>\r\n        </div>\r\n    </div>\r\n\r\n    <Tsi-Modal-Footer [cancelDisabled]=\"saving\"\r\n        [saveDisabled]=\"isSubmitDisabled()\" (onCancelClick)=\"hide()\"></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$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$1.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i8.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: ["selectedItems", "configuration", "key", "items", "events", "showGlobalSearch", "showAddButton", "showDeleteButton", "showEditButton", "showRowSummary", "scrollHeight", "rowPerPage", "pageSize", "entityPrimaryKeyName", "columns", "gridData", "isTableLoading", "parent", "showSaveButton", "showActionColumn", "enableRowDisabling", "rowSummaryConfig", "showHaveSumary", "showRowSumary", "selectKeyOnly", "selectionMode", "showConsultButton", "editableGridBusinessClass", "orderColumn", "deleteLineButtonDisabled", "showDuplicateButton", "id"], outputs: ["itemsSave", "refreshEventEmitter", "saveDataEventEmitter", "rowChangedEventEmitter", "selectedRowEventEmitter", "addedRowEventEmitter", "focusOutEventEmitter", "cellChanged", "rowDeletedEventEmitter", "selectedItemsChange", "onRowSelect", "focusOutRow", "onConsultClicked", "rowDuplicatedEventEmitter"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "searchDebounceTime", "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: TsiDatePickerComponent, selector: "Tsi-Date-Picker", inputs: ["required", "showTime", "showButtonBar"], outputs: ["inputFieldChange"] }, { kind: "component", type: TsiIntegerComponent, selector: "Tsi-Integer", inputs: ["class", "minValue", "maxValue", "delayChangeTime"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiTextAreaComponent, selector: "Tsi-Text-Area", inputs: ["rows", "cols"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate", "additionalButtonLabel", "additionalButtonIcon", "additionalButtonDisabled", "showAdditionalButton", "showSaveAndCloseButton", "mode"], outputs: ["onCancelClick", "onSaveClick", "onAdditionalButtonClick"] }, { kind: "component", type: TsiModalHeaderComponent, selector: "Tsi-Modal-Header", inputs: ["inputTitle"], outputs: ["onCloseClick"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "component", type: TsiFormComponent, selector: "tsi-form", inputs: ["class", "autocomplete", "optionalEndpoints", "disabled", "isLoading", "modalSize", "formEndpoint", "formName", "isReportingToolbarDisabled", "isCreateOnly", "statusInputDisabled"], outputs: ["onSave", "onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }, { kind: "directive", type: PresentationDesignerDirective, selector: "[presentationDesigner]" }, { 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: TsiActionErpCreateOrEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-tsi-action-erp-create-or-edit', providers: [...appProviders], template: "<tsi-form class=\"form-horizontal\" autocomplete=\"off\" (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n    <Tsi-Modal-Header [inputTitle]=\"header | modalLabel :mode:'shared_action_add_action'\" (onCloseClick)=\"hide()\">\r\n    </Tsi-Modal-Header>\r\n\r\n    <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"col-12\">\r\n            <div class=\"grid row-gap-2\">\r\n                <div class=\"col-12 md:col-6\">\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_numero'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Integer [inputName]=\"'Numero'\" [(inputField)]=\"action.numero\"\r\n                                [disabled]=\"true\"></Tsi-Integer></div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_utilisateurDemandeur'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getUtilisateurMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllUtilisateurMinimal()\"\r\n                                [(bind)]=\"action.utilisateurDemandeur\" id-field=\"uid\" label-field=\"nomPrenom\"\r\n                                [isFiltered]=\"true\" [inputName]=\"'utilisateurDemandeur'\"\r\n                                [businessClass]=\"businessClass\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_objet'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Text-Area [inputName]=\"'Objet'\" [(inputField)]=\"action.objet\"\r\n                                [rows]=\"3\"></Tsi-Text-Area></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"col-12 md:col-6\">\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_priorite'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [listSourceUrl]=\"administrationEndpoints.allPrioriteActionCRMEnum\"\r\n                                [(bind)]=\"action.priorite\" id-field=\"key\" label-field=\"value\" [inputName]=\"'Priorite'\"\r\n                                [showSearchButton]=\"false\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_utilisateurAssigne'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getUtilisateurMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllUtilisateurMinimal()\"\r\n                                [(bind)]=\"action.utilisateurAssigne\" id-field=\"uid\" label-field=\"nomPrenom\"\r\n                                [inputName]=\"'UtilisateurAssigne'\" [isFiltered]=\"true\"\r\n                                [businessClass]=\"businessClass\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_resultat'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [listSourceUrl]=\"administrationEndpoints.allResultatActionCRMEnum\"\r\n                                [(bind)]=\"action.resultat\" id-field=\"key\" label-field=\"value\" [inputName]=\"'Resultat'\"\r\n                                [showSearchButton]=\"false\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_lieu'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Text-Area [inputName]=\"'Lieu'\"\r\n                                [(inputField)]=\"action.lieu\"></Tsi-Text-Area></div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <p-tabView>\r\n                <p-tabPanel [header]=\"'anglais_echeance'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n\r\n                        <div class=\"grid\">\r\n                            <div class=\"col-8\">\r\n                                <div class=\"form-group border p-2\">\r\n                                    <div class=\"grid mb-1\">\r\n                                        <div class=\"col-4\"></div>\r\n                                        <div class=\"col-4 text-center\"><b>{{ 'action_Debut' | localize }}</b>\r\n                                        </div>\r\n                                        <div class=\"col-4 text-center\"><b>{{ 'action_Fin' | localize }}</b>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center mb-2\">\r\n                                        <div class=\"col-4\"><Tsi-Label\r\n                                                [labelValue]=\"'action_dateHeure_Prev'\"></Tsi-Label></div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureDebutPrev'\"\r\n                                                [(inputField)]=\"action.dateHeureDebutPrev\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureFinPrev'\"\r\n                                                [(inputField)]=\"action.dateHeureFinPrev\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center\">\r\n                                        <div class=\"col-4\"><Tsi-Label\r\n                                                [labelValue]=\"'action.dateHeuree_Realisee'\"></Tsi-Label></div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureDebutRealisee'\"\r\n                                                [(inputField)]=\"action.dateHeureDebutRealisee\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureFinRealisee'\"\r\n                                                [(inputField)]=\"action.dateHeureFinRealisee\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"col-4\">\r\n                                <p-fieldset [legend]=\"'action_Fieldset_alerte' | localize\">\r\n                                    <div class=\"grid flex align-items-center mb-2\">\r\n                                        <div class=\"col-4\"><Tsi-Label [labelValue]=\"'action_alerte'\"></Tsi-Label>\r\n                                        </div>\r\n                                        <div class=\"col-8\"><Tsi-CheckBox [inputName]=\"'Alerte'\" [isBinary]=\"true\"\r\n                                                [(inputField)]=\"action.alerte\"></Tsi-CheckBox>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center\">\r\n                                        <div class=\"col-4\"><Tsi-Label [labelValue]=\"'action_alerteAvant'\"></Tsi-Label>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Integer [inputName]=\"'AlerteAvant'\"\r\n                                                [(inputField)]=\"action.alerteAvant\"></Tsi-Integer></div>\r\n                                    </div>\r\n                                </p-fieldset>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n                <p-tabPanel [header]=\"'Liste_des_action_details'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n                        <div class=\"col-12 mt-3\">\r\n                            <Tsi-Generic-Editable-Grid (onConsultClicked)=\"consultElement($event)\"\r\n                                [showConsultButton]=\"true\" [columns]=\"actiondetailcolom\"\r\n                                [gridData]=\"action.actionERPDetails\" [parent]=\"this\"></Tsi-Generic-Editable-Grid>\r\n                        </div>\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n            </p-tabView>\r\n        </div>\r\n    </fieldset>\r\n\r\n    <Tsi-Modal-Footer [showSaveAndCloseButton]=\"mode == modeRef.delete\" [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\"\r\n        (onCancelClick)=\"hide()\"></Tsi-Modal-Footer>\r\n</tsi-form>" }]
-        }], ctorParameters: () => [{ type: ActionErpService }, { type: ErrorResponseManagerService }, { type: TsiNotificationService }, { type: TsiConfirmationService }, { type: EntityConfigurationService }, { type: TsiModalService }, { type: IdentityManagerService }, { type: LocalizePipe }, { type: i1$3.DynamicDialogConfig }, { type: i1$3.DynamicDialogRef }] });
+            args: [{ selector: 'lib-tsi-action-erp-create-or-edit', providers: [...appProviders, DialogService], template: "<tsi-form class=\"form-horizontal\" autocomplete=\"off\" (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n    <Tsi-Modal-Header [inputTitle]=\"header | modalLabel :mode:'shared_action_add_action'\" (onCloseClick)=\"hide()\">\r\n    </Tsi-Modal-Header>\r\n\r\n    <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"col-12\">\r\n            <div class=\"grid row-gap-2\">\r\n                <div class=\"col-12 md:col-6\">\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_Nature_Action'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getNatureActionMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllNatureActionMinimal()\"\r\n                                [(bind)]=\"action.natureAction\" id-field=\"uid\" label-field=\"libelle\" [isFiltered]=\"true\"\r\n                                [inputName]=\"'NatureAction'\" [businessClass]=\"businessClassNames.NatureAction\"\r\n                                (bindChange)=\"onNatureActionChange($event)\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_numero'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Integer [inputName]=\"'Numero'\" [(inputField)]=\"action.numero\"\r\n                                [disabled]=\"true\"></Tsi-Integer></div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_utilisateurDemandeur'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getUtilisateurMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllUtilisateurMinimal()\"\r\n                                [(bind)]=\"action.utilisateurDemandeur\" id-field=\"uid\" label-field=\"nomPrenom\"\r\n                                [isFiltered]=\"true\" [inputName]=\"'utilisateurDemandeur'\"\r\n                                [businessClass]=\"businessClassNames.Utilisateur\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_objet'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Text-Area [inputName]=\"'Objet'\" [(inputField)]=\"action.objet\"\r\n                                [rows]=\"3\"></Tsi-Text-Area></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"col-12 md:col-6\">\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_priorite'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [listSourceUrl]=\"administrationEndpoints.allPrioriteActionCRMEnum\"\r\n                                [(bind)]=\"action.priorite\" id-field=\"key\" label-field=\"value\" [inputName]=\"'Priorite'\"\r\n                                [showSearchButton]=\"false\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_utilisateurAssigne'\"></Tsi-Label>\r\n                        </div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [elementSourceUrl]=\"administrationEndpoints.getUtilisateurMinimal()\"\r\n                                [listSourceUrl]=\"administrationEndpoints.getAllUtilisateurMinimal()\"\r\n                                [(bind)]=\"action.utilisateurAssigne\" id-field=\"uid\" label-field=\"nomPrenom\"\r\n                                [inputName]=\"'UtilisateurAssigne'\" [isFiltered]=\"true\"\r\n                                [businessClass]=\"businessClassNames.Utilisateur\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_resultat'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\">\r\n                            <Tsi-Search-Combo [listSourceUrl]=\"administrationEndpoints.allResultatActionCRMEnum\"\r\n                                [(bind)]=\"action.resultat\" id-field=\"key\" label-field=\"value\" [inputName]=\"'Resultat'\"\r\n                                [showSearchButton]=\"false\"></Tsi-Search-Combo>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_lieu'\"></Tsi-Label></div>\r\n                        <div class=\"col-8\"><Tsi-Text-Area [inputName]=\"'Lieu'\"\r\n                                [(inputField)]=\"action.lieu\"></Tsi-Text-Area></div>\r\n                    </div>\r\n\r\n                    <div class=\"grid align-items-center\">\r\n                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'shared_action_ActionPrecedente'\"></Tsi-Label></div>\r\n                        <div class=\"col-7\"><Tsi-Integer [inputName]=\"'ActionPrecedente'\"\r\n                                [(inputField)]=\"action.codeActionPrecedente\" [disabled]=\"true\"></Tsi-Integer>\r\n                        </div>\r\n                        <div class=\"col-1\">\r\n                            <Tsi-Button [icon]=\"'pi pi-caret-up'\" [disabled]=\"!action.actionPrecedente\"\r\n                                (onClick)=\"openActionPrecedentePopup()\">\r\n                            </Tsi-Button>\r\n                            \r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <p-tabView>\r\n                <p-tabPanel [header]=\"'anglais_echeance'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n\r\n                        <div class=\"grid\">\r\n                            <div class=\"col-8\">\r\n                                <div class=\"form-group border p-2\">\r\n                                    <div class=\"grid mb-1\">\r\n                                        <div class=\"col-4\"></div>\r\n                                        <div class=\"col-4 text-center\"><b>{{ 'action_Debut' | localize }}</b>\r\n                                        </div>\r\n                                        <div class=\"col-4 text-center\"><b>{{ 'action_Fin' | localize }}</b>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center mb-2\">\r\n                                        <div class=\"col-4\"><Tsi-Label\r\n                                                [labelValue]=\"'action_dateHeure_Prev'\"></Tsi-Label></div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureDebutPrev'\"\r\n                                                [(inputField)]=\"action.dateHeureDebutPrev\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureFinPrev'\"\r\n                                                [(inputField)]=\"action.dateHeureFinPrev\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center\">\r\n                                        <div class=\"col-4\"><Tsi-Label\r\n                                                [labelValue]=\"'action.dateHeuree_Realisee'\"></Tsi-Label></div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureDebutRealisee'\"\r\n                                                [(inputField)]=\"action.dateHeureDebutRealisee\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-Date-Picker [inputName]=\"'DateHeureFinRealisee'\"\r\n                                                [(inputField)]=\"action.dateHeureFinRealisee\"\r\n                                                [showTime]=\"true\"></Tsi-Date-Picker>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"col-4\">\r\n                                <p-fieldset [legend]=\"'action_Fieldset_alerte' | localize\">\r\n                                    <div class=\"grid flex align-items-center mb-2\">\r\n                                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'action_alerte'\"></Tsi-Label>\r\n                                        </div>\r\n                                        <div class=\"col-4\"><Tsi-CheckBox [inputName]=\"'Alerte'\" [isBinary]=\"true\"\r\n                                                [(inputField)]=\"action.alerte\"></Tsi-CheckBox>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"grid flex align-items-center \">\r\n                                        <div class=\"col-3\"><Tsi-Label [labelValue]=\"'action_alerteAvant'\"></Tsi-Label>\r\n                                        </div>\r\n\r\n                                        <div class=\"col-3 flex align-items-center gap-2\"><Tsi-Integer\r\n                                                [inputName]=\"'AlerteAvant'\" [(inputField)]=\"action.alerteAvant\">\r\n                                            </Tsi-Integer>\r\n                                            <span class=\"text-nowrap\">{{'jours'| localize}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </p-fieldset>\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n                <p-tabPanel [header]=\"'Liste_des_action_details'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n                            <div presentationDesigner=\"action_Generer\" class=\"grid\">\r\n                                <Tsi-Label class=\"col-1 col-offset-1\" [labelValue]=\"'action_Generer'\"></Tsi-Label>\r\n                                <Tsi-Search-Combo class=\"col-4\" inputName=\"className\" id-field=\"className\"\r\n                                    label-field=\"className\"\r\n                                    [listSourceUrl]=\"this.administrationEndpoints.GetAllEntitiesInformations()\"\r\n                                    [isFiltered]=\"false\" [(bind)]=\"classename\" [businessClass]=\"businessClass\"\r\n                                    (bindChange)=\"onClasseSelected($event)\"> ></Tsi-Search-Combo>\r\n                            </div>\r\n                            <Tsi-Generic-Editable-Grid (onConsultClicked)=\"consultElement($event)\"\r\n                                [showConsultButton]=\"true\" [columns]=\"actiondetailcolom\"\r\n                                [gridData]=\"action.actionERPDetails\" [parent]=\"this\"></Tsi-Generic-Editable-Grid>\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n                <p-tabPanel [header]=\"'shared_action_participants'| localize\">\r\n                    <ng-template pTemplate=\"content\">\r\n                        <Tsi-Generic-Editable-Grid [columns]=\"participantColumns\"\r\n                            [gridData]=\"action.actionERPUtilisateurs\" [parent]=\"this\" [showAddButton]=\"true\"\r\n                            [showDeleteButton]=\"true\"></Tsi-Generic-Editable-Grid>\r\n                    </ng-template>\r\n                </p-tabPanel>\r\n            </p-tabView>\r\n        </div>\r\n    </fieldset>\r\n\r\n    <div *ngIf=\"mode !== modeRef.create\" class=\"grid mt-2\" presentationDesigner=\"actionnouvelle_actionERP\">\r\n        <div class=\"col-8\">\r\n            <Tsi-Button class=\"w-full\" (onClick)=\"openActionERPPopUp()\"\r\n                [text]=\"'actionnouvelle_actionERP'\"></Tsi-Button>\r\n        </div>\r\n    </div>\r\n\r\n    <Tsi-Modal-Footer [cancelDisabled]=\"saving\"\r\n        [saveDisabled]=\"isSubmitDisabled()\" (onCancelClick)=\"hide()\"></Tsi-Modal-Footer>\r\n</tsi-form>" }]
+        }], ctorParameters: () => [{ type: ActionErpService }, { type: NatureActionService }, { type: ErrorResponseManagerService }, { type: TsiNotificationService }, { type: TsiConfirmationService }, { type: EntityConfigurationService }, { type: i1$3.DialogService }, { type: IdentityManagerService }, { type: LocalizePipe }, { type: i1$3.DynamicDialogConfig }, { type: i1$3.DynamicDialogRef }] });
 
 class TsiActionErpListComponent extends TsiListBaseComponent {
     constructor(_identityManagerService, actionservice, config, _dialogReference) {
@@ -17891,7 +18073,7 @@ class ManageImportExportComponent extends TsiFormComponentBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageImportExportComponent, deps: [{ token: ModeleImportService }, { token: TsiConfirmationService }, { token: TsiNotificationService }, { token: i1$3.DynamicDialogConfig }, { token: TsiModalService }, { token: ErrorResponseManagerService }, { token: i1$3.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageImportExportComponent, selector: "app-manage-import-export", providers: [...appProviders], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: TsiViewGridComponent, descendants: true }, { propertyName: "fileUploader", first: true, predicate: ["fileUpload"], descendants: true }, { propertyName: "viewGridComponent", first: true, predicate: ["viewGrid"], descendants: true }, { propertyName: "importFileToExecuteFileUpload", first: true, predicate: ["importFileToExecuteFileUpload"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p-tabView>\r\n  <p-tabPanel [header]=\"'shared_execute_import_model_import_export' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"card\">\r\n      <div *busy=\"isloading\"></div>\r\n      <div class=\"grid\">\r\n        <div class=\"grid col-10\">\r\n          <div>\r\n            <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n            </Tsi-Label>\r\n            <!-- <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n                optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n                filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n                [disabled]=\"true\">\r\n              </p-dropdown> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <p-toolbar styleClass=\"mb-4 gap-2\">\r\n        <ng-template pTemplate=\"left\">\r\n          <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\"\r\n            icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n            styleClass=\"p-element p-button-success mr-2 p-button p-component ng-star-inserted p-button-label\"\r\n            (click)=\"openModal()\"></Tsi-Button>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"right\">\r\n          <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n            (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\"\r\n            [multiple]=\"false\" accept=\"application/json\" [maxFileSize]=\"1000000\"\r\n            [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n            [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n            [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n            [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n            [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n            [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n            [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n            removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n            [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n            [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n            <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\" let-files>\r\n              <div *ngIf=\"files?.length\">\r\n                <strong>{{ files[0].name }}</strong>\r\n              </div>\r\n            </ng-template>\r\n          </p-fileUpload>\r\n        </ng-template>\r\n      </p-toolbar>\r\n\r\n      <tsi-view-grid #viewGrid [header]=\"'shared_execute_import_model_import_export'  |localize\"\r\n        [searchFields]=\"searchFields\" [showConsultButton]=\"false\" [getDataFromApi]=\"true\"\r\n        [crudService]=\"modeleImportService\" (buttonColumnClicked)=\"buttonClicked($event)\"\r\n        [formName]=\"'app-manage-import-export'\" [columns]=\"columns\" key=\"uid\" [selectKeyOnly]=\"false\">\r\n      </tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_model_import_export_default' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_execute_import_model_import_export_default'  |localize\"\r\n        [columns]=\"columnsJson\" [getDataFromApi]=\"false\" [gridData]=\"gridData\" [key]=\"key\"\r\n        [formName]=\"'modele-import-par-default'\"\r\n        (buttonColumnClicked)=\"handleButtonColumnExecuteClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_history' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_execute_import_history'  |localize\" [columns]=\"columnsHistory\"\r\n        [getDataFromApi]=\"false\" [gridData]=\"historyGridData\" [key]=\"importHistoryKey\"\r\n        [formName]=\"'modele-import-par-default'\"\r\n        (buttonColumnClicked)=\"handleButtonColumnExecuteClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_without_model' | localize\" class=\"pt-3 px-2\">\r\n    <div *busy=\"isloading\"></div>\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" [multiple]=\"false\"\r\n        (onSelect)=\"onImportFileWithoutModel_FileSelected($event)\" (onClear)=\"onImportFileWithoutModel_Clear($event)\"\r\n        (onBeforeUpload)=\"onImportFileWithoutModel_ImportFile($event)\"\r\n        (onRemove)=\"onImportFileWithoutModel_Remove($event)\" accept=\".xls,.xlsx\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadWithoutModel\" pTemplate=\"fileupload-content\" let-files>\r\n          <div *ngIf=\"files?.length\">\r\n            <strong>{{ files[0].name }}</strong>\r\n          </div>\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_import_result_header' | localize\" class=\"pt-3 px-2\">\r\n\r\n    <div class=\"p-1\">\r\n      <Tsi-Button (onClick)=\"getImportResult()\"\r\n        styleClass=\"p-element p-button-text p-button-raised p-button-rounded mr-2 p-button p-component p-button-icon-only\"\r\n        [tooltipText]=\"'shared_import_export_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n        icon=\"p-button-icon pi pi-refresh\" class=\"p-button-text p-button-raised p-button-rounded mr-2\"></Tsi-Button>\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_import_result_header'  |localize\" [columns]=\"importResultsColumns\"\r\n        [getDataFromApi]=\"false\" [gridData]=\"importResultData\" [key]=\"'uid'\" [formName]=\"'modele-import-result-import'\"\r\n        (buttonColumnClicked)=\"handleConsultImportResultButtonClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n</p-tabView>\r\n\r\n<div class=\"p-1\">\r\n  <Tsi-Button\r\n    styleClass=\"p-element p-button-text p-button-raised p-button-rounded mr-2 p-button p-component p-button-icon-only\"\r\n    [tooltipText]=\"'shared_import_export_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"p-button-icon pi pi-refresh\" (onClick)=\"refreshImportExportData()\"\r\n    class=\"p-button-text p-button-raised p-button-rounded mr-2\"></Tsi-Button>\r\n</div>\r\n\r\n<!-- dialog to import file to report -->\r\n<p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\"\r\n  [(visible)]=\"isImportFileToExecuteVisible\" [style]=\"{width: '50vw'}\">\r\n  <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n  <ng-template pTemplate=\"body\">\r\n    <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" [multiple]=\"false\"\r\n      (onSelect)=\"onImportFileToExecute_FileSelected($event)\" (onClear)=\"onImportFileToExecute_Clear($event)\"\r\n      (onBeforeUpload)=\"onImportFileToExecute_ImportFile($event)\" (onRemove)=\"onImportFileToExecute_Remove($event)\"\r\n      accept=\"{{fileType}}\" [maxFileSize]=\"10000000\"\r\n      [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n      [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n      [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n      [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n      [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n      [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n      [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n      removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n      [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n      [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n      <ng-template *ngIf=\"toUploadToExecuteFile\" pTemplate=\"fileupload-content\" let-files>\r\n        <div *ngIf=\"files?.length\">\r\n          <strong>{{ files[0].name }}</strong>\r\n        </div>\r\n      </ng-template>\r\n    </p-fileUpload>\r\n  </ng-template>\r\n\r\n\r\n  <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>", styles: ["::ng-deep .p-fileupload-choose input{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i3$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i7$1.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i8.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { 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", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "directive", type: BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageImportExportComponent, selector: "app-manage-import-export", providers: [...appProviders], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: TsiViewGridComponent, descendants: true }, { propertyName: "fileUploader", first: true, predicate: ["fileUpload"], descendants: true }, { propertyName: "viewGridComponent", first: true, predicate: ["viewGrid"], descendants: true }, { propertyName: "importFileToExecuteFileUpload", first: true, predicate: ["importFileToExecuteFileUpload"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p-tabView>\r\n  <p-tabPanel [header]=\"'shared_execute_import_model_import_export' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"card\">\r\n      <div *busy=\"isloading\"></div>\r\n      <div class=\"grid\">\r\n        <div class=\"grid col-10\">\r\n          <div>\r\n            <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n            </Tsi-Label>\r\n            <!-- <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n                optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n                filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n                [disabled]=\"true\">\r\n              </p-dropdown> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <p-toolbar styleClass=\"mb-4 gap-2\">\r\n        <ng-template pTemplate=\"left\">\r\n          <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\"\r\n            icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n            styleClass=\"p-element p-button-success mr-2 p-button p-component ng-star-inserted p-button-label\"\r\n            (click)=\"openModal()\"></Tsi-Button>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"right\">\r\n          <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n            (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\"\r\n            [multiple]=\"false\" accept=\"application/json\" [maxFileSize]=\"1000000\"\r\n            [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n            [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n            [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n            [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n            [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n            [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n            [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n            removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n            [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n            [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n            <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\" let-files>\r\n              <div *ngIf=\"files?.length\">\r\n                <strong>{{ files[0].name }}</strong>\r\n              </div>\r\n            </ng-template>\r\n          </p-fileUpload>\r\n        </ng-template>\r\n      </p-toolbar>\r\n\r\n      <tsi-view-grid #viewGrid [header]=\"'shared_execute_import_model_import_export'  |localize\"\r\n        [searchFields]=\"searchFields\" [showConsultButton]=\"false\" [getDataFromApi]=\"true\"\r\n        [crudService]=\"modeleImportService\" (buttonColumnClicked)=\"buttonClicked($event)\"\r\n        [formName]=\"'app-manage-import-export'\" [columns]=\"columns\" key=\"uid\" [selectKeyOnly]=\"false\">\r\n      </tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_model_import_export_default' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_execute_import_model_import_export_default'  |localize\"\r\n        [columns]=\"columnsJson\" [getDataFromApi]=\"false\" [gridData]=\"gridData\" [key]=\"key\"\r\n        [formName]=\"'modele-import-par-default'\"\r\n        (buttonColumnClicked)=\"handleButtonColumnExecuteClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_history' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_execute_import_history'  |localize\" [columns]=\"columnsHistory\"\r\n        [getDataFromApi]=\"false\" [gridData]=\"historyGridData\" [key]=\"importHistoryKey\"\r\n        [formName]=\"'modele-import-par-default'\"\r\n        (buttonColumnClicked)=\"handleButtonColumnExecuteClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_without_model' | localize\" class=\"pt-3 px-2\">\r\n    <div *busy=\"isloading\"></div>\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" [multiple]=\"false\"\r\n        (onSelect)=\"onImportFileWithoutModel_FileSelected($event)\" (onClear)=\"onImportFileWithoutModel_Clear($event)\"\r\n        (onBeforeUpload)=\"onImportFileWithoutModel_ImportFile($event)\"\r\n        (onRemove)=\"onImportFileWithoutModel_Remove($event)\" accept=\".xls,.xlsx\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadWithoutModel\" pTemplate=\"fileupload-content\" let-files>\r\n          <div *ngIf=\"files?.length\">\r\n            <strong>{{ files[0].name }}</strong>\r\n          </div>\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_import_result_header' | localize\" class=\"pt-3 px-2\">\r\n\r\n    <div class=\"p-1\">\r\n      <Tsi-Button (onClick)=\"getImportResult()\"\r\n        styleClass=\"p-element p-button-text p-button-raised p-button-rounded mr-2 p-button p-component p-button-icon-only\"\r\n        [tooltipText]=\"'shared_import_export_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n        icon=\"p-button-icon pi pi-refresh\" class=\"p-button-text p-button-raised p-button-rounded mr-2\"></Tsi-Button>\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_import_result_header'  |localize\" [columns]=\"importResultsColumns\"\r\n        [getDataFromApi]=\"false\" [gridData]=\"importResultData\" [key]=\"'uid'\" [formName]=\"'modele-import-result-import'\"\r\n        (buttonColumnClicked)=\"handleConsultImportResultButtonClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n</p-tabView>\r\n\r\n<div class=\"p-1\">\r\n  <Tsi-Button\r\n    styleClass=\"p-element p-button-text p-button-raised p-button-rounded mr-2 p-button p-component p-button-icon-only\"\r\n    [tooltipText]=\"'shared_import_export_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"p-button-icon pi pi-refresh\" (onClick)=\"refreshImportExportData()\"\r\n    class=\"p-button-text p-button-raised p-button-rounded mr-2\"></Tsi-Button>\r\n</div>\r\n\r\n<!-- dialog to import file to report -->\r\n<p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\"\r\n  [(visible)]=\"isImportFileToExecuteVisible\" [style]=\"{width: '50vw'}\">\r\n  <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n  <ng-template pTemplate=\"body\">\r\n    <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" [multiple]=\"false\"\r\n      (onSelect)=\"onImportFileToExecute_FileSelected($event)\" (onClear)=\"onImportFileToExecute_Clear($event)\"\r\n      (onBeforeUpload)=\"onImportFileToExecute_ImportFile($event)\" (onRemove)=\"onImportFileToExecute_Remove($event)\"\r\n      accept=\"{{fileType}}\" [maxFileSize]=\"10000000\"\r\n      [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n      [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n      [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n      [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n      [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n      [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n      [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n      removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n      [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n      [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n      <ng-template *ngIf=\"toUploadToExecuteFile\" pTemplate=\"fileupload-content\" let-files>\r\n        <div *ngIf=\"files?.length\">\r\n          <strong>{{ files[0].name }}</strong>\r\n        </div>\r\n      </ng-template>\r\n    </p-fileUpload>\r\n  </ng-template>\r\n\r\n\r\n  <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>", styles: ["::ng-deep .p-fileupload-choose input{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i3$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i7$1.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i8$1.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { 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", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "directive", type: BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageImportExportComponent, decorators: [{
             type: Component,
@@ -19256,7 +19438,7 @@ class ManageReportingComponent extends TsiFormComponentBaseComponent {
         this.isloading = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageReportingComponent, deps: [{ token: ReportingService }, { token: IdentityManagerService }, { token: TsiConfirmationService }, { token: TsiNotificationService }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }, { token: TsiModalService }, { token: MailingService }, { token: ErrorResponseManagerService }, { token: i2$6.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageReportingComponent, selector: "app-manage-reporting", inputs: { otherFormName: "otherFormName", otherFormEndpoint: "otherFormEndpoint", formEndpointBody: "formEndpointBody", isFormEndpointPaged: "isFormEndpointPaged", filtersHtmlTemplate: "filtersHtmlTemplate", optionalEndpoints: "optionalEndpoints", customReportingMode: "customReportingMode" }, providers: [...appProviders], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true }, { propertyName: "importFileToReportFileUpload", first: true, predicate: ["importFileToReportFileUpload"], descendants: true }], usesInheritance: true, ngImport: i0, template: "\r\n<div class=\"card\">\r\n  <div *busy=\"isloading\"></div>\r\n  <div class=\"grid\">\r\n    <div class=\"grid col-10\">\r\n      <div *ngIf=\"isFromForm; else notFromForm\">\r\n        <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n        </Tsi-Label>\r\n        <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n          [options]=\"formNames\" [ngModel]=\"otherFormName\" optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n          filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n          [disabled]=\"true\">\r\n        </p-dropdown>\r\n      </div>\r\n\r\n      <ng-template #notFromForm>\r\n        <ng-container>\r\n          <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n          </Tsi-Label>\r\n          <Tsi-Search-Combo class=\"col-10\" [(bind)]=\"otherFormName\" (bindChange)=\"onFormChange()\"\r\n            [listSourceUrl]=\"getFormNamesEndpoint\" [elementSourceUrl]=\"getFormNamesEndpoint \" [isFiltered]=\"true\"\r\n            id-field=\"key\" label-field=\"value\">\r\n          </Tsi-Search-Combo>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n\r\n  <p-toolbar styleClass=\"mb-4 gap-2\">\r\n    <ng-template pTemplate=\"left\">\r\n      <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n        styleClass=\"p-element p-button-success ml-2 mr-2 p-button p-component ng-star-inserted p-button-label\" (click)=\"onNewReport()\"></Tsi-Button>\r\n      <Tsi-Button [buttonType]=\"buttonType.Submit\" [text]=\"'shared_reporting_delete_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-trash\"\r\n        styleClass=\"p-element p-button-danger p-button p-component ng-star-inserted p-button-label\" (click)=\"onDeleteSelectedReports()\"\r\n        [disabled]=\"!selectedReports || !selectedReports.length\"></Tsi-Button>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"right\">\r\n      <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n        (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\" \r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-toolbar>\r\n\r\n  <!-- <Tsi-Display-Grid [showHeader]=\"true\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [showFilters]=\"false\"\r\n    [paginator]=\"true\"\r\n    [globalFilterFields]=\"globalFilterFields\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n\r\n  <!--<div style=\"text-align:left\"> <p-button icon=\"pi pi-refresh\"  [pTooltip]=\"'shared_reporting_refresh' | localize\" [tooltipPosition]=\"tooltipPosition.Top\"  label=\"Reload\" severity=\"help\" (click)=\"onRefresh()\" /> </div>\r\n  <p-button icon=\"pi pi-refresh\" class=\"p-button-rounded\" styleClass=\"p-button-text\" />\r\n-->\r\n  \r\n  <Tsi-Button styleClass=\"p-element p-button-text p-button-raised p-button-rounded mb-3 ml-3\"  \r\n    [tooltipText]=\"'shared_reporting_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"pi pi-refresh\" (click)=\"onRefresh()\"></Tsi-Button>\r\n\r\n  <tsi-view-grid \r\n    [sortMode]=\"sortModeRef.Single\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [getDataFromApi]=\"false\"\r\n    [formName]=\"'my-report-templates'\"\r\n    >\r\n  </tsi-view-grid>\r\n  <br/>\r\n   <!-- Default Template -->\r\n   <!-- <Tsi-Display-Grid \r\n   [showHeader]=\"true\" \r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [showSummaryFooter]=\"false\" \r\n   [paginator]=\"false\" \r\n   [showFilters]=\"false\" \r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [paginator]=\"true\"\r\n   key=\"name\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n  \r\n  <tsi-view-grid\r\n   [sortMode]=\"sortModeRef.Single\"\r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [getDataFromApi]=\"false\"\r\n   [formName]=\"'default-my-report-templates'\"\r\n   key=\"name\">\r\n  </tsi-view-grid>\r\n\r\n\r\n\r\n\r\n  \r\n\r\n  <!-- dialog to import file to report -->\r\n  <p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\" [(visible)]=\"isUpdateReportFromFileDialogVisible\" [style]=\"{width: '50vw'}\">\r\n    <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" (onBeforeUpload)=\"onImportFileToReport_ImportFile($event)\"\r\n        (onSelect)=\"onImportFileToReport_FileSelected($event)\" (onClear)=\"onImportFileToReport_Clear($event)\" (onRemove)=\"onImportFileToReport_Remove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadToUpdateReportFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n\r\n    <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>\r\n</div>\r\n", styles: [".p-button.p-button-icon-only.p-button-rounded{height:2rem!important}::ng-deep .p-fileupload-choose input{display:none!important}\n"], 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: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i3$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i10.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i8.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "searchDebounceTime", "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: 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", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "directive", type: BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageReportingComponent, selector: "app-manage-reporting", inputs: { otherFormName: "otherFormName", otherFormEndpoint: "otherFormEndpoint", formEndpointBody: "formEndpointBody", isFormEndpointPaged: "isFormEndpointPaged", filtersHtmlTemplate: "filtersHtmlTemplate", optionalEndpoints: "optionalEndpoints", customReportingMode: "customReportingMode" }, providers: [...appProviders], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true }, { propertyName: "importFileToReportFileUpload", first: true, predicate: ["importFileToReportFileUpload"], descendants: true }], usesInheritance: true, ngImport: i0, template: "\r\n<div class=\"card\">\r\n  <div *busy=\"isloading\"></div>\r\n  <div class=\"grid\">\r\n    <div class=\"grid col-10\">\r\n      <div *ngIf=\"isFromForm; else notFromForm\">\r\n        <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n        </Tsi-Label>\r\n        <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n          [options]=\"formNames\" [ngModel]=\"otherFormName\" optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n          filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n          [disabled]=\"true\">\r\n        </p-dropdown>\r\n      </div>\r\n\r\n      <ng-template #notFromForm>\r\n        <ng-container>\r\n          <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n          </Tsi-Label>\r\n          <Tsi-Search-Combo class=\"col-10\" [(bind)]=\"otherFormName\" (bindChange)=\"onFormChange()\"\r\n            [listSourceUrl]=\"getFormNamesEndpoint\" [elementSourceUrl]=\"getFormNamesEndpoint \" [isFiltered]=\"true\"\r\n            id-field=\"key\" label-field=\"value\">\r\n          </Tsi-Search-Combo>\r\n        </ng-container>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n\r\n  <p-toolbar styleClass=\"mb-4 gap-2\">\r\n    <ng-template pTemplate=\"left\">\r\n      <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n        styleClass=\"p-element p-button-success ml-2 mr-2 p-button p-component ng-star-inserted p-button-label\" (click)=\"onNewReport()\"></Tsi-Button>\r\n      <Tsi-Button [buttonType]=\"buttonType.Submit\" [text]=\"'shared_reporting_delete_report' | localize\" icon=\"p-button-icon p-button-icon-left pi pi-trash\"\r\n        styleClass=\"p-element p-button-danger p-button p-component ng-star-inserted p-button-label\" (click)=\"onDeleteSelectedReports()\"\r\n        [disabled]=\"!selectedReports || !selectedReports.length\"></Tsi-Button>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"right\">\r\n      <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n        (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\" \r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-toolbar>\r\n\r\n  <!-- <Tsi-Display-Grid [showHeader]=\"true\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [showFilters]=\"false\"\r\n    [paginator]=\"true\"\r\n    [globalFilterFields]=\"globalFilterFields\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n\r\n  <!--<div style=\"text-align:left\"> <p-button icon=\"pi pi-refresh\"  [pTooltip]=\"'shared_reporting_refresh' | localize\" [tooltipPosition]=\"tooltipPosition.Top\"  label=\"Reload\" severity=\"help\" (click)=\"onRefresh()\" /> </div>\r\n  <p-button icon=\"pi pi-refresh\" class=\"p-button-rounded\" styleClass=\"p-button-text\" />\r\n-->\r\n  \r\n  <Tsi-Button styleClass=\"p-element p-button-text p-button-raised p-button-rounded mb-3 ml-3\"  \r\n    [tooltipText]=\"'shared_reporting_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"pi pi-refresh\" (click)=\"onRefresh()\"></Tsi-Button>\r\n\r\n  <tsi-view-grid \r\n    [sortMode]=\"sortModeRef.Single\"\r\n    [header]=\"'shared_reporting_my_template'\"\r\n    [columns]=\"columns\" [gridData]=\"reports\" key=\"uid\"\r\n    (buttonColumnClicked)=\"handleButtonColumnClicked($event)\" [(selectedItems)]=\"selectedReports\"\r\n    [getDataFromApi]=\"false\"\r\n    [formName]=\"'my-report-templates'\"\r\n    >\r\n  </tsi-view-grid>\r\n  <br/>\r\n   <!-- Default Template -->\r\n   <!-- <Tsi-Display-Grid \r\n   [showHeader]=\"true\" \r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [showSummaryFooter]=\"false\" \r\n   [paginator]=\"false\" \r\n   [showFilters]=\"false\" \r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [paginator]=\"true\"\r\n   key=\"name\">\r\n  </Tsi-Display-Grid> -->\r\n\r\n  \r\n  <tsi-view-grid\r\n   [sortMode]=\"sortModeRef.Single\"\r\n   [header]=\"'shared_reporting_BuiltIn_template'\"\r\n   [columns]=\"defaultTemplateColumns\" \r\n   [gridData]=\"defaultReportTemplateData\" \r\n   (buttonColumnClicked)=\"handleButtonColumnClicked($event)\"\r\n   [getDataFromApi]=\"false\"\r\n   [formName]=\"'default-my-report-templates'\"\r\n   key=\"name\">\r\n  </tsi-view-grid>\r\n\r\n\r\n\r\n\r\n  \r\n\r\n  <!-- dialog to import file to report -->\r\n  <p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\" [(visible)]=\"isUpdateReportFromFileDialogVisible\" [style]=\"{width: '50vw'}\">\r\n    <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" (onBeforeUpload)=\"onImportFileToReport_ImportFile($event)\"\r\n        (onSelect)=\"onImportFileToReport_FileSelected($event)\" (onClear)=\"onImportFileToReport_Clear($event)\" (onRemove)=\"onImportFileToReport_Remove($event)\" [multiple]=\"false\"\r\n        accept=\"application/json\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadToUpdateReportFileData\" pTemplate=\"fileupload-content\">\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n\r\n    <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>\r\n</div>\r\n", styles: [".p-button.p-button-icon-only.p-button-rounded{height:2rem!important}::ng-deep .p-fileupload-choose input{display:none!important}\n"], 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: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i3$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i10.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i8$1.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "searchDebounceTime", "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: 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", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "directive", type: BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageReportingComponent, decorators: [{
             type: Component,
@@ -20004,7 +20186,7 @@ class TsiFileManagerComponent extends TsiInputBase {
         return this.getFileExtension(this.fileName) == 'jpg';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiFileManagerComponent, deps: [{ token: LocalizePipe }, { token: TsiNotificationService }, { token: i0.ChangeDetectorRef }, { token: i3$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiFileManagerComponent, selector: "Tsi-File-Manager", inputs: { fileName: "fileName", name: "name", id: "id", accept: "accept", maxFileSize: "maxFileSize", multiple: "multiple", exploreOnDownload: "exploreOnDownload", showUploadButton: "showUploadButton", showCancelButton: "showCancelButton", showDownloadButton: "showDownloadButton", chooseIcon: "chooseIcon", chooseLabel: "chooseLabel", showSelectButton: "showSelectButton", showFileUpload: "showFileUpload" }, outputs: { onSelectFileManager: "onSelectFileManager", onClear: "onClear", onRemove: "onRemove", inputFieldChange: "inputFieldChange", fileNameChange: "fileNameChange" }, usesInheritance: true, ngImport: i0, template: "<!-- <p-fileUpload class=\"file-manager\" #fileUpload [name]=\"name\" [id]=\"id\" [accept]=\"accept\" [maxFileSize]=\"maxFileSize\"\r\n  [multiple]=\"multiple\" [showUploadButton]=\"showUploadButton\" [showCancelButton]=\"showCancelButton\"\r\n  chooseIcon=\"pi pi-upload\" chooseLabel=\" \" (onSelect)=\"onFileSelect($event)\" (onClear)=\"onFileClear()\"\r\n  (onRemove)=\"onFileRemove($event)\" class=\"custom-file-upload\" icon=\"pi pi-upload\">\r\n</p-fileUpload>\r\n\r\n<BR>\r\n<div *ngIf=\"showDownloadButton\">\r\n  <button pButton type=\"button\" icon=\"pi pi-download\" (click)=\"downloadFile()\" class=\"h-2rem w-full text-center\">\r\n  </button>\r\n</div> -->\r\n<div class=\"{{validationStatusCssClass}}\">\r\n\r\n  <p-fileUpload class=\"file-manager custom-file-upload \" \r\n    #fileUpload\r\n    [name]=\"name\"\r\n    [id]=\"id\" \r\n    [accept]=\"accept\" \r\n    [multiple]=\"multiple\"\r\n    [disabled]=\"disabled\"\r\n    [showUploadButton]=\"showUploadButton\" \r\n    [showCancelButton]=\"showCancelButton\"\r\n    chooseIcon=\"pi pi-upload\"\r\n    chooseLabel= \"Upload\" \r\n    (onSelect)=\"onFileSelect($event)\"\r\n    (onClear)=\"onFileClear()\"\r\n    (onRemove)=\"onFileRemove($event)\"\r\n    >\r\n    \r\n    \r\n    \r\n    <!-- <ng-template pTemplate=\"content\">\r\n      <button type=\"button\" pButton icon=\"pi pi-upload\" class=\"ml-4 h-2rem w-full text-center\">\r\n      </button>\r\n    </ng-template> -->\r\n    <ng-template pTemplate=\"content\" let-files>\r\n      <div *ngIf=\"fileExtensionImage() || inputField\">\r\n        <img [src]=\"fileUrl\" style=\"width: 15rem;\"/>\r\n      </div>\r\n      <div *ngIf=\"fileName != undefined && fileName != null\">\r\n        <p>File Name: {{ fileName }}</p>\r\n        <p>File Extension: {{ getFileExtension(fileName) }}</p>\r\n      </div>\r\n      <div *ngIf=\"fileName != undefined && showDownloadButton\">\r\n        <button pButton type=\"button\" icon=\"pi pi-download\" (click)=\"downloadFile()\" class=\" h-2rem w-full text-center\">\r\n          <!-- <span class=\"font-bold ml-2\" >Download</span> -->\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n    \r\n  </p-fileUpload>\r\n  \r\n</div>", styles: [".ui-fileupload-choose{display:flex;align-items:center;justify-content:center;padding:.5rem;width:10rem;height:40px}.ui-fileupload-choose .ui-button-text{display:none}.ui-fileupload-choose .pi{font-size:2rem}.p-fileupload-choose input{display:none!important}:host ::ng-deep .p-fileupload-choose[disabled]{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i8.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiFileManagerComponent, selector: "Tsi-File-Manager", inputs: { fileName: "fileName", name: "name", id: "id", accept: "accept", maxFileSize: "maxFileSize", multiple: "multiple", exploreOnDownload: "exploreOnDownload", showUploadButton: "showUploadButton", showCancelButton: "showCancelButton", showDownloadButton: "showDownloadButton", chooseIcon: "chooseIcon", chooseLabel: "chooseLabel", showSelectButton: "showSelectButton", showFileUpload: "showFileUpload" }, outputs: { onSelectFileManager: "onSelectFileManager", onClear: "onClear", onRemove: "onRemove", inputFieldChange: "inputFieldChange", fileNameChange: "fileNameChange" }, usesInheritance: true, ngImport: i0, template: "<!-- <p-fileUpload class=\"file-manager\" #fileUpload [name]=\"name\" [id]=\"id\" [accept]=\"accept\" [maxFileSize]=\"maxFileSize\"\r\n  [multiple]=\"multiple\" [showUploadButton]=\"showUploadButton\" [showCancelButton]=\"showCancelButton\"\r\n  chooseIcon=\"pi pi-upload\" chooseLabel=\" \" (onSelect)=\"onFileSelect($event)\" (onClear)=\"onFileClear()\"\r\n  (onRemove)=\"onFileRemove($event)\" class=\"custom-file-upload\" icon=\"pi pi-upload\">\r\n</p-fileUpload>\r\n\r\n<BR>\r\n<div *ngIf=\"showDownloadButton\">\r\n  <button pButton type=\"button\" icon=\"pi pi-download\" (click)=\"downloadFile()\" class=\"h-2rem w-full text-center\">\r\n  </button>\r\n</div> -->\r\n<div class=\"{{validationStatusCssClass}}\">\r\n\r\n  <p-fileUpload class=\"file-manager custom-file-upload \" \r\n    #fileUpload\r\n    [name]=\"name\"\r\n    [id]=\"id\" \r\n    [accept]=\"accept\" \r\n    [multiple]=\"multiple\"\r\n    [disabled]=\"disabled\"\r\n    [showUploadButton]=\"showUploadButton\" \r\n    [showCancelButton]=\"showCancelButton\"\r\n    chooseIcon=\"pi pi-upload\"\r\n    chooseLabel= \"Upload\" \r\n    (onSelect)=\"onFileSelect($event)\"\r\n    (onClear)=\"onFileClear()\"\r\n    (onRemove)=\"onFileRemove($event)\"\r\n    >\r\n    \r\n    \r\n    \r\n    <!-- <ng-template pTemplate=\"content\">\r\n      <button type=\"button\" pButton icon=\"pi pi-upload\" class=\"ml-4 h-2rem w-full text-center\">\r\n      </button>\r\n    </ng-template> -->\r\n    <ng-template pTemplate=\"content\" let-files>\r\n      <div *ngIf=\"fileExtensionImage() || inputField\">\r\n        <img [src]=\"fileUrl\" style=\"width: 15rem;\"/>\r\n      </div>\r\n      <div *ngIf=\"fileName != undefined && fileName != null\">\r\n        <p>File Name: {{ fileName }}</p>\r\n        <p>File Extension: {{ getFileExtension(fileName) }}</p>\r\n      </div>\r\n      <div *ngIf=\"fileName != undefined && showDownloadButton\">\r\n        <button pButton type=\"button\" icon=\"pi pi-download\" (click)=\"downloadFile()\" class=\" h-2rem w-full text-center\">\r\n          <!-- <span class=\"font-bold ml-2\" >Download</span> -->\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n    \r\n  </p-fileUpload>\r\n  \r\n</div>", styles: [".ui-fileupload-choose{display:flex;align-items:center;justify-content:center;padding:.5rem;width:10rem;height:40px}.ui-fileupload-choose .ui-button-text{display:none}.ui-fileupload-choose .pi{font-size:2rem}.p-fileupload-choose input{display:none!important}:host ::ng-deep .p-fileupload-choose[disabled]{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i8$1.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiFileManagerComponent, decorators: [{
             type: Component,