@bnsights/bbsf-admin-portal 1.0.38 → 1.0.41

package/fesm2015/bnsights-bbsf-admin-portal.js

@@ -2778,10 +2778,11 @@ class userService$1 {
     SetUsersPassword(UserModelsDTO) {
         return this.http.post(this.ApiUrl + 'SetUsersPassword', UserModelsDTO);
     }
-    Export(params) {
+    Export(model) {
         let options = new RequestOptionsModel();
         options.responseType = "arraybuffer";
-        return this.http.download(this.ApiUrl + 'Export', params, options);
+        options.castResponsetoClass = false;
+        return this.http.post(this.ApiUrl + 'Export', model, null, null, options);
     }
     ChangeLanguage(key) {
         let params = new HttpParams();
@@ -3737,10 +3738,11 @@ class localizationsService$1 {
     generateStronglyTypedClass() {
         return this.http.get(this.ApiUrl + 'GenerateStronglyTypedClass');
     }
-    export(params) {
+    export(filtersModel) {
         let options = new RequestOptionsModel();
         options.responseType = "arraybuffer";
-        return this.http.download(this.ApiUrl + 'Export', params, options);
+        options.castResponsetoClass = false;
+        return this.http.post(this.ApiUrl + 'Export', filtersModel, null, null, options);
     }
     findResource(findModel) {
         return this.http.post(this.ApiUrl + 'FindResource', findModel);
@@ -3820,10 +3822,13 @@ class LocalizationsComponent$1 {
         this.deleteResourceList = [];
         this.deleteControlLoaded = false;
         this.exportControlLoaded = false;
+        this.exportAsTemplate = false;
         this.reloadControlLoaded = false;
         this.restToFactoryDefaultControlLoaded = false;
         this.exportExcelFunction = (params) => {
-            return this.localizationsService.export(params);
+            let filters = this.pagingElement.getFiltersValue();
+            filters["exportAsTemplate"] = this.exportAsTemplate;
+            return this.localizationsService.export(filters);
         };
         this.onExportSuccessHandler = (result) => {
             let FileDTO = result;
@@ -3909,12 +3914,6 @@ class LocalizationsComponent$1 {
         this.localizationPagingResult = result;
         this.filteredLocalizationPagingResult = this.localizationPagingResult;
     }
-    resetFilters() {
-        this.localizationForm.controls["ResourceSet"].setValue([]);
-        this.localizationForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     selectAllLocalizationList(event, Localizations) {
         if (event.target.checked) {
             for (let index = 0; index < Localizations.length; index++) {
@@ -3973,23 +3972,18 @@ class LocalizationsComponent$1 {
             this.localizationPaging.OnKeyPressFiltersControlNames = ["searchTextBox"];
             this.localizationPaging.DropdownFiltersControlNames = ["ResourceSet"];
             this.localizationPaging.Filters = [this.resourceSetFilter, this.textInputFilter];
+            this.localizationPaging.ResetFilterButtonName = "localizationsFiltersBtn";
             this.isFilterLoaded = true;
         });
     }
     ///////////Start of Export part//////////////////////
     showExportExcelModal(ExportAsTemplate = false) {
-        let paramArray = [];
-        let params = new HttpParams();
-        params = params.append("resourceSet", this.localizationForm.controls["ResourceSet"].value == undefined ? "" : this.localizationForm.controls["ResourceSet"].value);
-        params = params.append("resourceName", this.localizationForm.controls["searchTextBox"].value == undefined ? "" : this.localizationForm.controls["searchTextBox"].value);
-        params = params.append("exportAsTemplate", ExportAsTemplate.toString());
-        paramArray.push(params);
+        this.exportAsTemplate = ExportAsTemplate;
         this.exportControlLoaded = false;
         this.exportConfirmationOptions = new ConfirmationModalOptions();
         this.exportConfirmationOptions.ServiceSubmitFunction = this.exportExcelFunction;
         this.exportConfirmationOptions.PagingReference = this.pagingElement;
         this.exportConfirmationOptions.OnSuccessHandler = this.onExportSuccessHandler;
-        this.exportConfirmationOptions.ServiceSubmitModel = paramArray;
         this.exportConfirmationOptions.ConfirmationBody = this.utilityService.getResourceValue("ExportResourcesConfirmation");
         this.exportConfirmationOptions.ConfirmationHeader = this.utilityService.getResourceValue("ExportResources");
         this.exportConfirmationOptions.SubmitButtonText = this.utilityService.getResourceValue("Export");
@@ -4265,7 +4259,7 @@ class LocalizationsComponent$1 {
     }
 }
 LocalizationsComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent$1, deps: [{ token: PageInfoService }, { token: i1.UtilityService }, { token: i1.EnvironmentService }, { token: i9.DatePipe }, { token: i3.ClipboardService }, { token: localizationsService$1 }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LocalizationsComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent$1, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LocalizationsComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent$1, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"localizationsFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -4726,12 +4720,6 @@ class PermissionsComponent$1 {
         this.permissionsPagingResult = result;
         this.filteredPermissionsPagingResult = this.permissionsPagingResult;
     }
-    //Filter functions
-    resetFilters() {
-        this.permissionsForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     //initialize page
     initializePage() {
         this.permissionsService.loadDropdown().subscribe((result) => {
@@ -5042,12 +5030,6 @@ class PermissionsetsComponent$1 {
         this.permissionSetPagingResult = result;
         this.filteredPermissionSetPagingResult = this.permissionSetPagingResult;
     }
-    //Filter functions
-    resetFilters() {
-        this.permissionSetForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     ///////////// Start add PermissionSet Part//////////////////////
     showAddPermissionSetModal(AddPermissionSetModal) {
         this.utilityService.startBlockUI();
@@ -5289,12 +5271,6 @@ class PermissionSetInfoComponent$1 {
         this.userPermissionSetPagingResult = result;
         this.filteredUserPermissionSetPagingResult = this.userPermissionSetPagingResult;
     }
-    //Reset all Filters
-    resetFilters() {
-        this.userPermissionSetForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     //Get parent PermissionSets name and set page title and breadcrumbs
     loadBreadCrumpData() {
         this.permissionSetService.getPermissionSetInfo(this.PermissionSetId).subscribe((result) => {
@@ -6255,6 +6231,7 @@ class TemplatesComponent$1 {
         this.TemplatePaging.DropdownFiltersControlNames = ["Category", "Type"];
         this.TemplatePaging.Filters = [this.CategoryFilter, this.TypeFilter, this.TextInputFilter];
         this.TemplatePaging.ValidationToken = this.authService.authorizationHeaderValue();
+        this.TemplatePaging.ResetFilterButtonName = "templatesFiltersBtn";
         this.IsFilterLoaded = true;
     }
     //Load filters lists
@@ -6287,13 +6264,6 @@ class TemplatesComponent$1 {
         this.ShowPageContent = true;
         this.utilityService.stopBlockUI();
     }
-    resetFilters() {
-        this.TemplateForm.controls["Category"].setValue([]);
-        this.TemplateForm.controls["Type"].setValue([]);
-        this.TemplateForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     searchClientSide(searchValue) {
         if (searchValue)
             this.clientSidePagingResult = this.clientSidePagingResult.filter(function (item) {
@@ -6579,7 +6549,7 @@ class TemplatesComponent$1 {
     }
 }
 TemplatesComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TemplatesComponent$1, deps: [{ token: i1.AuthService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i3.ClipboardService }, { token: TemplateService$1 }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-TemplatesComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TemplatesComponent$1, selector: "lib-templates", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["TemplatePagingViewElement"], descendants: true }, { propertyName: "categoriesDDL", first: true, predicate: ["categoriesDDL"], descendants: true }, { propertyName: "typesDDL", first: true, predicate: ["typesDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"TemplateForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"TemplateForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n            <form [formGroup]=\"TemplateForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #categoriesDDL [options]=\"CategoryOptions\" [group]=\"TemplateForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #typesDDL [options]=\"TypeOptions\" [group]=\"TemplateForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                          (click)=\"resetFilters()\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGenerateAllUpdateCodeModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateUpdateCode\")}}\r\n        </button>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGeneratSysNameModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n        </button>\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-sm btn-primary\" (click)=\"showAddTemplateModal(AddTemplateModal)\">\r\n          <i class=\"kt-nav__link-icon fa fa-plus\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table -->\r\n      <div class=\"table-responsive\">\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Category\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n              <th class=\"mw-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n              <th class=\"mw-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let Template of clientSidePagingResult\">\r\n              <td>\r\n                <a href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Notifications/TemplateInfo',Template.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                   class=\"text-dark\">{{Template.nameStr}}</a>\r\n              </td>\r\n              <td>{{Template.descriptionStr}}</td>\r\n              <td>{{Template.categoryItemNameStr}}</td>\r\n\r\n              <td>{{Template.isEmail==true?\"Email\":\"SMS\"}}</td>\r\n              <td *ngIf=\"!ProductionMode\">{{Template.sysName}}</td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\"\r\n                            (click)=\"showEditTemplateModal(Template.iD_GUID,EditTemplateModal)\">\r\n                      <span class=\"drop-link px-3\"> {{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showGenerateCodeByIdModal(Template.iD_GUID,GenerateCodeModal)\">\r\n                      <span class=\"drop-link px-3\"> {{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showDeleteEmailTemplateModal(Template.iD_GUID)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setTemplateListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"TemplatePaging\" [group]=\"TemplateForm\" #TemplatePagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"AddSysName\" [group]=\"AddTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddOrganization\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddLanguageMode\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddCategory\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddMasterLayout\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsEmail\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsSms\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddEnableIntensiveLogging\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseTemplateModal id=\"CloseTemplateModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- edit Modal -->\r\n<ng-template #EditTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"EditTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditOrganization\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLanguageMode\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditCategory\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditMasterLayout\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsEmail\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsSms\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditEnableIntensiveLogging\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditTemplateModal id=\"CloseEditTemplateModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n      <BBSF-TextArea [options]=\"GenerateCodeTextArea\" [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n      </BBSF-TextArea>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+TemplatesComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TemplatesComponent$1, selector: "lib-templates", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["TemplatePagingViewElement"], descendants: true }, { propertyName: "categoriesDDL", first: true, predicate: ["categoriesDDL"], descendants: true }, { propertyName: "typesDDL", first: true, predicate: ["typesDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"TemplateForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"TemplateForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n            <form [formGroup]=\"TemplateForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #categoriesDDL [options]=\"CategoryOptions\" [group]=\"TemplateForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #typesDDL [options]=\"TypeOptions\" [group]=\"TemplateForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"templatesFiltersBtn\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGenerateAllUpdateCodeModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateUpdateCode\")}}\r\n        </button>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGeneratSysNameModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n        </button>\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-sm btn-primary\" (click)=\"showAddTemplateModal(AddTemplateModal)\">\r\n          <i class=\"kt-nav__link-icon fa fa-plus\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table -->\r\n      <div class=\"table-responsive\">\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Category\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n              <th class=\"mw-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n              <th class=\"mw-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let Template of clientSidePagingResult\">\r\n              <td>\r\n                <a href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Notifications/TemplateInfo',Template.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                   class=\"text-dark\">{{Template.nameStr}}</a>\r\n              </td>\r\n              <td>{{Template.descriptionStr}}</td>\r\n              <td>{{Template.categoryItemNameStr}}</td>\r\n\r\n              <td>{{Template.isEmail==true?\"Email\":\"SMS\"}}</td>\r\n              <td *ngIf=\"!ProductionMode\">{{Template.sysName}}</td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\"\r\n                            (click)=\"showEditTemplateModal(Template.iD_GUID,EditTemplateModal)\">\r\n                      <span class=\"drop-link px-3\"> {{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showGenerateCodeByIdModal(Template.iD_GUID,GenerateCodeModal)\">\r\n                      <span class=\"drop-link px-3\"> {{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showDeleteEmailTemplateModal(Template.iD_GUID)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setTemplateListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"TemplatePaging\" [group]=\"TemplateForm\" #TemplatePagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"AddSysName\" [group]=\"AddTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddOrganization\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddLanguageMode\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddCategory\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddMasterLayout\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsEmail\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsSms\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddEnableIntensiveLogging\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseTemplateModal id=\"CloseTemplateModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- edit Modal -->\r\n<ng-template #EditTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"EditTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditOrganization\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLanguageMode\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditCategory\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditMasterLayout\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsEmail\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsSms\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditEnableIntensiveLogging\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditTemplateModal id=\"CloseEditTemplateModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n      <BBSF-TextArea [options]=\"GenerateCodeTextArea\" [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n      </BBSF-TextArea>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TemplatesComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -7541,13 +7511,6 @@ class LookupComponent$1 {
         this.lookupPagingResult = result;
         this.filteredLookupPagingResult = this.lookupPagingResult;
     }
-    //Filter functions
-    resetFilters() {
-        this.lookupForm.controls["Type"].setValue([]);
-        this.lookupForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     initializePage() {
         this.lookupService.loadDropdown().subscribe((result) => {
             let DropdownLists = result;
@@ -7580,6 +7543,7 @@ class LookupComponent$1 {
             this.lookupPaging.OnKeyPressFiltersControlNames = ["searchTextBox"];
             this.lookupPaging.DropdownFiltersControlNames = ["Type"];
             this.lookupPaging.Filters = [this.lookupGroupFilter, this.textInputFilter];
+            this.lookupPaging.ResetFilterButtonName = "lookupsFiltersBtn";
             this.isFilterLoaded = true;
         });
     }
@@ -7795,7 +7759,7 @@ class LookupComponent$1 {
     }
 }
 LookupComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupComponent$1, deps: [{ token: PageInfoService }, { token: i1.UtilityService }, { token: i1.EnvironmentService }, { token: i3.ClipboardService }, { token: LookupService$1 }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LookupComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupComponent$1, selector: "lib-lookup", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n           <!--(OnChange)=\"filterLookupList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupForm\"></BBSF-TextBox>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"lookupGroupsOptions\" [group]=\"lookupForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateApplicationEnumsModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateApplicationEnums\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateSysNameModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddLookupModal(AddLookupModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::Permission list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LookupGroups\")}}</th>\r\n                <th class=\"min-w-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              \r\n              <tr *ngFor=\"let Lookup of filteredLookupPagingResult\">\r\n                <td>\r\n                  <a  href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Lookups/LookupItems', Lookup.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                     class=\"text-dark\">{{Lookup.lookupName}}</a>\r\n                </td>\r\n                <td >{{Lookup.lookupDescription}}</td>\r\n                <td >{{Lookup.lookupGroupName}}</td>\r\n                <td *ngIf=\"!ProductionMode\" class=\"align-middle\">{{Lookup.sysName}}</td>\r\n                <td>\r\n                  <span *ngIf=\"Lookup.manageable;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showEditLookupModal(Lookup.iD_GUID,EditLookupModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showGenerateCodeByIdModal(Lookup.iD_GUID,GenerateCodeModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"(!ProductionMode) ||(Lookup.manageable==true)\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupModal(Lookup.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupPagingResult.length == 0\">\r\n                <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::Permission list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupListResult($event)\" *ngIf=\"isFilterLoaded\"\r\n                     [options]=\"lookupPaging\" [group]=\"lookupForm\" #LookupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualDescription\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-TextBox [options]=\"sysName\" [group]=\"addLookupForm\"></BBSF-TextBox>\r\n        </div>\r\n\r\n        <BBSF-DropdownList [options]=\"lookupGroups\" [group]=\"addLookupForm\"></BBSF-DropdownList>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-CheckBox [options]=\"isManageable\" [group]=\"addLookupForm\"></BBSF-CheckBox>\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupModal id=\"CloseLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n        </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualDescription\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-TextBox *ngIf=\"!ProductionMode\" [options]=\"editSysName\" [group]=\"editLookupForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]=\"editLookupGroups\" [group]=\"editLookupForm\">\r\n        </BBSF-DropdownList>\r\n        <BBSF-CheckBox *ngIf=\"!ProductionMode\" [options]=\"editIsManageable\" [group]=\"editLookupForm\">\r\n        </BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupModal id=\"CloseEditLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- GenerateCode Modal -->\r\n  <ng-template #GenerateCodeModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"generateCodeFormOptions\">\r\n        <div>\r\n          <BBSF-TextArea [options]=\"generateCodeTextArea\" [group]=\"generateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LookupComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupComponent$1, selector: "lib-lookup", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n           <!--(OnChange)=\"filterLookupList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupForm\"></BBSF-TextBox>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"lookupGroupsOptions\" [group]=\"lookupForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"lookupsFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateApplicationEnumsModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateApplicationEnums\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateSysNameModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddLookupModal(AddLookupModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::Permission list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LookupGroups\")}}</th>\r\n                <th class=\"min-w-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              \r\n              <tr *ngFor=\"let Lookup of filteredLookupPagingResult\">\r\n                <td>\r\n                  <a  href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Lookups/LookupItems', Lookup.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                     class=\"text-dark\">{{Lookup.lookupName}}</a>\r\n                </td>\r\n                <td >{{Lookup.lookupDescription}}</td>\r\n                <td >{{Lookup.lookupGroupName}}</td>\r\n                <td *ngIf=\"!ProductionMode\" class=\"align-middle\">{{Lookup.sysName}}</td>\r\n                <td>\r\n                  <span *ngIf=\"Lookup.manageable;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showEditLookupModal(Lookup.iD_GUID,EditLookupModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showGenerateCodeByIdModal(Lookup.iD_GUID,GenerateCodeModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"(!ProductionMode) ||(Lookup.manageable==true)\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupModal(Lookup.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupPagingResult.length == 0\">\r\n                <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::Permission list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupListResult($event)\" *ngIf=\"isFilterLoaded\"\r\n                     [options]=\"lookupPaging\" [group]=\"lookupForm\" #LookupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualDescription\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-TextBox [options]=\"sysName\" [group]=\"addLookupForm\"></BBSF-TextBox>\r\n        </div>\r\n\r\n        <BBSF-DropdownList [options]=\"lookupGroups\" [group]=\"addLookupForm\"></BBSF-DropdownList>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-CheckBox [options]=\"isManageable\" [group]=\"addLookupForm\"></BBSF-CheckBox>\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupModal id=\"CloseLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n        </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualDescription\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-TextBox *ngIf=\"!ProductionMode\" [options]=\"editSysName\" [group]=\"editLookupForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]=\"editLookupGroups\" [group]=\"editLookupForm\">\r\n        </BBSF-DropdownList>\r\n        <BBSF-CheckBox *ngIf=\"!ProductionMode\" [options]=\"editIsManageable\" [group]=\"editLookupForm\">\r\n        </BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupModal id=\"CloseEditLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- GenerateCode Modal -->\r\n  <ng-template #GenerateCodeModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"generateCodeFormOptions\">\r\n        <div>\r\n          <BBSF-TextArea [options]=\"generateCodeTextArea\" [group]=\"generateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -7909,12 +7873,6 @@ class LookupGroupComponent$1 {
         this.filteredLookupGroupsPagingResult = this.lookupGroupsPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Filter functions
-    resetFilters() {
-        this.lookupGroupsForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     initializePage() {
         this.searchTextBox = new TextBoxOptions();
         this.searchTextBox.Name = "searchTextBox";
@@ -8116,12 +8074,6 @@ class LookupItemComponent$1 {
         this.lookupItemPagingResult = result;
         this.filteredLookupItemPagingResult = this.lookupItemPagingResult;
     }
-    //Reset all Filters
-    resetFilters() {
-        this.lookupItemForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     initializePage() {
         this.lookupService.getLookupInfo(this.LookupId).subscribe((result) => {
             this.isFilterLoaded = false;
@@ -8750,12 +8702,6 @@ class DepartmentInfoComponent$3 {
         this.FilteredUserDepartmentPagingResult = this.UserDepartmentPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Reset all Filters
-    resetFilters() {
-        this.UserDepartmentForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     //Get parent department name and set page title and breadcrumbs
     loadBreadCrumpData() {
         this.departmentService.getDepartmentInfo(this.DepartmentId).subscribe((result) => {
@@ -9101,12 +9047,6 @@ class SectorComponent$1 {
         this.filteredSectorPagingResult = this.sectorPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Filter functions
-    resetFilters() {
-        this.SectorForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     ///////////// Start add sector Part//////////////////////
     showAddSectorModal(AddSectorModal) {
         this.utilityService.startBlockUI();
@@ -9261,12 +9201,6 @@ class SectorInfoComponent$1 {
         this.filteredDepartmentSectorPagingResult = this.departmentSectorPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Reset all Filters
-    resetFilters() {
-        this.departmentSectorForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     initializePage() {
         this.sectorService.getSectorInfo(this.SectorId).subscribe((result) => {
             this.isFilterLoaded = false;
@@ -9434,12 +9368,6 @@ class DepartmentInfoComponent$2 {
         this.filteredUserDepartmentPagingResult = this.userDepartmentPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Reset all Filters
-    resetFilters() {
-        this.userDepartmentForm.controls["searchTextBox"].setValue(null);
-        let element = this.pageInfoService;
-        element.ReinitializePaging();
-    }
     //Get parent department name and set page title and breadcrumbs
     loadBreadCrumpData() {
         this.departmentService.getDepartmentInfo(this.DepartmentId).subscribe((result) => {
@@ -11347,12 +11275,6 @@ class JobsComponent$1 {
         this.enqueuedPagingResult = result;
         this.filteredEnqueuedPagingResult = this.enqueuedPagingResult;
     }
-    //Filter functions
-    resetFilters() {
-        this.enqueuedForm.controls["searchTextBox"].setValue(null);
-        let element = this.enqueuedInput;
-        element.ReinitializePaging();
-    }
     //Scheduled Paging functions
     setScheduledListResult(result) {
         this.scheduledPagingResult = result;
@@ -16859,6 +16781,7 @@ class ProviderComponent$1 {
         this.ProviderPaging.DropdownFiltersControlNames = ["providerTypesFilterOption", "sortingFilterOption"];
         this.ProviderPaging.Filters = [this.TextInputFilter, this.providerTypesFilter, this.sortingFilter];
         this.ProviderPaging.ValidationToken = this.authService.authorizationHeaderValue();
+        this.ProviderPaging.ResetFilterButtonName = "providerFiltersBtn";
         this.IsFilterLoaded = true;
     }
     //Load filters lists
@@ -16885,13 +16808,6 @@ class ProviderComponent$1 {
         this.ShowPageContent = true;
         this.utilityService.stopBlockUI();
     }
-    resetFilters() {
-        this.ProviderForm.controls["providerTypesFilterOption"].setValue([]);
-        this.ProviderForm.controls["sortingFilterOption"].setValue([]);
-        this.ProviderForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     searchClientSide(searchValue) {
         if (searchValue)
             this.clientSidePagingResult = this.clientSidePagingResult.filter(function (item) {
@@ -17211,7 +17127,7 @@ class ProviderComponent$1 {
     }
 }
 ProviderComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent$1, deps: [{ token: ProviderService$1 }, { token: i5.NgbModal }, { token: i1.AuthService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ProviderComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent$1, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ProviderComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent$1, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"providerFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -17622,15 +17538,6 @@ class UsersComponent$1 {
         this.allSelected = false;
         this.utilityService.stopBlockUI();
     }
-    resetFilters() {
-        this.UsersForm.controls["permissionsets"].setValue([]);
-        this.UsersForm.controls["accountstatus"].setValue([]);
-        this.UsersForm.controls["lockedstatus"].setValue([]);
-        this.UsersForm.controls["departments"].setValue([]);
-        this.UsersForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     searchClientSide(searchValue) {
         if (searchValue)
             this.clientSidePagingResult = this.clientSidePagingResult.filter(function (item) {
@@ -17705,6 +17612,7 @@ class UsersComponent$1 {
         this.UserPaging.DropdownFiltersControlNames = ["permissionsets", "accountstatus", "lockedstatus", "departments"];
         this.UserPaging.Filters = [this.permissionSetsFilter, this.lockedStatusFilter, this.accountStatusFilter, this.departmentsFilter, this.TextInputFilter];
         this.UserPaging.ValidationToken = this.authService.authorizationHeaderValue();
+        this.UserPaging.ResetFilterButtonName = "usersFiltersBtn";
         this.IsFilterLoaded = true;
     }
     //Load lists for filters
@@ -17973,13 +17881,10 @@ class UsersComponent$1 {
     }
     //Export users excel
     exportExcel() {
-        let params = new HttpParams();
-        params = params.append("permissionIds", this.UsersForm.controls["permissionsets"].value == undefined ? "" : this.UsersForm.controls["permissionsets"].value);
-        params = params.append("accountStatusIDs", this.UsersForm.controls["accountstatus"].value == undefined ? "" : this.UsersForm.controls["accountstatus"].value);
-        params = params.append("lockedStatusIds", this.UsersForm.controls["lockedstatus"].value == undefined ? "" : this.UsersForm.controls["lockedstatus"].value);
-        params = params.append("departmentIds", this.UsersForm.controls["departments"].value == undefined ? "" : this.UsersForm.controls["departments"].value);
-        params = params.append("nameFilter", this.UsersForm.controls["searchTextBox"].value == undefined ? "" : this.UsersForm.controls["searchTextBox"].value);
-        this.userService.Export(params).subscribe((result) => {
+        let filters = {};
+        filters = this.pagingElement.getFiltersValue();
+        this.userService.Export(filters).subscribe((result) => {
+            debugger;
             let FileDTO = result;
             const file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
             let fileName = this.utilityService.getResourceValue("Users") + ".xlsx";
@@ -18165,7 +18070,7 @@ class UsersComponent$1 {
     }
 }
 UsersComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: UsersComponent$1, deps: [{ token: i1.AuthService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: PageInfoService }, { token: userService$1 }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-UsersComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: UsersComponent$1, selector: "lib-users", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["UserPagingViewElement"], descendants: true }, { propertyName: "permissionSetDDL", first: true, predicate: ["permissionSetDDL"], descendants: true }, { propertyName: "accountStatusDDL", first: true, predicate: ["accountStatusDDL"], descendants: true }, { propertyName: "lockedStatusDDL", first: true, predicate: ["lockedStatusDDL"], descendants: true }, { propertyName: "departmentsDDL", first: true, predicate: ["departmentsDDL"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"UsersForm\">\r\n          <!-- (OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"UsersForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div *ngIf=\"showGeneralBtns\" ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 dropdown-menu dropdown-menu-right\">\r\n            <form [formGroup]=\"UsersForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #permissionSetDDL [options]=\"permissionSetsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #accountStatusDDL [options]=\"accountStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #lockedStatusDDL [options]=\"lockedStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #departmentsDDL [options]=\"departmentsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                          (click)=\"resetFilters()\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button *ngIf=\"showGeneralBtns\" href=\"javascript:;\" type=\"button\" (click)=\"exportExcel()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\"\r\n                title=\"Export\">\r\n          <i class=\"fas fa-download me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Export\")}}\r\n        </button>\r\n        <button *ngIf=\"showActivateBtn\" type=\"button\" id=\"btnActivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(1, ConfirmationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"Activate\")}}\r\n        </button>\r\n        <button *ngIf=\"showDeactivateBtn\" type=\"button\" id=\"btnDeactivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(2, ConfirmationModal)\">\r\n          <i class=\"fa fa-power-off\"></i>{{utilityService.getResourceValue(\"Deactivate\")}}\r\n        </button>\r\n        <button *ngIf=\"showResetPassBtn\" type=\"button\" id=\"btnResetPass\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(3, ConfirmationModal)\">\r\n          <i class=\"fa fa-cog\"></i>{{utilityService.getResourceValue(\"ResetPassword\")}}\r\n        </button>\r\n        <button *ngIf=\"showSendEmailBtn\" type=\"button\" id=\"btnResendActivation\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(4 , ConfirmationModal)\">\r\n          <i class=\"fa fa-envelope\"></i> {{utilityService.getResourceValue(\"SendActivationEmail\")}}\r\n        </button>\r\n        <button *ngIf=\"showGeneralBtns\" type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddUserModal(addUserModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table container -->\r\n      <div class=\"table-responsive\">\r\n        <!-- begin::Table -->\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer users-table\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"w-50px\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <mat-checkbox (change)=\"selectAllUserList($event,clientSidePagingResult)\" [checked]=\"allSelected\">\r\n                    </mat-checkbox>\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"selectAllUserList($event,UserPagingResult)\" id=\"chk_SelectAll\">-->\r\n                    &nbsp;<span></span>\r\n                  </label>\r\n                </span>\r\n              </th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mobile\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Roles\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n              <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let user of clientSidePagingResult\">\r\n              <td class=\"\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"updateUserList($event,user)\" id=\"User-{{user.id}}\">-->\r\n                    <span></span>\r\n                    <mat-checkbox (change)=\"updateUserList($event,user)\" [(ngModel)]=\"user.selected\">\r\n                    </mat-checkbox>\r\n                  </label>\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"symbol symbol-35px\">\r\n                    <h6 class=\"symbol-label font-size-h5 font-weight-bold bg-light-primary ml-2 mb-0 me-3\">A</h6>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-start flex-column\">\r\n                    <a (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\" href=\"javascript:void(0)\" class=\"text-dark fw-bolder text-hover-primary fs-6\">{{user.nameStr}}</a>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td>{{user.username}}</td>\r\n              <td>{{user.mobile}}</td>\r\n              <td>{{user.permissionset}}</td>\r\n              <td>\r\n                <span class=\"badge badge-light-success\" *ngIf=\"user.isActive==true\">\r\n                  {{utilityService.getResourceValue(\"Active\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false&& user.activationDate!=null\">\r\n                  {{utilityService.getResourceValue(\"Deactivated\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-warning\" *ngIf=\"user.isActive==false&& user.activationDate==null\">\r\n                  {{utilityService.getResourceValue(\"PendingActivation\")}}\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" class=\"menu-item px-3\" ngbDropdownItem (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" *ngIf=\"user.isActive\" id=\"btnDeactivate\" (click)=\"showActivateUserModal(user,false,ActivateUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Deactivate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnactivate\" (click)=\"showActivateUserModal(user,true,ActivateUserModal)\" *ngIf=\"!user.isActive\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Activate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showResetPasswordUserModal(user , ResetPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showsetPasswordUserModal(user, setPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive&&user.activationDate==null\" (click)=\"showSendActivationEmailModal(user , SendActivationEmailModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"6\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!-- end::Table -->\r\n      </div>\r\n      <!-- end::Table container -->\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <!-- begin paging-->\r\n      <BBSF-Paging (Items)=\"setUsersListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"UserPaging\"\r\n                   [group]=\"UsersForm\" #UserPagingViewElement>\r\n      </BBSF-Paging>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- add user-->\r\n<ng-template #addUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-TextBox [options]=\"AddUsername\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-Phone [options]=\"AddMobileNumber\" [group]=\"AddUserForm\"></BBSF-Phone>\r\n      <BBSF-DropdownList [options]=\"AddUserDepartment\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-Toggleslide [options]=\"AddSendActivationEmail\" [group]=\"AddUserForm\"></BBSF-Toggleslide>\r\n      <BBSF-DropdownList [options]=\"AddUserPermissions\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseUserModal id=\"CloseUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Edit user-->\r\n<ng-template #EditUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-Phone [options]=\"EditMobileNumber\" [group]=\"EditUserForm\"></BBSF-Phone>\r\n      <BBSF-TextBox [options]=\"EditUsername\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditEmail\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]=\"EditUserDepartment\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"EditUserPermissions\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" #CloseEditUserModal id=\"CloseEditUserModal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n<!-- Deactivate/Activate User Modal -->\r\n<ng-template #ActivateUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\" *ngIf=\"!ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Deactivate\")}}\r\n      </h1>\r\n      <h1 class=\"mb-3\" *ngIf=\"ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Activate\")}}\r\n      </h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"!ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"DeactivateConfirmation\")}}\r\n          </div>\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div id=\"\" class=\"\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button type=\"button\" #CloseActivateUserModal id=\"CloseActivateUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n      <button type=\"button\" *ngIf=\"!ShowActivateModelData\" (click)=\"deactivate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ShowActivateModelData\" (click)=\"activate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n<!-- ResetPassword User Modal -->\r\n<ng-template #ResetPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ResetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr class=\"trItem\">\r\n            <td class=\"text-dark\">{{Name}}</td>\r\n            <td>{{Email}}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <div class=\"text-center pt-7\">\r\n      <button id=\"CloseResetPasswordUserModal\" #CloseResetPasswordUserModal type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n\r\n      <button type=\"button\" (click)=\"resetPassword()\" class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- setPassword User Modal -->\r\n<ng-template #setPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"SetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <!-- begin::Table -->\r\n    <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table table-row-dashed fs-6 gy-5 dataTable no-footer \">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"Password\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"ConfirmPassword\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td class=\"align-middle\">{{Name}}</td>\r\n              <td class=\"align-middle\">{{Email}}</td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"Password\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"PasswordConfirmation\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button id=\"ClosesetPasswordUserModal\" #ClosesetPasswordUserModal type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Send Activation Email Modal -->\r\n<ng-template #SendActivationEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"note note-warning text-center\">\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon btn-sm\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseActivationEmailModal id=\"CloseActivationEmailModal\" type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n      <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"sendActivationEmailForUser()\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- confirmation Message  Modal -->\r\n<ng-template #ConfirmationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ConfirmationMessage\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{ConfirmationMessage}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseConfirmationModal id=\"CloseConfirmationModal\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n      </button>\r\n\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==1\" (click)=\"activateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==2\" (click)=\"deactivateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==3\" (click)=\"resetUserPasswordList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==4\" (click)=\"sendActivationEmailForUser()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+UsersComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: UsersComponent$1, selector: "lib-users", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["UserPagingViewElement"], descendants: true }, { propertyName: "permissionSetDDL", first: true, predicate: ["permissionSetDDL"], descendants: true }, { propertyName: "accountStatusDDL", first: true, predicate: ["accountStatusDDL"], descendants: true }, { propertyName: "lockedStatusDDL", first: true, predicate: ["lockedStatusDDL"], descendants: true }, { propertyName: "departmentsDDL", first: true, predicate: ["departmentsDDL"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"UsersForm\">\r\n          <!-- (OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"UsersForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div *ngIf=\"showGeneralBtns\" ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 dropdown-menu dropdown-menu-right\">\r\n            <form [formGroup]=\"UsersForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #permissionSetDDL [options]=\"permissionSetsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #accountStatusDDL [options]=\"accountStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #lockedStatusDDL [options]=\"lockedStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #departmentsDDL [options]=\"departmentsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"usersFiltersBtn\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button *ngIf=\"showGeneralBtns\" href=\"javascript:;\" type=\"button\" (click)=\"exportExcel()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\"\r\n                title=\"Export\">\r\n          <i class=\"fas fa-download me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Export\")}}\r\n        </button>\r\n        <button *ngIf=\"showActivateBtn\" type=\"button\" id=\"btnActivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(1, ConfirmationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"Activate\")}}\r\n        </button>\r\n        <button *ngIf=\"showDeactivateBtn\" type=\"button\" id=\"btnDeactivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(2, ConfirmationModal)\">\r\n          <i class=\"fa fa-power-off\"></i>{{utilityService.getResourceValue(\"Deactivate\")}}\r\n        </button>\r\n        <button *ngIf=\"showResetPassBtn\" type=\"button\" id=\"btnResetPass\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(3, ConfirmationModal)\">\r\n          <i class=\"fa fa-cog\"></i>{{utilityService.getResourceValue(\"ResetPassword\")}}\r\n        </button>\r\n        <button *ngIf=\"showSendEmailBtn\" type=\"button\" id=\"btnResendActivation\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(4 , ConfirmationModal)\">\r\n          <i class=\"fa fa-envelope\"></i> {{utilityService.getResourceValue(\"SendActivationEmail\")}}\r\n        </button>\r\n        <button *ngIf=\"showGeneralBtns\" type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddUserModal(addUserModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table container -->\r\n      <div class=\"table-responsive\">\r\n        <!-- begin::Table -->\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer users-table\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"w-50px\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <mat-checkbox (change)=\"selectAllUserList($event,clientSidePagingResult)\" [checked]=\"allSelected\">\r\n                    </mat-checkbox>\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"selectAllUserList($event,UserPagingResult)\" id=\"chk_SelectAll\">-->\r\n                    &nbsp;<span></span>\r\n                  </label>\r\n                </span>\r\n              </th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mobile\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Roles\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n              <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let user of clientSidePagingResult\">\r\n              <td class=\"\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"updateUserList($event,user)\" id=\"User-{{user.id}}\">-->\r\n                    <span></span>\r\n                    <mat-checkbox (change)=\"updateUserList($event,user)\" [(ngModel)]=\"user.selected\">\r\n                    </mat-checkbox>\r\n                  </label>\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"symbol symbol-35px\">\r\n                    <h6 class=\"symbol-label font-size-h5 font-weight-bold bg-light-primary ml-2 mb-0 me-3\">A</h6>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-start flex-column\">\r\n                    <a (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\" href=\"javascript:void(0)\" class=\"text-dark fw-bolder text-hover-primary fs-6\">{{user.nameStr}}</a>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td>{{user.username}}</td>\r\n              <td>{{user.mobile}}</td>\r\n              <td>{{user.permissionset}}</td>\r\n              <td>\r\n                <span class=\"badge badge-light-success\" *ngIf=\"user.isActive==true\">\r\n                  {{utilityService.getResourceValue(\"Active\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false&& user.activationDate!=null\">\r\n                  {{utilityService.getResourceValue(\"Deactivated\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-warning\" *ngIf=\"user.isActive==false&& user.activationDate==null\">\r\n                  {{utilityService.getResourceValue(\"PendingActivation\")}}\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" class=\"menu-item px-3\" ngbDropdownItem (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" *ngIf=\"user.isActive\" id=\"btnDeactivate\" (click)=\"showActivateUserModal(user,false,ActivateUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Deactivate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnactivate\" (click)=\"showActivateUserModal(user,true,ActivateUserModal)\" *ngIf=\"!user.isActive\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Activate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showResetPasswordUserModal(user , ResetPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showsetPasswordUserModal(user, setPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive&&user.activationDate==null\" (click)=\"showSendActivationEmailModal(user , SendActivationEmailModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"6\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!-- end::Table -->\r\n      </div>\r\n      <!-- end::Table container -->\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <!-- begin paging-->\r\n      <BBSF-Paging (Items)=\"setUsersListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"UserPaging\"\r\n                   [group]=\"UsersForm\" #UserPagingViewElement>\r\n      </BBSF-Paging>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- add user-->\r\n<ng-template #addUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-TextBox [options]=\"AddUsername\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-Phone [options]=\"AddMobileNumber\" [group]=\"AddUserForm\"></BBSF-Phone>\r\n      <BBSF-DropdownList [options]=\"AddUserDepartment\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-Toggleslide [options]=\"AddSendActivationEmail\" [group]=\"AddUserForm\"></BBSF-Toggleslide>\r\n      <BBSF-DropdownList [options]=\"AddUserPermissions\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseUserModal id=\"CloseUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Edit user-->\r\n<ng-template #EditUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-Phone [options]=\"EditMobileNumber\" [group]=\"EditUserForm\"></BBSF-Phone>\r\n      <BBSF-TextBox [options]=\"EditUsername\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditEmail\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]=\"EditUserDepartment\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"EditUserPermissions\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" #CloseEditUserModal id=\"CloseEditUserModal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n<!-- Deactivate/Activate User Modal -->\r\n<ng-template #ActivateUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\" *ngIf=\"!ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Deactivate\")}}\r\n      </h1>\r\n      <h1 class=\"mb-3\" *ngIf=\"ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Activate\")}}\r\n      </h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"!ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"DeactivateConfirmation\")}}\r\n          </div>\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div id=\"\" class=\"\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button type=\"button\" #CloseActivateUserModal id=\"CloseActivateUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n      <button type=\"button\" *ngIf=\"!ShowActivateModelData\" (click)=\"deactivate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ShowActivateModelData\" (click)=\"activate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n<!-- ResetPassword User Modal -->\r\n<ng-template #ResetPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ResetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr class=\"trItem\">\r\n            <td class=\"text-dark\">{{Name}}</td>\r\n            <td>{{Email}}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <div class=\"text-center pt-7\">\r\n      <button id=\"CloseResetPasswordUserModal\" #CloseResetPasswordUserModal type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n\r\n      <button type=\"button\" (click)=\"resetPassword()\" class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- setPassword User Modal -->\r\n<ng-template #setPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"SetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <!-- begin::Table -->\r\n    <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table table-row-dashed fs-6 gy-5 dataTable no-footer \">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"Password\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"ConfirmPassword\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td class=\"align-middle\">{{Name}}</td>\r\n              <td class=\"align-middle\">{{Email}}</td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"Password\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"PasswordConfirmation\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button id=\"ClosesetPasswordUserModal\" #ClosesetPasswordUserModal type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Send Activation Email Modal -->\r\n<ng-template #SendActivationEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"note note-warning text-center\">\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon btn-sm\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseActivationEmailModal id=\"CloseActivationEmailModal\" type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n      <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"sendActivationEmailForUser()\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- confirmation Message  Modal -->\r\n<ng-template #ConfirmationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ConfirmationMessage\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{ConfirmationMessage}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseConfirmationModal id=\"CloseConfirmationModal\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n      </button>\r\n\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==1\" (click)=\"activateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==2\" (click)=\"deactivateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==3\" (click)=\"resetUserPasswordList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==4\" (click)=\"sendActivationEmailForUser()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: UsersComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -21019,10 +20924,11 @@ class userService {
     SetUsersPassword(UserModelsDTO) {
         return this.http.post(this.ApiUrl + 'SetUsersPassword', UserModelsDTO);
     }
-    Export(params) {
+    Export(model) {
         let options = new RequestOptionsModel();
         options.responseType = "arraybuffer";
-        return this.http.download(this.ApiUrl + 'Export', params, options);
+        options.castResponsetoClass = false;
+        return this.http.post(this.ApiUrl + 'Export', model, null, null, options);
     }
     ChangeLanguage(key) {
         let params = new HttpParams();
@@ -21223,15 +21129,6 @@ class UsersComponent {
         this.allSelected = false;
         this.utilityService.stopBlockUI();
     }
-    resetFilters() {
-        this.UsersForm.controls["permissionsets"].setValue([]);
-        this.UsersForm.controls["accountstatus"].setValue([]);
-        this.UsersForm.controls["lockedstatus"].setValue([]);
-        this.UsersForm.controls["departments"].setValue([]);
-        this.UsersForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     searchClientSide(searchValue) {
         if (searchValue)
             this.clientSidePagingResult = this.clientSidePagingResult.filter(function (item) {
@@ -21306,6 +21203,7 @@ class UsersComponent {
         this.UserPaging.DropdownFiltersControlNames = ["permissionsets", "accountstatus", "lockedstatus", "departments"];
         this.UserPaging.Filters = [this.permissionSetsFilter, this.lockedStatusFilter, this.accountStatusFilter, this.departmentsFilter, this.TextInputFilter];
         this.UserPaging.ValidationToken = this.authService.authorizationHeaderValue();
+        this.UserPaging.ResetFilterButtonName = "usersFiltersBtn";
         this.IsFilterLoaded = true;
     }
     //Load lists for filters
@@ -21574,13 +21472,10 @@ class UsersComponent {
     }
     //Export users excel
     exportExcel() {
-        let params = new HttpParams();
-        params = params.append("permissionIds", this.UsersForm.controls["permissionsets"].value == undefined ? "" : this.UsersForm.controls["permissionsets"].value);
-        params = params.append("accountStatusIDs", this.UsersForm.controls["accountstatus"].value == undefined ? "" : this.UsersForm.controls["accountstatus"].value);
-        params = params.append("lockedStatusIds", this.UsersForm.controls["lockedstatus"].value == undefined ? "" : this.UsersForm.controls["lockedstatus"].value);
-        params = params.append("departmentIds", this.UsersForm.controls["departments"].value == undefined ? "" : this.UsersForm.controls["departments"].value);
-        params = params.append("nameFilter", this.UsersForm.controls["searchTextBox"].value == undefined ? "" : this.UsersForm.controls["searchTextBox"].value);
-        this.userService.Export(params).subscribe((result) => {
+        let filters = {};
+        filters = this.pagingElement.getFiltersValue();
+        this.userService.Export(filters).subscribe((result) => {
+            debugger;
             let FileDTO = result;
             const file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
             let fileName = this.utilityService.getResourceValue("Users") + ".xlsx";
@@ -21766,7 +21661,7 @@ class UsersComponent {
     }
 }
 UsersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: UsersComponent, deps: [{ token: i1.AuthService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: PageInfoService }, { token: userService }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-UsersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: UsersComponent, selector: "lib-users", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["UserPagingViewElement"], descendants: true }, { propertyName: "permissionSetDDL", first: true, predicate: ["permissionSetDDL"], descendants: true }, { propertyName: "accountStatusDDL", first: true, predicate: ["accountStatusDDL"], descendants: true }, { propertyName: "lockedStatusDDL", first: true, predicate: ["lockedStatusDDL"], descendants: true }, { propertyName: "departmentsDDL", first: true, predicate: ["departmentsDDL"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"UsersForm\">\r\n          <!-- (OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"UsersForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div *ngIf=\"showGeneralBtns\" ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 dropdown-menu dropdown-menu-right\">\r\n            <form [formGroup]=\"UsersForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #permissionSetDDL [options]=\"permissionSetsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #accountStatusDDL [options]=\"accountStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #lockedStatusDDL [options]=\"lockedStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #departmentsDDL [options]=\"departmentsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                          (click)=\"resetFilters()\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button *ngIf=\"showGeneralBtns\" href=\"javascript:;\" type=\"button\" (click)=\"exportExcel()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\"\r\n                title=\"Export\">\r\n          <i class=\"fas fa-download me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Export\")}}\r\n        </button>\r\n        <button *ngIf=\"showActivateBtn\" type=\"button\" id=\"btnActivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(1, ConfirmationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"Activate\")}}\r\n        </button>\r\n        <button *ngIf=\"showDeactivateBtn\" type=\"button\" id=\"btnDeactivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(2, ConfirmationModal)\">\r\n          <i class=\"fa fa-power-off\"></i>{{utilityService.getResourceValue(\"Deactivate\")}}\r\n        </button>\r\n        <button *ngIf=\"showResetPassBtn\" type=\"button\" id=\"btnResetPass\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(3, ConfirmationModal)\">\r\n          <i class=\"fa fa-cog\"></i>{{utilityService.getResourceValue(\"ResetPassword\")}}\r\n        </button>\r\n        <button *ngIf=\"showSendEmailBtn\" type=\"button\" id=\"btnResendActivation\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(4 , ConfirmationModal)\">\r\n          <i class=\"fa fa-envelope\"></i> {{utilityService.getResourceValue(\"SendActivationEmail\")}}\r\n        </button>\r\n        <button *ngIf=\"showGeneralBtns\" type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddUserModal(addUserModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table container -->\r\n      <div class=\"table-responsive\">\r\n        <!-- begin::Table -->\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer users-table\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"w-50px\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <mat-checkbox (change)=\"selectAllUserList($event,clientSidePagingResult)\" [checked]=\"allSelected\">\r\n                    </mat-checkbox>\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"selectAllUserList($event,UserPagingResult)\" id=\"chk_SelectAll\">-->\r\n                    &nbsp;<span></span>\r\n                  </label>\r\n                </span>\r\n              </th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mobile\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Roles\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n              <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let user of clientSidePagingResult\">\r\n              <td class=\"\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"updateUserList($event,user)\" id=\"User-{{user.id}}\">-->\r\n                    <span></span>\r\n                    <mat-checkbox (change)=\"updateUserList($event,user)\" [(ngModel)]=\"user.selected\">\r\n                    </mat-checkbox>\r\n                  </label>\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"symbol symbol-35px\">\r\n                    <h6 class=\"symbol-label font-size-h5 font-weight-bold bg-light-primary ml-2 mb-0 me-3\">A</h6>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-start flex-column\">\r\n                    <a (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\" href=\"javascript:void(0)\" class=\"text-dark fw-bolder text-hover-primary fs-6\">{{user.nameStr}}</a>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td>{{user.username}}</td>\r\n              <td>{{user.mobile}}</td>\r\n              <td>{{user.permissionset}}</td>\r\n              <td>\r\n                <span class=\"badge badge-light-success\" *ngIf=\"user.isActive==true\">\r\n                  {{utilityService.getResourceValue(\"Active\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false&& user.activationDate!=null\">\r\n                  {{utilityService.getResourceValue(\"Deactivated\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-warning\" *ngIf=\"user.isActive==false&& user.activationDate==null\">\r\n                  {{utilityService.getResourceValue(\"PendingActivation\")}}\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" class=\"menu-item px-3\" ngbDropdownItem (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" *ngIf=\"user.isActive\" id=\"btnDeactivate\" (click)=\"showActivateUserModal(user,false,ActivateUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Deactivate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnactivate\" (click)=\"showActivateUserModal(user,true,ActivateUserModal)\" *ngIf=\"!user.isActive\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Activate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showResetPasswordUserModal(user , ResetPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showsetPasswordUserModal(user, setPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive&&user.activationDate==null\" (click)=\"showSendActivationEmailModal(user , SendActivationEmailModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"6\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!-- end::Table -->\r\n      </div>\r\n      <!-- end::Table container -->\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <!-- begin paging-->\r\n      <BBSF-Paging (Items)=\"setUsersListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"UserPaging\"\r\n                   [group]=\"UsersForm\" #UserPagingViewElement>\r\n      </BBSF-Paging>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- add user-->\r\n<ng-template #addUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-TextBox [options]=\"AddUsername\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-Phone [options]=\"AddMobileNumber\" [group]=\"AddUserForm\"></BBSF-Phone>\r\n      <BBSF-DropdownList [options]=\"AddUserDepartment\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-Toggleslide [options]=\"AddSendActivationEmail\" [group]=\"AddUserForm\"></BBSF-Toggleslide>\r\n      <BBSF-DropdownList [options]=\"AddUserPermissions\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseUserModal id=\"CloseUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Edit user-->\r\n<ng-template #EditUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-Phone [options]=\"EditMobileNumber\" [group]=\"EditUserForm\"></BBSF-Phone>\r\n      <BBSF-TextBox [options]=\"EditUsername\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditEmail\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]=\"EditUserDepartment\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"EditUserPermissions\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" #CloseEditUserModal id=\"CloseEditUserModal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n<!-- Deactivate/Activate User Modal -->\r\n<ng-template #ActivateUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\" *ngIf=\"!ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Deactivate\")}}\r\n      </h1>\r\n      <h1 class=\"mb-3\" *ngIf=\"ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Activate\")}}\r\n      </h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"!ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"DeactivateConfirmation\")}}\r\n          </div>\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div id=\"\" class=\"\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button type=\"button\" #CloseActivateUserModal id=\"CloseActivateUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n      <button type=\"button\" *ngIf=\"!ShowActivateModelData\" (click)=\"deactivate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ShowActivateModelData\" (click)=\"activate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n<!-- ResetPassword User Modal -->\r\n<ng-template #ResetPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ResetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr class=\"trItem\">\r\n            <td class=\"text-dark\">{{Name}}</td>\r\n            <td>{{Email}}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <div class=\"text-center pt-7\">\r\n      <button id=\"CloseResetPasswordUserModal\" #CloseResetPasswordUserModal type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n\r\n      <button type=\"button\" (click)=\"resetPassword()\" class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- setPassword User Modal -->\r\n<ng-template #setPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"SetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <!-- begin::Table -->\r\n    <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table table-row-dashed fs-6 gy-5 dataTable no-footer \">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"Password\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"ConfirmPassword\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td class=\"align-middle\">{{Name}}</td>\r\n              <td class=\"align-middle\">{{Email}}</td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"Password\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"PasswordConfirmation\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button id=\"ClosesetPasswordUserModal\" #ClosesetPasswordUserModal type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Send Activation Email Modal -->\r\n<ng-template #SendActivationEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"note note-warning text-center\">\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon btn-sm\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseActivationEmailModal id=\"CloseActivationEmailModal\" type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n      <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"sendActivationEmailForUser()\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- confirmation Message  Modal -->\r\n<ng-template #ConfirmationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ConfirmationMessage\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{ConfirmationMessage}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseConfirmationModal id=\"CloseConfirmationModal\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n      </button>\r\n\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==1\" (click)=\"activateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==2\" (click)=\"deactivateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==3\" (click)=\"resetUserPasswordList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==4\" (click)=\"sendActivationEmailForUser()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+UsersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: UsersComponent, selector: "lib-users", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["UserPagingViewElement"], descendants: true }, { propertyName: "permissionSetDDL", first: true, predicate: ["permissionSetDDL"], descendants: true }, { propertyName: "accountStatusDDL", first: true, predicate: ["accountStatusDDL"], descendants: true }, { propertyName: "lockedStatusDDL", first: true, predicate: ["lockedStatusDDL"], descendants: true }, { propertyName: "departmentsDDL", first: true, predicate: ["departmentsDDL"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"UsersForm\">\r\n          <!-- (OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"UsersForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div *ngIf=\"showGeneralBtns\" ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 dropdown-menu dropdown-menu-right\">\r\n            <form [formGroup]=\"UsersForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #permissionSetDDL [options]=\"permissionSetsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #accountStatusDDL [options]=\"accountStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #lockedStatusDDL [options]=\"lockedStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #departmentsDDL [options]=\"departmentsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"usersFiltersBtn\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button *ngIf=\"showGeneralBtns\" href=\"javascript:;\" type=\"button\" (click)=\"exportExcel()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\"\r\n                title=\"Export\">\r\n          <i class=\"fas fa-download me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Export\")}}\r\n        </button>\r\n        <button *ngIf=\"showActivateBtn\" type=\"button\" id=\"btnActivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(1, ConfirmationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"Activate\")}}\r\n        </button>\r\n        <button *ngIf=\"showDeactivateBtn\" type=\"button\" id=\"btnDeactivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(2, ConfirmationModal)\">\r\n          <i class=\"fa fa-power-off\"></i>{{utilityService.getResourceValue(\"Deactivate\")}}\r\n        </button>\r\n        <button *ngIf=\"showResetPassBtn\" type=\"button\" id=\"btnResetPass\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(3, ConfirmationModal)\">\r\n          <i class=\"fa fa-cog\"></i>{{utilityService.getResourceValue(\"ResetPassword\")}}\r\n        </button>\r\n        <button *ngIf=\"showSendEmailBtn\" type=\"button\" id=\"btnResendActivation\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(4 , ConfirmationModal)\">\r\n          <i class=\"fa fa-envelope\"></i> {{utilityService.getResourceValue(\"SendActivationEmail\")}}\r\n        </button>\r\n        <button *ngIf=\"showGeneralBtns\" type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddUserModal(addUserModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table container -->\r\n      <div class=\"table-responsive\">\r\n        <!-- begin::Table -->\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer users-table\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"w-50px\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <mat-checkbox (change)=\"selectAllUserList($event,clientSidePagingResult)\" [checked]=\"allSelected\">\r\n                    </mat-checkbox>\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"selectAllUserList($event,UserPagingResult)\" id=\"chk_SelectAll\">-->\r\n                    &nbsp;<span></span>\r\n                  </label>\r\n                </span>\r\n              </th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mobile\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Roles\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n              <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let user of clientSidePagingResult\">\r\n              <td class=\"\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"updateUserList($event,user)\" id=\"User-{{user.id}}\">-->\r\n                    <span></span>\r\n                    <mat-checkbox (change)=\"updateUserList($event,user)\" [(ngModel)]=\"user.selected\">\r\n                    </mat-checkbox>\r\n                  </label>\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"symbol symbol-35px\">\r\n                    <h6 class=\"symbol-label font-size-h5 font-weight-bold bg-light-primary ml-2 mb-0 me-3\">A</h6>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-start flex-column\">\r\n                    <a (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\" href=\"javascript:void(0)\" class=\"text-dark fw-bolder text-hover-primary fs-6\">{{user.nameStr}}</a>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td>{{user.username}}</td>\r\n              <td>{{user.mobile}}</td>\r\n              <td>{{user.permissionset}}</td>\r\n              <td>\r\n                <span class=\"badge badge-light-success\" *ngIf=\"user.isActive==true\">\r\n                  {{utilityService.getResourceValue(\"Active\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false&& user.activationDate!=null\">\r\n                  {{utilityService.getResourceValue(\"Deactivated\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-warning\" *ngIf=\"user.isActive==false&& user.activationDate==null\">\r\n                  {{utilityService.getResourceValue(\"PendingActivation\")}}\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" class=\"menu-item px-3\" ngbDropdownItem (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" *ngIf=\"user.isActive\" id=\"btnDeactivate\" (click)=\"showActivateUserModal(user,false,ActivateUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Deactivate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnactivate\" (click)=\"showActivateUserModal(user,true,ActivateUserModal)\" *ngIf=\"!user.isActive\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Activate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showResetPasswordUserModal(user , ResetPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showsetPasswordUserModal(user, setPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive&&user.activationDate==null\" (click)=\"showSendActivationEmailModal(user , SendActivationEmailModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"6\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!-- end::Table -->\r\n      </div>\r\n      <!-- end::Table container -->\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <!-- begin paging-->\r\n      <BBSF-Paging (Items)=\"setUsersListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"UserPaging\"\r\n                   [group]=\"UsersForm\" #UserPagingViewElement>\r\n      </BBSF-Paging>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- add user-->\r\n<ng-template #addUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-TextBox [options]=\"AddUsername\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-Phone [options]=\"AddMobileNumber\" [group]=\"AddUserForm\"></BBSF-Phone>\r\n      <BBSF-DropdownList [options]=\"AddUserDepartment\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-Toggleslide [options]=\"AddSendActivationEmail\" [group]=\"AddUserForm\"></BBSF-Toggleslide>\r\n      <BBSF-DropdownList [options]=\"AddUserPermissions\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseUserModal id=\"CloseUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Edit user-->\r\n<ng-template #EditUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-Phone [options]=\"EditMobileNumber\" [group]=\"EditUserForm\"></BBSF-Phone>\r\n      <BBSF-TextBox [options]=\"EditUsername\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditEmail\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]=\"EditUserDepartment\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"EditUserPermissions\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" #CloseEditUserModal id=\"CloseEditUserModal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n<!-- Deactivate/Activate User Modal -->\r\n<ng-template #ActivateUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\" *ngIf=\"!ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Deactivate\")}}\r\n      </h1>\r\n      <h1 class=\"mb-3\" *ngIf=\"ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Activate\")}}\r\n      </h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"!ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"DeactivateConfirmation\")}}\r\n          </div>\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div id=\"\" class=\"\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button type=\"button\" #CloseActivateUserModal id=\"CloseActivateUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n      <button type=\"button\" *ngIf=\"!ShowActivateModelData\" (click)=\"deactivate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ShowActivateModelData\" (click)=\"activate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n<!-- ResetPassword User Modal -->\r\n<ng-template #ResetPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ResetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr class=\"trItem\">\r\n            <td class=\"text-dark\">{{Name}}</td>\r\n            <td>{{Email}}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <div class=\"text-center pt-7\">\r\n      <button id=\"CloseResetPasswordUserModal\" #CloseResetPasswordUserModal type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n\r\n      <button type=\"button\" (click)=\"resetPassword()\" class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- setPassword User Modal -->\r\n<ng-template #setPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"SetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <!-- begin::Table -->\r\n    <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table table-row-dashed fs-6 gy-5 dataTable no-footer \">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"Password\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"ConfirmPassword\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td class=\"align-middle\">{{Name}}</td>\r\n              <td class=\"align-middle\">{{Email}}</td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"Password\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"PasswordConfirmation\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button id=\"ClosesetPasswordUserModal\" #ClosesetPasswordUserModal type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Send Activation Email Modal -->\r\n<ng-template #SendActivationEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"note note-warning text-center\">\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon btn-sm\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseActivationEmailModal id=\"CloseActivationEmailModal\" type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n      <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"sendActivationEmailForUser()\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- confirmation Message  Modal -->\r\n<ng-template #ConfirmationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ConfirmationMessage\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{ConfirmationMessage}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseConfirmationModal id=\"CloseConfirmationModal\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n      </button>\r\n\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==1\" (click)=\"activateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==2\" (click)=\"deactivateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==3\" (click)=\"resetUserPasswordList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==4\" (click)=\"sendActivationEmailForUser()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: UsersComponent, decorators: [{
             type: Component,
             args: [{
@@ -22374,10 +22269,11 @@ class localizationsService {
     generateStronglyTypedClass() {
         return this.http.get(this.ApiUrl + 'GenerateStronglyTypedClass');
     }
-    export(params) {
+    export(filtersModel) {
         let options = new RequestOptionsModel();
         options.responseType = "arraybuffer";
-        return this.http.download(this.ApiUrl + 'Export', params, options);
+        options.castResponsetoClass = false;
+        return this.http.post(this.ApiUrl + 'Export', filtersModel, null, null, options);
     }
     findResource(findModel) {
         return this.http.post(this.ApiUrl + 'FindResource', findModel);
@@ -22427,10 +22323,13 @@ class LocalizationsComponent {
         this.deleteResourceList = [];
         this.deleteControlLoaded = false;
         this.exportControlLoaded = false;
+        this.exportAsTemplate = false;
         this.reloadControlLoaded = false;
         this.restToFactoryDefaultControlLoaded = false;
         this.exportExcelFunction = (params) => {
-            return this.localizationsService.export(params);
+            let filters = this.pagingElement.getFiltersValue();
+            filters["exportAsTemplate"] = this.exportAsTemplate;
+            return this.localizationsService.export(filters);
         };
         this.onExportSuccessHandler = (result) => {
             let FileDTO = result;
@@ -22516,12 +22415,6 @@ class LocalizationsComponent {
         this.localizationPagingResult = result;
         this.filteredLocalizationPagingResult = this.localizationPagingResult;
     }
-    resetFilters() {
-        this.localizationForm.controls["ResourceSet"].setValue([]);
-        this.localizationForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     selectAllLocalizationList(event, Localizations) {
         if (event.target.checked) {
             for (let index = 0; index < Localizations.length; index++) {
@@ -22580,23 +22473,18 @@ class LocalizationsComponent {
             this.localizationPaging.OnKeyPressFiltersControlNames = ["searchTextBox"];
             this.localizationPaging.DropdownFiltersControlNames = ["ResourceSet"];
             this.localizationPaging.Filters = [this.resourceSetFilter, this.textInputFilter];
+            this.localizationPaging.ResetFilterButtonName = "localizationsFiltersBtn";
             this.isFilterLoaded = true;
         });
     }
     ///////////Start of Export part//////////////////////
     showExportExcelModal(ExportAsTemplate = false) {
-        let paramArray = [];
-        let params = new HttpParams();
-        params = params.append("resourceSet", this.localizationForm.controls["ResourceSet"].value == undefined ? "" : this.localizationForm.controls["ResourceSet"].value);
-        params = params.append("resourceName", this.localizationForm.controls["searchTextBox"].value == undefined ? "" : this.localizationForm.controls["searchTextBox"].value);
-        params = params.append("exportAsTemplate", ExportAsTemplate.toString());
-        paramArray.push(params);
+        this.exportAsTemplate = ExportAsTemplate;
         this.exportControlLoaded = false;
         this.exportConfirmationOptions = new ConfirmationModalOptions();
         this.exportConfirmationOptions.ServiceSubmitFunction = this.exportExcelFunction;
         this.exportConfirmationOptions.PagingReference = this.pagingElement;
         this.exportConfirmationOptions.OnSuccessHandler = this.onExportSuccessHandler;
-        this.exportConfirmationOptions.ServiceSubmitModel = paramArray;
         this.exportConfirmationOptions.ConfirmationBody = this.utilityService.getResourceValue("ExportResourcesConfirmation");
         this.exportConfirmationOptions.ConfirmationHeader = this.utilityService.getResourceValue("ExportResources");
         this.exportConfirmationOptions.SubmitButtonText = this.utilityService.getResourceValue("Export");
@@ -22872,7 +22760,7 @@ class LocalizationsComponent {
     }
 }
 LocalizationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent, deps: [{ token: PageInfoService }, { token: i1.UtilityService }, { token: i1.EnvironmentService }, { token: i9.DatePipe }, { token: i3.ClipboardService }, { token: localizationsService }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LocalizationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LocalizationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"localizationsFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent, decorators: [{
             type: Component,
             args: [{
@@ -23566,12 +23454,6 @@ class PermissionsComponent {
         this.permissionsPagingResult = result;
         this.filteredPermissionsPagingResult = this.permissionsPagingResult;
     }
-    //Filter functions
-    resetFilters() {
-        this.permissionsForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     //initialize page
     initializePage() {
         this.permissionsService.loadDropdown().subscribe((result) => {
@@ -23882,12 +23764,6 @@ class PermissionsetsComponent {
         this.permissionSetPagingResult = result;
         this.filteredPermissionSetPagingResult = this.permissionSetPagingResult;
     }
-    //Filter functions
-    resetFilters() {
-        this.permissionSetForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     ///////////// Start add PermissionSet Part//////////////////////
     showAddPermissionSetModal(AddPermissionSetModal) {
         this.utilityService.startBlockUI();
@@ -24129,12 +24005,6 @@ class PermissionSetInfoComponent {
         this.userPermissionSetPagingResult = result;
         this.filteredUserPermissionSetPagingResult = this.userPermissionSetPagingResult;
     }
-    //Reset all Filters
-    resetFilters() {
-        this.userPermissionSetForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     //Get parent PermissionSets name and set page title and breadcrumbs
     loadBreadCrumpData() {
         this.permissionSetService.getPermissionSetInfo(this.PermissionSetId).subscribe((result) => {
@@ -25014,6 +24884,7 @@ class TemplatesComponent {
         this.TemplatePaging.DropdownFiltersControlNames = ["Category", "Type"];
         this.TemplatePaging.Filters = [this.CategoryFilter, this.TypeFilter, this.TextInputFilter];
         this.TemplatePaging.ValidationToken = this.authService.authorizationHeaderValue();
+        this.TemplatePaging.ResetFilterButtonName = "templatesFiltersBtn";
         this.IsFilterLoaded = true;
     }
     //Load filters lists
@@ -25046,13 +24917,6 @@ class TemplatesComponent {
         this.ShowPageContent = true;
         this.utilityService.stopBlockUI();
     }
-    resetFilters() {
-        this.TemplateForm.controls["Category"].setValue([]);
-        this.TemplateForm.controls["Type"].setValue([]);
-        this.TemplateForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     searchClientSide(searchValue) {
         if (searchValue)
             this.clientSidePagingResult = this.clientSidePagingResult.filter(function (item) {
@@ -25338,7 +25202,7 @@ class TemplatesComponent {
     }
 }
 TemplatesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TemplatesComponent, deps: [{ token: i1.AuthService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i3.ClipboardService }, { token: TemplateService }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-TemplatesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TemplatesComponent, selector: "lib-templates", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["TemplatePagingViewElement"], descendants: true }, { propertyName: "categoriesDDL", first: true, predicate: ["categoriesDDL"], descendants: true }, { propertyName: "typesDDL", first: true, predicate: ["typesDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"TemplateForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"TemplateForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n            <form [formGroup]=\"TemplateForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #categoriesDDL [options]=\"CategoryOptions\" [group]=\"TemplateForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #typesDDL [options]=\"TypeOptions\" [group]=\"TemplateForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                          (click)=\"resetFilters()\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGenerateAllUpdateCodeModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateUpdateCode\")}}\r\n        </button>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGeneratSysNameModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n        </button>\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-sm btn-primary\" (click)=\"showAddTemplateModal(AddTemplateModal)\">\r\n          <i class=\"kt-nav__link-icon fa fa-plus\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table -->\r\n      <div class=\"table-responsive\">\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Category\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n              <th class=\"mw-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n              <th class=\"mw-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let Template of clientSidePagingResult\">\r\n              <td>\r\n                <a href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Notifications/TemplateInfo',Template.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                   class=\"text-dark\">{{Template.nameStr}}</a>\r\n              </td>\r\n              <td>{{Template.descriptionStr}}</td>\r\n              <td>{{Template.categoryItemNameStr}}</td>\r\n\r\n              <td>{{Template.isEmail==true?\"Email\":\"SMS\"}}</td>\r\n              <td *ngIf=\"!ProductionMode\">{{Template.sysName}}</td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\"\r\n                            (click)=\"showEditTemplateModal(Template.iD_GUID,EditTemplateModal)\">\r\n                      <span class=\"drop-link px-3\"> {{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showGenerateCodeByIdModal(Template.iD_GUID,GenerateCodeModal)\">\r\n                      <span class=\"drop-link px-3\"> {{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showDeleteEmailTemplateModal(Template.iD_GUID)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setTemplateListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"TemplatePaging\" [group]=\"TemplateForm\" #TemplatePagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"AddSysName\" [group]=\"AddTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddOrganization\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddLanguageMode\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddCategory\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddMasterLayout\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsEmail\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsSms\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddEnableIntensiveLogging\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseTemplateModal id=\"CloseTemplateModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- edit Modal -->\r\n<ng-template #EditTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"EditTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditOrganization\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLanguageMode\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditCategory\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditMasterLayout\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsEmail\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsSms\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditEnableIntensiveLogging\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditTemplateModal id=\"CloseEditTemplateModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n      <BBSF-TextArea [options]=\"GenerateCodeTextArea\" [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n      </BBSF-TextArea>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+TemplatesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TemplatesComponent, selector: "lib-templates", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["TemplatePagingViewElement"], descendants: true }, { propertyName: "categoriesDDL", first: true, predicate: ["categoriesDDL"], descendants: true }, { propertyName: "typesDDL", first: true, predicate: ["typesDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"TemplateForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"TemplateForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n            <form [formGroup]=\"TemplateForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #categoriesDDL [options]=\"CategoryOptions\" [group]=\"TemplateForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #typesDDL [options]=\"TypeOptions\" [group]=\"TemplateForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"templatesFiltersBtn\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGenerateAllUpdateCodeModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateUpdateCode\")}}\r\n        </button>\r\n        <button id=\"btnSetPass\" class=\"btn btn-light-primary btn-sm me-3\"\r\n                (click)=\"showGeneratSysNameModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n        </button>\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-sm btn-primary\" (click)=\"showAddTemplateModal(AddTemplateModal)\">\r\n          <i class=\"kt-nav__link-icon fa fa-plus\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table -->\r\n      <div class=\"table-responsive\">\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Category\")}}</th>\r\n              <th class=\"mw-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n              <th class=\"mw-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n              <th class=\"mw-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let Template of clientSidePagingResult\">\r\n              <td>\r\n                <a href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Notifications/TemplateInfo',Template.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                   class=\"text-dark\">{{Template.nameStr}}</a>\r\n              </td>\r\n              <td>{{Template.descriptionStr}}</td>\r\n              <td>{{Template.categoryItemNameStr}}</td>\r\n\r\n              <td>{{Template.isEmail==true?\"Email\":\"SMS\"}}</td>\r\n              <td *ngIf=\"!ProductionMode\">{{Template.sysName}}</td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\"\r\n                            (click)=\"showEditTemplateModal(Template.iD_GUID,EditTemplateModal)\">\r\n                      <span class=\"drop-link px-3\"> {{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showGenerateCodeByIdModal(Template.iD_GUID,GenerateCodeModal)\">\r\n                      <span class=\"drop-link px-3\"> {{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showDeleteEmailTemplateModal(Template.iD_GUID)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setTemplateListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"TemplatePaging\" [group]=\"TemplateForm\" #TemplatePagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"AddSysName\" [group]=\"AddTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddOrganization\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddLanguageMode\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddCategory\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddMasterLayout\" [group]=\"AddTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsEmail\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsSms\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddEnableIntensiveLogging\" [group]=\"AddTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseTemplateModal id=\"CloseTemplateModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- edit Modal -->\r\n<ng-template #EditTemplateModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Template\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"EditTemplateFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditTemplateForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditTemplateForm\">\r\n          </BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"!ProductionMode\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditTemplateForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditOrganization\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLanguageMode\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditCategory\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditMasterLayout\" [group]=\"EditTemplateForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsEmail\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsSms\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditEnableIntensiveLogging\" [group]=\"EditTemplateForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditTemplateModal id=\"CloseEditTemplateModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n      <BBSF-TextArea [options]=\"GenerateCodeTextArea\" [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n      </BBSF-TextArea>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TemplatesComponent, decorators: [{
             type: Component,
             args: [{
@@ -26300,13 +26164,6 @@ class LookupComponent {
         this.lookupPagingResult = result;
         this.filteredLookupPagingResult = this.lookupPagingResult;
     }
-    //Filter functions
-    resetFilters() {
-        this.lookupForm.controls["Type"].setValue([]);
-        this.lookupForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     initializePage() {
         this.lookupService.loadDropdown().subscribe((result) => {
             let DropdownLists = result;
@@ -26339,6 +26196,7 @@ class LookupComponent {
             this.lookupPaging.OnKeyPressFiltersControlNames = ["searchTextBox"];
             this.lookupPaging.DropdownFiltersControlNames = ["Type"];
             this.lookupPaging.Filters = [this.lookupGroupFilter, this.textInputFilter];
+            this.lookupPaging.ResetFilterButtonName = "lookupsFiltersBtn";
             this.isFilterLoaded = true;
         });
     }
@@ -26554,7 +26412,7 @@ class LookupComponent {
     }
 }
 LookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupComponent, deps: [{ token: PageInfoService }, { token: i1.UtilityService }, { token: i1.EnvironmentService }, { token: i3.ClipboardService }, { token: LookupService }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupComponent, selector: "lib-lookup", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n           <!--(OnChange)=\"filterLookupList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupForm\"></BBSF-TextBox>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"lookupGroupsOptions\" [group]=\"lookupForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateApplicationEnumsModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateApplicationEnums\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateSysNameModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddLookupModal(AddLookupModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::Permission list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LookupGroups\")}}</th>\r\n                <th class=\"min-w-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              \r\n              <tr *ngFor=\"let Lookup of filteredLookupPagingResult\">\r\n                <td>\r\n                  <a  href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Lookups/LookupItems', Lookup.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                     class=\"text-dark\">{{Lookup.lookupName}}</a>\r\n                </td>\r\n                <td >{{Lookup.lookupDescription}}</td>\r\n                <td >{{Lookup.lookupGroupName}}</td>\r\n                <td *ngIf=\"!ProductionMode\" class=\"align-middle\">{{Lookup.sysName}}</td>\r\n                <td>\r\n                  <span *ngIf=\"Lookup.manageable;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showEditLookupModal(Lookup.iD_GUID,EditLookupModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showGenerateCodeByIdModal(Lookup.iD_GUID,GenerateCodeModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"(!ProductionMode) ||(Lookup.manageable==true)\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupModal(Lookup.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupPagingResult.length == 0\">\r\n                <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::Permission list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupListResult($event)\" *ngIf=\"isFilterLoaded\"\r\n                     [options]=\"lookupPaging\" [group]=\"lookupForm\" #LookupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualDescription\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-TextBox [options]=\"sysName\" [group]=\"addLookupForm\"></BBSF-TextBox>\r\n        </div>\r\n\r\n        <BBSF-DropdownList [options]=\"lookupGroups\" [group]=\"addLookupForm\"></BBSF-DropdownList>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-CheckBox [options]=\"isManageable\" [group]=\"addLookupForm\"></BBSF-CheckBox>\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupModal id=\"CloseLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n        </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualDescription\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-TextBox *ngIf=\"!ProductionMode\" [options]=\"editSysName\" [group]=\"editLookupForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]=\"editLookupGroups\" [group]=\"editLookupForm\">\r\n        </BBSF-DropdownList>\r\n        <BBSF-CheckBox *ngIf=\"!ProductionMode\" [options]=\"editIsManageable\" [group]=\"editLookupForm\">\r\n        </BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupModal id=\"CloseEditLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- GenerateCode Modal -->\r\n  <ng-template #GenerateCodeModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"generateCodeFormOptions\">\r\n        <div>\r\n          <BBSF-TextArea [options]=\"generateCodeTextArea\" [group]=\"generateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupComponent, selector: "lib-lookup", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n           <!--(OnChange)=\"filterLookupList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupForm\"></BBSF-TextBox>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"lookupGroupsOptions\" [group]=\"lookupForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"lookupsFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateApplicationEnumsModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateApplicationEnums\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateSysNameModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddLookupModal(AddLookupModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::Permission list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LookupGroups\")}}</th>\r\n                <th class=\"min-w-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              \r\n              <tr *ngFor=\"let Lookup of filteredLookupPagingResult\">\r\n                <td>\r\n                  <a  href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Lookups/LookupItems', Lookup.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                     class=\"text-dark\">{{Lookup.lookupName}}</a>\r\n                </td>\r\n                <td >{{Lookup.lookupDescription}}</td>\r\n                <td >{{Lookup.lookupGroupName}}</td>\r\n                <td *ngIf=\"!ProductionMode\" class=\"align-middle\">{{Lookup.sysName}}</td>\r\n                <td>\r\n                  <span *ngIf=\"Lookup.manageable;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showEditLookupModal(Lookup.iD_GUID,EditLookupModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showGenerateCodeByIdModal(Lookup.iD_GUID,GenerateCodeModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"(!ProductionMode) ||(Lookup.manageable==true)\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupModal(Lookup.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupPagingResult.length == 0\">\r\n                <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::Permission list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupListResult($event)\" *ngIf=\"isFilterLoaded\"\r\n                     [options]=\"lookupPaging\" [group]=\"lookupForm\" #LookupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualDescription\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-TextBox [options]=\"sysName\" [group]=\"addLookupForm\"></BBSF-TextBox>\r\n        </div>\r\n\r\n        <BBSF-DropdownList [options]=\"lookupGroups\" [group]=\"addLookupForm\"></BBSF-DropdownList>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-CheckBox [options]=\"isManageable\" [group]=\"addLookupForm\"></BBSF-CheckBox>\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupModal id=\"CloseLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n        </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualDescription\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-TextBox *ngIf=\"!ProductionMode\" [options]=\"editSysName\" [group]=\"editLookupForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]=\"editLookupGroups\" [group]=\"editLookupForm\">\r\n        </BBSF-DropdownList>\r\n        <BBSF-CheckBox *ngIf=\"!ProductionMode\" [options]=\"editIsManageable\" [group]=\"editLookupForm\">\r\n        </BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupModal id=\"CloseEditLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- GenerateCode Modal -->\r\n  <ng-template #GenerateCodeModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"generateCodeFormOptions\">\r\n        <div>\r\n          <BBSF-TextArea [options]=\"generateCodeTextArea\" [group]=\"generateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupComponent, decorators: [{
             type: Component,
             args: [{
@@ -26668,12 +26526,6 @@ class LookupGroupComponent {
         this.filteredLookupGroupsPagingResult = this.lookupGroupsPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Filter functions
-    resetFilters() {
-        this.lookupGroupsForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     initializePage() {
         this.searchTextBox = new TextBoxOptions();
         this.searchTextBox.Name = "searchTextBox";
@@ -26875,12 +26727,6 @@ class LookupItemComponent {
         this.lookupItemPagingResult = result;
         this.filteredLookupItemPagingResult = this.lookupItemPagingResult;
     }
-    //Reset all Filters
-    resetFilters() {
-        this.lookupItemForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     initializePage() {
         this.lookupService.getLookupInfo(this.LookupId).subscribe((result) => {
             this.isFilterLoaded = false;
@@ -27509,12 +27355,6 @@ class DepartmentInfoComponent$1 {
         this.FilteredUserDepartmentPagingResult = this.UserDepartmentPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Reset all Filters
-    resetFilters() {
-        this.UserDepartmentForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     //Get parent department name and set page title and breadcrumbs
     loadBreadCrumpData() {
         this.departmentService.getDepartmentInfo(this.DepartmentId).subscribe((result) => {
@@ -27860,12 +27700,6 @@ class SectorComponent {
         this.filteredSectorPagingResult = this.sectorPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Filter functions
-    resetFilters() {
-        this.SectorForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     ///////////// Start add sector Part//////////////////////
     showAddSectorModal(AddSectorModal) {
         this.utilityService.startBlockUI();
@@ -28020,12 +27854,6 @@ class SectorInfoComponent {
         this.filteredDepartmentSectorPagingResult = this.departmentSectorPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Reset all Filters
-    resetFilters() {
-        this.departmentSectorForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     initializePage() {
         this.sectorService.getSectorInfo(this.SectorId).subscribe((result) => {
             this.isFilterLoaded = false;
@@ -28193,12 +28021,6 @@ class DepartmentInfoComponent {
         this.filteredUserDepartmentPagingResult = this.userDepartmentPagingResult;
         this.utilityService.stopBlockUI();
     }
-    //Reset all Filters
-    resetFilters() {
-        this.userDepartmentForm.controls["searchTextBox"].setValue(null);
-        let element = this.pageInfoService;
-        element.ReinitializePaging();
-    }
     //Get parent department name and set page title and breadcrumbs
     loadBreadCrumpData() {
         this.departmentService.getDepartmentInfo(this.DepartmentId).subscribe((result) => {
@@ -29976,12 +29798,6 @@ class JobsComponent {
         this.enqueuedPagingResult = result;
         this.filteredEnqueuedPagingResult = this.enqueuedPagingResult;
     }
-    //Filter functions
-    resetFilters() {
-        this.enqueuedForm.controls["searchTextBox"].setValue(null);
-        let element = this.enqueuedInput;
-        element.ReinitializePaging();
-    }
     //Scheduled Paging functions
     setScheduledListResult(result) {
         this.scheduledPagingResult = result;
@@ -35488,6 +35304,7 @@ class ProviderComponent {
         this.ProviderPaging.DropdownFiltersControlNames = ["providerTypesFilterOption", "sortingFilterOption"];
         this.ProviderPaging.Filters = [this.TextInputFilter, this.providerTypesFilter, this.sortingFilter];
         this.ProviderPaging.ValidationToken = this.authService.authorizationHeaderValue();
+        this.ProviderPaging.ResetFilterButtonName = "providerFiltersBtn";
         this.IsFilterLoaded = true;
     }
     //Load filters lists
@@ -35514,13 +35331,6 @@ class ProviderComponent {
         this.ShowPageContent = true;
         this.utilityService.stopBlockUI();
     }
-    resetFilters() {
-        this.ProviderForm.controls["providerTypesFilterOption"].setValue([]);
-        this.ProviderForm.controls["sortingFilterOption"].setValue([]);
-        this.ProviderForm.controls["searchTextBox"].setValue(null);
-        let element = this.pagingElement;
-        element.ReinitializePaging();
-    }
     searchClientSide(searchValue) {
         if (searchValue)
             this.clientSidePagingResult = this.clientSidePagingResult.filter(function (item) {
@@ -35840,7 +35650,7 @@ class ProviderComponent {
     }
 }
 ProviderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent, deps: [{ token: ProviderService }, { token: i5.NgbModal }, { token: i1.AuthService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ProviderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ProviderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"providerFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent, decorators: [{
             type: Component,
             args: [{