''

Author: 8306809668

angular-10/src/app/component/alert/alert.component.ts

@@ -49,7 +49,7 @@ export class NgbdAlertBasicComponent implements OnInit {
   private _success = new Subject<string>();
 
   staticAlertClosed = false;
-  successMessage: string;
+  successMessage: string='';
 
   public closeAlert(alert: IAlert) {
     const index: number = this.alerts.indexOf(alert);
@@ -64,7 +64,7 @@ export class NgbdAlertBasicComponent implements OnInit {
     setTimeout(() => (this.staticAlertClosed = true), 20000);
 
     this._success.subscribe(message => (this.successMessage = message));
-    this._success.pipe(debounceTime(5000)).subscribe(() => (this.successMessage = null));
+    this._success.pipe(debounceTime(5000)).subscribe(() => (this.successMessage = ''));
   }
 
   public changeSuccessMessage() {

angular-10/src/app/component/buttons/buttons.component.ts

@@ -4,9 +4,9 @@ import { FormBuilder, FormGroup } from '@angular/forms';
   templateUrl: 'buttons.component.html'
 })
 export class ButtonsComponent {
-  public checkboxGroupForm: FormGroup;
+  public checkboxGroupForm: FormGroup=Object.create(null);
 
-  public radioGroupForm: FormGroup;
+  public radioGroupForm: FormGroup=Object.create(null);;
 
   constructor(private formBuilder: FormBuilder) {}
 

angular-10/src/app/component/carousel/carousel.component.ts

@@ -20,13 +20,15 @@ export class NgbdCarouselBasicComponent {
 
 		config.showNavigationArrows = true;
 		config.showNavigationIndicators = true;
+
+
 	}
 	paused = false;
 	  unpauseOnArrow = false;
 	  pauseOnIndicator = false;
 	  pauseOnHover = true;
 
-	  @ViewChild('carousel', {static : true}) carousel: NgbCarousel;
+	  @ViewChild('carousel', {static : true}) carousel: NgbCarousel=Object.create(null);
 
 	  togglePaused() {
 	    if (this.paused) {

angular-10/src/app/component/datepicker/datepicker.component.ts

@@ -67,18 +67,18 @@ const after = (one: NgbDateStruct, two: NgbDateStruct) =>
   ]
 })
 export class NgbdDatepickerBasicComponent {
-  model: NgbDateStruct;
-  model4: NgbDateStruct;
+  model: NgbDateStruct=Object.create(null);
+  model4: NgbDateStruct=Object.create(null);
 
-  model2;
-  date: { year: number; month: number };
+  model2:NgbDateStruct=Object.create(null);
+  date: { year: number; month: number }=Object.create(null);
 
   // Custom date adapter
-  model1: Date;
-  model11: Date;
+  model1: Date=Object.create(null);
+  model11: Date=Object.create(null);
 
   // footer
-  model5: NgbDateStruct;
+  model5: NgbDateStruct=Object.create(null);;
   today5 = this.calendar5.getToday();
 
   get today() {
@@ -95,7 +95,7 @@ export class NgbdDatepickerBasicComponent {
   disabled = true;
 
   // This is for the range date picker
-  hoveredDate: NgbDateStruct;
+  hoveredDate: NgbDateStruct=Object.create(null);
 
   fromDate: NgbDateStruct;
   toDate: NgbDateStruct;
@@ -115,15 +115,15 @@ export class NgbdDatepickerBasicComponent {
     } else if (this.fromDate && !this.toDate && after(date, this.fromDate)) {
       this.toDate = date;
     } else {
-      this.toDate = null;
+      this.toDate = Object.create(null);;
       this.fromDate = date;
     }
   }
 
-  isHovered = date => this.fromDate && !this.toDate && this.hoveredDate && after(date, this.fromDate) && before(date, this.hoveredDate);
-  isInside = date => after(date, this.fromDate) && before(date, this.toDate);
-  isFrom = date => equals(date, this.fromDate);
-  isTo = date => equals(date, this.toDate);
+  isHovered = (date:NgbDate) => this.fromDate && !this.toDate && this.hoveredDate && after(date, this.fromDate) && before(date, this.hoveredDate);
+  isInside = (date:NgbDate) => after(date, this.fromDate) && before(date, this.toDate);
+  isFrom = (date:NgbDate) => equals(date, this.fromDate);
+  isTo = (date:NgbDate) => equals(date, this.toDate);
   isDisabled = (date: NgbDate, current: { month: number }) => date.month !== current.month;
   isWeekend = (date: NgbDate) => this.calendar1.getWeekday(date) >= 6;
 }

angular-10/src/app/component/modal/modal.component.ts

@@ -6,19 +6,19 @@ import { NgbModal, ModalDismissReasons, NgbActiveModal } from '@ng-bootstrap/ng-
 	templateUrl: './modal.component.html'
 })
 export class NgbdModalBasicComponent {
-	closeResult: string;
+	closeResult: string='';
 
 	constructor(private modalService: NgbModal) {}
 	// This is for the first modal
-	open1(content1) {
+	open1(content1:string) {
 		this.modalService.open(content1, {ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {
 			this.closeResult = `Closed with: ${result}`;
 		}, (reason) => {
 			this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
 		});
 	}
 	// This is for the Second modal
-	open2(content2) {
+	open2(content2:string) {
 		this.modalService.open(content2, {ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {
 			this.closeResult = `Closed with: ${result}`;
 		}, (reason) => {
@@ -28,37 +28,37 @@ export class NgbdModalBasicComponent {
 
 	// This is for the Third varios modal options
 
-	openBackDropCustomClass(content3) {
+	openBackDropCustomClass(content3:string) {
 		this.modalService.open(content3, {backdropClass: 'light-blue-backdrop'});
 	}
 
-	openWindowCustomClass(content3) {
+	openWindowCustomClass(content3:string) {
 		this.modalService.open(content3, { windowClass: 'dark-modal' });
 	}
 
-	openSm(content3) {
+	openSm(content3:string) {
 		this.modalService.open(content3, { size: 'sm' });
 	}
 
-	openLg(content3) {
+	openLg(content3:string) {
 		this.modalService.open(content3, { size: 'lg' });
 	}
 
-	openVerticallyCentered(content3) {
+	openVerticallyCentered(content3:string) {
 		this.modalService.open(content3, { centered: true });
 	}
 
-	openstackmodal(contentstack) {
+	openstackmodal(contentstack:string) {
 	    	this.modalService.open(contentstack, {size: 'lg'});
 	}
 
 
-	opensubmodal(contentsubmodal) {
+	opensubmodal(contentsubmodal:string) {
 	    	this.modalService.open(contentsubmodal, {size: 'lg'});
 	}
 
 
-	private getDismissReason(reason: any): string {
+	private getDismissReason(reason: ModalDismissReasons): string {
 		if (reason === ModalDismissReasons.ESC) {
 			return 'by pressing ESC';
 		} else if (reason === ModalDismissReasons.BACKDROP_CLICK) {

angular-10/src/app/component/pagination/pagination.component.ts

@@ -11,7 +11,7 @@ export class NgbdpaginationBasicComponent {
 	currentPage = 3;
 	disablepage = 3;
 	isDisabled = true;
-	pagecustom: 4;
+	pagecustom=4;
 	toggleDisabled() {
 		this.isDisabled = !this.isDisabled;
 	}

angular-10/src/app/component/popover-tooltip/popover-tooltip.component.ts

@@ -1,4 +1,5 @@
 import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
 	selector: 'app-ngbd-popover-tooltip',
@@ -22,14 +23,16 @@ import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
 	]
 })
 export class NgbdPopTooltipComponent {
-	greeting = {};
+	greeting:object = {};
 
 	name = 'World';
-	lastShown: Date;
-	lastHidden: Date;
-	@ViewChild('p', { static: true }) public popover;
+	lastShown: Date=new Date();
+	lastHidden: Date=new Date();;
 
-	public changeGreeting(greeting: any): void {
+	@ViewChild('p', { static: true }) public popover:any;
+
+	public changeGreeting(greeting: NgbTooltip): void {
+		debugger;
 		const isOpen = this.popover.isOpen();
 		this.popover.close();
 		if (greeting !== this.greeting || !isOpen) {
@@ -38,7 +41,7 @@ export class NgbdPopTooltipComponent {
 		}
 	}
 
-	toggleWithGreeting(tooltip, greeting: string) {
+	toggleWithGreeting(tooltip:NgbTooltip, greeting: string) {
 		if (tooltip.isOpen()) {
 			tooltip.close();
 		} else {

angular-10/src/app/component/toast/toast-container.ts

@@ -25,5 +25,8 @@ import { ToastService } from './toast.service';
 export class ToastsContainer {
   constructor(public toastService: ToastService) {}
 
-  isTemplate(toast) { return toast.textOrTpl instanceof TemplateRef; }
+  isTemplate(toast:{title:string}) { 
+    debugger;
+    return toast.title;
+   }
 }

angular-10/src/app/component/toast/toast.component.ts

@@ -27,7 +27,7 @@ export class ToastComponent {
 	    this.toastService.show('I am a success toast', { classname: 'bg-success text-light', delay: 10000 });
 	}
 
-	  showDanger(dangerTpl) {
+	  showDanger(dangerTpl:string) {
 	    this.toastService.show(dangerTpl, { classname: 'bg-danger text-light', delay: 15000 });
 	}
 }

angular-10/src/app/component/toast/toast.service.ts

@@ -2,13 +2,13 @@ import { Injectable, TemplateRef } from '@angular/core';
 
 @Injectable({ providedIn: 'root' })
 export class ToastService {
-  toasts: any[] = [];
+  toasts: Array<string> = [];
 
   show(textOrTpl: string | TemplateRef<any>, options: any = {}) {
     this.toasts.push({ textOrTpl, ...options });
   }
 
-  remove(toast) {
+  remove(toast:string) {
     this.toasts = this.toasts.filter(t => t !== toast);
   }
 }