@bnsights/bbsf-admin-portal 1.0.4 → 1.0.5

package/bundles/bnsights-bbsf-admin-portal.umd.js

@@ -3703,7 +3703,6 @@
             this.extrasScrollTopDisplay = false;
             this.currentTheme = "ltr";
             this.translateService.use(this.UtilityService.getCurrentLanguage());
-            console.log("from masterlayout constructor", this.UtilityService.getCurrentLanguage());
             this.loadUI();
         }
         MasterlayoutComponent.prototype.ToggleAnimation = function () {
@@ -4192,8 +4191,7 @@
                 var FileDTO = result;
                 var file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
                 fileSaver.saveAs(file, "Localizations" + _this.datePipe.transform(new Date(), "dd-MM-YYYY hh:mm").toString() + ".xlsx");
-                var element = _this.pagingElement;
-                element.UpdatePaging();
+                window.location.reload();
             };
             this.getAddResourceModal = function () {
                 var paramArray = [];
@@ -8051,7 +8049,7 @@
         return LookupComponent;
     }());
     LookupComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: LookupComponent$1, deps: [{ token: PageInfoService }, { token: i1__namespace.UtilityService }, { token: i1__namespace.EnvironmentService }, { token: i3__namespace.ClipboardService }, { token: LookupService$1 }, { token: i5__namespace.NgbModal }, { token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LookupComponent$1.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6__namespace.ɵe, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+    LookupComponent$1.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6__namespace.ɵe, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: LookupComponent$1, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -9997,6 +9995,28 @@
         return ConfigurationModel;
     }());
 
+    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 = {}));
+
     var ConfigurationsService$1 = /** @class */ (function () {
         function ConfigurationsService(http) {
             this.http = http;
@@ -10079,6 +10099,8 @@
             this.ShowDropDownSource = false;
             this.ShowLookupItemsList = false;
             this.ShowSourceFunctionData = false;
+            this.showFunctionNotFoundError = false;
+            this.sourceFunctionDataNotLoaded = false;
             //Add Model Controls
             this.AddConfigurationForm = new i10.FormGroup({});
             this.SourceFuncValue = new i6.DropdownOptions();
@@ -10142,35 +10164,35 @@
                 var 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;
@@ -10245,6 +10267,7 @@
         ConfigurationComponent.prototype.showAddConfigurationModal = function (AddConfigurationModal) {
             var _this = this;
             this.utilityService.startBlockUI();
+            this.resetConfigurationFlags();
             this.ConfigurationsService.loadAddDropdowns().subscribe(function (result) {
                 //Lists loading
                 var resultObj = result;
@@ -10261,50 +10284,13 @@
                 _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 i6.TextBoxOptions();
                 _this.Key.Name = "Key";
                 _this.Key.LabelKey = "Key";
                 _this.Key.Type = i6.InputType.Text;
                 _this.Key.IsRequired = true;
                 _this.Key.Value = null;
-                _this.Value = new i6.TextBoxOptions();
-                _this.Value.Name = "Value";
-                _this.Value.LabelKey = "Value";
-                _this.Value.Type = i6.InputType.Text;
-                _this.Value.Value = null;
-                _this.Value.IsRequired = true;
-                _this.DefaultValue = new i6.TextBoxOptions();
-                _this.DefaultValue.Name = "DefaultValue";
-                _this.DefaultValue.LabelKey = "DefaultValue";
-                _this.DefaultValue.Type = i6.InputType.Text;
-                _this.DefaultValue.Value = null;
-                _this.DefaultValue.IsRequired = true;
-                _this.FunctionSourcePath = new i6.TextBoxOptions();
-                _this.FunctionSourcePath.Name = "FunctionSourcePath";
-                _this.FunctionSourcePath.LabelValue = "SourcePath";
-                _this.FunctionSourcePath.LabelKey = "SourcePath";
-                _this.FunctionSourcePath.Type = i6.InputType.Text;
-                _this.FunctionSourcePath.Value = null;
-                _this.ValueToggel = new i6.ToggleSlideOptions();
-                _this.ValueToggel.Name = "ValueToggel";
-                _this.ValueToggel.LabelKey = "Value";
-                _this.ValueToggel.Value = false;
-                _this.ValueToggel.ViewType = i6.ControlLayout.Horizontal;
-                _this.DefaultValueToggel = new i6.ToggleSlideOptions();
-                _this.DefaultValueToggel.Name = "DefaultValueToggel";
-                _this.DefaultValueToggel.LabelKey = "DefaultValue";
-                _this.DefaultValueToggel.Value = false;
-                _this.DefaultValueToggel.ViewType = i6.ControlLayout.Horizontal;
                 _this.Scope = new i6.DropdownOptions();
                 _this.Scope.Name = "Scope";
                 _this.Scope.LabelKey = "Scope";
@@ -10337,26 +10323,137 @@
                 _this.User.SingleSelection = true;
                 _this.User.AllowSearchFilter = true;
                 _this.User.IsRequired = true;
-                _this.Source = new i6.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 i6.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
+        ConfigurationComponent.prototype.ChangeTypeValue = function (key) {
+            var typeItem = this.ValueTypeList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return item; })[0];
+            this.resetConfigurationFlags();
+            this.removeFormControls();
+            switch (typeItem.value) {
+                case "Text":
+                    this.Value = new i6.TextBoxOptions();
+                    this.Value.Name = "Value";
+                    this.Value.LabelKey = "Value";
+                    this.Value.Type = i6.InputType.Text;
+                    this.Value.Value = null;
+                    this.Value.IsRequired = true;
+                    this.DefaultValue = new i6.TextBoxOptions();
+                    this.DefaultValue.Name = "DefaultValue";
+                    this.DefaultValue.LabelKey = "DefaultValue";
+                    this.DefaultValue.Type = i6.InputType.Text;
+                    this.DefaultValue.Value = null;
+                    this.DefaultValue.IsRequired = true;
+                    this.ShowValueAndDefaultValue = true;
+                    break;
+                case "Toggle":
+                    this.ValueToggel = new i6.ToggleSlideOptions();
+                    this.ValueToggel.Name = "ValueToggel";
+                    this.ValueToggel.LabelKey = "Value";
+                    this.ValueToggel.Value = false;
+                    this.ValueToggel.ViewType = i6.ControlLayout.Horizontal;
+                    this.DefaultValueToggel = new i6.ToggleSlideOptions();
+                    this.DefaultValueToggel.Name = "DefaultValueToggel";
+                    this.DefaultValueToggel.LabelKey = "DefaultValue";
+                    this.DefaultValueToggel.Value = false;
+                    this.DefaultValueToggel.ViewType = i6.ControlLayout.Horizontal;
+                    this.ShowValueToggleAndDefaultValue = true;
+                    break;
+                case "Dropdown List":
+                    this.Source = new i6.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;
+            }
+        };
+        ConfigurationComponent.prototype.ChangeSource = function (key) {
+            switch (key) {
+                case ConfigurationValueSource$1.Lookup:
+                    this.AddConfigurationForm.removeControl("FunctionSourcePath");
+                    this.AddConfigurationForm.removeControl("SourceFuncValue");
+                    this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
+                    this.Lookup = new i6.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 i6.TextBoxOptions();
+                    this.FunctionSourcePath.Name = "FunctionSourcePath";
+                    this.FunctionSourcePath.LabelValue = "SourcePath";
+                    this.FunctionSourcePath.LabelKey = "SourcePath";
+                    this.FunctionSourcePath.Type = i6.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;
+            }
+        };
+        ConfigurationComponent.prototype.removeFormControls = function () {
+            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");
+        };
+        ConfigurationComponent.prototype.ChangeLookup = function (key) {
+            var _this = this;
+            this.ConfigurationsService.loadLookupItems(key).subscribe(function (result) {
+                var Result = result;
+                _this.LookupItemsList = Result.lookupItems;
+                _this.LookupValue = new i6.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 i6.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;
+            }, function (error) {
+            });
+        };
         //Edit configuration
         ConfigurationComponent.prototype.showEditConfigurationModal = function (configurationId, configurationIDEnc, EditConfigurationModal) {
             var _this = this;
@@ -10379,6 +10476,7 @@
                 _this.EditConfigurationFormOptions.PagingReference = _this.pagingElement;
                 _this.EditConfigurationFormOptions.PagingActionMode = i6.PagingActionMode.Update;
                 _this.ConfigurationValueType = configuration.valueType;
+                _this.EditConfigurationScopeID = configuration.scopeId;
                 _this.EditKey = new i6.TextBoxOptions();
                 _this.EditKey.Name = "EditKey";
                 _this.EditKey.LabelKey = "Key";
@@ -10387,10 +10485,9 @@
                 _this.EditKey.Value = configuration.key;
                 _this.EditKey.MaxLength = 256;
                 _this.EditKey.IsDisabled = _this.ProductionMode;
-                var typeItem = _this.ValueTypeList.filter(function (item) { return parseInt(item.key) == configuration.valueType; }).map(function (item) { return 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 i6.TextBoxOptions();
                         _this.EditTextValue.Name = "EditTextValue";
@@ -10405,7 +10502,7 @@
                         _this.EditTextDefaultValue.Value = configuration.defaultTextValue;
                         _this.EditTextDefaultValue.IsRequired = true;
                         break;
-                    case "Toggle":
+                    case ConfigurationTypes$1.Toggle:
                         _this.ShowValueToggleAndDefaultValue = true;
                         _this.EditValueToggele = new i6.ToggleSlideOptions();
                         _this.EditValueToggele.Name = "EditValueToggele";
@@ -10418,11 +10515,10 @@
                         _this.EditDefaultValueToggele.Value = configuration.defaultBoolValue;
                         _this.EditDefaultValueToggele.ViewType = i6.ControlLayout.Horizontal;
                         break;
-                    case "Dropdown List":
-                        var sourceItem = _this.ValueSourceList.filter(function (item) { return parseInt(item.key) == configuration.valueSource; }).map(function (item) { return 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;
                                 var selectedLookup = _this.LookupsList.filter(function (item) { return item.key == configuration.selectedLookupID; }).map(function (item) { return item.key; })[0];
@@ -10454,7 +10550,7 @@
                                 _this.EditLookupDefaultValue.IsRequired = true;
                                 _this.EditLookupDefaultValue.SelectedItems = selectedLookupDefaultValue;
                                 break;
-                            case "Function":
+                            case ConfigurationValueSource$1.Function:
                                 _this.EditFunctionSourcePath = new i6.TextBoxOptions();
                                 _this.EditFunctionSourcePath.Name = "EditFunctionSourcePath";
                                 _this.EditFunctionSourcePath.LabelKey = "SourcePath";
@@ -10481,6 +10577,7 @@
                                     _this.EditSourceFuncDefaultValue.IsRequired = true;
                                     _this.EditSourceFuncDefaultValue.SelectedItems = selectedSourceFuncDefaultValue;
                                     _this.ShowSourceFunctionPath = true;
+                                    _this.ShowSourceFunctionData = true;
                                 }, function (error) {
                                 });
                                 break;
@@ -10491,11 +10588,10 @@
                     default:
                         break;
                 }
-                var scopItem = _this.ScopesList.filter(function (item) { return parseInt(item.key) == configuration.scopeId; }).map(function (item) { return 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;
                         var selectedPermissionSet = _this.PermissionList.filter(function (item) { return item.key == configuration.permissionSetID; }).map(function (item) { return item.key; })[0];
                         _this.EditPermissionSet = new i6.DropdownOptions();
@@ -10508,7 +10604,7 @@
                         _this.EditPermissionSet.IsRequired = true;
                         _this.EditPermissionSet.SelectedItems = selectedPermissionSet;
                         break;
-                    case "User":
+                    case ConfigurationScope$1.User:
                         _this.ShowUsersList = true;
                         var selectedUser = _this.UsersList.filter(function (item) { return item.key == configuration.userID; }).map(function (item) { return item.key; })[0];
                         _this.EditUser = new i6.DropdownOptions();
@@ -10527,109 +10623,6 @@
                 _this.modalService.open(EditConfigurationModal);
             });
         };
-        //Add,Edit required functions
-        ConfigurationComponent.prototype.ChangeScopeValue = function (key) {
-            var scopItem = this.ScopesList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return 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;
-            }
-        };
-        ConfigurationComponent.prototype.ChangeTypeValue = function (key) {
-            var typeItem = this.ValueTypeList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return 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;
-            }
-        };
-        ConfigurationComponent.prototype.ChangeSource = function (key) {
-            var sourceItem = this.ValueSourceList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return 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;
-            }
-        };
-        ConfigurationComponent.prototype.ChangeLookup = function (key) {
-            var _this = this;
-            this.ConfigurationsService.loadLookupItems(key).subscribe(function (result) {
-                var Result = result;
-                _this.LookupItemsList = Result.lookupItems;
-                _this.LookupValue = new i6.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 i6.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;
-            }, function (error) {
-            });
-        };
         ConfigurationComponent.prototype.ChangeEditLookup = function (key) {
             var _this = this;
             this.ShowLookupItemsList = false;
@@ -10657,6 +10650,30 @@
             }, function (error) {
             });
         };
+        //Add,Edit required functions
+        ConfigurationComponent.prototype.ChangeScopeValue = function (key) {
+            var scopItem = this.ScopesList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return 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;
+            }
+        };
         ConfigurationComponent.prototype.resetConfigurationFlags = function () {
             this.ShowPermissionList = false;
             this.ShowUsersList = false;
@@ -10664,9 +10681,11 @@
             this.ShowValueAndDefaultValue = false;
             this.ShowValueToggleAndDefaultValue = false;
             this.ShowSourceFunctionPath = false;
+            this.showFunctionNotFoundError = false;
             this.ShowDropDownSource = false;
             this.ShowLookupItemsList = false;
             this.ShowSourceFunctionData = false;
+            this.sourceFunctionDataNotLoaded = false;
         };
         ConfigurationComponent.prototype.SearchForFunction = function (isAdd) {
             var _this = this;
@@ -10674,7 +10693,11 @@
             var ResultModel = isAdd ? this.AddConfigurationForm.value : this.EditConfigurationForm.value;
             var functionName = isAdd ? ResultModel.FunctionSourcePath : ResultModel.EditFunctionSourcePath;
             this.ConfigurationsService.loadSourceFunctionDropDownItems(functionName).subscribe(function (result) {
+                _this.showFunctionNotFoundError = false;
+                _this.ShowSourceFunctionData = false;
                 if (isAdd) {
+                    _this.AddConfigurationForm.removeControl("SourceFuncValue");
+                    _this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
                     _this.SourceFuncValue = new i6.DropdownOptions();
                     _this.SourceFuncValue.Name = "SourceFuncValue";
                     _this.SourceFuncValue.LabelKey = "Value";
@@ -10689,9 +10712,10 @@
                     _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 i6.DropdownOptions();
                     _this.EditSourceFuncValue.Name = "EditSourceFuncValue";
                     _this.EditSourceFuncValue.LabelKey = "Value";
@@ -10707,9 +10731,21 @@
                     _this.EditSourceFuncDefaultValue.AllowSearchFilter = true;
                     _this.EditSourceFuncDefaultValue.IsRequired = true;
                 }
+                _this.sourceFunctionDataNotLoaded = false;
+                _this.ShowSourceFunctionData = true;
             }, function (error) {
+                if (error.status == 404) {
+                    _this.utilityService.stopBlockUI();
+                    _this.showFunctionNotFoundError = true;
+                    _this.ShowSourceFunctionData = false;
+                    _this.sourceFunctionDataNotLoaded = true;
+                }
             });
         };
+        ConfigurationComponent.prototype.changeSourceFunction = function () {
+            this.ShowSourceFunctionData = false;
+            this.sourceFunctionDataNotLoaded = true;
+        };
         //Delete configuration
         ConfigurationComponent.prototype.showDeleteConfigurationModal = function (configurationID) {
             var _this = this;
@@ -10733,7 +10769,7 @@
         return ConfigurationComponent;
     }());
     ConfigurationComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ConfigurationComponent$1, deps: [{ token: i1__namespace.AuthService }, { token: PageInfoService }, { token: i1__namespace.UtilityService }, { token: i1__namespace.BBSFTranslateService }, { token: i1__namespace.EnvironmentService }, { token: ConfigurationsService$1 }, { token: i5__namespace.NgbModal }, { token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ConfigurationComponent$1.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6__namespace.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6__namespace.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+    ConfigurationComponent$1.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6__namespace.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6__namespace.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ConfigurationComponent$1, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -15347,6 +15383,7 @@
                 var file = new Blob([FileDTO], { type: "application/json" });
                 var fileName = _this.utilityService.getResourceValue("Providers") + ".json";
                 fileSaver.saveAs(file, fileName);
+                window.location.reload();
             });
         };
         //On destroy
@@ -16172,6 +16209,7 @@
                 var file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
                 var fileName = _this.utilityService.getResourceValue("Users") + ".xlsx";
                 fileSaver.saveAs(file, fileName);
+                window.location.reload();
             }, function (error) {
             });
         };
@@ -16361,7 +16399,7 @@
         return UsersComponent;
     }());
     UsersComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UsersComponent$1, deps: [{ token: i1__namespace.AuthService }, { token: i1__namespace.UtilityService }, { token: i1__namespace.BBSFTranslateService }, { token: i1__namespace.EnvironmentService }, { token: PageInfoService }, { token: userService$1 }, { token: i5__namespace.NgbModal }, { token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    UsersComponent$1.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7__namespace$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__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵi, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+    UsersComponent$1.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7__namespace$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__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵi, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UsersComponent$1, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -17847,7 +17885,6 @@
             });
         };
         AuthService.prototype.register = function (userRegistration) {
-            ;
             return this.http.post('https://localhost:44335/api' + '/account', userRegistration);
         };
         AuthService.prototype.refreshToken = function (token) {
@@ -18007,13 +18044,20 @@
             }], ctorParameters: function () { return [{ type: AuthService$1 }, { type: i1__namespace$1.Router }, { type: i10__namespace.FormBuilder }]; } });
 
     var AccountComponent$1 = /** @class */ (function () {
-        function AccountComponent() {
+        function AccountComponent(utilityService, stylesBundleService) {
+            this.utilityService = utilityService;
+            this.stylesBundleService = stylesBundleService;
+            this.loadUI();
         }
         AccountComponent.prototype.ngOnInit = function () {
         };
+        AccountComponent.prototype.loadUI = function () {
+            var lang = this.utilityService.getCurrentLanguage();
+            this.stylesBundleService.loadThemes(lang, "BBSF-Bundle-English.css", "BBSF-Bundle-Arabic.css");
+        };
         return AccountComponent;
     }());
-    AccountComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountComponent$1, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    AccountComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountComponent$1, deps: [{ token: i1__namespace.UtilityService }, { token: i1__namespace.StylesBundleService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     AccountComponent$1.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: AccountComponent$1, selector: "app-account", ngImport: i0__namespace, template: "<router-outlet></router-outlet>", directives: [{ type: i1__namespace$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountComponent$1, decorators: [{
                 type: i0.Component,
@@ -18021,12 +18065,75 @@
                         selector: 'app-account',
                         templateUrl: './account.component.html'
                     }]
-            }], ctorParameters: function () { return []; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace.UtilityService }, { type: i1__namespace.StylesBundleService }]; } });
+
+    var AccountService = /** @class */ (function () {
+        function AccountService(http) {
+            this.http = http;
+            this.ApiUrl = "/account/";
+        }
+        AccountService.prototype.forgotPassword = function (email) {
+            return this.http.post(this.ApiUrl + 'forgotPassword', JSON.stringify(email));
+        };
+        return AccountService;
+    }());
+    AccountService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountService, deps: [{ token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AccountService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.RequestHandlerService }]; } });
+
+    var ForgotPasswordComponent = /** @class */ (function () {
+        function ForgotPasswordComponent(utilityService, accountService) {
+            var _this = this;
+            this.utilityService = utilityService;
+            this.accountService = accountService;
+            //Forgot Model Controls
+            this.forgotForm = new i10.FormGroup({});
+            this.forgotFormOptions = new i6.FormOptions;
+            this.getForgotModel = function () {
+                var paramArray = [];
+                var ResultModel = _this.forgotForm.value;
+                paramArray.push(ResultModel.Email);
+                return paramArray;
+            };
+            this.getForgotFunction = function (email) {
+                return _this.accountService.forgotPassword(email);
+            };
+        }
+        ForgotPasswordComponent.prototype.ngOnInit = function () {
+            this.forgotForm = new i10.FormGroup({});
+            this.forgotFormOptions = new i6.FormOptions();
+            this.forgotFormOptions.FormGroup = this.forgotForm;
+            this.forgotFormOptions.GetModelFunction = this.getForgotModel;
+            this.forgotFormOptions.ServiceSubmitFunction = this.getForgotFunction;
+            this.email = new i6.TextBoxOptions();
+            this.email.Value = null;
+            this.email.Name = "Email";
+            this.email.LabelKey = "Email";
+            this.email.Type = i6.InputType.Email;
+            this.email.IsRequired = true;
+        };
+        return ForgotPasswordComponent;
+    }());
+    ForgotPasswordComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ForgotPasswordComponent, deps: [{ token: i1__namespace.UtilityService }, { token: AccountService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ForgotPasswordComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ForgotPasswordComponent, selector: "lib-forgot-password", ngImport: i0__namespace, 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__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ForgotPasswordComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'lib-forgot-password',
+                        templateUrl: './forgot-password.component.html',
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.UtilityService }, { type: AccountService }]; } });
 
     var routes$i = [
         { path: "account", component: AccountComponent$1, children: [
                 { path: "login", component: LoginComponent$1 },
                 { path: "register", component: RegisterComponent$1 },
+                { path: "forgotpassword", component: ForgotPasswordComponent },
             ] }
     ];
     var AccountRoutingModule = /** @class */ (function () {
@@ -18076,36 +18183,41 @@
         return AccountModule;
     }());
     AccountModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    AccountModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountModule, declarations: [LoginComponent$1, RegisterComponent$1, AccountComponent$1], imports: [i9.CommonModule,
+    AccountModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountModule, declarations: [LoginComponent$1, RegisterComponent$1, AccountComponent$1, ForgotPasswordComponent], imports: [i9.CommonModule,
             i1$1.RouterModule,
             AccountRoutingModule,
             SharedModule$1,
             i10.FormsModule,
-            i10.ReactiveFormsModule] });
+            i10.ReactiveFormsModule,
+            i6.BBSFControlsModule] });
     AccountModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountModule, providers: [
-            i1.AuthService
+            i1.AuthService,
+            AccountService
         ], imports: [[
                 i9.CommonModule,
                 i1$1.RouterModule,
                 AccountRoutingModule,
                 SharedModule$1,
                 i10.FormsModule,
-                i10.ReactiveFormsModule
+                i10.ReactiveFormsModule,
+                i6.BBSFControlsModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        declarations: [LoginComponent$1, RegisterComponent$1, AccountComponent$1],
+                        declarations: [LoginComponent$1, RegisterComponent$1, AccountComponent$1, ForgotPasswordComponent],
                         imports: [
                             i9.CommonModule,
                             i1$1.RouterModule,
                             AccountRoutingModule,
                             SharedModule$1,
                             i10.FormsModule,
-                            i10.ReactiveFormsModule
+                            i10.ReactiveFormsModule,
+                            i6.BBSFControlsModule,
                         ],
                         providers: [
-                            i1.AuthService
+                            i1.AuthService,
+                            AccountService
                         ]
                     }]
             }] });
@@ -19241,6 +19353,7 @@
                 var file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
                 var fileName = _this.utilityService.getResourceValue("Users") + ".xlsx";
                 fileSaver.saveAs(file, fileName);
+                window.location.reload();
             }, function (error) {
             });
         };
@@ -19430,7 +19543,7 @@
         return UsersComponent;
     }());
     UsersComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UsersComponent, deps: [{ token: i1__namespace.AuthService }, { token: i1__namespace.UtilityService }, { token: i1__namespace.BBSFTranslateService }, { token: i1__namespace.EnvironmentService }, { token: PageInfoService }, { token: userService }, { token: i5__namespace.NgbModal }, { token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    UsersComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7__namespace$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__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵi, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+    UsersComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7__namespace$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__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵi, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: UsersComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -19757,7 +19870,6 @@
             });
         };
         AuthService.prototype.register = function (userRegistration) {
-            ;
             return this.http.post('https://localhost:44335/api' + '/account', userRegistration);
         };
         AuthService.prototype.refreshToken = function (token) {
@@ -20205,8 +20317,7 @@
                 var FileDTO = result;
                 var file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
                 fileSaver.saveAs(file, "Localizations" + _this.datePipe.transform(new Date(), "dd-MM-YYYY hh:mm").toString() + ".xlsx");
-                var element = _this.pagingElement;
-                element.UpdatePaging();
+                window.location.reload();
             };
             this.getAddResourceModal = function () {
                 var paramArray = [];
@@ -20724,13 +20835,20 @@
     }());
 
     var AccountComponent = /** @class */ (function () {
-        function AccountComponent() {
+        function AccountComponent(utilityService, stylesBundleService) {
+            this.utilityService = utilityService;
+            this.stylesBundleService = stylesBundleService;
+            this.loadUI();
         }
         AccountComponent.prototype.ngOnInit = function () {
         };
+        AccountComponent.prototype.loadUI = function () {
+            var lang = this.utilityService.getCurrentLanguage();
+            this.stylesBundleService.loadThemes(lang, "BBSF-Bundle-English.css", "BBSF-Bundle-Arabic.css");
+        };
         return AccountComponent;
     }());
-    AccountComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    AccountComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountComponent, deps: [{ token: i1__namespace.UtilityService }, { token: i1__namespace.StylesBundleService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     AccountComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: AccountComponent, selector: "app-account", ngImport: i0__namespace, template: "<router-outlet></router-outlet>", directives: [{ type: i1__namespace$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: AccountComponent, decorators: [{
                 type: i0.Component,
@@ -20738,7 +20856,7 @@
                         selector: 'app-account',
                         templateUrl: './account.component.html'
                     }]
-            }], ctorParameters: function () { return []; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace.UtilityService }, { type: i1__namespace.StylesBundleService }]; } });
 
     var LoginComponent = /** @class */ (function () {
         function LoginComponent(authService) {
@@ -24162,7 +24280,7 @@
         return LookupComponent;
     }());
     LookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: LookupComponent, deps: [{ token: PageInfoService }, { token: i1__namespace.UtilityService }, { token: i1__namespace.EnvironmentService }, { token: i3__namespace.ClipboardService }, { token: LookupService }, { token: i5__namespace.NgbModal }, { token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LookupComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6__namespace.ɵe, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+    LookupComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6__namespace.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6__namespace.ɵe, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5__namespace.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5__namespace.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: LookupComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -26108,6 +26226,28 @@
         return 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 = {}));
+
     var ConfigurationsService = /** @class */ (function () {
         function ConfigurationsService(http) {
             this.http = http;
@@ -26190,6 +26330,8 @@
             this.ShowDropDownSource = false;
             this.ShowLookupItemsList = false;
             this.ShowSourceFunctionData = false;
+            this.showFunctionNotFoundError = false;
+            this.sourceFunctionDataNotLoaded = false;
             //Add Model Controls
             this.AddConfigurationForm = new i10.FormGroup({});
             this.SourceFuncValue = new i6.DropdownOptions();
@@ -26253,35 +26395,35 @@
                 var 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;
@@ -26356,6 +26498,7 @@
         ConfigurationComponent.prototype.showAddConfigurationModal = function (AddConfigurationModal) {
             var _this = this;
             this.utilityService.startBlockUI();
+            this.resetConfigurationFlags();
             this.ConfigurationsService.loadAddDropdowns().subscribe(function (result) {
                 //Lists loading
                 var resultObj = result;
@@ -26372,50 +26515,13 @@
                 _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 i6.TextBoxOptions();
                 _this.Key.Name = "Key";
                 _this.Key.LabelKey = "Key";
                 _this.Key.Type = i6.InputType.Text;
                 _this.Key.IsRequired = true;
                 _this.Key.Value = null;
-                _this.Value = new i6.TextBoxOptions();
-                _this.Value.Name = "Value";
-                _this.Value.LabelKey = "Value";
-                _this.Value.Type = i6.InputType.Text;
-                _this.Value.Value = null;
-                _this.Value.IsRequired = true;
-                _this.DefaultValue = new i6.TextBoxOptions();
-                _this.DefaultValue.Name = "DefaultValue";
-                _this.DefaultValue.LabelKey = "DefaultValue";
-                _this.DefaultValue.Type = i6.InputType.Text;
-                _this.DefaultValue.Value = null;
-                _this.DefaultValue.IsRequired = true;
-                _this.FunctionSourcePath = new i6.TextBoxOptions();
-                _this.FunctionSourcePath.Name = "FunctionSourcePath";
-                _this.FunctionSourcePath.LabelValue = "SourcePath";
-                _this.FunctionSourcePath.LabelKey = "SourcePath";
-                _this.FunctionSourcePath.Type = i6.InputType.Text;
-                _this.FunctionSourcePath.Value = null;
-                _this.ValueToggel = new i6.ToggleSlideOptions();
-                _this.ValueToggel.Name = "ValueToggel";
-                _this.ValueToggel.LabelKey = "Value";
-                _this.ValueToggel.Value = false;
-                _this.ValueToggel.ViewType = i6.ControlLayout.Horizontal;
-                _this.DefaultValueToggel = new i6.ToggleSlideOptions();
-                _this.DefaultValueToggel.Name = "DefaultValueToggel";
-                _this.DefaultValueToggel.LabelKey = "DefaultValue";
-                _this.DefaultValueToggel.Value = false;
-                _this.DefaultValueToggel.ViewType = i6.ControlLayout.Horizontal;
                 _this.Scope = new i6.DropdownOptions();
                 _this.Scope.Name = "Scope";
                 _this.Scope.LabelKey = "Scope";
@@ -26448,26 +26554,137 @@
                 _this.User.SingleSelection = true;
                 _this.User.AllowSearchFilter = true;
                 _this.User.IsRequired = true;
-                _this.Source = new i6.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 i6.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
+        ConfigurationComponent.prototype.ChangeTypeValue = function (key) {
+            var typeItem = this.ValueTypeList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return item; })[0];
+            this.resetConfigurationFlags();
+            this.removeFormControls();
+            switch (typeItem.value) {
+                case "Text":
+                    this.Value = new i6.TextBoxOptions();
+                    this.Value.Name = "Value";
+                    this.Value.LabelKey = "Value";
+                    this.Value.Type = i6.InputType.Text;
+                    this.Value.Value = null;
+                    this.Value.IsRequired = true;
+                    this.DefaultValue = new i6.TextBoxOptions();
+                    this.DefaultValue.Name = "DefaultValue";
+                    this.DefaultValue.LabelKey = "DefaultValue";
+                    this.DefaultValue.Type = i6.InputType.Text;
+                    this.DefaultValue.Value = null;
+                    this.DefaultValue.IsRequired = true;
+                    this.ShowValueAndDefaultValue = true;
+                    break;
+                case "Toggle":
+                    this.ValueToggel = new i6.ToggleSlideOptions();
+                    this.ValueToggel.Name = "ValueToggel";
+                    this.ValueToggel.LabelKey = "Value";
+                    this.ValueToggel.Value = false;
+                    this.ValueToggel.ViewType = i6.ControlLayout.Horizontal;
+                    this.DefaultValueToggel = new i6.ToggleSlideOptions();
+                    this.DefaultValueToggel.Name = "DefaultValueToggel";
+                    this.DefaultValueToggel.LabelKey = "DefaultValue";
+                    this.DefaultValueToggel.Value = false;
+                    this.DefaultValueToggel.ViewType = i6.ControlLayout.Horizontal;
+                    this.ShowValueToggleAndDefaultValue = true;
+                    break;
+                case "Dropdown List":
+                    this.Source = new i6.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;
+            }
+        };
+        ConfigurationComponent.prototype.ChangeSource = function (key) {
+            switch (key) {
+                case ConfigurationValueSource.Lookup:
+                    this.AddConfigurationForm.removeControl("FunctionSourcePath");
+                    this.AddConfigurationForm.removeControl("SourceFuncValue");
+                    this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
+                    this.Lookup = new i6.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 i6.TextBoxOptions();
+                    this.FunctionSourcePath.Name = "FunctionSourcePath";
+                    this.FunctionSourcePath.LabelValue = "SourcePath";
+                    this.FunctionSourcePath.LabelKey = "SourcePath";
+                    this.FunctionSourcePath.Type = i6.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;
+            }
+        };
+        ConfigurationComponent.prototype.removeFormControls = function () {
+            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");
+        };
+        ConfigurationComponent.prototype.ChangeLookup = function (key) {
+            var _this = this;
+            this.ConfigurationsService.loadLookupItems(key).subscribe(function (result) {
+                var Result = result;
+                _this.LookupItemsList = Result.lookupItems;
+                _this.LookupValue = new i6.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 i6.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;
+            }, function (error) {
+            });
+        };
         //Edit configuration
         ConfigurationComponent.prototype.showEditConfigurationModal = function (configurationId, configurationIDEnc, EditConfigurationModal) {
             var _this = this;
@@ -26490,6 +26707,7 @@
                 _this.EditConfigurationFormOptions.PagingReference = _this.pagingElement;
                 _this.EditConfigurationFormOptions.PagingActionMode = i6.PagingActionMode.Update;
                 _this.ConfigurationValueType = configuration.valueType;
+                _this.EditConfigurationScopeID = configuration.scopeId;
                 _this.EditKey = new i6.TextBoxOptions();
                 _this.EditKey.Name = "EditKey";
                 _this.EditKey.LabelKey = "Key";
@@ -26498,10 +26716,9 @@
                 _this.EditKey.Value = configuration.key;
                 _this.EditKey.MaxLength = 256;
                 _this.EditKey.IsDisabled = _this.ProductionMode;
-                var typeItem = _this.ValueTypeList.filter(function (item) { return parseInt(item.key) == configuration.valueType; }).map(function (item) { return 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 i6.TextBoxOptions();
                         _this.EditTextValue.Name = "EditTextValue";
@@ -26516,7 +26733,7 @@
                         _this.EditTextDefaultValue.Value = configuration.defaultTextValue;
                         _this.EditTextDefaultValue.IsRequired = true;
                         break;
-                    case "Toggle":
+                    case ConfigurationTypes.Toggle:
                         _this.ShowValueToggleAndDefaultValue = true;
                         _this.EditValueToggele = new i6.ToggleSlideOptions();
                         _this.EditValueToggele.Name = "EditValueToggele";
@@ -26529,11 +26746,10 @@
                         _this.EditDefaultValueToggele.Value = configuration.defaultBoolValue;
                         _this.EditDefaultValueToggele.ViewType = i6.ControlLayout.Horizontal;
                         break;
-                    case "Dropdown List":
-                        var sourceItem = _this.ValueSourceList.filter(function (item) { return parseInt(item.key) == configuration.valueSource; }).map(function (item) { return 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;
                                 var selectedLookup = _this.LookupsList.filter(function (item) { return item.key == configuration.selectedLookupID; }).map(function (item) { return item.key; })[0];
@@ -26565,7 +26781,7 @@
                                 _this.EditLookupDefaultValue.IsRequired = true;
                                 _this.EditLookupDefaultValue.SelectedItems = selectedLookupDefaultValue;
                                 break;
-                            case "Function":
+                            case ConfigurationValueSource.Function:
                                 _this.EditFunctionSourcePath = new i6.TextBoxOptions();
                                 _this.EditFunctionSourcePath.Name = "EditFunctionSourcePath";
                                 _this.EditFunctionSourcePath.LabelKey = "SourcePath";
@@ -26592,6 +26808,7 @@
                                     _this.EditSourceFuncDefaultValue.IsRequired = true;
                                     _this.EditSourceFuncDefaultValue.SelectedItems = selectedSourceFuncDefaultValue;
                                     _this.ShowSourceFunctionPath = true;
+                                    _this.ShowSourceFunctionData = true;
                                 }, function (error) {
                                 });
                                 break;
@@ -26602,11 +26819,10 @@
                     default:
                         break;
                 }
-                var scopItem = _this.ScopesList.filter(function (item) { return parseInt(item.key) == configuration.scopeId; }).map(function (item) { return 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;
                         var selectedPermissionSet = _this.PermissionList.filter(function (item) { return item.key == configuration.permissionSetID; }).map(function (item) { return item.key; })[0];
                         _this.EditPermissionSet = new i6.DropdownOptions();
@@ -26619,7 +26835,7 @@
                         _this.EditPermissionSet.IsRequired = true;
                         _this.EditPermissionSet.SelectedItems = selectedPermissionSet;
                         break;
-                    case "User":
+                    case ConfigurationScope.User:
                         _this.ShowUsersList = true;
                         var selectedUser = _this.UsersList.filter(function (item) { return item.key == configuration.userID; }).map(function (item) { return item.key; })[0];
                         _this.EditUser = new i6.DropdownOptions();
@@ -26638,109 +26854,6 @@
                 _this.modalService.open(EditConfigurationModal);
             });
         };
-        //Add,Edit required functions
-        ConfigurationComponent.prototype.ChangeScopeValue = function (key) {
-            var scopItem = this.ScopesList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return 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;
-            }
-        };
-        ConfigurationComponent.prototype.ChangeTypeValue = function (key) {
-            var typeItem = this.ValueTypeList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return 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;
-            }
-        };
-        ConfigurationComponent.prototype.ChangeSource = function (key) {
-            var sourceItem = this.ValueSourceList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return 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;
-            }
-        };
-        ConfigurationComponent.prototype.ChangeLookup = function (key) {
-            var _this = this;
-            this.ConfigurationsService.loadLookupItems(key).subscribe(function (result) {
-                var Result = result;
-                _this.LookupItemsList = Result.lookupItems;
-                _this.LookupValue = new i6.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 i6.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;
-            }, function (error) {
-            });
-        };
         ConfigurationComponent.prototype.ChangeEditLookup = function (key) {
             var _this = this;
             this.ShowLookupItemsList = false;
@@ -26768,6 +26881,30 @@
             }, function (error) {
             });
         };
+        //Add,Edit required functions
+        ConfigurationComponent.prototype.ChangeScopeValue = function (key) {
+            var scopItem = this.ScopesList.filter(function (item) { return parseInt(item.key) == key; }).map(function (item) { return 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;
+            }
+        };
         ConfigurationComponent.prototype.resetConfigurationFlags = function () {
             this.ShowPermissionList = false;
             this.ShowUsersList = false;
@@ -26775,9 +26912,11 @@
             this.ShowValueAndDefaultValue = false;
             this.ShowValueToggleAndDefaultValue = false;
             this.ShowSourceFunctionPath = false;
+            this.showFunctionNotFoundError = false;
             this.ShowDropDownSource = false;
             this.ShowLookupItemsList = false;
             this.ShowSourceFunctionData = false;
+            this.sourceFunctionDataNotLoaded = false;
         };
         ConfigurationComponent.prototype.SearchForFunction = function (isAdd) {
             var _this = this;
@@ -26785,7 +26924,11 @@
             var ResultModel = isAdd ? this.AddConfigurationForm.value : this.EditConfigurationForm.value;
             var functionName = isAdd ? ResultModel.FunctionSourcePath : ResultModel.EditFunctionSourcePath;
             this.ConfigurationsService.loadSourceFunctionDropDownItems(functionName).subscribe(function (result) {
+                _this.showFunctionNotFoundError = false;
+                _this.ShowSourceFunctionData = false;
                 if (isAdd) {
+                    _this.AddConfigurationForm.removeControl("SourceFuncValue");
+                    _this.AddConfigurationForm.removeControl("SourceFuncDefaultValue");
                     _this.SourceFuncValue = new i6.DropdownOptions();
                     _this.SourceFuncValue.Name = "SourceFuncValue";
                     _this.SourceFuncValue.LabelKey = "Value";
@@ -26800,9 +26943,10 @@
                     _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 i6.DropdownOptions();
                     _this.EditSourceFuncValue.Name = "EditSourceFuncValue";
                     _this.EditSourceFuncValue.LabelKey = "Value";
@@ -26818,9 +26962,21 @@
                     _this.EditSourceFuncDefaultValue.AllowSearchFilter = true;
                     _this.EditSourceFuncDefaultValue.IsRequired = true;
                 }
+                _this.sourceFunctionDataNotLoaded = false;
+                _this.ShowSourceFunctionData = true;
             }, function (error) {
+                if (error.status == 404) {
+                    _this.utilityService.stopBlockUI();
+                    _this.showFunctionNotFoundError = true;
+                    _this.ShowSourceFunctionData = false;
+                    _this.sourceFunctionDataNotLoaded = true;
+                }
             });
         };
+        ConfigurationComponent.prototype.changeSourceFunction = function () {
+            this.ShowSourceFunctionData = false;
+            this.sourceFunctionDataNotLoaded = true;
+        };
         //Delete configuration
         ConfigurationComponent.prototype.showDeleteConfigurationModal = function (configurationID) {
             var _this = this;
@@ -26844,7 +27000,7 @@
         return ConfigurationComponent;
     }());
     ConfigurationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ConfigurationComponent, deps: [{ token: i1__namespace.AuthService }, { token: PageInfoService }, { token: i1__namespace.UtilityService }, { token: i1__namespace.BBSFTranslateService }, { token: i1__namespace.EnvironmentService }, { token: ConfigurationsService }, { token: i5__namespace.NgbModal }, { token: i1__namespace.RequestHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ConfigurationComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6__namespace.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6__namespace.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+    ConfigurationComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$2.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6__namespace.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6__namespace.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6__namespace.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6__namespace.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6__namespace.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6__namespace.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11__namespace.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ConfigurationComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -31458,6 +31614,7 @@
                 var file = new Blob([FileDTO], { type: "application/json" });
                 var fileName = _this.utilityService.getResourceValue("Providers") + ".json";
                 fileSaver.saveAs(file, fileName);
+                window.location.reload();
             });
         };
         //On destroy