@bnsights/bbsf-admin-portal 1.0.4 → 1.0.5

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

@@ -3305,7 +3305,6 @@ class MasterlayoutComponent {
         this.extrasScrollTopDisplay = false;
         this.currentTheme = "ltr";
         this.translateService.use(this.UtilityService.getCurrentLanguage());
-        console.log("from masterlayout constructor", this.UtilityService.getCurrentLanguage());
         this.loadUI();
     }
     ToggleAnimation() {
@@ -3755,8 +3754,7 @@ class LocalizationsComponent$1 {
             let FileDTO = result;
             const file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
             saveAs(file, `Localizations${this.datePipe.transform(new Date(), "dd-MM-YYYY hh:mm").toString()}.xlsx`);
-            let element = this.pagingElement;
-            element.UpdatePaging();
+            window.location.reload();
         };
         this.getAddResourceModal = () => {
             let paramArray = [];
@@ -7461,7 +7459,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            <BBSF-TextBox [options]=\"searchTextBox\" (OnChange)=\"filterLookupList($event)\" [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 *ngIf=\"lookupGroupsList.length>0\" 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-50px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n\r\n                <th class=\"min-w-150px\">{{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.idEncrypted]\" 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.idEncrypted,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.idEncrypted,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.idEncrypted)\">\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: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, 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.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.ɵe, 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            <BBSF-TextBox [options]=\"searchTextBox\" (OnChange)=\"filterLookupList($event)\" [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 *ngIf=\"lookupGroupsList.length>0\" 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.idEncrypted]\" 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.idEncrypted,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.idEncrypted,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.idEncrypted)\">\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: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, 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.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.ɵe, 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: [{
@@ -9340,6 +9338,28 @@ class ConfigurationModel$1 {
     }
 }
 
+var ConfigurationTypes$1;
+(function (ConfigurationTypes) {
+    ConfigurationTypes[ConfigurationTypes["Text"] = 31001] = "Text";
+    ConfigurationTypes[ConfigurationTypes["DDL"] = 31002] = "DDL";
+    ConfigurationTypes[ConfigurationTypes["Toggle"] = 31003] = "Toggle";
+    ConfigurationTypes[ConfigurationTypes["PV"] = 31004] = "PV";
+})(ConfigurationTypes$1 || (ConfigurationTypes$1 = {}));
+
+var ConfigurationScope$1;
+(function (ConfigurationScope) {
+    ConfigurationScope[ConfigurationScope["App"] = 6001] = "App";
+    ConfigurationScope[ConfigurationScope["PermissionSet"] = 6002] = "PermissionSet";
+    ConfigurationScope[ConfigurationScope["User"] = 6003] = "User";
+})(ConfigurationScope$1 || (ConfigurationScope$1 = {}));
+;
+
+var ConfigurationValueSource$1;
+(function (ConfigurationValueSource) {
+    ConfigurationValueSource[ConfigurationValueSource["Lookup"] = 32001] = "Lookup";
+    ConfigurationValueSource[ConfigurationValueSource["Function"] = 32002] = "Function";
+})(ConfigurationValueSource$1 || (ConfigurationValueSource$1 = {}));
+
 class ConfigurationsService$1 {
     constructor(http) {
         this.http = http;
@@ -9420,6 +9440,8 @@ class ConfigurationComponent$1 {
         this.ShowDropDownSource = false;
         this.ShowLookupItemsList = false;
         this.ShowSourceFunctionData = false;
+        this.showFunctionNotFoundError = false;
+        this.sourceFunctionDataNotLoaded = false;
         //Add Model Controls
         this.AddConfigurationForm = new FormGroup({});
         this.SourceFuncValue = new DropdownOptions();
@@ -9483,35 +9505,35 @@ class ConfigurationComponent$1 {
             let EditModel = new ConfigurationModel$1();
             EditModel.ID = this.ConfigurationId;
             EditModel.ValueType = this.ConfigurationValueType;
+            EditModel.ScopeId = this.EditConfigurationScopeID;
             EditModel.Key = ResultModel.EditKey;
-            console.log(this.EditConfigurationTypeName);
-            switch (this.EditConfigurationTypeName) {
-                case "Text":
+            switch (this.EditConfigurationTypeID) {
+                case ConfigurationTypes$1.Text:
                     EditModel.TextValue = ResultModel.EditTextValue;
                     EditModel.DefaultTextValue = ResultModel.EditTextDefaultValue;
                     break;
-                case "Toggle":
+                case ConfigurationTypes$1.Toggle:
                     EditModel.BoolValue = ResultModel.EditValueToggele;
                     EditModel.DefaultBoolValue = ResultModel.EditDefaultValueToggele;
                     break;
-                case "Dropdown List":
-                    if (this.EditConfigurationDDLSourceName == "Lookup") {
+                case ConfigurationTypes$1.DDL:
+                    if (this.EditConfigurationDDLSourceID == ConfigurationValueSource$1.Lookup) {
                         EditModel.SelectedLookupID = Number(ResultModel.EditLookup);
                         EditModel.Value = ResultModel.EditLookupValue;
                         EditModel.DefaultValue = ResultModel.EditLookupDefaultValue;
                     }
-                    else if (this.EditConfigurationDDLSourceName == "Function") {
+                    else if (this.EditConfigurationDDLSourceID == ConfigurationValueSource$1.Function) {
                         EditModel.SourceFunctionName = ResultModel.EditFunctionSourcePath;
                         EditModel.Value = ResultModel.EditSourceFuncValue;
                         EditModel.DefaultValue = ResultModel.EditSourceFuncDefaultValue;
                     }
                     break;
             }
-            if (this.EditConfigurationScopeName == "User") {
+            if (this.EditConfigurationScopeID == ConfigurationScope$1.User) {
                 console.log(Number(ResultModel.EditUser));
                 EditModel.UserID = Number(ResultModel.EditUser);
             }
-            else if (this.EditConfigurationScopeName == "Permission set")
+            else if (this.EditConfigurationScopeID == ConfigurationScope$1.PermissionSet)
                 EditModel.PermissionSetID = Number(ResultModel.EditPermissionSet);
             paramArray.push(EditModel);
             return paramArray;
@@ -9581,6 +9603,7 @@ class ConfigurationComponent$1 {
     //Add configuration
     showAddConfigurationModal(AddConfigurationModal) {
         this.utilityService.startBlockUI();
+        this.resetConfigurationFlags();
         this.ConfigurationsService.loadAddDropdowns().subscribe((result) => {
             //Lists loading
             let resultObj = result;
@@ -9597,50 +9620,13 @@ class ConfigurationComponent$1 {
             this.AddConfigurationFormOptions.GetModelFunction = this.getAddConfigurationModel;
             this.AddConfigurationFormOptions.ServiceSubmitFunction = this.getAddConfigurationFunction;
             this.AddConfigurationFormOptions.PagingReference = this.pagingElement;
-            this.ShowPermissionList = false;
-            this.ShowUsersList = false;
-            this.ShowValueAndDefaultValue = false;
-            this.ShowValueToggleAndDefaultValue = false;
-            this.ShowDropDownSource = false;
-            this.ShowLookupList = false;
-            this.ShowLookupItemsList = false;
-            this.ShowSourceFunctionPath = false;
-            this.ShowLookupList = false;
-            this.ShowLookupItemsList = false;
+            //Static controls
             this.Key = new TextBoxOptions();
             this.Key.Name = "Key";
             this.Key.LabelKey = "Key";
             this.Key.Type = InputType.Text;
             this.Key.IsRequired = true;
             this.Key.Value = null;
-            this.Value = new TextBoxOptions();
-            this.Value.Name = "Value";
-            this.Value.LabelKey = "Value";
-            this.Value.Type = InputType.Text;
-            this.Value.Value = null;
-            this.Value.IsRequired = true;
-            this.DefaultValue = new TextBoxOptions();
-            this.DefaultValue.Name = "DefaultValue";
-            this.DefaultValue.LabelKey = "DefaultValue";
-            this.DefaultValue.Type = InputType.Text;
-            this.DefaultValue.Value = null;
-            this.DefaultValue.IsRequired = true;
-            this.FunctionSourcePath = new TextBoxOptions();
-            this.FunctionSourcePath.Name = "FunctionSourcePath";
-            this.FunctionSourcePath.LabelValue = "SourcePath";
-            this.FunctionSourcePath.LabelKey = "SourcePath";
-            this.FunctionSourcePath.Type = InputType.Text;
-            this.FunctionSourcePath.Value = null;
-            this.ValueToggel = new ToggleSlideOptions();
-            this.ValueToggel.Name = "ValueToggel";
-            this.ValueToggel.LabelKey = "Value";
-            this.ValueToggel.Value = false;
-            this.ValueToggel.ViewType = ControlLayout.Horizontal;
-            this.DefaultValueToggel = new ToggleSlideOptions();
-            this.DefaultValueToggel.Name = "DefaultValueToggel";
-            this.DefaultValueToggel.LabelKey = "DefaultValue";
-            this.DefaultValueToggel.Value = false;
-            this.DefaultValueToggel.ViewType = ControlLayout.Horizontal;
             this.Scope = new DropdownOptions();
             this.Scope.Name = "Scope";
             this.Scope.LabelKey = "Scope";
@@ -9673,26 +9659,136 @@ class ConfigurationComponent$1 {
             this.User.SingleSelection = true;
             this.User.AllowSearchFilter = true;
             this.User.IsRequired = true;
-            this.Source = new DropdownOptions();
-            this.Source.Name = "Source";
-            this.Source.LabelKey = "Source";
-            this.Source.SelectedItems = null;
-            this.Source.DataSource = this.ValueSourceList;
-            this.Source.SingleSelection = true;
-            this.Source.AllowSearchFilter = true;
-            this.Source.IsRequired = true;
-            this.Lookup = new DropdownOptions();
-            this.Lookup.Name = "Lookup";
-            this.Lookup.LabelKey = "Lookup";
-            this.Lookup.SelectedItems = null;
-            this.Lookup.DataSource = this.LookupsList;
-            this.Lookup.SingleSelection = true;
-            this.Lookup.AllowSearchFilter = true;
-            this.Lookup.IsRequired = true;
             this.modalService.open(AddConfigurationModal);
             this.utilityService.stopBlockUI();
         });
     }
+    //Required Functions for Add
+    ChangeTypeValue(key) {
+        let typeItem = this.ValueTypeList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
+        this.resetConfigurationFlags();
+        this.removeFormControls();
+        switch (typeItem.value) {
+            case "Text":
+                this.Value = new TextBoxOptions();
+                this.Value.Name = "Value";
+                this.Value.LabelKey = "Value";
+                this.Value.Type = InputType.Text;
+                this.Value.Value = null;
+                this.Value.IsRequired = true;
+                this.DefaultValue = new TextBoxOptions();
+                this.DefaultValue.Name = "DefaultValue";
+                this.DefaultValue.LabelKey = "DefaultValue";
+                this.DefaultValue.Type = InputType.Text;
+                this.DefaultValue.Value = null;
+                this.DefaultValue.IsRequired = true;
+                this.ShowValueAndDefaultValue = true;
+                break;
+            case "Toggle":
+                this.ValueToggel = new ToggleSlideOptions();
+                this.ValueToggel.Name = "ValueToggel";
+                this.ValueToggel.LabelKey = "Value";
+                this.ValueToggel.Value = false;
+                this.ValueToggel.ViewType = ControlLayout.Horizontal;
+                this.DefaultValueToggel = new ToggleSlideOptions();
+                this.DefaultValueToggel.Name = "DefaultValueToggel";
+                this.DefaultValueToggel.LabelKey = "DefaultValue";
+                this.DefaultValueToggel.Value = false;
+                this.DefaultValueToggel.ViewType = ControlLayout.Horizontal;
+                this.ShowValueToggleAndDefaultValue = true;
+                break;
+            case "Dropdown List":
+                this.Source = new DropdownOptions();
+                this.Source.Name = "Source";
+                this.Source.LabelKey = "Source";
+                this.Source.SelectedItems = null;
+                this.Source.DataSource = this.ValueSourceList;
+                this.Source.SingleSelection = true;
+                this.Source.AllowSearchFilter = true;
+                this.Source.IsRequired = true;
+                this.ShowDropDownSource = true;
+                break;
+            default:
+                break;
+        }
+    }
+    ChangeSource(key) {
+        switch (key) {
+            case ConfigurationValueSource$1.Lookup:
+                this.AddConfigurationForm.removeControl("FunctionSourcePath");
+                this.AddConfigurationForm.removeControl("SourceFuncValue");
+                this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
+                this.Lookup = new DropdownOptions();
+                this.Lookup.Name = "Lookup";
+                this.Lookup.LabelKey = "Lookup";
+                this.Lookup.SelectedItems = null;
+                this.Lookup.DataSource = this.LookupsList;
+                this.Lookup.SingleSelection = true;
+                this.Lookup.AllowSearchFilter = true;
+                this.Lookup.IsRequired = true;
+                this.ShowLookupList = true;
+                this.ShowSourceFunctionPath = false;
+                this.ShowSourceFunctionData = false;
+                this.sourceFunctionDataNotLoaded = false;
+                break;
+            case ConfigurationValueSource$1.Function:
+                this.AddConfigurationForm.removeControl("Lookup");
+                this.AddConfigurationForm.removeControl("LookupValue");
+                this.AddConfigurationForm.removeControl("LookupDefaultValue");
+                this.FunctionSourcePath = new TextBoxOptions();
+                this.FunctionSourcePath.Name = "FunctionSourcePath";
+                this.FunctionSourcePath.LabelValue = "SourcePath";
+                this.FunctionSourcePath.LabelKey = "SourcePath";
+                this.FunctionSourcePath.Type = InputType.Text;
+                this.FunctionSourcePath.Value = null;
+                this.FunctionSourcePath.IsRequired = true;
+                this.ShowSourceFunctionPath = true;
+                this.sourceFunctionDataNotLoaded = true;
+                this.ShowLookupList = false;
+                this.ShowLookupItemsList = false;
+                break;
+            default:
+                break;
+        }
+    }
+    removeFormControls() {
+        this.AddConfigurationForm.removeControl("Value");
+        this.AddConfigurationForm.removeControl("DefaultValue");
+        this.AddConfigurationForm.removeControl("ValueToggel");
+        this.AddConfigurationForm.removeControl("DefaultValueToggel");
+        this.AddConfigurationForm.removeControl("Source");
+        this.AddConfigurationForm.removeControl("Lookup");
+        this.AddConfigurationForm.removeControl("LookupValue");
+        this.AddConfigurationForm.removeControl("LookupDefaultValue");
+        this.AddConfigurationForm.removeControl("FunctionSourcePath");
+        this.AddConfigurationForm.removeControl("SourceFuncValue");
+        this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
+    }
+    ChangeLookup(key) {
+        this.ConfigurationsService.loadLookupItems(key).subscribe((result) => {
+            let Result = result;
+            this.LookupItemsList = Result.lookupItems;
+            this.LookupValue = new DropdownOptions();
+            this.LookupValue.Name = "LookupValue";
+            this.LookupValue.LabelKey = "Value";
+            this.LookupValue.SelectedItems = null;
+            this.LookupValue.DataSource = this.LookupItemsList;
+            this.LookupValue.SingleSelection = true;
+            this.LookupValue.AllowSearchFilter = true;
+            this.LookupValue.IsRequired = true;
+            this.LookupValue.ShowAsterisk = true;
+            this.LookupDefaultValue = new DropdownOptions();
+            this.LookupDefaultValue.Name = "LookupDefaultValue";
+            this.LookupDefaultValue.LabelKey = "DefaultValue";
+            this.LookupDefaultValue.SelectedItems = null;
+            this.LookupDefaultValue.DataSource = this.LookupItemsList;
+            this.LookupDefaultValue.SingleSelection = true;
+            this.LookupDefaultValue.AllowSearchFilter = true;
+            this.LookupDefaultValue.IsRequired = true;
+            this.ShowLookupItemsList = true;
+        }, (error) => {
+        });
+    }
     //Edit configuration
     showEditConfigurationModal(configurationId, configurationIDEnc, EditConfigurationModal) {
         this.ConfigurationId = configurationId;
@@ -9714,6 +9810,7 @@ class ConfigurationComponent$1 {
             this.EditConfigurationFormOptions.PagingReference = this.pagingElement;
             this.EditConfigurationFormOptions.PagingActionMode = PagingActionMode.Update;
             this.ConfigurationValueType = configuration.valueType;
+            this.EditConfigurationScopeID = configuration.scopeId;
             this.EditKey = new TextBoxOptions();
             this.EditKey.Name = "EditKey";
             this.EditKey.LabelKey = "Key";
@@ -9722,10 +9819,9 @@ class ConfigurationComponent$1 {
             this.EditKey.Value = configuration.key;
             this.EditKey.MaxLength = 256;
             this.EditKey.IsDisabled = this.ProductionMode;
-            let typeItem = this.ValueTypeList.filter((item) => { return parseInt(item.key) == configuration.valueType; }).map((item) => item)[0];
-            this.EditConfigurationTypeName = typeItem.value;
-            switch (this.EditConfigurationTypeName) {
-                case "Text":
+            this.EditConfigurationTypeID = configuration.valueType;
+            switch (this.EditConfigurationTypeID) {
+                case ConfigurationTypes$1.Text:
                     this.ShowValueAndDefaultValue = true;
                     this.EditTextValue = new TextBoxOptions();
                     this.EditTextValue.Name = "EditTextValue";
@@ -9740,7 +9836,7 @@ class ConfigurationComponent$1 {
                     this.EditTextDefaultValue.Value = configuration.defaultTextValue;
                     this.EditTextDefaultValue.IsRequired = true;
                     break;
-                case "Toggle":
+                case ConfigurationTypes$1.Toggle:
                     this.ShowValueToggleAndDefaultValue = true;
                     this.EditValueToggele = new ToggleSlideOptions();
                     this.EditValueToggele.Name = "EditValueToggele";
@@ -9753,11 +9849,10 @@ class ConfigurationComponent$1 {
                     this.EditDefaultValueToggele.Value = configuration.defaultBoolValue;
                     this.EditDefaultValueToggele.ViewType = ControlLayout.Horizontal;
                     break;
-                case "Dropdown List":
-                    let sourceItem = this.ValueSourceList.filter((item) => { return parseInt(item.key) == configuration.valueSource; }).map((item) => item)[0];
-                    this.EditConfigurationDDLSourceName = sourceItem.value;
-                    switch (this.EditConfigurationDDLSourceName) {
-                        case "Lookup":
+                case ConfigurationTypes$1.DDL:
+                    this.EditConfigurationDDLSourceID = configuration.valueSource;
+                    switch (this.EditConfigurationDDLSourceID) {
+                        case ConfigurationValueSource$1.Lookup:
                             this.ShowLookupList = true;
                             this.ShowLookupItemsList = true;
                             let selectedLookup = this.LookupsList.filter((item) => { return item.key == configuration.selectedLookupID; }).map((item) => item.key)[0];
@@ -9789,7 +9884,7 @@ class ConfigurationComponent$1 {
                             this.EditLookupDefaultValue.IsRequired = true;
                             this.EditLookupDefaultValue.SelectedItems = selectedLookupDefaultValue;
                             break;
-                        case "Function":
+                        case ConfigurationValueSource$1.Function:
                             this.EditFunctionSourcePath = new TextBoxOptions();
                             this.EditFunctionSourcePath.Name = "EditFunctionSourcePath";
                             this.EditFunctionSourcePath.LabelKey = "SourcePath";
@@ -9816,6 +9911,7 @@ class ConfigurationComponent$1 {
                                 this.EditSourceFuncDefaultValue.IsRequired = true;
                                 this.EditSourceFuncDefaultValue.SelectedItems = selectedSourceFuncDefaultValue;
                                 this.ShowSourceFunctionPath = true;
+                                this.ShowSourceFunctionData = true;
                             }, (error) => {
                             });
                             break;
@@ -9826,11 +9922,10 @@ class ConfigurationComponent$1 {
                 default:
                     break;
             }
-            let scopItem = this.ScopesList.filter((item) => { return parseInt(item.key) == configuration.scopeId; }).map((item) => item)[0];
-            this.EditConfigurationScopeName = scopItem.value;
+            this.EditConfigurationScopeID = configuration.scopeId;
             //console.log(scopItem);
-            switch (this.EditConfigurationScopeName) {
-                case "Permission set":
+            switch (this.EditConfigurationScopeID) {
+                case ConfigurationScope$1.PermissionSet:
                     this.ShowPermissionList = true;
                     let selectedPermissionSet = this.PermissionList.filter((item) => { return item.key == configuration.permissionSetID; }).map((item) => item.key)[0];
                     this.EditPermissionSet = new DropdownOptions();
@@ -9843,7 +9938,7 @@ class ConfigurationComponent$1 {
                     this.EditPermissionSet.IsRequired = true;
                     this.EditPermissionSet.SelectedItems = selectedPermissionSet;
                     break;
-                case "User":
+                case ConfigurationScope$1.User:
                     this.ShowUsersList = true;
                     let selectedUser = this.UsersList.filter((item) => { return item.key == configuration.userID; }).map((item) => item.key)[0];
                     this.EditUser = new DropdownOptions();
@@ -9862,108 +9957,6 @@ class ConfigurationComponent$1 {
             this.modalService.open(EditConfigurationModal);
         });
     }
-    //Add,Edit required functions
-    ChangeScopeValue(key) {
-        let scopItem = this.ScopesList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
-        switch (scopItem.value) {
-            case "App":
-                this.ShowPermissionList = false;
-                this.ShowUsersList = false;
-                this.AddConfigurationForm.removeControl("User");
-                this.AddConfigurationForm.removeControl("PermissionSet");
-                break;
-            case "Permission set":
-                this.ShowPermissionList = true;
-                this.ShowUsersList = false;
-                this.AddConfigurationForm.removeControl("User");
-                break;
-            case "User":
-                this.ShowPermissionList = false;
-                this.ShowUsersList = true;
-                this.AddConfigurationForm.removeControl("PermissionSet");
-                break;
-            default:
-                break;
-        }
-    }
-    ChangeTypeValue(key) {
-        let typeItem = this.ValueTypeList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
-        switch (typeItem.value) {
-            case "Text":
-                this.ShowValueAndDefaultValue = true;
-                this.ShowValueToggleAndDefaultValue = false;
-                this.ShowDropDownSource = false;
-                this.ShowLookupList = false;
-                this.ShowLookupItemsList = false;
-                this.AddConfigurationForm.removeControl("Source");
-                this.AddConfigurationForm.removeControl("ValueToggel");
-                this.AddConfigurationForm.removeControl("DefaultValueToggel");
-                break;
-            case "Toggle":
-                this.ShowValueAndDefaultValue = false;
-                this.ShowValueToggleAndDefaultValue = true;
-                this.ShowDropDownSource = false;
-                this.ShowLookupList = false;
-                this.ShowLookupItemsList = false;
-                this.AddConfigurationForm.removeControl("Source");
-                this.AddConfigurationForm.removeControl("Value");
-                this.AddConfigurationForm.removeControl("DefaultValue");
-                break;
-            case "Dropdown List":
-                this.ShowLookupList = false;
-                this.ShowValueAndDefaultValue = false;
-                this.ShowValueToggleAndDefaultValue = false;
-                this.ShowDropDownSource = true;
-                this.AddConfigurationForm.removeControl("ValueToggel");
-                this.AddConfigurationForm.removeControl("DefaultValueToggel");
-                this.AddConfigurationForm.removeControl("Value");
-                this.AddConfigurationForm.removeControl("DefaultValue");
-                break;
-            default:
-                break;
-        }
-    }
-    ChangeSource(key) {
-        let sourceItem = this.ValueSourceList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
-        switch (sourceItem.value) {
-            case "Lookup":
-                this.ShowLookupList = true;
-                this.ShowSourceFunctionPath = false;
-                break;
-            case "Function":
-                this.ShowSourceFunctionPath = true;
-                this.ShowLookupList = false;
-                this.ShowLookupItemsList = false;
-                break;
-            default:
-                break;
-        }
-    }
-    ChangeLookup(key) {
-        this.ConfigurationsService.loadLookupItems(key).subscribe((result) => {
-            let Result = result;
-            this.LookupItemsList = Result.lookupItems;
-            this.LookupValue = new DropdownOptions();
-            this.LookupValue.Name = "LookupValue";
-            this.LookupValue.LabelKey = "Value";
-            this.LookupValue.SelectedItems = null;
-            this.LookupValue.DataSource = this.LookupItemsList;
-            this.LookupValue.SingleSelection = true;
-            this.LookupValue.AllowSearchFilter = true;
-            this.LookupValue.IsRequired = true;
-            this.LookupValue.ShowAsterisk = true;
-            this.LookupDefaultValue = new DropdownOptions();
-            this.LookupDefaultValue.Name = "LookupDefaultValue";
-            this.LookupDefaultValue.LabelKey = "DefaultValue";
-            this.LookupDefaultValue.SelectedItems = null;
-            this.LookupDefaultValue.DataSource = this.LookupItemsList;
-            this.LookupDefaultValue.SingleSelection = true;
-            this.LookupDefaultValue.AllowSearchFilter = true;
-            this.LookupDefaultValue.IsRequired = true;
-            this.ShowLookupItemsList = true;
-        }, (error) => {
-        });
-    }
     ChangeEditLookup(key) {
         this.ShowLookupItemsList = false;
         this.ConfigurationsService.loadLookupItems(key).subscribe((result) => {
@@ -9990,6 +9983,30 @@ class ConfigurationComponent$1 {
         }, (error) => {
         });
     }
+    //Add,Edit required functions
+    ChangeScopeValue(key) {
+        let scopItem = this.ScopesList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
+        switch (scopItem.value) {
+            case "App":
+                this.ShowPermissionList = false;
+                this.ShowUsersList = false;
+                this.AddConfigurationForm.removeControl("User");
+                this.AddConfigurationForm.removeControl("PermissionSet");
+                break;
+            case "Permission set":
+                this.ShowPermissionList = true;
+                this.ShowUsersList = false;
+                this.AddConfigurationForm.removeControl("User");
+                break;
+            case "User":
+                this.ShowPermissionList = false;
+                this.ShowUsersList = true;
+                this.AddConfigurationForm.removeControl("PermissionSet");
+                break;
+            default:
+                break;
+        }
+    }
     resetConfigurationFlags() {
         this.ShowPermissionList = false;
         this.ShowUsersList = false;
@@ -9997,15 +10014,21 @@ class ConfigurationComponent$1 {
         this.ShowValueAndDefaultValue = false;
         this.ShowValueToggleAndDefaultValue = false;
         this.ShowSourceFunctionPath = false;
+        this.showFunctionNotFoundError = false;
         this.ShowDropDownSource = false;
         this.ShowLookupItemsList = false;
         this.ShowSourceFunctionData = false;
+        this.sourceFunctionDataNotLoaded = false;
     }
     SearchForFunction(isAdd = true) {
         let ResultModel = isAdd ? this.AddConfigurationForm.value : this.EditConfigurationForm.value;
         let functionName = isAdd ? ResultModel.FunctionSourcePath : ResultModel.EditFunctionSourcePath;
         this.ConfigurationsService.loadSourceFunctionDropDownItems(functionName).subscribe((result) => {
+            this.showFunctionNotFoundError = false;
+            this.ShowSourceFunctionData = false;
             if (isAdd) {
+                this.AddConfigurationForm.removeControl("SourceFuncValue");
+                this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
                 this.SourceFuncValue = new DropdownOptions();
                 this.SourceFuncValue.Name = "SourceFuncValue";
                 this.SourceFuncValue.LabelKey = "Value";
@@ -10020,9 +10043,10 @@ class ConfigurationComponent$1 {
                 this.SourceFuncDefaultValue.SingleSelection = true;
                 this.SourceFuncDefaultValue.AllowSearchFilter = true;
                 this.SourceFuncDefaultValue.IsRequired = true;
-                this.ShowSourceFunctionData = true;
             }
             else {
+                this.EditConfigurationForm.removeControl("EditSourceFuncValue");
+                this.EditConfigurationForm.removeControl("EditSourceFuncDefaultValue");
                 this.EditSourceFuncValue = new DropdownOptions();
                 this.EditSourceFuncValue.Name = "EditSourceFuncValue";
                 this.EditSourceFuncValue.LabelKey = "Value";
@@ -10038,9 +10062,21 @@ class ConfigurationComponent$1 {
                 this.EditSourceFuncDefaultValue.AllowSearchFilter = true;
                 this.EditSourceFuncDefaultValue.IsRequired = true;
             }
+            this.sourceFunctionDataNotLoaded = false;
+            this.ShowSourceFunctionData = true;
         }, (error) => {
+            if (error.status == 404) {
+                this.utilityService.stopBlockUI();
+                this.showFunctionNotFoundError = true;
+                this.ShowSourceFunctionData = false;
+                this.sourceFunctionDataNotLoaded = true;
+            }
         });
     }
+    changeSourceFunction() {
+        this.ShowSourceFunctionData = false;
+        this.sourceFunctionDataNotLoaded = true;
+    }
     //Delete configuration
     showDeleteConfigurationModal(configurationID) {
         this.deleteConfigurationId = configurationID;
@@ -10062,7 +10098,7 @@ class ConfigurationComponent$1 {
     }
 }
 ConfigurationComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ConfigurationComponent$1, deps: [{ token: i1.AuthService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: ConfigurationsService$1 }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ConfigurationComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ConfigurationComponent$1, selector: "lib-configuration", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ConfigurationPagingViewElement"], 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\r\n  <div *ngIf=\"ShowPageContent\">\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]=\"ConfigurationForm\">\r\n            <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [options]=\"searchTextBox\" [group]=\"ConfigurationForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddConfigurationModal(AddConfigurationModal)\">\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\">\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(\"Key\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Scope\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UserPermissionSet\")}}</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 Configuration of clientSidePagingResult\">\r\n\r\n                <td class=\"text-dark\">{{Configuration.key}}</td>\r\n                <td>{{Configuration.value}}</td>\r\n                <td> {{Configuration.valueTypeNameStr}}</td>\r\n                <td>{{Configuration.scopeName}}</td>\r\n                <td>{{Configuration.permissionSetName}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"config\" 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 #config=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditConfigurationModal(Configuration.id,Configuration.idEncrypted, EditConfigurationModal)\">\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)=\"showDeleteConfigurationModal(Configuration.idEncrypted)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</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      <!-- begin paging-->\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setConfigurationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ConfigurationPaging\" [group]=\"ConfigurationForm\" #ConfigurationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddConfigurationModal 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(\"AddConfiguration\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Key\" [group]=\"AddConfigurationForm\">\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-DropdownList [options]=\"Scope\" (OnChange)=\"ChangeScopeValue($event)\" [group]=\"AddConfigurationForm\">\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]=\"Type\" (OnChange)=\"ChangeTypeValue($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Value\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\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-TextBox [options]=\"DefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\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-Toggleslide [options]=\"ValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"DefaultValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\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]=\"Source\" *ngIf=\"ShowDropDownSource\" (OnChange)=\"ChangeSource($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"FunctionSourcePath\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <button type=\"button\" (click)=\"SearchForFunction(true)\">\r\n            <span class=\"float-right\"><i class=\"fa fa-search\"></i></span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"SourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\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]=\"SourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\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]=\"Lookup\" *ngIf=\"ShowLookupList\" (OnChange)=\"ChangeLookup($event)\" [group]=\"AddConfigurationForm\">\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]=\"LookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\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]=\"LookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\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]=\"PermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"AddConfigurationForm\">\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]=\"User\" *ngIf=\"ShowUsersList\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseConfigurationModal id=\"CloseConfigurationModal\" 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<!--Edit Modal-->\r\n<ng-template #EditConfigurationModal 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(\"Configuration\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditKey\" [group]=\"EditConfigurationForm\">\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-TextBox [options]=\"EditTextValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\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-TextBox [options]=\"EditTextDefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\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-Toggleslide [options]=\"EditValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditDefaultValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditFunctionSourcePath\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <button type=\"button\" (click)=\"SearchForFunction(false)\">\r\n            <span class=\"float-right\"><i class=\"fa fa-search\"></i></span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncValue\" *ngIf=\"ShowSourceFunctionPath\" [group]=\"EditConfigurationForm\">\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]=\"EditSourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionPath\" [group]=\"EditConfigurationForm\">\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]=\"EditLookup\" *ngIf=\"ShowLookupList\" (OnChange)=\"ChangeEditLookup($event)\" [group]=\"EditConfigurationForm\">\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]=\"EditLookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"EditConfigurationForm\">\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]=\"EditLookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"EditConfigurationForm\">\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]=\"EditPermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\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]=\"EditUser\" *ngIf=\"ShowUsersList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditConfigurationModal id=\"CloseEditConfigurationModal\" 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      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--deleted Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6.ɵw, 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: 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"] }] });
+ConfigurationComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ConfigurationComponent$1, selector: "lib-configuration", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ConfigurationPagingViewElement"], 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\r\n  <div *ngIf=\"ShowPageContent\">\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]=\"ConfigurationForm\">\r\n            <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [options]=\"searchTextBox\" [group]=\"ConfigurationForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddConfigurationModal(AddConfigurationModal)\">\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\">\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(\"Key\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Scope\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UserPermissionSet\")}}</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 Configuration of clientSidePagingResult\">\r\n\r\n                <td class=\"text-dark\">{{Configuration.key}}</td>\r\n                <td>{{Configuration.value}}</td>\r\n                <td> {{Configuration.valueTypeNameStr}}</td>\r\n                <td>{{Configuration.scopeName}}</td>\r\n                <td>{{Configuration.permissionSetName}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"config\" 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 #config=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditConfigurationModal(Configuration.id,Configuration.idEncrypted, EditConfigurationModal)\">\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)=\"showDeleteConfigurationModal(Configuration.idEncrypted)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</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      <!-- begin paging-->\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setConfigurationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ConfigurationPaging\" [group]=\"ConfigurationForm\" #ConfigurationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddConfigurationModal 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(\"AddConfiguration\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Key\" [group]=\"AddConfigurationForm\">\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-DropdownList [options]=\"Scope\" (OnChange)=\"ChangeScopeValue($event)\" [group]=\"AddConfigurationForm\">\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]=\"PermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"AddConfigurationForm\">\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]=\"User\" *ngIf=\"ShowUsersList\" [group]=\"AddConfigurationForm\">\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]=\"Type\" (OnChange)=\"ChangeTypeValue($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Value\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\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-TextBox [options]=\"DefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\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-Toggleslide [options]=\"ValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"DefaultValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\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]=\"Source\" *ngIf=\"ShowDropDownSource\" (OnChange)=\"ChangeSource($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-9\">\r\n            <BBSF-TextBox [options]=\"FunctionSourcePath\" [group]=\"AddConfigurationForm\" (OnChange)=\"changeSourceFunction()\">\r\n            </BBSF-TextBox>\r\n            <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">{{utilityService.getResourceValue(\"SourceFunctionNotFound\")}}</div>\r\n          </div>\r\n          <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n            <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(true)\">\r\n              <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{utilityService.getResourceValue(\"Search\")}}</span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\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]=\"SourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowLookupList\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"Lookup\" (OnChange)=\"ChangeLookup($event)\" [group]=\"AddConfigurationForm\">\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]=\"LookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\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]=\"LookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseConfigurationModal id=\"CloseConfigurationModal\" 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\" [disabled]=\"sourceFunctionDataNotLoaded\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n<!--Edit Modal-->\r\n<ng-template #EditConfigurationModal 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(\"Configuration\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditKey\" [group]=\"EditConfigurationForm\">\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]=\"EditPermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\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]=\"EditUser\" *ngIf=\"ShowUsersList\" [group]=\"EditConfigurationForm\">\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-TextBox [options]=\"EditTextValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\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-TextBox [options]=\"EditTextDefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\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-Toggleslide [options]=\"EditValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditDefaultValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-9\">\r\n          <BBSF-TextBox [options]=\"EditFunctionSourcePath\" [group]=\"EditConfigurationForm\" (OnChange)=\"changeSourceFunction()\">\r\n          </BBSF-TextBox>\r\n          <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">{{utilityService.getResourceValue(\"SourceFunctionNotFound\")}}</div>\r\n        </div>\r\n        <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n          <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(false)\">\r\n            <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{utilityService.getResourceValue(\"Search\")}}</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\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]=\"EditSourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\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]=\"EditLookup\" *ngIf=\"ShowLookupList\" (OnChange)=\"ChangeEditLookup($event)\" [group]=\"EditConfigurationForm\">\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]=\"EditLookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"EditConfigurationForm\">\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]=\"EditLookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditConfigurationModal id=\"CloseEditConfigurationModal\" 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\" [disabled]=\"sourceFunctionDataNotLoaded\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--deleted Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6.ɵw, 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: 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: ConfigurationComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -14481,6 +14517,7 @@ class ProviderComponent$1 {
             const file = new Blob([FileDTO], { type: "application/json" });
             let fileName = this.utilityService.getResourceValue("Providers") + ".json";
             saveAs(file, fileName);
+            window.location.reload();
         });
     }
     //On destroy
@@ -15265,6 +15302,7 @@ class UsersComponent$1 {
             const file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
             let fileName = this.utilityService.getResourceValue("Users") + ".xlsx";
             saveAs(file, fileName);
+            window.location.reload();
         }, (error) => {
         });
     }
@@ -15445,7 +15483,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          <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [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 \">\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\">\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>\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,user.idEncrypted,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(\"Activate\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false\">\r\n                  {{utilityService.getResourceValue(\"Deactivate\")}}\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\r\n                            (click)=\"showEditUserModal(user.id,user.idEncrypted,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\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\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive\" (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\r\n\r\n                </div>\r\n\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-x\">\r\n        <table id=\"tableConfirmation\" class=\"table table-striped table-bordered \">\r\n          <thead>\r\n            <tr>\r\n              <th>{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th>{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\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 id=\"\" class=\"\">\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    </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    <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\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-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>{{Name}}</td>\r\n              <td>{{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  </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: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, 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.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵi, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "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: 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          <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [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\">\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 d-flex justify-content-center\">\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=\"d-flex justify-content-center\">\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,user.idEncrypted,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(\"Activate\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false\">\r\n                  {{utilityService.getResourceValue(\"Deactivate\")}}\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\r\n                            (click)=\"showEditUserModal(user.id,user.idEncrypted,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\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\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive\" (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\r\n\r\n                </div>\r\n\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 id=\"\" class=\"\">\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    </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    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\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-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>{{Name}}</td>\r\n              <td>{{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 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    </div>\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: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, 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.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵi, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "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: 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: [{
@@ -16826,7 +16864,6 @@ class AuthService$1 extends BaseService$1 {
         });
     }
     register(userRegistration) {
-        ;
         return this.http.post('https://localhost:44335/api' + '/account', userRegistration);
     }
     refreshToken(token) {
@@ -16958,11 +16995,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
         }], ctorParameters: function () { return [{ type: AuthService$1 }, { type: i1$1.Router }, { type: i10.FormBuilder }]; } });
 
 class AccountComponent$1 {
-    constructor() { }
+    constructor(utilityService, stylesBundleService) {
+        this.utilityService = utilityService;
+        this.stylesBundleService = stylesBundleService;
+        this.loadUI();
+    }
     ngOnInit() {
     }
+    loadUI() {
+        let lang = this.utilityService.getCurrentLanguage();
+        this.stylesBundleService.loadThemes(lang, "BBSF-Bundle-English.css", "BBSF-Bundle-Arabic.css");
+    }
 }
-AccountComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountComponent$1, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AccountComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountComponent$1, deps: [{ token: i1.UtilityService }, { token: i1.StylesBundleService }], target: i0.ɵɵFactoryTarget.Component });
 AccountComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: AccountComponent$1, selector: "app-account", ngImport: i0, template: "<router-outlet></router-outlet>", directives: [{ type: i1$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountComponent$1, decorators: [{
             type: Component,
@@ -16970,12 +17015,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
                     selector: 'app-account',
                     templateUrl: './account.component.html'
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: i1.UtilityService }, { type: i1.StylesBundleService }]; } });
+
+class AccountService {
+    constructor(http) {
+        this.http = http;
+        this.ApiUrl = "/account/";
+    }
+    forgotPassword(email) {
+        return this.http.post(this.ApiUrl + 'forgotPassword', JSON.stringify(email));
+    }
+}
+AccountService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountService, deps: [{ token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Injectable });
+AccountService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.RequestHandlerService }]; } });
+
+class ForgotPasswordComponent {
+    constructor(utilityService, accountService) {
+        this.utilityService = utilityService;
+        this.accountService = accountService;
+        //Forgot Model Controls
+        this.forgotForm = new FormGroup({});
+        this.forgotFormOptions = new FormOptions;
+        this.getForgotModel = () => {
+            let paramArray = [];
+            let ResultModel = this.forgotForm.value;
+            paramArray.push(ResultModel.Email);
+            return paramArray;
+        };
+        this.getForgotFunction = (email) => {
+            return this.accountService.forgotPassword(email);
+        };
+    }
+    ngOnInit() {
+        this.forgotForm = new FormGroup({});
+        this.forgotFormOptions = new FormOptions();
+        this.forgotFormOptions.FormGroup = this.forgotForm;
+        this.forgotFormOptions.GetModelFunction = this.getForgotModel;
+        this.forgotFormOptions.ServiceSubmitFunction = this.getForgotFunction;
+        this.email = new TextBoxOptions();
+        this.email.Value = null;
+        this.email.Name = "Email";
+        this.email.LabelKey = "Email";
+        this.email.Type = InputType.Email;
+        this.email.IsRequired = true;
+    }
+}
+ForgotPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.UtilityService }, { token: AccountService }], target: i0.ɵɵFactoryTarget.Component });
+ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ForgotPasswordComponent, selector: "lib-forgot-password", ngImport: i0, template: "\r\n<div class=\"d-flex flex-column flex-root h-100\">\r\n    <!--begin::Authentication - Sign-in -->\r\n    <div class=\"d-flex flex-column flex-lg-row flex-column-fluid h-100\">\r\n        <!--begin::Aside-->\r\n        <div class=\"d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative\" style=\"background-color: #1E1E2D;\">\r\n            <div class=\"d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y\">\r\n                <div class=\"d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20\">\r\n                    <!--begin::Logo-->\r\n                    <img alt=\"Logo\" src=\"./src/assets/images/bnsights-logo.svg\" class=\"h-60px mt-10\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <!--end::Aside-->\r\n        <div class=\"d-flex flex-column flex-lg-row-fluid py-10\">\r\n            <div class=\"d-flex flex-center flex-column flex-column-fluid\">\r\n                <div class=\"w-lg-500px p-10 p-lg-15 mx-auto\">\r\n                 \r\n                        <div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\" >\r\n                            <input type=\"hidden\" name=\"ReturnUrl\" value=\"@Model.ReturnUrl\" />\r\n                            <div class=\"text-center mb-10\">\r\n                                <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"ForgotPassword\")}} ?</h1>\r\n                            </div>\r\n                            <BBSF-Form [options]=\"forgotFormOptions\">\r\n                                <div class=\"fv-row mb-10\">\r\n                                    <BBSF-TextBox [options]=\"email\" [group]=\"forgotForm\"></BBSF-TextBox>\r\n                                    <a href=\"/Admin/account/login\" class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\"><i class=\"fas fa-arrow-left\"></i> {{utilityService.getResourceValue(\"Back\")}}  </a>\r\n    \r\n                                </div>\r\n                                <div class=\"text-center\">\r\n                                    <!--begin::Submit button-->\r\n                                    <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"RestPassword\")}}</button>\r\n                                </div>\r\n                            </BBSF-Form>\r\n                         \r\n                           \r\n                        </div>\r\n                        <!--end::Form-->\r\n                    \r\n                </div>\r\n            </div>\r\n           \r\n        </div>\r\n    </div>\r\n</div>", components: [{ type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-forgot-password',
+                    templateUrl: './forgot-password.component.html',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.UtilityService }, { type: AccountService }]; } });
 
 const routes$i = [
     { path: "account", component: AccountComponent$1, children: [
             { path: "login", component: LoginComponent$1 },
             { path: "register", component: RegisterComponent$1 },
+            { path: "forgotpassword", component: ForgotPasswordComponent },
         ] }
 ];
 class AccountRoutingModule {
@@ -17016,36 +17121,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
 class AccountModule {
 }
 AccountModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AccountModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountModule, declarations: [LoginComponent$1, RegisterComponent$1, AccountComponent$1], imports: [CommonModule,
+AccountModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountModule, declarations: [LoginComponent$1, RegisterComponent$1, AccountComponent$1, ForgotPasswordComponent], imports: [CommonModule,
         RouterModule,
         AccountRoutingModule,
         SharedModule$1,
         FormsModule,
-        ReactiveFormsModule] });
+        ReactiveFormsModule,
+        BBSFControlsModule] });
 AccountModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountModule, providers: [
-        AuthService$2
+        AuthService$2,
+        AccountService
     ], imports: [[
             CommonModule,
             RouterModule,
             AccountRoutingModule,
             SharedModule$1,
             FormsModule,
-            ReactiveFormsModule
+            ReactiveFormsModule,
+            BBSFControlsModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [LoginComponent$1, RegisterComponent$1, AccountComponent$1],
+                    declarations: [LoginComponent$1, RegisterComponent$1, AccountComponent$1, ForgotPasswordComponent],
                     imports: [
                         CommonModule,
                         RouterModule,
                         AccountRoutingModule,
                         SharedModule$1,
                         FormsModule,
-                        ReactiveFormsModule
+                        ReactiveFormsModule,
+                        BBSFControlsModule,
                     ],
                     providers: [
-                        AuthService$2
+                        AuthService$2,
+                        AccountService
                     ]
                 }]
         }] });
@@ -18148,6 +18258,7 @@ class UsersComponent {
             const file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
             let fileName = this.utilityService.getResourceValue("Users") + ".xlsx";
             saveAs(file, fileName);
+            window.location.reload();
         }, (error) => {
         });
     }
@@ -18328,7 +18439,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          <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [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 \">\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\">\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>\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,user.idEncrypted,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(\"Activate\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false\">\r\n                  {{utilityService.getResourceValue(\"Deactivate\")}}\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\r\n                            (click)=\"showEditUserModal(user.id,user.idEncrypted,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\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\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive\" (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\r\n\r\n                </div>\r\n\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-x\">\r\n        <table id=\"tableConfirmation\" class=\"table table-striped table-bordered \">\r\n          <thead>\r\n            <tr>\r\n              <th>{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th>{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\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 id=\"\" class=\"\">\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    </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    <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\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-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>{{Name}}</td>\r\n              <td>{{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  </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: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, 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.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵi, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "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: 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          <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [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\">\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 d-flex justify-content-center\">\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=\"d-flex justify-content-center\">\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,user.idEncrypted,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(\"Activate\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false\">\r\n                  {{utilityService.getResourceValue(\"Deactivate\")}}\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\r\n                            (click)=\"showEditUserModal(user.id,user.idEncrypted,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\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\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive\" (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\r\n\r\n                </div>\r\n\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 id=\"\" class=\"\">\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    </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    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\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-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>{{Name}}</td>\r\n              <td>{{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 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    </div>\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: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, 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.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵi, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "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: 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: [{
@@ -18606,7 +18717,6 @@ class AuthService extends BaseService {
         });
     }
     register(userRegistration) {
-        ;
         return this.http.post('https://localhost:44335/api' + '/account', userRegistration);
     }
     refreshToken(token) {
@@ -18985,8 +19095,7 @@ class LocalizationsComponent {
             let FileDTO = result;
             const file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
             saveAs(file, `Localizations${this.datePipe.transform(new Date(), "dd-MM-YYYY hh:mm").toString()}.xlsx`);
-            let element = this.pagingElement;
-            element.UpdatePaging();
+            window.location.reload();
         };
         this.getAddResourceModal = () => {
             let paramArray = [];
@@ -19491,11 +19600,19 @@ class InjectedModule {
 }
 
 class AccountComponent {
-    constructor() { }
+    constructor(utilityService, stylesBundleService) {
+        this.utilityService = utilityService;
+        this.stylesBundleService = stylesBundleService;
+        this.loadUI();
+    }
     ngOnInit() {
     }
+    loadUI() {
+        let lang = this.utilityService.getCurrentLanguage();
+        this.stylesBundleService.loadThemes(lang, "BBSF-Bundle-English.css", "BBSF-Bundle-Arabic.css");
+    }
 }
-AccountComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AccountComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountComponent, deps: [{ token: i1.UtilityService }, { token: i1.StylesBundleService }], target: i0.ɵɵFactoryTarget.Component });
 AccountComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: AccountComponent, selector: "app-account", ngImport: i0, template: "<router-outlet></router-outlet>", directives: [{ type: i1$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: AccountComponent, decorators: [{
             type: Component,
@@ -19503,7 +19620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
                     selector: 'app-account',
                     templateUrl: './account.component.html'
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: i1.UtilityService }, { type: i1.StylesBundleService }]; } });
 
 class LoginComponent {
     constructor(authService) {
@@ -22779,7 +22896,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            <BBSF-TextBox [options]=\"searchTextBox\" (OnChange)=\"filterLookupList($event)\" [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 *ngIf=\"lookupGroupsList.length>0\" 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-50px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n\r\n                <th class=\"min-w-150px\">{{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.idEncrypted]\" 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.idEncrypted,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.idEncrypted,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.idEncrypted)\">\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: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, 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.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.ɵe, 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            <BBSF-TextBox [options]=\"searchTextBox\" (OnChange)=\"filterLookupList($event)\" [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 *ngIf=\"lookupGroupsList.length>0\" 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.idEncrypted]\" 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.idEncrypted,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.idEncrypted,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.idEncrypted)\">\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: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, 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.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.ɵe, 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: [{
@@ -24658,6 +24775,28 @@ class ConfigurationModel {
     }
 }
 
+var ConfigurationTypes;
+(function (ConfigurationTypes) {
+    ConfigurationTypes[ConfigurationTypes["Text"] = 31001] = "Text";
+    ConfigurationTypes[ConfigurationTypes["DDL"] = 31002] = "DDL";
+    ConfigurationTypes[ConfigurationTypes["Toggle"] = 31003] = "Toggle";
+    ConfigurationTypes[ConfigurationTypes["PV"] = 31004] = "PV";
+})(ConfigurationTypes || (ConfigurationTypes = {}));
+
+var ConfigurationScope;
+(function (ConfigurationScope) {
+    ConfigurationScope[ConfigurationScope["App"] = 6001] = "App";
+    ConfigurationScope[ConfigurationScope["PermissionSet"] = 6002] = "PermissionSet";
+    ConfigurationScope[ConfigurationScope["User"] = 6003] = "User";
+})(ConfigurationScope || (ConfigurationScope = {}));
+;
+
+var ConfigurationValueSource;
+(function (ConfigurationValueSource) {
+    ConfigurationValueSource[ConfigurationValueSource["Lookup"] = 32001] = "Lookup";
+    ConfigurationValueSource[ConfigurationValueSource["Function"] = 32002] = "Function";
+})(ConfigurationValueSource || (ConfigurationValueSource = {}));
+
 class ConfigurationsService {
     constructor(http) {
         this.http = http;
@@ -24738,6 +24877,8 @@ class ConfigurationComponent {
         this.ShowDropDownSource = false;
         this.ShowLookupItemsList = false;
         this.ShowSourceFunctionData = false;
+        this.showFunctionNotFoundError = false;
+        this.sourceFunctionDataNotLoaded = false;
         //Add Model Controls
         this.AddConfigurationForm = new FormGroup({});
         this.SourceFuncValue = new DropdownOptions();
@@ -24801,35 +24942,35 @@ class ConfigurationComponent {
             let EditModel = new ConfigurationModel();
             EditModel.ID = this.ConfigurationId;
             EditModel.ValueType = this.ConfigurationValueType;
+            EditModel.ScopeId = this.EditConfigurationScopeID;
             EditModel.Key = ResultModel.EditKey;
-            console.log(this.EditConfigurationTypeName);
-            switch (this.EditConfigurationTypeName) {
-                case "Text":
+            switch (this.EditConfigurationTypeID) {
+                case ConfigurationTypes.Text:
                     EditModel.TextValue = ResultModel.EditTextValue;
                     EditModel.DefaultTextValue = ResultModel.EditTextDefaultValue;
                     break;
-                case "Toggle":
+                case ConfigurationTypes.Toggle:
                     EditModel.BoolValue = ResultModel.EditValueToggele;
                     EditModel.DefaultBoolValue = ResultModel.EditDefaultValueToggele;
                     break;
-                case "Dropdown List":
-                    if (this.EditConfigurationDDLSourceName == "Lookup") {
+                case ConfigurationTypes.DDL:
+                    if (this.EditConfigurationDDLSourceID == ConfigurationValueSource.Lookup) {
                         EditModel.SelectedLookupID = Number(ResultModel.EditLookup);
                         EditModel.Value = ResultModel.EditLookupValue;
                         EditModel.DefaultValue = ResultModel.EditLookupDefaultValue;
                     }
-                    else if (this.EditConfigurationDDLSourceName == "Function") {
+                    else if (this.EditConfigurationDDLSourceID == ConfigurationValueSource.Function) {
                         EditModel.SourceFunctionName = ResultModel.EditFunctionSourcePath;
                         EditModel.Value = ResultModel.EditSourceFuncValue;
                         EditModel.DefaultValue = ResultModel.EditSourceFuncDefaultValue;
                     }
                     break;
             }
-            if (this.EditConfigurationScopeName == "User") {
+            if (this.EditConfigurationScopeID == ConfigurationScope.User) {
                 console.log(Number(ResultModel.EditUser));
                 EditModel.UserID = Number(ResultModel.EditUser);
             }
-            else if (this.EditConfigurationScopeName == "Permission set")
+            else if (this.EditConfigurationScopeID == ConfigurationScope.PermissionSet)
                 EditModel.PermissionSetID = Number(ResultModel.EditPermissionSet);
             paramArray.push(EditModel);
             return paramArray;
@@ -24899,6 +25040,7 @@ class ConfigurationComponent {
     //Add configuration
     showAddConfigurationModal(AddConfigurationModal) {
         this.utilityService.startBlockUI();
+        this.resetConfigurationFlags();
         this.ConfigurationsService.loadAddDropdowns().subscribe((result) => {
             //Lists loading
             let resultObj = result;
@@ -24915,50 +25057,13 @@ class ConfigurationComponent {
             this.AddConfigurationFormOptions.GetModelFunction = this.getAddConfigurationModel;
             this.AddConfigurationFormOptions.ServiceSubmitFunction = this.getAddConfigurationFunction;
             this.AddConfigurationFormOptions.PagingReference = this.pagingElement;
-            this.ShowPermissionList = false;
-            this.ShowUsersList = false;
-            this.ShowValueAndDefaultValue = false;
-            this.ShowValueToggleAndDefaultValue = false;
-            this.ShowDropDownSource = false;
-            this.ShowLookupList = false;
-            this.ShowLookupItemsList = false;
-            this.ShowSourceFunctionPath = false;
-            this.ShowLookupList = false;
-            this.ShowLookupItemsList = false;
+            //Static controls
             this.Key = new TextBoxOptions();
             this.Key.Name = "Key";
             this.Key.LabelKey = "Key";
             this.Key.Type = InputType.Text;
             this.Key.IsRequired = true;
             this.Key.Value = null;
-            this.Value = new TextBoxOptions();
-            this.Value.Name = "Value";
-            this.Value.LabelKey = "Value";
-            this.Value.Type = InputType.Text;
-            this.Value.Value = null;
-            this.Value.IsRequired = true;
-            this.DefaultValue = new TextBoxOptions();
-            this.DefaultValue.Name = "DefaultValue";
-            this.DefaultValue.LabelKey = "DefaultValue";
-            this.DefaultValue.Type = InputType.Text;
-            this.DefaultValue.Value = null;
-            this.DefaultValue.IsRequired = true;
-            this.FunctionSourcePath = new TextBoxOptions();
-            this.FunctionSourcePath.Name = "FunctionSourcePath";
-            this.FunctionSourcePath.LabelValue = "SourcePath";
-            this.FunctionSourcePath.LabelKey = "SourcePath";
-            this.FunctionSourcePath.Type = InputType.Text;
-            this.FunctionSourcePath.Value = null;
-            this.ValueToggel = new ToggleSlideOptions();
-            this.ValueToggel.Name = "ValueToggel";
-            this.ValueToggel.LabelKey = "Value";
-            this.ValueToggel.Value = false;
-            this.ValueToggel.ViewType = ControlLayout.Horizontal;
-            this.DefaultValueToggel = new ToggleSlideOptions();
-            this.DefaultValueToggel.Name = "DefaultValueToggel";
-            this.DefaultValueToggel.LabelKey = "DefaultValue";
-            this.DefaultValueToggel.Value = false;
-            this.DefaultValueToggel.ViewType = ControlLayout.Horizontal;
             this.Scope = new DropdownOptions();
             this.Scope.Name = "Scope";
             this.Scope.LabelKey = "Scope";
@@ -24991,26 +25096,136 @@ class ConfigurationComponent {
             this.User.SingleSelection = true;
             this.User.AllowSearchFilter = true;
             this.User.IsRequired = true;
-            this.Source = new DropdownOptions();
-            this.Source.Name = "Source";
-            this.Source.LabelKey = "Source";
-            this.Source.SelectedItems = null;
-            this.Source.DataSource = this.ValueSourceList;
-            this.Source.SingleSelection = true;
-            this.Source.AllowSearchFilter = true;
-            this.Source.IsRequired = true;
-            this.Lookup = new DropdownOptions();
-            this.Lookup.Name = "Lookup";
-            this.Lookup.LabelKey = "Lookup";
-            this.Lookup.SelectedItems = null;
-            this.Lookup.DataSource = this.LookupsList;
-            this.Lookup.SingleSelection = true;
-            this.Lookup.AllowSearchFilter = true;
-            this.Lookup.IsRequired = true;
             this.modalService.open(AddConfigurationModal);
             this.utilityService.stopBlockUI();
         });
     }
+    //Required Functions for Add
+    ChangeTypeValue(key) {
+        let typeItem = this.ValueTypeList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
+        this.resetConfigurationFlags();
+        this.removeFormControls();
+        switch (typeItem.value) {
+            case "Text":
+                this.Value = new TextBoxOptions();
+                this.Value.Name = "Value";
+                this.Value.LabelKey = "Value";
+                this.Value.Type = InputType.Text;
+                this.Value.Value = null;
+                this.Value.IsRequired = true;
+                this.DefaultValue = new TextBoxOptions();
+                this.DefaultValue.Name = "DefaultValue";
+                this.DefaultValue.LabelKey = "DefaultValue";
+                this.DefaultValue.Type = InputType.Text;
+                this.DefaultValue.Value = null;
+                this.DefaultValue.IsRequired = true;
+                this.ShowValueAndDefaultValue = true;
+                break;
+            case "Toggle":
+                this.ValueToggel = new ToggleSlideOptions();
+                this.ValueToggel.Name = "ValueToggel";
+                this.ValueToggel.LabelKey = "Value";
+                this.ValueToggel.Value = false;
+                this.ValueToggel.ViewType = ControlLayout.Horizontal;
+                this.DefaultValueToggel = new ToggleSlideOptions();
+                this.DefaultValueToggel.Name = "DefaultValueToggel";
+                this.DefaultValueToggel.LabelKey = "DefaultValue";
+                this.DefaultValueToggel.Value = false;
+                this.DefaultValueToggel.ViewType = ControlLayout.Horizontal;
+                this.ShowValueToggleAndDefaultValue = true;
+                break;
+            case "Dropdown List":
+                this.Source = new DropdownOptions();
+                this.Source.Name = "Source";
+                this.Source.LabelKey = "Source";
+                this.Source.SelectedItems = null;
+                this.Source.DataSource = this.ValueSourceList;
+                this.Source.SingleSelection = true;
+                this.Source.AllowSearchFilter = true;
+                this.Source.IsRequired = true;
+                this.ShowDropDownSource = true;
+                break;
+            default:
+                break;
+        }
+    }
+    ChangeSource(key) {
+        switch (key) {
+            case ConfigurationValueSource.Lookup:
+                this.AddConfigurationForm.removeControl("FunctionSourcePath");
+                this.AddConfigurationForm.removeControl("SourceFuncValue");
+                this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
+                this.Lookup = new DropdownOptions();
+                this.Lookup.Name = "Lookup";
+                this.Lookup.LabelKey = "Lookup";
+                this.Lookup.SelectedItems = null;
+                this.Lookup.DataSource = this.LookupsList;
+                this.Lookup.SingleSelection = true;
+                this.Lookup.AllowSearchFilter = true;
+                this.Lookup.IsRequired = true;
+                this.ShowLookupList = true;
+                this.ShowSourceFunctionPath = false;
+                this.ShowSourceFunctionData = false;
+                this.sourceFunctionDataNotLoaded = false;
+                break;
+            case ConfigurationValueSource.Function:
+                this.AddConfigurationForm.removeControl("Lookup");
+                this.AddConfigurationForm.removeControl("LookupValue");
+                this.AddConfigurationForm.removeControl("LookupDefaultValue");
+                this.FunctionSourcePath = new TextBoxOptions();
+                this.FunctionSourcePath.Name = "FunctionSourcePath";
+                this.FunctionSourcePath.LabelValue = "SourcePath";
+                this.FunctionSourcePath.LabelKey = "SourcePath";
+                this.FunctionSourcePath.Type = InputType.Text;
+                this.FunctionSourcePath.Value = null;
+                this.FunctionSourcePath.IsRequired = true;
+                this.ShowSourceFunctionPath = true;
+                this.sourceFunctionDataNotLoaded = true;
+                this.ShowLookupList = false;
+                this.ShowLookupItemsList = false;
+                break;
+            default:
+                break;
+        }
+    }
+    removeFormControls() {
+        this.AddConfigurationForm.removeControl("Value");
+        this.AddConfigurationForm.removeControl("DefaultValue");
+        this.AddConfigurationForm.removeControl("ValueToggel");
+        this.AddConfigurationForm.removeControl("DefaultValueToggel");
+        this.AddConfigurationForm.removeControl("Source");
+        this.AddConfigurationForm.removeControl("Lookup");
+        this.AddConfigurationForm.removeControl("LookupValue");
+        this.AddConfigurationForm.removeControl("LookupDefaultValue");
+        this.AddConfigurationForm.removeControl("FunctionSourcePath");
+        this.AddConfigurationForm.removeControl("SourceFuncValue");
+        this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
+    }
+    ChangeLookup(key) {
+        this.ConfigurationsService.loadLookupItems(key).subscribe((result) => {
+            let Result = result;
+            this.LookupItemsList = Result.lookupItems;
+            this.LookupValue = new DropdownOptions();
+            this.LookupValue.Name = "LookupValue";
+            this.LookupValue.LabelKey = "Value";
+            this.LookupValue.SelectedItems = null;
+            this.LookupValue.DataSource = this.LookupItemsList;
+            this.LookupValue.SingleSelection = true;
+            this.LookupValue.AllowSearchFilter = true;
+            this.LookupValue.IsRequired = true;
+            this.LookupValue.ShowAsterisk = true;
+            this.LookupDefaultValue = new DropdownOptions();
+            this.LookupDefaultValue.Name = "LookupDefaultValue";
+            this.LookupDefaultValue.LabelKey = "DefaultValue";
+            this.LookupDefaultValue.SelectedItems = null;
+            this.LookupDefaultValue.DataSource = this.LookupItemsList;
+            this.LookupDefaultValue.SingleSelection = true;
+            this.LookupDefaultValue.AllowSearchFilter = true;
+            this.LookupDefaultValue.IsRequired = true;
+            this.ShowLookupItemsList = true;
+        }, (error) => {
+        });
+    }
     //Edit configuration
     showEditConfigurationModal(configurationId, configurationIDEnc, EditConfigurationModal) {
         this.ConfigurationId = configurationId;
@@ -25032,6 +25247,7 @@ class ConfigurationComponent {
             this.EditConfigurationFormOptions.PagingReference = this.pagingElement;
             this.EditConfigurationFormOptions.PagingActionMode = PagingActionMode.Update;
             this.ConfigurationValueType = configuration.valueType;
+            this.EditConfigurationScopeID = configuration.scopeId;
             this.EditKey = new TextBoxOptions();
             this.EditKey.Name = "EditKey";
             this.EditKey.LabelKey = "Key";
@@ -25040,10 +25256,9 @@ class ConfigurationComponent {
             this.EditKey.Value = configuration.key;
             this.EditKey.MaxLength = 256;
             this.EditKey.IsDisabled = this.ProductionMode;
-            let typeItem = this.ValueTypeList.filter((item) => { return parseInt(item.key) == configuration.valueType; }).map((item) => item)[0];
-            this.EditConfigurationTypeName = typeItem.value;
-            switch (this.EditConfigurationTypeName) {
-                case "Text":
+            this.EditConfigurationTypeID = configuration.valueType;
+            switch (this.EditConfigurationTypeID) {
+                case ConfigurationTypes.Text:
                     this.ShowValueAndDefaultValue = true;
                     this.EditTextValue = new TextBoxOptions();
                     this.EditTextValue.Name = "EditTextValue";
@@ -25058,7 +25273,7 @@ class ConfigurationComponent {
                     this.EditTextDefaultValue.Value = configuration.defaultTextValue;
                     this.EditTextDefaultValue.IsRequired = true;
                     break;
-                case "Toggle":
+                case ConfigurationTypes.Toggle:
                     this.ShowValueToggleAndDefaultValue = true;
                     this.EditValueToggele = new ToggleSlideOptions();
                     this.EditValueToggele.Name = "EditValueToggele";
@@ -25071,11 +25286,10 @@ class ConfigurationComponent {
                     this.EditDefaultValueToggele.Value = configuration.defaultBoolValue;
                     this.EditDefaultValueToggele.ViewType = ControlLayout.Horizontal;
                     break;
-                case "Dropdown List":
-                    let sourceItem = this.ValueSourceList.filter((item) => { return parseInt(item.key) == configuration.valueSource; }).map((item) => item)[0];
-                    this.EditConfigurationDDLSourceName = sourceItem.value;
-                    switch (this.EditConfigurationDDLSourceName) {
-                        case "Lookup":
+                case ConfigurationTypes.DDL:
+                    this.EditConfigurationDDLSourceID = configuration.valueSource;
+                    switch (this.EditConfigurationDDLSourceID) {
+                        case ConfigurationValueSource.Lookup:
                             this.ShowLookupList = true;
                             this.ShowLookupItemsList = true;
                             let selectedLookup = this.LookupsList.filter((item) => { return item.key == configuration.selectedLookupID; }).map((item) => item.key)[0];
@@ -25107,7 +25321,7 @@ class ConfigurationComponent {
                             this.EditLookupDefaultValue.IsRequired = true;
                             this.EditLookupDefaultValue.SelectedItems = selectedLookupDefaultValue;
                             break;
-                        case "Function":
+                        case ConfigurationValueSource.Function:
                             this.EditFunctionSourcePath = new TextBoxOptions();
                             this.EditFunctionSourcePath.Name = "EditFunctionSourcePath";
                             this.EditFunctionSourcePath.LabelKey = "SourcePath";
@@ -25134,6 +25348,7 @@ class ConfigurationComponent {
                                 this.EditSourceFuncDefaultValue.IsRequired = true;
                                 this.EditSourceFuncDefaultValue.SelectedItems = selectedSourceFuncDefaultValue;
                                 this.ShowSourceFunctionPath = true;
+                                this.ShowSourceFunctionData = true;
                             }, (error) => {
                             });
                             break;
@@ -25144,11 +25359,10 @@ class ConfigurationComponent {
                 default:
                     break;
             }
-            let scopItem = this.ScopesList.filter((item) => { return parseInt(item.key) == configuration.scopeId; }).map((item) => item)[0];
-            this.EditConfigurationScopeName = scopItem.value;
+            this.EditConfigurationScopeID = configuration.scopeId;
             //console.log(scopItem);
-            switch (this.EditConfigurationScopeName) {
-                case "Permission set":
+            switch (this.EditConfigurationScopeID) {
+                case ConfigurationScope.PermissionSet:
                     this.ShowPermissionList = true;
                     let selectedPermissionSet = this.PermissionList.filter((item) => { return item.key == configuration.permissionSetID; }).map((item) => item.key)[0];
                     this.EditPermissionSet = new DropdownOptions();
@@ -25161,7 +25375,7 @@ class ConfigurationComponent {
                     this.EditPermissionSet.IsRequired = true;
                     this.EditPermissionSet.SelectedItems = selectedPermissionSet;
                     break;
-                case "User":
+                case ConfigurationScope.User:
                     this.ShowUsersList = true;
                     let selectedUser = this.UsersList.filter((item) => { return item.key == configuration.userID; }).map((item) => item.key)[0];
                     this.EditUser = new DropdownOptions();
@@ -25180,108 +25394,6 @@ class ConfigurationComponent {
             this.modalService.open(EditConfigurationModal);
         });
     }
-    //Add,Edit required functions
-    ChangeScopeValue(key) {
-        let scopItem = this.ScopesList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
-        switch (scopItem.value) {
-            case "App":
-                this.ShowPermissionList = false;
-                this.ShowUsersList = false;
-                this.AddConfigurationForm.removeControl("User");
-                this.AddConfigurationForm.removeControl("PermissionSet");
-                break;
-            case "Permission set":
-                this.ShowPermissionList = true;
-                this.ShowUsersList = false;
-                this.AddConfigurationForm.removeControl("User");
-                break;
-            case "User":
-                this.ShowPermissionList = false;
-                this.ShowUsersList = true;
-                this.AddConfigurationForm.removeControl("PermissionSet");
-                break;
-            default:
-                break;
-        }
-    }
-    ChangeTypeValue(key) {
-        let typeItem = this.ValueTypeList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
-        switch (typeItem.value) {
-            case "Text":
-                this.ShowValueAndDefaultValue = true;
-                this.ShowValueToggleAndDefaultValue = false;
-                this.ShowDropDownSource = false;
-                this.ShowLookupList = false;
-                this.ShowLookupItemsList = false;
-                this.AddConfigurationForm.removeControl("Source");
-                this.AddConfigurationForm.removeControl("ValueToggel");
-                this.AddConfigurationForm.removeControl("DefaultValueToggel");
-                break;
-            case "Toggle":
-                this.ShowValueAndDefaultValue = false;
-                this.ShowValueToggleAndDefaultValue = true;
-                this.ShowDropDownSource = false;
-                this.ShowLookupList = false;
-                this.ShowLookupItemsList = false;
-                this.AddConfigurationForm.removeControl("Source");
-                this.AddConfigurationForm.removeControl("Value");
-                this.AddConfigurationForm.removeControl("DefaultValue");
-                break;
-            case "Dropdown List":
-                this.ShowLookupList = false;
-                this.ShowValueAndDefaultValue = false;
-                this.ShowValueToggleAndDefaultValue = false;
-                this.ShowDropDownSource = true;
-                this.AddConfigurationForm.removeControl("ValueToggel");
-                this.AddConfigurationForm.removeControl("DefaultValueToggel");
-                this.AddConfigurationForm.removeControl("Value");
-                this.AddConfigurationForm.removeControl("DefaultValue");
-                break;
-            default:
-                break;
-        }
-    }
-    ChangeSource(key) {
-        let sourceItem = this.ValueSourceList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
-        switch (sourceItem.value) {
-            case "Lookup":
-                this.ShowLookupList = true;
-                this.ShowSourceFunctionPath = false;
-                break;
-            case "Function":
-                this.ShowSourceFunctionPath = true;
-                this.ShowLookupList = false;
-                this.ShowLookupItemsList = false;
-                break;
-            default:
-                break;
-        }
-    }
-    ChangeLookup(key) {
-        this.ConfigurationsService.loadLookupItems(key).subscribe((result) => {
-            let Result = result;
-            this.LookupItemsList = Result.lookupItems;
-            this.LookupValue = new DropdownOptions();
-            this.LookupValue.Name = "LookupValue";
-            this.LookupValue.LabelKey = "Value";
-            this.LookupValue.SelectedItems = null;
-            this.LookupValue.DataSource = this.LookupItemsList;
-            this.LookupValue.SingleSelection = true;
-            this.LookupValue.AllowSearchFilter = true;
-            this.LookupValue.IsRequired = true;
-            this.LookupValue.ShowAsterisk = true;
-            this.LookupDefaultValue = new DropdownOptions();
-            this.LookupDefaultValue.Name = "LookupDefaultValue";
-            this.LookupDefaultValue.LabelKey = "DefaultValue";
-            this.LookupDefaultValue.SelectedItems = null;
-            this.LookupDefaultValue.DataSource = this.LookupItemsList;
-            this.LookupDefaultValue.SingleSelection = true;
-            this.LookupDefaultValue.AllowSearchFilter = true;
-            this.LookupDefaultValue.IsRequired = true;
-            this.ShowLookupItemsList = true;
-        }, (error) => {
-        });
-    }
     ChangeEditLookup(key) {
         this.ShowLookupItemsList = false;
         this.ConfigurationsService.loadLookupItems(key).subscribe((result) => {
@@ -25308,6 +25420,30 @@ class ConfigurationComponent {
         }, (error) => {
         });
     }
+    //Add,Edit required functions
+    ChangeScopeValue(key) {
+        let scopItem = this.ScopesList.filter((item) => { return parseInt(item.key) == key; }).map((item) => item)[0];
+        switch (scopItem.value) {
+            case "App":
+                this.ShowPermissionList = false;
+                this.ShowUsersList = false;
+                this.AddConfigurationForm.removeControl("User");
+                this.AddConfigurationForm.removeControl("PermissionSet");
+                break;
+            case "Permission set":
+                this.ShowPermissionList = true;
+                this.ShowUsersList = false;
+                this.AddConfigurationForm.removeControl("User");
+                break;
+            case "User":
+                this.ShowPermissionList = false;
+                this.ShowUsersList = true;
+                this.AddConfigurationForm.removeControl("PermissionSet");
+                break;
+            default:
+                break;
+        }
+    }
     resetConfigurationFlags() {
         this.ShowPermissionList = false;
         this.ShowUsersList = false;
@@ -25315,15 +25451,21 @@ class ConfigurationComponent {
         this.ShowValueAndDefaultValue = false;
         this.ShowValueToggleAndDefaultValue = false;
         this.ShowSourceFunctionPath = false;
+        this.showFunctionNotFoundError = false;
         this.ShowDropDownSource = false;
         this.ShowLookupItemsList = false;
         this.ShowSourceFunctionData = false;
+        this.sourceFunctionDataNotLoaded = false;
     }
     SearchForFunction(isAdd = true) {
         let ResultModel = isAdd ? this.AddConfigurationForm.value : this.EditConfigurationForm.value;
         let functionName = isAdd ? ResultModel.FunctionSourcePath : ResultModel.EditFunctionSourcePath;
         this.ConfigurationsService.loadSourceFunctionDropDownItems(functionName).subscribe((result) => {
+            this.showFunctionNotFoundError = false;
+            this.ShowSourceFunctionData = false;
             if (isAdd) {
+                this.AddConfigurationForm.removeControl("SourceFuncValue");
+                this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
                 this.SourceFuncValue = new DropdownOptions();
                 this.SourceFuncValue.Name = "SourceFuncValue";
                 this.SourceFuncValue.LabelKey = "Value";
@@ -25338,9 +25480,10 @@ class ConfigurationComponent {
                 this.SourceFuncDefaultValue.SingleSelection = true;
                 this.SourceFuncDefaultValue.AllowSearchFilter = true;
                 this.SourceFuncDefaultValue.IsRequired = true;
-                this.ShowSourceFunctionData = true;
             }
             else {
+                this.EditConfigurationForm.removeControl("EditSourceFuncValue");
+                this.EditConfigurationForm.removeControl("EditSourceFuncDefaultValue");
                 this.EditSourceFuncValue = new DropdownOptions();
                 this.EditSourceFuncValue.Name = "EditSourceFuncValue";
                 this.EditSourceFuncValue.LabelKey = "Value";
@@ -25356,9 +25499,21 @@ class ConfigurationComponent {
                 this.EditSourceFuncDefaultValue.AllowSearchFilter = true;
                 this.EditSourceFuncDefaultValue.IsRequired = true;
             }
+            this.sourceFunctionDataNotLoaded = false;
+            this.ShowSourceFunctionData = true;
         }, (error) => {
+            if (error.status == 404) {
+                this.utilityService.stopBlockUI();
+                this.showFunctionNotFoundError = true;
+                this.ShowSourceFunctionData = false;
+                this.sourceFunctionDataNotLoaded = true;
+            }
         });
     }
+    changeSourceFunction() {
+        this.ShowSourceFunctionData = false;
+        this.sourceFunctionDataNotLoaded = true;
+    }
     //Delete configuration
     showDeleteConfigurationModal(configurationID) {
         this.deleteConfigurationId = configurationID;
@@ -25380,7 +25535,7 @@ class ConfigurationComponent {
     }
 }
 ConfigurationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ConfigurationComponent, deps: [{ token: i1.AuthService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: ConfigurationsService }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ConfigurationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ConfigurationComponent, selector: "lib-configuration", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ConfigurationPagingViewElement"], 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\r\n  <div *ngIf=\"ShowPageContent\">\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]=\"ConfigurationForm\">\r\n            <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [options]=\"searchTextBox\" [group]=\"ConfigurationForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddConfigurationModal(AddConfigurationModal)\">\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\">\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(\"Key\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Scope\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UserPermissionSet\")}}</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 Configuration of clientSidePagingResult\">\r\n\r\n                <td class=\"text-dark\">{{Configuration.key}}</td>\r\n                <td>{{Configuration.value}}</td>\r\n                <td> {{Configuration.valueTypeNameStr}}</td>\r\n                <td>{{Configuration.scopeName}}</td>\r\n                <td>{{Configuration.permissionSetName}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"config\" 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 #config=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditConfigurationModal(Configuration.id,Configuration.idEncrypted, EditConfigurationModal)\">\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)=\"showDeleteConfigurationModal(Configuration.idEncrypted)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</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      <!-- begin paging-->\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setConfigurationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ConfigurationPaging\" [group]=\"ConfigurationForm\" #ConfigurationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddConfigurationModal 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(\"AddConfiguration\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Key\" [group]=\"AddConfigurationForm\">\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-DropdownList [options]=\"Scope\" (OnChange)=\"ChangeScopeValue($event)\" [group]=\"AddConfigurationForm\">\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]=\"Type\" (OnChange)=\"ChangeTypeValue($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Value\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\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-TextBox [options]=\"DefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\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-Toggleslide [options]=\"ValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"DefaultValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\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]=\"Source\" *ngIf=\"ShowDropDownSource\" (OnChange)=\"ChangeSource($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"FunctionSourcePath\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <button type=\"button\" (click)=\"SearchForFunction(true)\">\r\n            <span class=\"float-right\"><i class=\"fa fa-search\"></i></span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"SourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\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]=\"SourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\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]=\"Lookup\" *ngIf=\"ShowLookupList\" (OnChange)=\"ChangeLookup($event)\" [group]=\"AddConfigurationForm\">\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]=\"LookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\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]=\"LookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\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]=\"PermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"AddConfigurationForm\">\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]=\"User\" *ngIf=\"ShowUsersList\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseConfigurationModal id=\"CloseConfigurationModal\" 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<!--Edit Modal-->\r\n<ng-template #EditConfigurationModal 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(\"Configuration\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditKey\" [group]=\"EditConfigurationForm\">\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-TextBox [options]=\"EditTextValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\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-TextBox [options]=\"EditTextDefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\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-Toggleslide [options]=\"EditValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditDefaultValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditFunctionSourcePath\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <button type=\"button\" (click)=\"SearchForFunction(false)\">\r\n            <span class=\"float-right\"><i class=\"fa fa-search\"></i></span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncValue\" *ngIf=\"ShowSourceFunctionPath\" [group]=\"EditConfigurationForm\">\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]=\"EditSourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionPath\" [group]=\"EditConfigurationForm\">\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]=\"EditLookup\" *ngIf=\"ShowLookupList\" (OnChange)=\"ChangeEditLookup($event)\" [group]=\"EditConfigurationForm\">\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]=\"EditLookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"EditConfigurationForm\">\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]=\"EditLookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"EditConfigurationForm\">\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]=\"EditPermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\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]=\"EditUser\" *ngIf=\"ShowUsersList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditConfigurationModal id=\"CloseEditConfigurationModal\" 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      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--deleted Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6.ɵw, 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: 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"] }] });
+ConfigurationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ConfigurationComponent, selector: "lib-configuration", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ConfigurationPagingViewElement"], 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\r\n  <div *ngIf=\"ShowPageContent\">\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]=\"ConfigurationForm\">\r\n            <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [options]=\"searchTextBox\" [group]=\"ConfigurationForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddConfigurationModal(AddConfigurationModal)\">\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\">\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(\"Key\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Scope\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UserPermissionSet\")}}</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 Configuration of clientSidePagingResult\">\r\n\r\n                <td class=\"text-dark\">{{Configuration.key}}</td>\r\n                <td>{{Configuration.value}}</td>\r\n                <td> {{Configuration.valueTypeNameStr}}</td>\r\n                <td>{{Configuration.scopeName}}</td>\r\n                <td>{{Configuration.permissionSetName}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"config\" 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 #config=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditConfigurationModal(Configuration.id,Configuration.idEncrypted, EditConfigurationModal)\">\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)=\"showDeleteConfigurationModal(Configuration.idEncrypted)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</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      <!-- begin paging-->\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setConfigurationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ConfigurationPaging\" [group]=\"ConfigurationForm\" #ConfigurationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddConfigurationModal 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(\"AddConfiguration\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Key\" [group]=\"AddConfigurationForm\">\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-DropdownList [options]=\"Scope\" (OnChange)=\"ChangeScopeValue($event)\" [group]=\"AddConfigurationForm\">\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]=\"PermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"AddConfigurationForm\">\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]=\"User\" *ngIf=\"ShowUsersList\" [group]=\"AddConfigurationForm\">\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]=\"Type\" (OnChange)=\"ChangeTypeValue($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Value\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\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-TextBox [options]=\"DefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\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-Toggleslide [options]=\"ValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"DefaultValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\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]=\"Source\" *ngIf=\"ShowDropDownSource\" (OnChange)=\"ChangeSource($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-9\">\r\n            <BBSF-TextBox [options]=\"FunctionSourcePath\" [group]=\"AddConfigurationForm\" (OnChange)=\"changeSourceFunction()\">\r\n            </BBSF-TextBox>\r\n            <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">{{utilityService.getResourceValue(\"SourceFunctionNotFound\")}}</div>\r\n          </div>\r\n          <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n            <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(true)\">\r\n              <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{utilityService.getResourceValue(\"Search\")}}</span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\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]=\"SourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowLookupList\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"Lookup\" (OnChange)=\"ChangeLookup($event)\" [group]=\"AddConfigurationForm\">\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]=\"LookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\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]=\"LookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseConfigurationModal id=\"CloseConfigurationModal\" 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\" [disabled]=\"sourceFunctionDataNotLoaded\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n<!--Edit Modal-->\r\n<ng-template #EditConfigurationModal 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(\"Configuration\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditKey\" [group]=\"EditConfigurationForm\">\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]=\"EditPermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\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]=\"EditUser\" *ngIf=\"ShowUsersList\" [group]=\"EditConfigurationForm\">\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-TextBox [options]=\"EditTextValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\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-TextBox [options]=\"EditTextDefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\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-Toggleslide [options]=\"EditValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditDefaultValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-9\">\r\n          <BBSF-TextBox [options]=\"EditFunctionSourcePath\" [group]=\"EditConfigurationForm\" (OnChange)=\"changeSourceFunction()\">\r\n          </BBSF-TextBox>\r\n          <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">{{utilityService.getResourceValue(\"SourceFunctionNotFound\")}}</div>\r\n        </div>\r\n        <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n          <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(false)\">\r\n            <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{utilityService.getResourceValue(\"Search\")}}</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\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]=\"EditSourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\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]=\"EditLookup\" *ngIf=\"ShowLookupList\" (OnChange)=\"ChangeEditLookup($event)\" [group]=\"EditConfigurationForm\">\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]=\"EditLookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"EditConfigurationForm\">\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]=\"EditLookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditConfigurationModal id=\"CloseEditConfigurationModal\" 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\" [disabled]=\"sourceFunctionDataNotLoaded\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--deleted Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i1$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6.ɵw, 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: 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: ConfigurationComponent, decorators: [{
             type: Component,
             args: [{
@@ -29799,6 +29954,7 @@ class ProviderComponent {
             const file = new Blob([FileDTO], { type: "application/json" });
             let fileName = this.utilityService.getResourceValue("Providers") + ".json";
             saveAs(file, fileName);
+            window.location.reload();
         });
     }
     //On destroy