@bnsights/bbsf-admin-portal 1.0.19 → 1.0.22

package/esm2015/lib/Pages/anonymouslayout/activation/activation.component.js

@@ -84,7 +84,7 @@ export class ActivationComponent {
     }
 }
 ActivationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ActivationComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.AccountService }, { token: i3.UtilityService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-ActivationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ActivationComponent, selector: "lib-activation", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n  <div class=\"text-center mb-10\">\r\n    <h1 class=\"text-dark mb-3\"> {{UserName}} </h1>\r\n  </div>\r\n  <BBSF-Form [options]=\"activateFormOptions\" *ngIf=\"ErrorMessage==null &&isModelLoaded\">\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"password\" [group]=\"activateForm\"></BBSF-TextBox>\r\n    </div>\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"confirmPassword\" [group]=\"activateForm\"></BBSF-TextBox>\r\n    </div>\r\n    <div class=\"fv-row mb-10\">\r\n      <a href=\"/Admin/account/login\"\r\n      class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\">\r\n     <i class=\"fas fa-arrow-left  text-light-primary me-2 anchor \"></i> {{utilityService.getResourceValue(\"Back\")}}\r\n   </a>\r\n    </div>\r\n    <div class=\"text-center\">\r\n      <!--begin::Submit button-->\r\n      <button type=\"submit\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"Activate\")}}\r\n      </button>\r\n    </div>\r\n  </BBSF-Form>\r\n  <div *ngIf=\"ErrorMessage!=null\">\r\n    <ul class=\"alert alert-InvalidValidation bg-light-danger list-unstyled\">\r\n      <li>\r\n        {{ErrorMessage}}\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n<!--end::Form-->\r\n", components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ActivationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ActivationComponent, selector: "lib-activation", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n  <div class=\"text-center mb-10\">\r\n    <h1 class=\"text-dark mb-3\"> {{UserName}} </h1>\r\n  </div>\r\n  <BBSF-Form [options]=\"activateFormOptions\" *ngIf=\"ErrorMessage==null &&isModelLoaded\">\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"password\" [group]=\"activateForm\"></BBSF-TextBox>\r\n    </div>\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"confirmPassword\" [group]=\"activateForm\"></BBSF-TextBox>\r\n    </div>\r\n    <div class=\"fv-row mb-10\">\r\n      <a href=\"/Admin/account/login\"\r\n      class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\">\r\n     <i class=\"fas fa-arrow-left  text-light-primary me-2 anchor \"></i> {{utilityService.getResourceValue(\"Back\")}}\r\n   </a>\r\n    </div>\r\n    <div class=\"text-center\">\r\n      <!--begin::Submit button-->\r\n      <button type=\"submit\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"Activate\")}}\r\n      </button>\r\n    </div>\r\n  </BBSF-Form>\r\n  <div *ngIf=\"ErrorMessage!=null\">\r\n    <ul class=\"alert alert-InvalidValidation bg-light-danger list-unstyled\">\r\n      <li>\r\n        {{ErrorMessage}}\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n<!--end::Form-->\r\n", components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ActivationComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/anonymouslayout/error/error.component.js

@@ -41,7 +41,7 @@ export class ErrorComponent {
     }
 }
 ErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ErrorComponent, deps: [{ token: i1.UtilityService }, { token: i2.ActivatedRoute }, { token: i3.ClipboardService }, { token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Component });
-ErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ErrorComponent, selector: "lib-error", ngImport: i0, template: "<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n    <input type=\"hidden\" name=\"ReturnUrl\" value=\"@Model.ReturnUrl\" />\r\n    <div class=\"text-center mb-10\">\r\n        <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"Error\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"errorForm\">\r\n        <div class=\"fv-row mb-10\">\r\n            <BBSF-TextBox [options]=\"errorKey\" [group]=\"errorForm\"></BBSF-TextBox>\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 (click)=\"logout()\" class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\"><i\r\n                class=\"fas fa-arrow-left  text-light-primary me-2 anchor\"></i>\r\n            {{utilityService.getResourceValue(\"BackToLoginPage\")}} </div>\r\n    </form>\r\n    <div *ngIf=\"errorMessage!=null\">\r\n        <ul class=\"alert alert-InvalidValidation bg-light-danger list-unstyled\">\r\n            <li>\r\n                {{errorMessage}}\r\n            </li>\r\n        </ul>\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n<!--end::Form-->", components: [{ type: i4.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ErrorComponent, selector: "lib-error", ngImport: i0, template: "<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n    <input type=\"hidden\" name=\"ReturnUrl\" value=\"@Model.ReturnUrl\" />\r\n    <div class=\"text-center mb-10\">\r\n        <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"Error\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"errorForm\">\r\n        <div class=\"fv-row mb-10\">\r\n            <BBSF-TextBox [options]=\"errorKey\" [group]=\"errorForm\"></BBSF-TextBox>\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 (click)=\"logout()\" class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\"><i\r\n                class=\"fas fa-arrow-left  text-light-primary me-2 anchor\"></i>\r\n            {{utilityService.getResourceValue(\"BackToLoginPage\")}} </div>\r\n    </form>\r\n    <div *ngIf=\"errorMessage!=null\">\r\n        <ul class=\"alert alert-InvalidValidation bg-light-danger list-unstyled\">\r\n            <li>\r\n                {{errorMessage}}\r\n            </li>\r\n        </ul>\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n<!--end::Form-->", components: [{ type: i4.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/anonymouslayout/forgot-password/forgot-password.component.js

@@ -51,7 +51,7 @@ export class ForgotPasswordComponent {
     }
 }
 ForgotPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.UtilityService }, { token: i2.AccountService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
-ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ForgotPasswordComponent, selector: "lib-forgot-password", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n  <input type=\"hidden\" name=\"ReturnUrl\" value=\"@Model.ReturnUrl\" />\r\n  <div class=\"text-center mb-10\">\r\n    <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"ForgotPassword\")}} ?</h1>\r\n  </div>\r\n  <BBSF-Form [options]=\"forgotFormOptions\">\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"email\" [group]=\"forgotForm\"></BBSF-TextBox>\r\n      <div class=\"text-right\">\r\n        <a href=\"/Admin/account/login\" class=\"link-primary fs-6 fw-bolder mt-2\">{{utilityService.getResourceValue(\"Back\")}}  </a>\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"text-center\">\r\n      <!--begin::Submit button-->\r\n      <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"RestPassword\")}}</button>\r\n    </div>\r\n  </BBSF-Form>\r\n\r\n\r\n</div>\r\n<!--end::Form-->\r\n", components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }] });
+ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ForgotPasswordComponent, selector: "lib-forgot-password", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n  <input type=\"hidden\" name=\"ReturnUrl\" value=\"@Model.ReturnUrl\" />\r\n  <div class=\"text-center mb-10\">\r\n    <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"ForgotPassword\")}} ?</h1>\r\n  </div>\r\n  <BBSF-Form [options]=\"forgotFormOptions\">\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"email\" [group]=\"forgotForm\"></BBSF-TextBox>\r\n      <div class=\"text-right\">\r\n        <a href=\"/Admin/account/login\" class=\"link-primary fs-6 fw-bolder mt-2\">{{utilityService.getResourceValue(\"Back\")}}  </a>\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"text-center\">\r\n      <!--begin::Submit button-->\r\n      <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"RestPassword\")}}</button>\r\n    </div>\r\n  </BBSF-Form>\r\n\r\n\r\n</div>\r\n<!--end::Form-->\r\n", components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/anonymouslayout/rest-password/rest-password.component.js

@@ -82,7 +82,7 @@ export class RestPasswordComponent {
     }
 }
 RestPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: RestPasswordComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.AccountService }, { token: i3.UtilityService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-RestPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: RestPasswordComponent, selector: "lib-rest-password", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n  <div class=\"text-center mb-10\">\r\n    <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"RestPassword\")}} ?</h1>\r\n  </div>\r\n  <BBSF-Form [options]=\"restFormOptions\" *ngIf=\"ErrorMessage==null &&isModelLoaded\">\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"password\" [group]=\"restForm\"></BBSF-TextBox>\r\n    </div>\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"confirmPassword\" [group]=\"restForm\"></BBSF-TextBox>\r\n    </div>\r\n    <div class=\"fv-row mb-10\">\r\n      <a href=\"/Admin/account/login\"\r\n       class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\">\r\n      <i class=\"fas fa-arrow-left anchor text-light-primary me-2 anchor \"></i> {{utilityService.getResourceValue(\"Back\")}}\r\n    </a>\r\n    </div>\r\n    <div class=\"text-center\">\r\n      <!--begin::Submit button-->\r\n      <button type=\"submit\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SetPassword\")}}\r\n      </button>\r\n    </div>\r\n  </BBSF-Form>\r\n  <div *ngIf=\"ErrorMessage!=null\">\r\n    <ul class=\"alert alert-InvalidValidation bg-light-danger list-unstyled\">\r\n      <li>\r\n        {{ErrorMessage}}\r\n      </li>\r\n    </ul>\r\n    \r\n\r\n  </div>\r\n</div>\r\n<!--end::Form-->\r\n", components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+RestPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: RestPasswordComponent, selector: "lib-rest-password", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n  <div class=\"text-center mb-10\">\r\n    <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"RestPassword\")}} ?</h1>\r\n  </div>\r\n  <BBSF-Form [options]=\"restFormOptions\" *ngIf=\"ErrorMessage==null &&isModelLoaded\">\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"password\" [group]=\"restForm\"></BBSF-TextBox>\r\n    </div>\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-TextBox [options]=\"confirmPassword\" [group]=\"restForm\"></BBSF-TextBox>\r\n    </div>\r\n    <div class=\"fv-row mb-10\">\r\n      <a href=\"/Admin/account/login\"\r\n       class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\">\r\n      <i class=\"fas fa-arrow-left anchor text-light-primary me-2 anchor \"></i> {{utilityService.getResourceValue(\"Back\")}}\r\n    </a>\r\n    </div>\r\n    <div class=\"text-center\">\r\n      <!--begin::Submit button-->\r\n      <button type=\"submit\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SetPassword\")}}\r\n      </button>\r\n    </div>\r\n  </BBSF-Form>\r\n  <div *ngIf=\"ErrorMessage!=null\">\r\n    <ul class=\"alert alert-InvalidValidation bg-light-danger list-unstyled\">\r\n      <li>\r\n        {{ErrorMessage}}\r\n      </li>\r\n    </ul>\r\n    \r\n\r\n  </div>\r\n</div>\r\n<!--end::Form-->\r\n", components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: RestPasswordComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/anonymouslayout/upload-license/upload-license.component.js

@@ -63,7 +63,7 @@ export class UploadLicenseComponent {
     }
 }
 UploadLicenseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: UploadLicenseComponent, deps: [{ token: i1.AccountService }, { token: i2.UtilityService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
-UploadLicenseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: UploadLicenseComponent, selector: "lib-upload-license", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n  <div class=\"text-center mb-10\">\r\n    <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"UploadLicense\")}} ?</h1>\r\n  </div>\r\n\r\n  <BBSF-Form [options]=\"uploadFileFormOptions\">\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-FileUplaod [options]=\"licenseFileInput\" [group]=\"uploadFileForm\">\r\n      </BBSF-FileUplaod>\r\n    </div>\r\n    <div class=\"text-center\">\r\n      <!--begin::Submit button-->\r\n      <button type=\"submit\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"Upload\")}}\r\n      </button>\r\n    </div>\r\n  </BBSF-Form>\r\n  <div *ngIf=\"ErrorMessage!=null\">\r\n    <ul class=\"alert alert-InvalidValidation bg-light-danger list-unstyled\">\r\n      <li>\r\n        {{ErrorMessage}}\r\n      </li>\r\n    </ul>\r\n    <a href=\"/Admin/account/login\"\r\n       class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\">\r\n      <i class=\"fas fa-arrow-left text-light-primary me-2 anchor \"></i> {{utilityService.getResourceValue(\"Back\")}}\r\n    </a>\r\n\r\n  </div>\r\n</div>\r\n<!--end::Form-->\r\n", components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.ɵb, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+UploadLicenseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: UploadLicenseComponent, selector: "lib-upload-license", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"form w-100\" novalidate=\"novalidate\" id=\"kt_sign_in_form\">\r\n  <div class=\"text-center mb-10\">\r\n    <h1 class=\"text-dark mb-3\"> {{utilityService.getResourceValue(\"UploadLicense\")}} ?</h1>\r\n  </div>\r\n\r\n  <BBSF-Form [options]=\"uploadFileFormOptions\">\r\n    <div class=\"fv-row mb-10\">\r\n      <BBSF-FileUplaod [options]=\"licenseFileInput\" [group]=\"uploadFileForm\">\r\n      </BBSF-FileUplaod>\r\n    </div>\r\n    <div class=\"text-center\">\r\n      <!--begin::Submit button-->\r\n      <button type=\"submit\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"Upload\")}}\r\n      </button>\r\n    </div>\r\n  </BBSF-Form>\r\n  <div *ngIf=\"ErrorMessage!=null\">\r\n    <ul class=\"alert alert-InvalidValidation bg-light-danger list-unstyled\">\r\n      <li>\r\n        {{ErrorMessage}}\r\n      </li>\r\n    </ul>\r\n    <a href=\"/Admin/account/login\"\r\n       class=\"link-primary fs-6 fw-bolder d-flex justify-content-end mt-2\">\r\n      <i class=\"fas fa-arrow-left text-light-primary me-2 anchor \"></i> {{utilityService.getResourceValue(\"Back\")}}\r\n    </a>\r\n\r\n  </div>\r\n</div>\r\n<!--end::Form-->\r\n", components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: UploadLicenseComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/configurations/configuration/configuration.component.js

@@ -756,7 +756,7 @@ export class ConfigurationComponent {
     }
 }
 ConfigurationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ConfigurationComponent, deps: [{ token: i1.AuthService }, { token: i2.PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i3.ConfigurationsService }, { token: i4.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ConfigurationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ConfigurationComponent, selector: "lib-configuration", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ConfigurationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n\r\n    <!-- begin::Header -->\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ConfigurationForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"ConfigurationForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddConfigurationModal(AddConfigurationModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <!-- begin::Table container -->\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Key\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Scope\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UserPermissionSet\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Configuration of clientSidePagingResult\">\r\n\r\n                <td class=\"text-dark\">{{Configuration.key}}</td>\r\n                <td>{{Configuration.value}}</td>\r\n                <td> {{Configuration.valueTypeNameStr}}</td>\r\n                <td>{{Configuration.scopeName}}</td>\r\n                <td>{{Configuration.permissionSetName}}{{Configuration.userName}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"config\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #config=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditConfigurationModal(Configuration.id,Configuration.idEncrypted, EditConfigurationModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteConfigurationModal(Configuration.idEncrypted)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n                <td colspan=\"6\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!-- end::Table -->\r\n        </div>\r\n        <!-- end::Table container -->\r\n\r\n      </div>\r\n      <!-- begin paging-->\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setConfigurationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ConfigurationPaging\" [group]=\"ConfigurationForm\" #ConfigurationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddConfigurationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddConfiguration\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Key\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Category\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Scope\" (OnChange)=\"ChangeScopeValue($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"PermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"User\" *ngIf=\"ShowUsersList\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Type\" (OnChange)=\"ChangeTypeValue($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Value\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"DefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"ValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"DefaultValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Source\" *ngIf=\"ShowDropDownSource\" (OnChange)=\"ChangeSource($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-9\">\r\n            <BBSF-TextBox [options]=\"FunctionSourcePath\" [group]=\"AddConfigurationForm\" (OnChange)=\"changeSourceFunction()\">\r\n            </BBSF-TextBox>\r\n            <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">{{utilityService.getResourceValue(\"SourceFunctionNotFound\")}}</div>\r\n          </div>\r\n          <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n            <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(true)\">\r\n              <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{utilityService.getResourceValue(\"Search\")}}</span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div *ngIf=\"ShowLookupList\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"Lookup\" (OnChange)=\"ChangeLookup($event,true)\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"LookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"LookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseConfigurationModal id=\"CloseConfigurationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\" [disabled]=\"sourceFunctionDataNotLoaded\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n<!--Edit Modal-->\r\n<ng-template #EditConfigurationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Configuration\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditKey\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditPermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditUser\" *ngIf=\"ShowUsersList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditTextValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditTextDefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditDefaultValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-9\">\r\n          <BBSF-TextBox [options]=\"EditFunctionSourcePath\" [group]=\"EditConfigurationForm\" (OnChange)=\"changeSourceFunction()\">\r\n          </BBSF-TextBox>\r\n          <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">{{utilityService.getResourceValue(\"SourceFunctionNotFound\")}}</div>\r\n        </div>\r\n        <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n          <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(false)\">\r\n            <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{utilityService.getResourceValue(\"Search\")}}</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList  [options]=\"EditLookup\" *ngIf=\"ShowLookupList\" (OnChange)=\"ChangeLookup($event,false)\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowLookupItemsList\" >\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList  [options]=\"EditLookupValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\"  *ngIf=\"ShowLookupItemsList\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLookupDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditConfigurationModal id=\"CloseEditConfigurationModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\" [disabled]=\"sourceFunctionDataNotLoaded\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--deleted Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.ɵj, selector: "BBSF-Toggleslide", inputs: ["group", "options"] }, { type: i6.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ConfigurationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ConfigurationComponent, selector: "lib-configuration", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ConfigurationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n\r\n    <!-- begin::Header -->\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ConfigurationForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"ConfigurationForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddConfigurationModal(AddConfigurationModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <!-- begin::Table container -->\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Key\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Type\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Scope\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UserPermissionSet\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Configuration of clientSidePagingResult\">\r\n\r\n                <td class=\"text-dark\">{{Configuration.key}}</td>\r\n                <td>{{Configuration.value}}</td>\r\n                <td> {{Configuration.valueTypeNameStr}}</td>\r\n                <td>{{Configuration.scopeName}}</td>\r\n                <td>{{Configuration.permissionSetName}}{{Configuration.userName}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"config\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #config=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditConfigurationModal(Configuration.id,Configuration.idEncrypted, EditConfigurationModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteConfigurationModal(Configuration.idEncrypted)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n                <td colspan=\"6\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!-- end::Table -->\r\n        </div>\r\n        <!-- end::Table container -->\r\n\r\n      </div>\r\n      <!-- begin paging-->\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setConfigurationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ConfigurationPaging\" [group]=\"ConfigurationForm\" #ConfigurationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddConfigurationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddConfiguration\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Key\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Category\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Scope\" (OnChange)=\"ChangeScopeValue($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"PermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"User\" *ngIf=\"ShowUsersList\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Type\" (OnChange)=\"ChangeTypeValue($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Value\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"DefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"ValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"DefaultValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Source\" *ngIf=\"ShowDropDownSource\" (OnChange)=\"ChangeSource($event)\" [group]=\"AddConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-9\">\r\n            <BBSF-TextBox [options]=\"FunctionSourcePath\" [group]=\"AddConfigurationForm\" (OnChange)=\"changeSourceFunction()\">\r\n            </BBSF-TextBox>\r\n            <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">{{utilityService.getResourceValue(\"SourceFunctionNotFound\")}}</div>\r\n          </div>\r\n          <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n            <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(true)\">\r\n              <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{utilityService.getResourceValue(\"Search\")}}</span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div *ngIf=\"ShowLookupList\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"Lookup\" (OnChange)=\"ChangeLookup($event,true)\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"LookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"LookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"AddConfigurationForm\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseConfigurationModal id=\"CloseConfigurationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\" [disabled]=\"sourceFunctionDataNotLoaded\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n<!--Edit Modal-->\r\n<ng-template #EditConfigurationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Configuration\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditKey\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditPermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditUser\" *ngIf=\"ShowUsersList\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditTextValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditTextDefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditDefaultValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-9\">\r\n          <BBSF-TextBox [options]=\"EditFunctionSourcePath\" [group]=\"EditConfigurationForm\" (OnChange)=\"changeSourceFunction()\">\r\n          </BBSF-TextBox>\r\n          <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">{{utilityService.getResourceValue(\"SourceFunctionNotFound\")}}</div>\r\n        </div>\r\n        <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n          <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(false)\">\r\n            <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{utilityService.getResourceValue(\"Search\")}}</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList  [options]=\"EditLookup\" *ngIf=\"ShowLookupList\" (OnChange)=\"ChangeLookup($event,false)\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowLookupItemsList\" >\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList  [options]=\"EditLookupValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\"  *ngIf=\"ShowLookupItemsList\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLookupDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditConfigurationModal id=\"CloseEditConfigurationModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\" [disabled]=\"sourceFunctionDataNotLoaded\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--deleted Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i5.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: i8.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.ToggleslideComponent, selector: "BBSF-Toggleslide", 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: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ConfigurationComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/departments/department/department.component.js

@@ -208,7 +208,7 @@ export class DepartmentComponent {
     }
 }
 DepartmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: DepartmentComponent, deps: [{ token: i1.EnvironmentService }, { token: i2.DepartmentService }, { token: i3.NgbModal }, { token: i1.AuthService }, { token: i1.UtilityService }, { token: i4.PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-DepartmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DepartmentComponent, selector: "lib-department", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["DepartmentPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div  class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n         <!--(OnChange)=\"filterDepartmentList($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"DepartmentForm\"></BBSF-TextBox>\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)=\"showAddDepartmentModal(AddDepartmentModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"table-responsive\">\r\n        <!--begin::Permission list-->\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"SamAccount\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UsersCount\")}}</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 Department of DepartmentFilteredList\">\r\n\r\n              <td>\r\n                <a href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Departments/DepartmentInfo',Department.idEncrypted]\" routerLinkActive=\"router-link-active\"\r\n                   class=\"text-dark\">{{Department.departmentName}}</a>\r\n\r\n              </td>\r\n              <td>{{Department.samAccount}}</td>\r\n              <td>{{Department.usersCount}}</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)=\"showEditDepartmentModal(Department.id,Department.idEncrypted,EditDepartmentModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\"\r\n                       (click)=\"showDeleteDepartmentModal(Department.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"DepartmentFilteredList.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\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)=\"setDepartmentListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"DepartmentPaging\" [group]=\"DepartmentForm\" #DepartmentPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddDepartmentModal 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(\"Department\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddDepartmentFormOptions\">\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddDepartmentForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddDepartmentForm\" >\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDepartmentModal id=\"CloseDepartmentModal\" 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<!--Edit Modal-->\r\n<ng-template #EditDepartmentModal 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(\"Department\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditDepartmentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditDepartmentForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditDepartmentForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditDepartmentModal id=\"CloseEditDepartmentModal\" 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<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i10.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i3.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"] }] });
+DepartmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DepartmentComponent, selector: "lib-department", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["DepartmentPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div  class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n         <!--(OnChange)=\"filterDepartmentList($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"DepartmentForm\"></BBSF-TextBox>\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)=\"showAddDepartmentModal(AddDepartmentModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"table-responsive\">\r\n        <!--begin::Permission list-->\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"SamAccount\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UsersCount\")}}</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 Department of DepartmentFilteredList\">\r\n\r\n              <td>\r\n                <a href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Departments/DepartmentInfo',Department.idEncrypted]\" routerLinkActive=\"router-link-active\"\r\n                   class=\"text-dark\">{{Department.departmentName}}</a>\r\n\r\n              </td>\r\n              <td>{{Department.samAccount}}</td>\r\n              <td>{{Department.usersCount}}</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)=\"showEditDepartmentModal(Department.id,Department.idEncrypted,EditDepartmentModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\"\r\n                       (click)=\"showDeleteDepartmentModal(Department.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"DepartmentFilteredList.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\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)=\"setDepartmentListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"DepartmentPaging\" [group]=\"DepartmentForm\" #DepartmentPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddDepartmentModal 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(\"Department\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddDepartmentFormOptions\">\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddDepartmentForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddDepartmentForm\" >\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDepartmentModal id=\"CloseDepartmentModal\" 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<!--Edit Modal-->\r\n<ng-template #EditDepartmentModal 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(\"Department\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditDepartmentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditDepartmentForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditDepartmentForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditDepartmentModal id=\"CloseEditDepartmentModal\" 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<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n", components: [{ type: i5.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: i8.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.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i10.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i3.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: DepartmentComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/departments/department-info/department-info.component.js

@@ -177,7 +177,7 @@ export class DepartmentInfoComponent {
     }
 }
 DepartmentInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: DepartmentInfoComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.UtilityService }, { token: i3.DepartmentService }, { token: i4.PageInfoService }, { token: i2.AuthService }, { token: i5.NgbModal }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-DepartmentInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DepartmentInfoComponent, selector: "lib-department-info", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["UserDepartmentPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div  class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <BBSF-TextBox [hidden]=\"true\" [options]=\"DepartmentIdTextBox\" [group]=\"UserDepartmentForm\">\r\n          </BBSF-TextBox>\r\n          <!--(OnChange)=\"filterUserDepartmentList($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"UserDepartmentForm\"></BBSF-TextBox>\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\"\r\n          (click)=\"showAddUserToDepartmentModal(AddUserToDepartmentModal)\">\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(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Roles\")}}</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 user of FilteredUserDepartmentPagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">{{user.userName}}</span>\r\n              </td>\r\n              <td>{{user.email}}</td>\r\n              <td>{{user.userPermsets}}</td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\"\r\n                    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=\"drop-item px-3\"\r\n                      (click)=\"showDeleteUserFromDepartmentModal(user.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"FilteredUserDepartmentPagingResult.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        <!--end::Permission list-->\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setUserDepartmentListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"UserDepartmentPaging\"\r\n        [group]=\"UserDepartmentForm\" #UserDepartmentPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n\r\n<!--add Modal-->\r\n<ng-template #AddUserToDepartmentModal 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\"\r\n      (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(\"User\")}} </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddUserToDepartmentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TagsInput [options]=\"UserAutoComplete\" [group]=\"AddUsersToDepartmentForm\">\r\n          </BBSF-TagsInput>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseAddUsersToDepartment id=\"CloseAddUsersToDepartment\" 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<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n  #ConfirmationModalControl></BBSF-ConfirmationModal>", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i7.ɵr, selector: "BBSF-TagsInput", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.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"] }] });
+DepartmentInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: DepartmentInfoComponent, selector: "lib-department-info", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["UserDepartmentPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div  class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <BBSF-TextBox [hidden]=\"true\" [options]=\"DepartmentIdTextBox\" [group]=\"UserDepartmentForm\">\r\n          </BBSF-TextBox>\r\n          <!--(OnChange)=\"filterUserDepartmentList($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"UserDepartmentForm\"></BBSF-TextBox>\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\"\r\n          (click)=\"showAddUserToDepartmentModal(AddUserToDepartmentModal)\">\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(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Roles\")}}</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 user of FilteredUserDepartmentPagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">{{user.userName}}</span>\r\n              </td>\r\n              <td>{{user.email}}</td>\r\n              <td>{{user.userPermsets}}</td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\"\r\n                    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=\"drop-item px-3\"\r\n                      (click)=\"showDeleteUserFromDepartmentModal(user.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"FilteredUserDepartmentPagingResult.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        <!--end::Permission list-->\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setUserDepartmentListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"UserDepartmentPaging\"\r\n        [group]=\"UserDepartmentForm\" #UserDepartmentPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n\r\n<!--add Modal-->\r\n<ng-template #AddUserToDepartmentModal 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\"\r\n      (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(\"User\")}} </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddUserToDepartmentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TagsInput [options]=\"UserAutoComplete\" [group]=\"AddUsersToDepartmentForm\">\r\n          </BBSF-TagsInput>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseAddUsersToDepartment id=\"CloseAddUsersToDepartment\" 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<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n  #ConfirmationModalControl></BBSF-ConfirmationModal>", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i7.TagsInputComponent, selector: "BBSF-TagsInput", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.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: DepartmentInfoComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/helpCenter/help-center/help-center.component.js

@@ -298,7 +298,7 @@ export class HelpCenterComponent {
     }
 }
 HelpCenterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: HelpCenterComponent, deps: [{ token: i1.AuthService }, { token: i2.PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i3.HelpCenterService }, { token: i4.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-HelpCenterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterComponent, selector: "lib-help-center", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["HelpCenterPagingViewElement"], 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]=\"HelpCenterForm\">\r\n           <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"HelpCenterForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-code\"></i> {{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button class=\"btn btn-sm btn-light-primary me-3\" [routerLink]=\"['/Admin/HelpCenter/Preview']\"\r\n                routerLinkActive=\"router-link-active\">\r\n          <i class=\"fa fa-eye\"></i> {{utilityService.getResourceValue(\"Preview\")}}\r\n        </button>\r\n        <button class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddHelpCenterModal(AddHelpCenterModal)\">\r\n          <i class=\"fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <!--begin::ActiveDirectory list-->\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(\"Title\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"PermissionSets\")}}</th>\r\n              <th class=\"min-w-150px text-center\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n              <th class=\"min-w-50px text-center\">{{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 Item of clientSidePagingResult\">\r\n              <td>\r\n                <a (click)=\"SaveName(Item.titleStr)\" [routerLink]=\"['/Admin/HelpCenter/SecondLevel',Item.idEncrypted]\" routerLinkActive=\"router-link-active\" class=\"text-dark\">{{Item.titleStr}}</a>\r\n              </td>\r\n              <td>\r\n                <div>{{Item.descriptionStr}}</div>\r\n              </td>\r\n              <td> {{Item.permissionsStr}} </td>\r\n              <td class=\"text-center\">\r\n                <span *ngIf=\"Item.isHidden;else other_content\">\r\n                  <i class=\"fa fa-times\"></i>\r\n                </span>\r\n                <ng-template #other_content>\r\n                  <i class=\"fa fa-check\"></i>\r\n                </ng-template>\r\n              </td>\r\n              <td class=\"text-center\">\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                    <button class=\"drop-item px-3\" ngbDropdownItem\r\n                            (click)=\"showEditHelpCenterModal(Item.id,Item.idEncrypted,EditHelpCenterModal)\">\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\" (click)=\"showDeleteHelpCenterModal(Item.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"5\">\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)=\"setHelpCenterItemListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"HelpCenterPaging\"\r\n                   [group]=\"HelpCenterForm\" #HelpCenterPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n  <!-- Filter Wrapper -->\r\n  <!--end::Permission list-->\r\n</div>\r\n\r\n<!--Add Modal-->\r\n<ng-template #AddHelpCenterModal 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(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddTitle\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualTextArea>\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]=\"AddPermissionSetsOptions\" [group]=\"AddHelpCenterForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-ImageUpload [options]=\"AddLogo\" [group]=\"AddHelpCenterForm\">\r\n\r\n          </BBSF-ImageUpload>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsHidden\" [group]=\"AddHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseHelpCenterModal id=\"CloseAddHelpCenterModal\" 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<!--Edit Modal-->\r\n<ng-template #EditHelpCenterModal 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(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditTitle\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualTextBox>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditPermissionSetsOptions\" [group]=\"EditHelpCenterForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-ImageUpload [options]=\"EditLogo\" [group]=\"EditHelpCenterForm\">\r\n\r\n          </BBSF-ImageUpload>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsHidden\" [group]=\"EditHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditHelpCenterModal id=\"CloseEditHelpCenterModal\" 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<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n<!--Generate code Modal-->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"GeneratedCodeOptions\" [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <!-- <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyToClipboard()\">{{utilityService.getResourceValue(\"CopyToClipboard\")}}</button> -->\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.ɵm, selector: "BBSF-ImageUpload", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.ɵe, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: 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: i11.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i11.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.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { 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: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+HelpCenterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterComponent, selector: "lib-help-center", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["HelpCenterPagingViewElement"], 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]=\"HelpCenterForm\">\r\n           <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"HelpCenterForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-code\"></i> {{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </button>\r\n        <button class=\"btn btn-sm btn-light-primary me-3\" [routerLink]=\"['/Admin/HelpCenter/Preview']\"\r\n                routerLinkActive=\"router-link-active\">\r\n          <i class=\"fa fa-eye\"></i> {{utilityService.getResourceValue(\"Preview\")}}\r\n        </button>\r\n        <button class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddHelpCenterModal(AddHelpCenterModal)\">\r\n          <i class=\"fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <!--begin::ActiveDirectory list-->\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(\"Title\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"PermissionSets\")}}</th>\r\n              <th class=\"min-w-150px text-center\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n              <th class=\"min-w-50px text-center\">{{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 Item of clientSidePagingResult\">\r\n              <td>\r\n                <a (click)=\"SaveName(Item.titleStr)\" [routerLink]=\"['/Admin/HelpCenter/SecondLevel',Item.idEncrypted]\" routerLinkActive=\"router-link-active\" class=\"text-dark\">{{Item.titleStr}}</a>\r\n              </td>\r\n              <td>\r\n                <div>{{Item.descriptionStr}}</div>\r\n              </td>\r\n              <td> {{Item.permissionsStr}} </td>\r\n              <td class=\"text-center\">\r\n                <span *ngIf=\"Item.isHidden;else other_content\">\r\n                  <i class=\"fa fa-times\"></i>\r\n                </span>\r\n                <ng-template #other_content>\r\n                  <i class=\"fa fa-check\"></i>\r\n                </ng-template>\r\n              </td>\r\n              <td class=\"text-center\">\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                    <button class=\"drop-item px-3\" ngbDropdownItem\r\n                            (click)=\"showEditHelpCenterModal(Item.id,Item.idEncrypted,EditHelpCenterModal)\">\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\" (click)=\"showDeleteHelpCenterModal(Item.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"5\">\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)=\"setHelpCenterItemListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"HelpCenterPaging\"\r\n                   [group]=\"HelpCenterForm\" #HelpCenterPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n  <!-- Filter Wrapper -->\r\n  <!--end::Permission list-->\r\n</div>\r\n\r\n<!--Add Modal-->\r\n<ng-template #AddHelpCenterModal 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(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddTitle\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualTextArea>\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]=\"AddPermissionSetsOptions\" [group]=\"AddHelpCenterForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-ImageUpload [options]=\"AddLogo\" [group]=\"AddHelpCenterForm\">\r\n\r\n          </BBSF-ImageUpload>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsHidden\" [group]=\"AddHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseHelpCenterModal id=\"CloseAddHelpCenterModal\" 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<!--Edit Modal-->\r\n<ng-template #EditHelpCenterModal 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(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditTitle\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualTextBox>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditPermissionSetsOptions\" [group]=\"EditHelpCenterForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-ImageUpload [options]=\"EditLogo\" [group]=\"EditHelpCenterForm\">\r\n\r\n          </BBSF-ImageUpload>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsHidden\" [group]=\"EditHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditHelpCenterModal id=\"CloseEditHelpCenterModal\" 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<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n<!--Generate code Modal-->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"GeneratedCodeOptions\" [group]=\"GenerateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <!-- <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyToClipboard()\">{{utilityService.getResourceValue(\"CopyToClipboard\")}}</button> -->\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n", components: [{ type: i5.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: i8.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.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.ImageUploaderComponent, selector: "BBSF-ImageUpload", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: 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: i11.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i11.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.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { 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: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i12.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: HelpCenterComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/helpCenter/help-center-secondlevel/help-center-secondlevel.component.js

@@ -233,7 +233,7 @@ export class HelpCenterSecondlevelComponent {
     }
 }
 HelpCenterSecondlevelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: HelpCenterSecondlevelComponent, deps: [{ token: i1.AuthService }, { token: i2.PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i3.ActivatedRoute }, { token: i4.HelpCenterService }, { token: i5.NgbModal }], target: i0.ɵɵFactoryTarget.Component });
-HelpCenterSecondlevelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterSecondlevelComponent, selector: "lib-help-center-secondlevel", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["HelpCenterPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\" >\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"HelpCenterForm\">\r\n          <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [options]=\"searchTextBox\" [group]=\"HelpCenterForm\"></BBSF-TextBox>\r\n          <BBSF-TextBox [options]=\"ParentIdTextBox\" [group]=\"HelpCenterForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-sm btn-primary\" (click)=\"showAddHelpCenterModal(AddHelpCenterModal)\">\r\n          <i class=\" fa fa-plus\"></i>{{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\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(\"Title\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n              <th class=\"text-center min-w-150px\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n              <th class=\"text-center 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 Item of clientSidePagingResult\">\r\n              <td>\r\n                <a (click)=\"SaveName(Item.titleStr)\" [routerLink]=\"['/Admin/HelpCenter/ThirdLevel',Item.idEncrypted]\"\r\n                   routerLinkActive=\"router-link-active\" class=\"text-dark\">{{Item.titleStr}}</a>\r\n              </td>\r\n              <td>\r\n                <div>{{Item.descriptionStr}}</div>\r\n              </td>\r\n\r\n              <td class=\"text-center\">\r\n                <span *ngIf=\"Item.isHidden;else other_content\">\r\n                  <i class=\"fa fa-times\"></i>\r\n                </span>\r\n                <ng-template #other_content>\r\n                  <i class=\"fa fa-check\"></i>\r\n                </ng-template>\r\n              </td>\r\n              <td class=\"text-center\">\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)=\"showEditHelpCenterModal(Item.id,Item.idEncrypted,EditHelpCenterModal)\">\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\" (click)=\"showDeleteHelpCenterModal(Item.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"4\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!--end:: list-->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setHelpCenterItemListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"HelpCenterPaging\" [group]=\"HelpCenterForm\" #HelpCenterPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddHelpCenterModal 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(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddTitle\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsHidden\" [group]=\"AddHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseHelpCenterModal id=\"CloseAddHelpCenterModal\" 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<!--Edit Modal-->\r\n<ng-template #EditHelpCenterModal 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(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditTitle\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n\r\n\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsHidden\" [group]=\"EditHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditHelpCenterModal id=\"CloseEditHelpCenterModal\" 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<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n\r\n", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i7.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ɵf, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i8.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: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+HelpCenterSecondlevelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterSecondlevelComponent, selector: "lib-help-center-secondlevel", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["HelpCenterPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\" >\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"HelpCenterForm\">\r\n          <BBSF-TextBox (OnChange)=\"searchClientSide($event)\" [options]=\"searchTextBox\" [group]=\"HelpCenterForm\"></BBSF-TextBox>\r\n          <BBSF-TextBox [options]=\"ParentIdTextBox\" [group]=\"HelpCenterForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-sm btn-primary\" (click)=\"showAddHelpCenterModal(AddHelpCenterModal)\">\r\n          <i class=\" fa fa-plus\"></i>{{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\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(\"Title\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n              <th class=\"text-center min-w-150px\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n              <th class=\"text-center 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 Item of clientSidePagingResult\">\r\n              <td>\r\n                <a (click)=\"SaveName(Item.titleStr)\" [routerLink]=\"['/Admin/HelpCenter/ThirdLevel',Item.idEncrypted]\"\r\n                   routerLinkActive=\"router-link-active\" class=\"text-dark\">{{Item.titleStr}}</a>\r\n              </td>\r\n              <td>\r\n                <div>{{Item.descriptionStr}}</div>\r\n              </td>\r\n\r\n              <td class=\"text-center\">\r\n                <span *ngIf=\"Item.isHidden;else other_content\">\r\n                  <i class=\"fa fa-times\"></i>\r\n                </span>\r\n                <ng-template #other_content>\r\n                  <i class=\"fa fa-check\"></i>\r\n                </ng-template>\r\n              </td>\r\n              <td class=\"text-center\">\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)=\"showEditHelpCenterModal(Item.id,Item.idEncrypted,EditHelpCenterModal)\">\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\" (click)=\"showDeleteHelpCenterModal(Item.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"4\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!--end:: list-->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setHelpCenterItemListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"HelpCenterPaging\" [group]=\"HelpCenterForm\" #HelpCenterPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddHelpCenterModal 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(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddTitle\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsHidden\" [group]=\"AddHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseHelpCenterModal id=\"CloseAddHelpCenterModal\" 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<!--Edit Modal-->\r\n<ng-template #EditHelpCenterModal 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(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditTitle\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n\r\n\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsHidden\" [group]=\"EditHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditHelpCenterModal id=\"CloseEditHelpCenterModal\" 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<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n\r\n", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i7.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i8.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: i12.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: HelpCenterSecondlevelComponent, decorators: [{
             type: Component,
             args: [{