npm - @bnsights/bbsf-admin-portal - Versions diffs - 1.0.35 → 1.0.36 - Mend

@bnsights/bbsf-admin-portal 1.0.35 → 1.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

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

@@ -24,7 +24,7 @@ import { filter, retry, catchError } from 'rxjs/operators';
 import * as i10 from '@angular/forms';
 import { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i6 from '@bnsights/bbsf-controls';
-import { TextBoxOptions, InputType, ControlLayout, BBSFControlsModule, EnglishArabicDTO, DropdownOptions, FilterItem, FilterType, PagingOptions, ConfirmationModalOptions, StyleConfirmationMode, FormOptions, AutocompleteOptions, MultiLingualTextAreaOptions, TextAreaOptions, FileUploadOptions, FileType, CheckBoxOptions, MultiLingualTextBoxOptions, TagsInputOptions, MultiLingualHtmlEditorOptions, PagingActionMode, PhoneOptions, Country, HtmlEditorOptions, ForceDirection, ToggleSlideOptions, DatePickerOptions, StartView, PickerType, SelectMode, AutocompleteDTO, ImageUploadOptions, ImageType, RadioButtonOptions, RadioButtonItem, CustomValidation } from '@bnsights/bbsf-controls';
+import { TextBoxOptions, InputType, ControlLayout, BBSFControlsModule, EnglishArabicDTO, DropdownOptions, FilterItem, FilterType, PagingOptions, ConfirmationModalOptions, StyleConfirmationMode, FormOptions, AutocompleteOptions, MultiLingualTextAreaOptions, TextAreaOptions, FileUploadOptions, FileType, CheckBoxOptions, MultiLingualTextBoxOptions, TagsInputOptions, MultiLingualHtmlEditorOptions, PagingActionMode, PhoneOptions, Country, HtmlEditorOptions, ForceDirection, RangeNumber, ToggleSlideOptions, DatePickerOptions, StartView, PickerType, SelectMode, AutocompleteDTO, ImageUploadOptions, ImageType, RadioButtonOptions, RadioButtonItem, CustomValidation } from '@bnsights/bbsf-controls';
 import { saveAs } from 'file-saver';
 import * as i3 from 'ngx-clipboard';
 import { ClipboardModule } from 'ngx-clipboard';
@@ -2792,6 +2792,9 @@ class userService$1 {
     UpdateUserInfo() {
         return this.http.get('/connect/userinfo');
     }
+    getCurrentUser() {
+        return this.http.get(this.ApiUrl + 'GetCurrentUser');
+    }
 }
 userService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: userService$1, deps: [{ token: i1.RequestHandlerService }, { token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
 userService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: userService$1, providedIn: 'root' });
@@ -2827,6 +2830,14 @@ class TopbarComponent {
             localStorage.setItem('language', lang);
             this.language = lang;
             this.headerLeft = this.layout.getProp('header.left');
+            this.getCurrentUser();
+        });
+    }
+    getCurrentUser() {
+        this.userService.getCurrentUser().subscribe((result) => {
+            let obj = result;
+            this.identity = obj.model;
+            this.identity.name = this.identity.locale == "en" ? this.identity.givenNameEn : this.identity.givenNameAr;
         });
     }
     switchLang(lang) {
@@ -2845,7 +2856,7 @@ class TopbarComponent {
     }
 }
 TopbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TopbarComponent, deps: [{ token: LayoutService }, { token: i4.TranslateService }, { token: i1.AuthService }, { token: userService$1 }, { token: i1$1.Router }, { token: i1.StylesBundleService }, { token: i1.UtilityService }, { token: i1.MasterLayoutService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-TopbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TopbarComponent, selector: "app-topbar", ngImport: i0, template: "<!-- begin::User -->\r\n<div class=\"d-flex align-items-center\"\r\n     [ngClass]=\"toolbarButtonMarginClass\"\r\n     id=\"kt_header_user_menu_toggle\">\r\n  <a class=\"lang-switch-btn btn btn-active-light-primary btn-light \" *ngIf=\"language == 'ar'\" (click)=\"switchLang('en')\">\r\n    <i class=\"fas fa-globe mr-2\"></i> English\r\n  </a>\r\n  <a class=\"lang-switch-btn btn btn-active-light-primary btn-light\" *ngIf=\"language == 'en'\" (click)=\"switchLang('ar')\">\r\n    \u0627\u0644\u0639\u0631\u0628\u064A\u0647 <i class=\"fas fa-globe ms-2\"></i>\r\n  </a>\r\n  <div ngbDropdown class=\"d-inline-block\">\r\n    <div ngbDropdownToggle class=\"btn btn-active-light btn-light d-flex align-items-center bg-hover-light py-2 px-2 px-md-3 ms-5\" data-kt-menu-trigger=\"click\" data-kt-menu-attach=\"parent\" data-kt-menu-placement=\"bottom-end\">\r\n      <div class=\"d-none d-md-flex flex-column align-items-end justify-content-center me-2\">\r\n        <span class=\"text-muted fs-7 fw-bold lh-1 mb-2\">Hello</span>\r\n        <span class=\"text-dark fs-base fw-bolder lh-1\">Michael</span>\r\n      </div>\r\n      <div class=\" symbol symbol-35px\">\r\n        <h6 class=\"symbol-label font-size-h5 font-weight-bold bg-light-success ml-2 mb-0\">M</h6>\r\n      </div>\r\n    </div>\r\n    <div ngbDropdownMenu class=\"menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold fs-6 w-275px\">\r\n      <div class=\"drop-item\">\r\n        <div class=\"d-flex flex-column flex-center bgi-no-repeat rounded-top px-9 py-10\" style=\"background-image: url('./src/assets/images/menu-header-dark.png')\">\r\n          <div class=\"text-white fw-bold mb-3\">\r\n            Michael louis\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"menu-item \">\r\n        <button class=\"btn btn-block cursor-pointer text-center d-block w-100\" (click)=\"logout(); clicked =true;\"  [disabled]=\"clicked\" > {{getResourceValue(\"Sign Out\")}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<!-- end::User -->\r\n<!-- <ng-container *ngIf=\"headerLeft === 'menu'\">\r\n  <div\r\n    class=\"d-flex align-items-center d-lg-none ms-2 me-n3\"\r\n    title=\"Show header menu\"\r\n  >\r\n    <div\r\n      class=\"\r\n        btn btn-icon btn-active-light-primary\r\n        w-30px\r\n        h-30px\r\n        w-md-40px\r\n        h-md-40px\r\n      \"\r\n      id=\"kt_header_menu_mobile_toggle\"\r\n    >\r\n      <span\r\n        [inlineSVG]=\"'./assets/media/icons/duotune/text/txt001.svg'\"\r\n        class=\"svg-icon svg-icon-1\"\r\n      ></span>\r\n    </div>\r\n  </div>\r\n</ng-container> -->\r\n", styles: [".btn.btn-light.dropdown-toggle:after{display:none}\n"], directives: [{ type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }] });
+TopbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TopbarComponent, selector: "app-topbar", ngImport: i0, template: "<!-- begin::User -->\r\n<div class=\"d-flex align-items-center\"\r\n     [ngClass]=\"toolbarButtonMarginClass\"\r\n     id=\"kt_header_user_menu_toggle\">\r\n  <a class=\"lang-switch-btn btn btn-active-light-primary btn-light \" *ngIf=\"language == 'ar'\" (click)=\"switchLang('en')\">\r\n    <i class=\"fas fa-globe mr-2\"></i> English\r\n  </a>\r\n  <a class=\"lang-switch-btn btn btn-active-light-primary btn-light\" *ngIf=\"language == 'en'\" (click)=\"switchLang('ar')\">\r\n    \u0627\u0644\u0639\u0631\u0628\u064A\u0647 <i class=\"fas fa-globe ms-2\"></i>\r\n  </a>\r\n  <div ngbDropdown class=\"d-inline-block\">\r\n    <div ngbDropdownToggle class=\"btn btn-active-light btn-light d-flex align-items-center bg-hover-light py-2 px-2 px-md-3 ms-5\" data-kt-menu-trigger=\"click\" data-kt-menu-attach=\"parent\" data-kt-menu-placement=\"bottom-end\">\r\n      <div class=\"d-none d-md-flex flex-column align-items-end justify-content-center me-2\">\r\n        <span class=\"text-muted fs-7 fw-bold lh-1 mb-2\">{{UtilityService.getResourceValue(\"Hello\")}}</span>\r\n        <span class=\"text-dark fs-base fw-bolder lh-1\">{{identity.name}}</span>\r\n      </div>\r\n      <div class=\" symbol symbol-35px\">\r\n        <h6 class=\"symbol-label font-size-h5 font-weight-bold bg-light-success ml-2 mb-0\">M</h6>\r\n      </div>\r\n    </div>\r\n    <div ngbDropdownMenu class=\"menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold fs-6 w-275px\">\r\n      <div class=\"drop-item\">\r\n        <div class=\"d-flex flex-column flex-center bgi-no-repeat rounded-top px-9 py-10\" style=\"background-image: url('./src/assets/images/menu-header-dark.png')\">\r\n          <div class=\"text-white fw-bold mb-3\">\r\n            {{identity.name}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"menu-item \">\r\n        <button class=\"btn btn-block cursor-pointer text-center d-block w-100\" (click)=\"logout(); clicked =true;\"  [disabled]=\"clicked\" > {{getResourceValue(\"Sign Out\")}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<!-- end::User -->\r\n<!-- <ng-container *ngIf=\"headerLeft === 'menu'\">\r\n  <div\r\n    class=\"d-flex align-items-center d-lg-none ms-2 me-n3\"\r\n    title=\"Show header menu\"\r\n  >\r\n    <div\r\n      class=\"\r\n        btn btn-icon btn-active-light-primary\r\n        w-30px\r\n        h-30px\r\n        w-md-40px\r\n        h-md-40px\r\n      \"\r\n      id=\"kt_header_menu_mobile_toggle\"\r\n    >\r\n      <span\r\n        [inlineSVG]=\"'./assets/media/icons/duotune/text/txt001.svg'\"\r\n        class=\"svg-icon svg-icon-1\"\r\n      ></span>\r\n    </div>\r\n  </div>\r\n</ng-container> -->\r\n", styles: [".btn.btn-light.dropdown-toggle:after{display:none}\n"], directives: [{ type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }] });
 __decorate([
     BlockUI()
 ], TopbarComponent.prototype, "blockUI", void 0);
@@ -3074,6 +3085,8 @@ class ToolbarComponent$1 {
         this.pageTitleCssClasses = this.layout.getStringCSSClasses('pageTitle');
         this.pageTitleAttributes = this.layout.getHTMLAttributes('pageTitle');
     }
+    getCurrentUser() {
+    }
     ngAfterViewInit() {
         if (this.ktPageTitle) {
             for (const key in this.pageTitleAttributes) {
@@ -3815,7 +3828,7 @@ class LocalizationsComponent$1 {
         this.onExportSuccessHandler = (result) => {
             let FileDTO = result;
             const file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-            saveAs(file, `Localizations${this.datePipe.transform(new Date(), "dd-MM-YYYY hh:mm").toString()}.xlsx`);
+            saveAs(file, this.utilityService.getResourceValue("Resources") + `${this.datePipe.transform(new Date(), "dd-MM-YYYY hh:mm").toString()}.xlsx`);
             window.location.reload();
         };
         this.getAddResourceModal = () => {
@@ -3944,7 +3957,7 @@ class LocalizationsComponent$1 {
             this.searchTextBox.Name = "searchTextBox";
             this.searchTextBox.HideLabel = true;
             this.searchTextBox.Type = InputType.Text;
-            this.searchTextBox.Placeholder = this.utilityService.getResourceValue("SearchByNameOrResourceID");
+            this.searchTextBox.Placeholder = this.utilityService.getResourceValue("SearchByValueOrResourceID");
             this.resourceSetFilter = new FilterItem();
             this.resourceSetFilter.FormControlName = "ResourceSet";
             this.resourceSetFilter.ActionParameterName = "resourceSet";
@@ -4252,7 +4265,7 @@ class LocalizationsComponent$1 {
     }
 }
 LocalizationsComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent$1, deps: [{ token: PageInfoService }, { token: i1.UtilityService }, { token: i1.EnvironmentService }, { token: i9.DatePipe }, { token: i3.ClipboardService }, { token: localizationsService$1 }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LocalizationsComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent$1, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a ngbDropdownItem class=\"menu-item px-3\" (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem *ngIf=\"!ProductionMode\" class=\"menu-item px-3\" (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"menu-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=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-primary rounded border-primary 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-primary 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(\"UploadJsonResourcesInfo\")}}\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]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LocalizationsComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent$1, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-primary rounded border-primary 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-primary 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      </div>\r\n      <BBSF-Form [options]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -4463,13 +4476,27 @@ class LocalizationsReplaceTextComponent$1 {
         this.isArabicFilter.IsFormControl = true;
         this.isArabicFilter.FilterType = FilterType.CheckBox;
         this.localizationPaging = new PagingOptions();
-        this.localizationPaging.OnClickFiltersControlNames = ["findBtn"];
+        this.localizationPaging.ReinitializeFunctionName = "reinitializeResources";
+        //this.localizationPaging.OnClickFiltersControlNames = ["findBtn"];
         this.localizationPaging.ActionPostURL = this.apiUrl + 'FindResource';
         this.localizationPaging.OnKeyPressFiltersControlNames = ["findText", "caseSensetive", "matchWholeWord", "english", "arabic"];
         this.localizationPaging.DropdownFiltersControlNames = ["ResourceSet"];
         this.localizationPaging.Filters = [this.resourceSetFilter, this.textInputFilter, this.caseSensetiveFilter, this.matchWholeWordFilter, this.isEnglishFilter, this.isArabicFilter];
         this.localizationPaging.OnSuccessCallBackJSFunction = "findResourceOnSuccess";
     }
+    findResource() {
+        debugger;
+        //if has value
+        var isValid = this.findForm.controls["findText"].valid;
+        if (isValid) {
+            let element = this.pagingElement;
+            element.ReinitializePaging();
+        }
+        else {
+            let control = this.findForm.get("findText");
+            control.markAsTouched();
+        }
+    }
     setResourcesListResult(result) {
         debugger;
         this.localizationPagingResult = result;
@@ -4492,7 +4519,7 @@ class LocalizationsReplaceTextComponent$1 {
     }
 }
 LocalizationsReplaceTextComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsReplaceTextComponent$1, deps: [{ token: localizationsService$1 }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.RequestHandlerService }, { token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Component });
-LocalizationsReplaceTextComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsReplaceTextComponent$1, selector: "lib-localizations-replace-text", viewQueries: [{ propertyName: "formElement", first: true, predicate: ["formElement"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"showPageContent\" class=\"container-fluid\">\r\n  <BBSF-Form [options]=\"findFormOptions\" #formElement>\r\n\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <BBSF-DropdownList [options]=\"resourceSet\" [group]=\"findForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"findText\" [group]=\"findForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"caseSensetive\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"matchWholeWord\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"english\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"arabic\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <button type=\"submit\" #submitFormButton hidden class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Submit\")}}</button>\r\n          <button type=\"button\" id=\"findBtn\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Find\")}}</button>\r\n        </div>\r\n        <div *ngIf=\"showFindResult\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"English\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Arabic\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n                <tr *ngFor=\"let resource of localizationPagingResult\">\r\n                  <td>\r\n                    <div class=\"text-dark\">{{resource.resourceSet}}</div>\r\n                  </td>\r\n                  <td>{{resource.resourceId}}</td>\r\n                  <td>{{resource.valueEN}}</td>\r\n                  <td>{{resource.valueAR}}</td>\r\n                </tr>\r\n                <tr *ngIf=\"localizationPagingResult.length == 0\">\r\n                  <td colspan=\"4\">\r\n                    <lib-empty-data></lib-empty-data>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"row\" id=\"replaceControls\">\r\n            <div class=\"col-md-9\">\r\n              <BBSF-TextBox [options]=\"replaceText\" [group]=\"findForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-3\">\r\n              <button [disabled]=\"!enableReplaceBtn\" type=\"submit\"  class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Replace\")}}</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setResourcesListResult($event)\" \r\n                     [options]=\"localizationPaging\" [group]=\"findForm\" #PublicHolidayPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n    </BBSF-Form>\r\n</div>\r\n", styles: [""], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+LocalizationsReplaceTextComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsReplaceTextComponent$1, selector: "lib-localizations-replace-text", viewQueries: [{ propertyName: "formElement", first: true, predicate: ["formElement"], descendants: true }, { propertyName: "pagingElement", first: true, predicate: ["localizationPagingViewElement"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"showPageContent\" class=\"container-fluid\">\r\n  <BBSF-Form [options]=\"findFormOptions\" #formElement>\r\n\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <BBSF-DropdownList [options]=\"resourceSet\" [group]=\"findForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"findText\" [group]=\"findForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"caseSensetive\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"matchWholeWord\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"english\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"arabic\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <button type=\"submit\" #submitFormButton hidden class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Submit\")}}</button>\r\n          <button type=\"button\" (click)=\"findResource()\" id=\"findBtn\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Find\")}}</button>\r\n        </div>\r\n        <div *ngIf=\"showFindResult\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"English\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Arabic\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n                <tr *ngFor=\"let resource of localizationPagingResult\">\r\n                  <td>\r\n                    <div class=\"text-dark\">{{resource.resourceSet}}</div>\r\n                  </td>\r\n                  <td>{{resource.resourceId}}</td>\r\n                  <td>{{resource.valueEN}}</td>\r\n                  <td>{{resource.valueAR}}</td>\r\n                </tr>\r\n                <tr *ngIf=\"localizationPagingResult.length == 0\">\r\n                  <td colspan=\"4\">\r\n                    <lib-empty-data></lib-empty-data>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"row\" id=\"replaceControls\">\r\n            <div class=\"col-md-9\">\r\n              <BBSF-TextBox [options]=\"replaceText\" [group]=\"findForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-3\">\r\n              <button [disabled]=\"!enableReplaceBtn\" type=\"submit\"  class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Replace\")}}</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setResourcesListResult($event)\" \r\n                     [options]=\"localizationPaging\" [group]=\"findForm\" #localizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n    </BBSF-Form>\r\n</div>\r\n", styles: [""], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsReplaceTextComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -4503,6 +4530,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
         }], ctorParameters: function () { return [{ type: localizationsService$1 }, { type: PageInfoService }, { type: i1.UtilityService }, { type: i1.BBSFTranslateService }, { type: i1.RequestHandlerService }, { type: i1.AuthService }]; }, propDecorators: { formElement: [{
                 type: ViewChild,
                 args: ['formElement', { static: false }]
+            }], pagingElement: [{
+                type: ViewChild,
+                args: ['localizationPagingViewElement', { static: false }]
             }] } });
 const routes$y = [
@@ -7954,6 +7984,7 @@ class LookupGroupComponent$1 {
         this.deleteConfirmationOptions.ServiceSubmitFunction = this.deleteLookupGroup;
         this.deleteConfirmationOptions.ServiceSubmitModel = paramArray;
         this.deleteConfirmationOptions.PagingReference = this.pagingElement;
+        this.deleteConfirmationOptions.DisableErrorNotification = true;
         this.deleteControlLoaded = true;
         setTimeout(() => {
             this.ConfirmationModalControl.showModal();
@@ -8159,6 +8190,9 @@ class LookupItemComponent$1 {
         this.displayOrder.Name = "DisplayOrder";
         this.displayOrder.LabelKey = "DisplayOrder";
         this.displayOrder.Type = InputType.Number;
+        this.displayOrder.NumberRange = new RangeNumber();
+        this.displayOrder.NumberRange.From = 1;
+        this.displayOrder.NumberRange.To = 1000000000;
         this.isManageable = new CheckBoxOptions();
         this.isManageable.Name = "IsManageable";
         this.isManageable.LabelKey = "Manageable";
@@ -8202,6 +8236,9 @@ class LookupItemComponent$1 {
             this.editDisplayOrder.LabelKey = "DisplayOrder";
             this.editDisplayOrder.Type = InputType.Number;
             this.editDisplayOrder.Value = LookupItem[0].displayOrder;
+            this.editDisplayOrder.NumberRange = new RangeNumber();
+            this.editDisplayOrder.NumberRange.From = 1;
+            this.editDisplayOrder.NumberRange.To = 1000000000;
             this.editIsManageable = new CheckBoxOptions();
             this.editIsManageable.Name = "Manageable";
             this.editIsManageable.LabelKey = "Manageable";
@@ -9809,7 +9846,9 @@ class ConfigurationsService$1 {
         return this.http.post(this.ApiUrl + 'LoadLookupItems', null, null, params);
     }
     loadSourceFunctionDropDownItems(sourceFunc) {
-        return this.http.get(this.ApiUrl + sourceFunc, null);
+        var options = new RequestOptionsModel();
+        options.disableErrorHandler = true;
+        return this.http.get(this.ApiUrl + sourceFunc, null, null, options);
     }
 }
 ConfigurationsService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ConfigurationsService$1, deps: [{ token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -11133,7 +11172,7 @@ class ImpersonationRulesComponent$1 {
     }
 }
 ImpersonationRulesComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ImpersonationRulesComponent$1, deps: [{ token: i1.AuthService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: ImpersonationRuleService$1 }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ImpersonationRulesComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ImpersonationRulesComponent$1, selector: "lib-impersonation-rules", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ImpersonationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"ImpersonationForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ImpersonationForm\"></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)=\"showAddImpersonationModal(AddImpersonationModal)\">\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\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}]{{utilityService.getResourceValue(\"Source\")}}</th>\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}]{{utilityService.getResourceValue(\"Destination\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ExpiresAt\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Active\")}}</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\r\n            <tr *ngFor=\"let Impersonation of clientSidePagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">\r\n                  [{{Impersonation.sourceParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.sourceParticipantDTO.participantNameStr}}\r\n                </span>\r\n\r\n              </td>\r\n              <td>  [{{Impersonation.destinationParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.destinationParticipantDTO.participantNameStr}}</td>\r\n\r\n              <td>{{Impersonation.expiresAt}}</td>\r\n              <td>{{Impersonation.isActive}}</td>\r\n\r\n              <td>\r\n\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)=\"showEditImpersonationModal(Impersonation.iD_GUID,EditImpersonationModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\"\r\n                       (click)=\"showDeleteImpersonationModal(Impersonation.iD_GUID)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"5\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\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)=\"setImpersonationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"ImpersonationPaging\" [group]=\"ImpersonationForm\" #ImpersonationPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<!-- Add Modal -->\r\n<ng-template #AddImpersonationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddImpersonationFormOptions\">\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourceParticipantType\" (OnChange)=\"addSourceParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourcePermissionSetList\" *ngIf=\"AddShowSourcePermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddSourceUserAutoComplete\" *ngIf=\"AddShowSourceUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\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]=\"AddDestinationParticipantType\" (OnChange)=\"addDestinationParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddDestinationPermissionSetList\" *ngIf=\"AddShowDestinationPermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddDestinationUserAutoComplete\" *ngIf=\"AddShowDestinationUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsActive\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"AddExpiresAt\" [group]=\"AddImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button CloseImpersonationModal id=\"CloseImpersonationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditImpersonationModal 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(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditImpersonationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceParticipantType\" (OnChange)=\"editSourceParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourcePermissionSetList\" *ngIf=\"EditShowSourcePermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditSourceUserAutoComplete\" *ngIf=\"EditShowSourceUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationParticipantType\" (OnChange)=\"editDestinationParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationPermissionSetList\" *ngIf=\"EditShowDestinationPermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditDestinationUserAutoComplete\" *ngIf=\"EditShowDestinationUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsActive\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"EditExpiresAt\" [group]=\"EditImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditImpersonationModal id=\"CloseEditImpersonationModal\" 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\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DateInputComponent, selector: "BBSF-DateTimePicker", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ImpersonationRulesComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ImpersonationRulesComponent$1, selector: "lib-impersonation-rules", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ImpersonationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"ImpersonationForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ImpersonationForm\"></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)=\"showAddImpersonationModal(AddImpersonationModal)\">\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\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}] {{utilityService.getResourceValue(\"Source\")}}</th>\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}] {{utilityService.getResourceValue(\"Destination\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ExpiresAt\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Active\")}}</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\r\n            <tr *ngFor=\"let Impersonation of clientSidePagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">\r\n                  [{{Impersonation.sourceParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.sourceParticipantDTO.participantNameStr}}\r\n                </span>\r\n\r\n              </td>\r\n              <td>  [{{Impersonation.destinationParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.destinationParticipantDTO.participantNameStr}}</td>\r\n\r\n              <td>{{Impersonation.expiresAt}}</td>\r\n              <td>{{Impersonation.isActive}}</td>\r\n\r\n              <td>\r\n\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)=\"showEditImpersonationModal(Impersonation.iD_GUID,EditImpersonationModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\"\r\n                       (click)=\"showDeleteImpersonationModal(Impersonation.iD_GUID)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"5\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\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)=\"setImpersonationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"ImpersonationPaging\" [group]=\"ImpersonationForm\" #ImpersonationPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<!-- Add Modal -->\r\n<ng-template #AddImpersonationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddImpersonationFormOptions\">\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourceParticipantType\" (OnChange)=\"addSourceParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourcePermissionSetList\" *ngIf=\"AddShowSourcePermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddSourceUserAutoComplete\" *ngIf=\"AddShowSourceUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\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]=\"AddDestinationParticipantType\" (OnChange)=\"addDestinationParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddDestinationPermissionSetList\" *ngIf=\"AddShowDestinationPermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddDestinationUserAutoComplete\" *ngIf=\"AddShowDestinationUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsActive\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"AddExpiresAt\" [group]=\"AddImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button CloseImpersonationModal id=\"CloseImpersonationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditImpersonationModal 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(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditImpersonationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceParticipantType\" (OnChange)=\"editSourceParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourcePermissionSetList\" *ngIf=\"EditShowSourcePermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditSourceUserAutoComplete\" *ngIf=\"EditShowSourceUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationParticipantType\" (OnChange)=\"editDestinationParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationPermissionSetList\" *ngIf=\"EditShowDestinationPermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditDestinationUserAutoComplete\" *ngIf=\"EditShowDestinationUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsActive\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"EditExpiresAt\" [group]=\"EditImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditImpersonationModal id=\"CloseEditImpersonationModal\" 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\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DateInputComponent, selector: "BBSF-DateTimePicker", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ImpersonationRulesComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -11612,7 +11651,8 @@ class LicenseComponent$1 {
         this.OnSuccessHandler = (res) => {
             this.utilityService.notifySuccessMessage();
             this.utilityService.stopBlockUI();
-            this.ngOnInit();
+            clearInterval(this.intervalConst);
+            this.setPageLicenseData(res.val);
         };
     }
     ;
@@ -11635,38 +11675,46 @@ class LicenseComponent$1 {
         this.licenseService.getOrganizationLicense().subscribe((result) => {
             let Model = result;
             if (Model != null) {
-                let startDate = new Date(Model.val.licenseStartDate);
-                let endDate = new Date(Model.val.licenseEndDate);
-                let activationDate = new Date(Model.val.activationDate);
-                this.activationDate = activationDate.toLocaleDateString();
-                this.licenseStartDate = startDate.toLocaleDateString();
-                this.licenseEndDate = endDate.toLocaleDateString();
-                this.name = Model.val.name.current;
-                let CurrentDate = new Date();
-                if ((endDate.toLocaleDateString() == CurrentDate.toLocaleDateString()))
-                    this.noLicenseFound = true;
-                else
-                    this.noLicenseFound = false;
-                this.dateInMinutes = this.getDifferenceInMinutes(CurrentDate, endDate);
-                setInterval(() => {
-                    this.date_future = endDate;
-                    this.date_now = new Date();
-                    this.seconds = Math.floor((this.date_future - (this.date_now)) / 1000);
-                    this.minutes = Math.floor(this.seconds / 60);
-                    this.hours = Math.floor(this.minutes / 60);
-                    this.days = Math.floor(this.hours / 24);
-                    this.months = Math.floor(this.days / 31);
-                    this.years = Math.floor(this.months / 12);
-                    this.hours = this.hours - (this.days * 24);
-                    this.minutes = this.minutes - (this.days * 24 * 60) - (this.hours * 60);
-                    this.seconds = this.seconds - (this.days * 24 * 60 * 60) - (this.hours * 60 * 60) - (this.minutes * 60);
-                    this.days = this.days - (this.months * 31);
-                    this.months = this.months - (this.years * 12);
-                }, 1000);
-            }
-            this.showTimer = true;
+                this.setPageLicenseData(Model.val);
+            }
         });
     }
+    setPageLicenseData(license) {
+        let startDate = new Date(license.licenseStartDate);
+        let endDate = new Date(license.licenseEndDate);
+        let activationDate = new Date(license.activationDate);
+        this.activationDate = activationDate.toLocaleDateString();
+        this.licenseStartDate = startDate.toLocaleDateString();
+        this.licenseEndDate = endDate.toLocaleDateString();
+        this.name = license.name.current;
+        let CurrentDate = new Date();
+        if ((endDate.toLocaleDateString() == CurrentDate.toLocaleDateString()))
+            this.noLicenseFound = true;
+        else
+            this.noLicenseFound = false;
+        this.dateInMinutes = this.getDifferenceInMinutes(CurrentDate, endDate);
+        //set first time
+        this.setCounter(endDate);
+        this.showTimer = true;
+        this.intervalConst = setInterval(() => {
+            this.setCounter(endDate);
+        }, 1000);
+    }
+    setCounter(endDate) {
+        this.date_future = endDate;
+        this.date_now = new Date();
+        this.seconds = Math.floor((this.date_future - (this.date_now)) / 1000);
+        this.minutes = Math.floor(this.seconds / 60);
+        this.hours = Math.floor(this.minutes / 60);
+        this.days = Math.floor(this.hours / 24);
+        this.months = Math.floor(this.days / 31);
+        this.years = Math.floor(this.months / 12);
+        this.hours = this.hours - (this.days * 24);
+        this.minutes = this.minutes - (this.days * 24 * 60) - (this.hours * 60);
+        this.seconds = this.seconds - (this.days * 24 * 60 * 60) - (this.hours * 60 * 60) - (this.minutes * 60);
+        this.days = this.days - (this.months * 31);
+        this.months = this.months - (this.years * 12);
+    }
     getDifferenceInMinutes(date1, date2) {
         const diffInMs = Math.abs(date2 - date1);
         return diffInMs / (1000 * 60);
@@ -15167,7 +15215,7 @@ class PublicHolidayComponent$1 {
             this.EditDayOptions.AllowSearchFilter = true;
             this.EditDayOptions.Placeholder = "";
             this.EditDayOptions.IsRequired = true;
-            this.EditDayOptions.SelectedItems = this.MonthsList.filter((item) => { return parseInt(item.key) == publicHoliday.day; }).map((item) => item.key)[0];
+            this.EditDayOptions.SelectedItems = this.DaysList.filter((item) => { return parseInt(item.key) == publicHoliday.day; }).map((item) => item.key)[0];
             ;
             this.EditIsActive = new CheckBoxOptions();
             this.EditIsActive.Name = "IsActive";
@@ -16603,6 +16651,7 @@ class ProviderComponent$1 {
         this.ProviderAttributesOptions = [];
         this.ProviderAttributesCount = 0;
         this.IsAttributesLoaded = false;
+        this.showNoAttributesError = false;
         //Add Model Controls
         this.AddProviderForm = new FormGroup({});
         ////Edit Model Controls
@@ -16645,7 +16694,14 @@ class ProviderComponent$1 {
             return paramArray;
         };
         this.getAddProviderFunction = (AddModel) => {
-            return this.ProviderService.AddProvider(AddModel);
+            if (AddModel.ProviderAttributes.length > 0) {
+                this.showNoAttributesError = false;
+                return this.ProviderService.AddProvider(AddModel);
+            }
+            else {
+                this.showNoAttributesError = true;
+                return;
+            }
         };
         this.getEditProviderModel = () => {
             let paramArray = [];
@@ -16659,8 +16715,8 @@ class ProviderComponent$1 {
             EditModel.OrganizationID_GUID = this.EditProviderOrganizationID_GUID;
             for (let j = 0; j < this.EditProviderAttributesCount; j++) {
                 let editAttributeName = ResultModel["EditAttributeName" + j];
-                // if (isUndefined(editAttributeName))
-                //   continue;
+                if (editAttributeName == undefined)
+                    continue;
                 let editAttributeValue = ResultModel["EditAttributeValue" + j];
                 let editAttributeEncrypted = ResultModel["EditAttributeEncrypted" + j];
                 let providerAttr = new ProviderAttributeModel$1();
@@ -16673,7 +16729,14 @@ class ProviderComponent$1 {
             return paramArray;
         };
         this.getEditProviderFunction = (EditModel) => {
-            return this.ProviderService.EditProvider(EditModel);
+            if (EditModel.ProviderAttributes.length > 0) {
+                this.showNoAttributesError = false;
+                return this.ProviderService.EditProvider(EditModel);
+            }
+            else {
+                this.showNoAttributesError = true;
+                return;
+            }
         };
         this.deleteProvider = (id) => {
             return this.ProviderService.DeleteProvider(id);
@@ -16771,7 +16834,6 @@ class ProviderComponent$1 {
         this.providerTypesFilterOption = new DropdownOptions();
         this.providerTypesFilterOption.Name = "providerTypesFilterOption";
         this.providerTypesFilterOption.LabelKey = "ProviderTypes";
-        this.providerTypesFilterOption.Placeholder = this.utilityService.getResourceValue("ServiceProviderType");
         this.providerTypesFilter = new FilterItem();
         this.providerTypesFilter.FormControlName = "providerTypesFilterOption";
         this.providerTypesFilter.ActionParameterName = "types";
@@ -16931,6 +16993,7 @@ class ProviderComponent$1 {
     }
     //Add provider
     showAddProviderModal(addProviderModal) {
+        this.showNoAttributesError = false;
         this.utilityService.startBlockUI();
         this.ProviderService.loadAddDropdowns().subscribe((result) => {
             let resultObj = result;
@@ -16979,6 +17042,7 @@ class ProviderComponent$1 {
     }
     //Edit provider
     showEditProviderModal(providerID, editProviderModal) {
+        this.showNoAttributesError = false;
         this.ProviderId = providerID;
         this.ProviderService.GetEditProviderData(providerID).subscribe((result) => {
             var _a, _b;
@@ -17143,7 +17207,7 @@ class ProviderComponent$1 {
     }
 }
 ProviderComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent$1, deps: [{ token: ProviderService$1 }, { token: i5.NgbModal }, { token: i1.AuthService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ProviderComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent$1, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ProviderComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent$1, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -18800,7 +18864,6 @@ class ActiveDirectoryAddComponent$1 {
             this.addTypeOptions.DataSource = this.adTypesList;
             this.addTypeOptions.SingleSelection = true;
             this.addTypeOptions.AllowSearchFilter = true;
-            this.addTypeOptions.Placeholder = "";
             this.addTypeOptions.IsRequired = true;
             this.addName = new TextBoxOptions();
             this.addName.Name = "addName";
@@ -18815,7 +18878,6 @@ class ActiveDirectoryAddComponent$1 {
             this.addPermissionSet.DataSource = this.permissionSetList;
             this.addPermissionSet.SingleSelection = true;
             this.addPermissionSet.AllowSearchFilter = true;
-            this.addPermissionSet.Placeholder = "PermissionSet";
             this.addPermissionSet.IsRequired = true;
             this.addLanguage = new DropdownOptions();
             this.addLanguage.Name = "addLanguage";
@@ -18823,7 +18885,6 @@ class ActiveDirectoryAddComponent$1 {
             this.addLanguage.DataSource = this.languagesList;
             this.addLanguage.SingleSelection = true;
             this.addLanguage.AllowSearchFilter = true;
-            this.addLanguage.Placeholder = "";
             this.addLanguage.IsRequired = true;
             this.addWelcomeMsgTemp = new DropdownOptions();
             this.addWelcomeMsgTemp.Name = "addWelcomeMsgTemp";
@@ -18831,14 +18892,12 @@ class ActiveDirectoryAddComponent$1 {
             this.addWelcomeMsgTemp.DataSource = this.welcomeMsgTempList;
             this.addWelcomeMsgTemp.SingleSelection = true;
             this.addWelcomeMsgTemp.AllowSearchFilter = true;
-            this.addWelcomeMsgTemp.Placeholder = "WelcomeMsgTemplate";
             this.addFileProvider = new DropdownOptions();
             this.addFileProvider.Name = "addFileProvider";
             this.addFileProvider.LabelKey = "FileProvider";
             this.addFileProvider.DataSource = this.fileProviders;
             this.addFileProvider.SingleSelection = true;
             this.addFileProvider.AllowSearchFilter = true;
-            this.addFileProvider.Placeholder = "WelcomeMsgTemplate";
             this.addMarkInactive = new ToggleSlideOptions();
             this.addMarkInactive.Name = "addMarkInactive";
             this.addMarkInactive.LabelKey = "MarkAsInactive";
@@ -18980,7 +19039,6 @@ class ActiveDirectoryAddComponent$1 {
             this.addWindowsTypeOptions.DataSource = this.adWindowsTypes;
             this.addWindowsTypeOptions.SingleSelection = true;
             this.addWindowsTypeOptions.AllowSearchFilter = true;
-            this.addWindowsTypeOptions.Placeholder = "";
             this.addWindowsTypeOptions.IsRequired = true;
             this.addDomain = new TextBoxOptions();
             this.addDomain.Name = "addDomain";
@@ -20503,6 +20561,8 @@ class ToolbarComponent {
         this.pageTitleCssClasses = this.layout.getStringCSSClasses('pageTitle');
         this.pageTitleAttributes = this.layout.getHTMLAttributes('pageTitle');
     }
+    getCurrentUser() {
+    }
     ngAfterViewInit() {
         if (this.ktPageTitle) {
             for (const key in this.pageTitleAttributes) {
@@ -20969,6 +21029,9 @@ class userService {
     UpdateUserInfo() {
         return this.http.get('/connect/userinfo');
     }
+    getCurrentUser() {
+        return this.http.get(this.ApiUrl + 'GetCurrentUser');
+    }
 }
 userService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: userService, deps: [{ token: i1.RequestHandlerService }, { token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
 userService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: userService, providedIn: 'root' });
@@ -22368,7 +22431,7 @@ class LocalizationsComponent {
         this.onExportSuccessHandler = (result) => {
             let FileDTO = result;
             const file = new Blob([FileDTO], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-            saveAs(file, `Localizations${this.datePipe.transform(new Date(), "dd-MM-YYYY hh:mm").toString()}.xlsx`);
+            saveAs(file, this.utilityService.getResourceValue("Resources") + `${this.datePipe.transform(new Date(), "dd-MM-YYYY hh:mm").toString()}.xlsx`);
             window.location.reload();
         };
         this.getAddResourceModal = () => {
@@ -22497,7 +22560,7 @@ class LocalizationsComponent {
             this.searchTextBox.Name = "searchTextBox";
             this.searchTextBox.HideLabel = true;
             this.searchTextBox.Type = InputType.Text;
-            this.searchTextBox.Placeholder = this.utilityService.getResourceValue("SearchByNameOrResourceID");
+            this.searchTextBox.Placeholder = this.utilityService.getResourceValue("SearchByValueOrResourceID");
             this.resourceSetFilter = new FilterItem();
             this.resourceSetFilter.FormControlName = "ResourceSet";
             this.resourceSetFilter.ActionParameterName = "resourceSet";
@@ -22805,7 +22868,7 @@ class LocalizationsComponent {
     }
 }
 LocalizationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent, deps: [{ token: PageInfoService }, { token: i1.UtilityService }, { token: i1.EnvironmentService }, { token: i9.DatePipe }, { token: i3.ClipboardService }, { token: localizationsService }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LocalizationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a ngbDropdownItem class=\"menu-item px-3\" (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem *ngIf=\"!ProductionMode\" class=\"menu-item px-3\" (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"menu-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=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-primary rounded border-primary 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-primary 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(\"UploadJsonResourcesInfo\")}}\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]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LocalizationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" id=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-primary rounded border-primary 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-primary 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      </div>\r\n      <BBSF-Form [options]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent, decorators: [{
             type: Component,
             args: [{
@@ -22991,13 +23054,27 @@ class LocalizationsReplaceTextComponent {
         this.isArabicFilter.IsFormControl = true;
         this.isArabicFilter.FilterType = FilterType.CheckBox;
         this.localizationPaging = new PagingOptions();
-        this.localizationPaging.OnClickFiltersControlNames = ["findBtn"];
+        this.localizationPaging.ReinitializeFunctionName = "reinitializeResources";
+        //this.localizationPaging.OnClickFiltersControlNames = ["findBtn"];
         this.localizationPaging.ActionPostURL = this.apiUrl + 'FindResource';
         this.localizationPaging.OnKeyPressFiltersControlNames = ["findText", "caseSensetive", "matchWholeWord", "english", "arabic"];
         this.localizationPaging.DropdownFiltersControlNames = ["ResourceSet"];
         this.localizationPaging.Filters = [this.resourceSetFilter, this.textInputFilter, this.caseSensetiveFilter, this.matchWholeWordFilter, this.isEnglishFilter, this.isArabicFilter];
         this.localizationPaging.OnSuccessCallBackJSFunction = "findResourceOnSuccess";
     }
+    findResource() {
+        debugger;
+        //if has value
+        var isValid = this.findForm.controls["findText"].valid;
+        if (isValid) {
+            let element = this.pagingElement;
+            element.ReinitializePaging();
+        }
+        else {
+            let control = this.findForm.get("findText");
+            control.markAsTouched();
+        }
+    }
     setResourcesListResult(result) {
         debugger;
         this.localizationPagingResult = result;
@@ -23020,7 +23097,7 @@ class LocalizationsReplaceTextComponent {
     }
 }
 LocalizationsReplaceTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsReplaceTextComponent, deps: [{ token: localizationsService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.RequestHandlerService }, { token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Component });
-LocalizationsReplaceTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsReplaceTextComponent, selector: "lib-localizations-replace-text", viewQueries: [{ propertyName: "formElement", first: true, predicate: ["formElement"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"showPageContent\" class=\"container-fluid\">\r\n  <BBSF-Form [options]=\"findFormOptions\" #formElement>\r\n\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <BBSF-DropdownList [options]=\"resourceSet\" [group]=\"findForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"findText\" [group]=\"findForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"caseSensetive\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"matchWholeWord\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"english\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"arabic\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <button type=\"submit\" #submitFormButton hidden class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Submit\")}}</button>\r\n          <button type=\"button\" id=\"findBtn\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Find\")}}</button>\r\n        </div>\r\n        <div *ngIf=\"showFindResult\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"English\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Arabic\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n                <tr *ngFor=\"let resource of localizationPagingResult\">\r\n                  <td>\r\n                    <div class=\"text-dark\">{{resource.resourceSet}}</div>\r\n                  </td>\r\n                  <td>{{resource.resourceId}}</td>\r\n                  <td>{{resource.valueEN}}</td>\r\n                  <td>{{resource.valueAR}}</td>\r\n                </tr>\r\n                <tr *ngIf=\"localizationPagingResult.length == 0\">\r\n                  <td colspan=\"4\">\r\n                    <lib-empty-data></lib-empty-data>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"row\" id=\"replaceControls\">\r\n            <div class=\"col-md-9\">\r\n              <BBSF-TextBox [options]=\"replaceText\" [group]=\"findForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-3\">\r\n              <button [disabled]=\"!enableReplaceBtn\" type=\"submit\"  class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Replace\")}}</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setResourcesListResult($event)\" \r\n                     [options]=\"localizationPaging\" [group]=\"findForm\" #PublicHolidayPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n    </BBSF-Form>\r\n</div>\r\n", styles: [""], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+LocalizationsReplaceTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsReplaceTextComponent, selector: "lib-localizations-replace-text", viewQueries: [{ propertyName: "formElement", first: true, predicate: ["formElement"], descendants: true }, { propertyName: "pagingElement", first: true, predicate: ["localizationPagingViewElement"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"showPageContent\" class=\"container-fluid\">\r\n  <BBSF-Form [options]=\"findFormOptions\" #formElement>\r\n\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <BBSF-DropdownList [options]=\"resourceSet\" [group]=\"findForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"findText\" [group]=\"findForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"caseSensetive\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"matchWholeWord\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"english\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <BBSF-CheckBox [options]=\"arabic\" [group]=\"findForm\">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <button type=\"submit\" #submitFormButton hidden class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Submit\")}}</button>\r\n          <button type=\"button\" (click)=\"findResource()\" id=\"findBtn\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Find\")}}</button>\r\n        </div>\r\n        <div *ngIf=\"showFindResult\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"English\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Arabic\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n                <tr *ngFor=\"let resource of localizationPagingResult\">\r\n                  <td>\r\n                    <div class=\"text-dark\">{{resource.resourceSet}}</div>\r\n                  </td>\r\n                  <td>{{resource.resourceId}}</td>\r\n                  <td>{{resource.valueEN}}</td>\r\n                  <td>{{resource.valueAR}}</td>\r\n                </tr>\r\n                <tr *ngIf=\"localizationPagingResult.length == 0\">\r\n                  <td colspan=\"4\">\r\n                    <lib-empty-data></lib-empty-data>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"row\" id=\"replaceControls\">\r\n            <div class=\"col-md-9\">\r\n              <BBSF-TextBox [options]=\"replaceText\" [group]=\"findForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-3\">\r\n              <button [disabled]=\"!enableReplaceBtn\" type=\"submit\"  class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Replace\")}}</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setResourcesListResult($event)\" \r\n                     [options]=\"localizationPaging\" [group]=\"findForm\" #localizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n    </BBSF-Form>\r\n</div>\r\n", styles: [""], components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsReplaceTextComponent, decorators: [{
             type: Component,
             args: [{
@@ -23031,6 +23108,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
         }], ctorParameters: function () { return [{ type: localizationsService }, { type: PageInfoService }, { type: i1.UtilityService }, { type: i1.BBSFTranslateService }, { type: i1.RequestHandlerService }, { type: i1.AuthService }]; }, propDecorators: { formElement: [{
                 type: ViewChild,
                 args: ['formElement', { static: false }]
+            }], pagingElement: [{
+                type: ViewChild,
+                args: ['localizationPagingViewElement', { static: false }]
             }] } });
 const routes$d = [
@@ -26659,6 +26739,7 @@ class LookupGroupComponent {
         this.deleteConfirmationOptions.ServiceSubmitFunction = this.deleteLookupGroup;
         this.deleteConfirmationOptions.ServiceSubmitModel = paramArray;
         this.deleteConfirmationOptions.PagingReference = this.pagingElement;
+        this.deleteConfirmationOptions.DisableErrorNotification = true;
         this.deleteControlLoaded = true;
         setTimeout(() => {
             this.ConfirmationModalControl.showModal();
@@ -26864,6 +26945,9 @@ class LookupItemComponent {
         this.displayOrder.Name = "DisplayOrder";
         this.displayOrder.LabelKey = "DisplayOrder";
         this.displayOrder.Type = InputType.Number;
+        this.displayOrder.NumberRange = new RangeNumber();
+        this.displayOrder.NumberRange.From = 1;
+        this.displayOrder.NumberRange.To = 1000000000;
         this.isManageable = new CheckBoxOptions();
         this.isManageable.Name = "IsManageable";
         this.isManageable.LabelKey = "Manageable";
@@ -26907,6 +26991,9 @@ class LookupItemComponent {
             this.editDisplayOrder.LabelKey = "DisplayOrder";
             this.editDisplayOrder.Type = InputType.Number;
             this.editDisplayOrder.Value = LookupItem[0].displayOrder;
+            this.editDisplayOrder.NumberRange = new RangeNumber();
+            this.editDisplayOrder.NumberRange.From = 1;
+            this.editDisplayOrder.NumberRange.To = 1000000000;
             this.editIsManageable = new CheckBoxOptions();
             this.editIsManageable.Name = "Manageable";
             this.editIsManageable.LabelKey = "Manageable";
@@ -28384,7 +28471,9 @@ class ConfigurationsService {
         return this.http.post(this.ApiUrl + 'LoadLookupItems', null, null, params);
     }
     loadSourceFunctionDropDownItems(sourceFunc) {
-        return this.http.get(this.ApiUrl + sourceFunc, null);
+        var options = new RequestOptionsModel();
+        options.disableErrorHandler = true;
+        return this.http.get(this.ApiUrl + sourceFunc, null, null, options);
     }
 }
 ConfigurationsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ConfigurationsService, deps: [{ token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -29708,7 +29797,7 @@ class ImpersonationRulesComponent {
     }
 }
 ImpersonationRulesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ImpersonationRulesComponent, deps: [{ token: i1.AuthService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: ImpersonationRuleService }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ImpersonationRulesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ImpersonationRulesComponent, selector: "lib-impersonation-rules", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ImpersonationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"ImpersonationForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ImpersonationForm\"></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)=\"showAddImpersonationModal(AddImpersonationModal)\">\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\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}]{{utilityService.getResourceValue(\"Source\")}}</th>\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}]{{utilityService.getResourceValue(\"Destination\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ExpiresAt\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Active\")}}</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\r\n            <tr *ngFor=\"let Impersonation of clientSidePagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">\r\n                  [{{Impersonation.sourceParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.sourceParticipantDTO.participantNameStr}}\r\n                </span>\r\n\r\n              </td>\r\n              <td>  [{{Impersonation.destinationParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.destinationParticipantDTO.participantNameStr}}</td>\r\n\r\n              <td>{{Impersonation.expiresAt}}</td>\r\n              <td>{{Impersonation.isActive}}</td>\r\n\r\n              <td>\r\n\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)=\"showEditImpersonationModal(Impersonation.iD_GUID,EditImpersonationModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\"\r\n                       (click)=\"showDeleteImpersonationModal(Impersonation.iD_GUID)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"5\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\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)=\"setImpersonationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"ImpersonationPaging\" [group]=\"ImpersonationForm\" #ImpersonationPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<!-- Add Modal -->\r\n<ng-template #AddImpersonationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddImpersonationFormOptions\">\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourceParticipantType\" (OnChange)=\"addSourceParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourcePermissionSetList\" *ngIf=\"AddShowSourcePermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddSourceUserAutoComplete\" *ngIf=\"AddShowSourceUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\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]=\"AddDestinationParticipantType\" (OnChange)=\"addDestinationParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddDestinationPermissionSetList\" *ngIf=\"AddShowDestinationPermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddDestinationUserAutoComplete\" *ngIf=\"AddShowDestinationUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsActive\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"AddExpiresAt\" [group]=\"AddImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button CloseImpersonationModal id=\"CloseImpersonationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditImpersonationModal 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(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditImpersonationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceParticipantType\" (OnChange)=\"editSourceParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourcePermissionSetList\" *ngIf=\"EditShowSourcePermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditSourceUserAutoComplete\" *ngIf=\"EditShowSourceUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationParticipantType\" (OnChange)=\"editDestinationParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationPermissionSetList\" *ngIf=\"EditShowDestinationPermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditDestinationUserAutoComplete\" *ngIf=\"EditShowDestinationUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsActive\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"EditExpiresAt\" [group]=\"EditImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditImpersonationModal id=\"CloseEditImpersonationModal\" 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\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DateInputComponent, selector: "BBSF-DateTimePicker", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ImpersonationRulesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ImpersonationRulesComponent, selector: "lib-impersonation-rules", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ImpersonationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"ImpersonationForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ImpersonationForm\"></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)=\"showAddImpersonationModal(AddImpersonationModal)\">\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\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}] {{utilityService.getResourceValue(\"Source\")}}</th>\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}] {{utilityService.getResourceValue(\"Destination\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ExpiresAt\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Active\")}}</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\r\n            <tr *ngFor=\"let Impersonation of clientSidePagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">\r\n                  [{{Impersonation.sourceParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.sourceParticipantDTO.participantNameStr}}\r\n                </span>\r\n\r\n              </td>\r\n              <td>  [{{Impersonation.destinationParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.destinationParticipantDTO.participantNameStr}}</td>\r\n\r\n              <td>{{Impersonation.expiresAt}}</td>\r\n              <td>{{Impersonation.isActive}}</td>\r\n\r\n              <td>\r\n\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)=\"showEditImpersonationModal(Impersonation.iD_GUID,EditImpersonationModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\"\r\n                       (click)=\"showDeleteImpersonationModal(Impersonation.iD_GUID)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"5\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\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)=\"setImpersonationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"ImpersonationPaging\" [group]=\"ImpersonationForm\" #ImpersonationPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<!-- Add Modal -->\r\n<ng-template #AddImpersonationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddImpersonationFormOptions\">\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourceParticipantType\" (OnChange)=\"addSourceParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourcePermissionSetList\" *ngIf=\"AddShowSourcePermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddSourceUserAutoComplete\" *ngIf=\"AddShowSourceUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\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]=\"AddDestinationParticipantType\" (OnChange)=\"addDestinationParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddDestinationPermissionSetList\" *ngIf=\"AddShowDestinationPermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddDestinationUserAutoComplete\" *ngIf=\"AddShowDestinationUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsActive\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"AddExpiresAt\" [group]=\"AddImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button CloseImpersonationModal id=\"CloseImpersonationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditImpersonationModal 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(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditImpersonationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceParticipantType\" (OnChange)=\"editSourceParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourcePermissionSetList\" *ngIf=\"EditShowSourcePermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditSourceUserAutoComplete\" *ngIf=\"EditShowSourceUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationParticipantType\" (OnChange)=\"editDestinationParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationPermissionSetList\" *ngIf=\"EditShowDestinationPermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditDestinationUserAutoComplete\" *ngIf=\"EditShowDestinationUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsActive\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"EditExpiresAt\" [group]=\"EditImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditImpersonationModal id=\"CloseEditImpersonationModal\" 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\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DateInputComponent, selector: "BBSF-DateTimePicker", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ImpersonationRulesComponent, decorators: [{
             type: Component,
             args: [{
@@ -30187,7 +30276,8 @@ class LicenseComponent {
         this.OnSuccessHandler = (res) => {
             this.utilityService.notifySuccessMessage();
             this.utilityService.stopBlockUI();
-            this.ngOnInit();
+            clearInterval(this.intervalConst);
+            this.setPageLicenseData(res.val);
         };
     }
     ;
@@ -30210,38 +30300,46 @@ class LicenseComponent {
         this.licenseService.getOrganizationLicense().subscribe((result) => {
             let Model = result;
             if (Model != null) {
-                let startDate = new Date(Model.val.licenseStartDate);
-                let endDate = new Date(Model.val.licenseEndDate);
-                let activationDate = new Date(Model.val.activationDate);
-                this.activationDate = activationDate.toLocaleDateString();
-                this.licenseStartDate = startDate.toLocaleDateString();
-                this.licenseEndDate = endDate.toLocaleDateString();
-                this.name = Model.val.name.current;
-                let CurrentDate = new Date();
-                if ((endDate.toLocaleDateString() == CurrentDate.toLocaleDateString()))
-                    this.noLicenseFound = true;
-                else
-                    this.noLicenseFound = false;
-                this.dateInMinutes = this.getDifferenceInMinutes(CurrentDate, endDate);
-                setInterval(() => {
-                    this.date_future = endDate;
-                    this.date_now = new Date();
-                    this.seconds = Math.floor((this.date_future - (this.date_now)) / 1000);
-                    this.minutes = Math.floor(this.seconds / 60);
-                    this.hours = Math.floor(this.minutes / 60);
-                    this.days = Math.floor(this.hours / 24);
-                    this.months = Math.floor(this.days / 31);
-                    this.years = Math.floor(this.months / 12);
-                    this.hours = this.hours - (this.days * 24);
-                    this.minutes = this.minutes - (this.days * 24 * 60) - (this.hours * 60);
-                    this.seconds = this.seconds - (this.days * 24 * 60 * 60) - (this.hours * 60 * 60) - (this.minutes * 60);
-                    this.days = this.days - (this.months * 31);
-                    this.months = this.months - (this.years * 12);
-                }, 1000);
-            }
-            this.showTimer = true;
+                this.setPageLicenseData(Model.val);
+            }
         });
     }
+    setPageLicenseData(license) {
+        let startDate = new Date(license.licenseStartDate);
+        let endDate = new Date(license.licenseEndDate);
+        let activationDate = new Date(license.activationDate);
+        this.activationDate = activationDate.toLocaleDateString();
+        this.licenseStartDate = startDate.toLocaleDateString();
+        this.licenseEndDate = endDate.toLocaleDateString();
+        this.name = license.name.current;
+        let CurrentDate = new Date();
+        if ((endDate.toLocaleDateString() == CurrentDate.toLocaleDateString()))
+            this.noLicenseFound = true;
+        else
+            this.noLicenseFound = false;
+        this.dateInMinutes = this.getDifferenceInMinutes(CurrentDate, endDate);
+        //set first time
+        this.setCounter(endDate);
+        this.showTimer = true;
+        this.intervalConst = setInterval(() => {
+            this.setCounter(endDate);
+        }, 1000);
+    }
+    setCounter(endDate) {
+        this.date_future = endDate;
+        this.date_now = new Date();
+        this.seconds = Math.floor((this.date_future - (this.date_now)) / 1000);
+        this.minutes = Math.floor(this.seconds / 60);
+        this.hours = Math.floor(this.minutes / 60);
+        this.days = Math.floor(this.hours / 24);
+        this.months = Math.floor(this.days / 31);
+        this.years = Math.floor(this.months / 12);
+        this.hours = this.hours - (this.days * 24);
+        this.minutes = this.minutes - (this.days * 24 * 60) - (this.hours * 60);
+        this.seconds = this.seconds - (this.days * 24 * 60 * 60) - (this.hours * 60 * 60) - (this.minutes * 60);
+        this.days = this.days - (this.months * 31);
+        this.months = this.months - (this.years * 12);
+    }
     getDifferenceInMinutes(date1, date2) {
         const diffInMs = Math.abs(date2 - date1);
         return diffInMs / (1000 * 60);
@@ -33742,7 +33840,7 @@ class PublicHolidayComponent {
             this.EditDayOptions.AllowSearchFilter = true;
             this.EditDayOptions.Placeholder = "";
             this.EditDayOptions.IsRequired = true;
-            this.EditDayOptions.SelectedItems = this.MonthsList.filter((item) => { return parseInt(item.key) == publicHoliday.day; }).map((item) => item.key)[0];
+            this.EditDayOptions.SelectedItems = this.DaysList.filter((item) => { return parseInt(item.key) == publicHoliday.day; }).map((item) => item.key)[0];
             ;
             this.EditIsActive = new CheckBoxOptions();
             this.EditIsActive.Name = "IsActive";
@@ -35178,6 +35276,7 @@ class ProviderComponent {
         this.ProviderAttributesOptions = [];
         this.ProviderAttributesCount = 0;
         this.IsAttributesLoaded = false;
+        this.showNoAttributesError = false;
         //Add Model Controls
         this.AddProviderForm = new FormGroup({});
         ////Edit Model Controls
@@ -35220,7 +35319,14 @@ class ProviderComponent {
             return paramArray;
         };
         this.getAddProviderFunction = (AddModel) => {
-            return this.ProviderService.AddProvider(AddModel);
+            if (AddModel.ProviderAttributes.length > 0) {
+                this.showNoAttributesError = false;
+                return this.ProviderService.AddProvider(AddModel);
+            }
+            else {
+                this.showNoAttributesError = true;
+                return;
+            }
         };
         this.getEditProviderModel = () => {
             let paramArray = [];
@@ -35234,8 +35340,8 @@ class ProviderComponent {
             EditModel.OrganizationID_GUID = this.EditProviderOrganizationID_GUID;
             for (let j = 0; j < this.EditProviderAttributesCount; j++) {
                 let editAttributeName = ResultModel["EditAttributeName" + j];
-                // if (isUndefined(editAttributeName))
-                //   continue;
+                if (editAttributeName == undefined)
+                    continue;
                 let editAttributeValue = ResultModel["EditAttributeValue" + j];
                 let editAttributeEncrypted = ResultModel["EditAttributeEncrypted" + j];
                 let providerAttr = new ProviderAttributeModel();
@@ -35248,7 +35354,14 @@ class ProviderComponent {
             return paramArray;
         };
         this.getEditProviderFunction = (EditModel) => {
-            return this.ProviderService.EditProvider(EditModel);
+            if (EditModel.ProviderAttributes.length > 0) {
+                this.showNoAttributesError = false;
+                return this.ProviderService.EditProvider(EditModel);
+            }
+            else {
+                this.showNoAttributesError = true;
+                return;
+            }
         };
         this.deleteProvider = (id) => {
             return this.ProviderService.DeleteProvider(id);
@@ -35346,7 +35459,6 @@ class ProviderComponent {
         this.providerTypesFilterOption = new DropdownOptions();
         this.providerTypesFilterOption.Name = "providerTypesFilterOption";
         this.providerTypesFilterOption.LabelKey = "ProviderTypes";
-        this.providerTypesFilterOption.Placeholder = this.utilityService.getResourceValue("ServiceProviderType");
         this.providerTypesFilter = new FilterItem();
         this.providerTypesFilter.FormControlName = "providerTypesFilterOption";
         this.providerTypesFilter.ActionParameterName = "types";
@@ -35506,6 +35618,7 @@ class ProviderComponent {
     }
     //Add provider
     showAddProviderModal(addProviderModal) {
+        this.showNoAttributesError = false;
         this.utilityService.startBlockUI();
         this.ProviderService.loadAddDropdowns().subscribe((result) => {
             let resultObj = result;
@@ -35554,6 +35667,7 @@ class ProviderComponent {
     }
     //Edit provider
     showEditProviderModal(providerID, editProviderModal) {
+        this.showNoAttributesError = false;
         this.ProviderId = providerID;
         this.ProviderService.GetEditProviderData(providerID).subscribe((result) => {
             var _a, _b;
@@ -35718,7 +35832,7 @@ class ProviderComponent {
     }
 }
 ProviderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent, deps: [{ token: ProviderService }, { token: i5.NgbModal }, { token: i1.AuthService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ProviderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ProviderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td *ngIf=\"showNoAttributesError\" colspan=\"4\" class=\"text-danger\">\r\n                  {{utilityService.getResourceValue(\"AtLeastOneItemRequired\")}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent, decorators: [{
             type: Component,
             args: [{
@@ -36458,7 +36572,6 @@ class ActiveDirectoryAddComponent {
             this.addTypeOptions.DataSource = this.adTypesList;
             this.addTypeOptions.SingleSelection = true;
             this.addTypeOptions.AllowSearchFilter = true;
-            this.addTypeOptions.Placeholder = "";
             this.addTypeOptions.IsRequired = true;
             this.addName = new TextBoxOptions();
             this.addName.Name = "addName";
@@ -36473,7 +36586,6 @@ class ActiveDirectoryAddComponent {
             this.addPermissionSet.DataSource = this.permissionSetList;
             this.addPermissionSet.SingleSelection = true;
             this.addPermissionSet.AllowSearchFilter = true;
-            this.addPermissionSet.Placeholder = "PermissionSet";
             this.addPermissionSet.IsRequired = true;
             this.addLanguage = new DropdownOptions();
             this.addLanguage.Name = "addLanguage";
@@ -36481,7 +36593,6 @@ class ActiveDirectoryAddComponent {
             this.addLanguage.DataSource = this.languagesList;
             this.addLanguage.SingleSelection = true;
             this.addLanguage.AllowSearchFilter = true;
-            this.addLanguage.Placeholder = "";
             this.addLanguage.IsRequired = true;
             this.addWelcomeMsgTemp = new DropdownOptions();
             this.addWelcomeMsgTemp.Name = "addWelcomeMsgTemp";
@@ -36489,14 +36600,12 @@ class ActiveDirectoryAddComponent {
             this.addWelcomeMsgTemp.DataSource = this.welcomeMsgTempList;
             this.addWelcomeMsgTemp.SingleSelection = true;
             this.addWelcomeMsgTemp.AllowSearchFilter = true;
-            this.addWelcomeMsgTemp.Placeholder = "WelcomeMsgTemplate";
             this.addFileProvider = new DropdownOptions();
             this.addFileProvider.Name = "addFileProvider";
             this.addFileProvider.LabelKey = "FileProvider";
             this.addFileProvider.DataSource = this.fileProviders;
             this.addFileProvider.SingleSelection = true;
             this.addFileProvider.AllowSearchFilter = true;
-            this.addFileProvider.Placeholder = "WelcomeMsgTemplate";
             this.addMarkInactive = new ToggleSlideOptions();
             this.addMarkInactive.Name = "addMarkInactive";
             this.addMarkInactive.LabelKey = "MarkAsInactive";
@@ -36638,7 +36747,6 @@ class ActiveDirectoryAddComponent {
             this.addWindowsTypeOptions.DataSource = this.adWindowsTypes;
             this.addWindowsTypeOptions.SingleSelection = true;
             this.addWindowsTypeOptions.AllowSearchFilter = true;
-            this.addWindowsTypeOptions.Placeholder = "";
             this.addWindowsTypeOptions.IsRequired = true;
             this.addDomain = new TextBoxOptions();
             this.addDomain.Name = "addDomain";