feat: refactor components for improved readability and consistency

Author: pavankjadda

projects/ng-kit-demo/src/app/autocomplete-demo/autocomplete-demo.component.ts

@@ -3,10 +3,10 @@ import { FormBuilder, FormControl, ReactiveFormsModule } from '@angular/forms';
 import { AutocompleteComponent } from '@js-smart/ng-kit';
 
 @Component({
-    selector: 'ng-kit-autocomplete-demo',
-    imports: [AutocompleteComponent, ReactiveFormsModule],
-    templateUrl: './autocomplete-demo.component.html',
-    styles: []
+	selector: 'ng-kit-autocomplete-demo',
+	imports: [AutocompleteComponent, ReactiveFormsModule],
+	templateUrl: './autocomplete-demo.component.html',
+	styles: [],
 })
 export class AutocompleteDemoComponent {
 	cities: City[] = [
@@ -27,7 +27,9 @@ export class AutocompleteDemoComponent {
 	constructor(private fb: FormBuilder) {}
 
 	displayWith(object: any): string {
-		if (typeof object === 'string') return object;
+		if (typeof object === 'string') {
+			return object;
+		}
 		return object && object['location'] ? object['location'] : '';
 	}
 }

projects/ng-kit/src/lib/components/autocomplete/autocomplete.component.ts

@@ -182,16 +182,21 @@ export class AutocompleteComponent implements OnInit, OnChanges, AfterContentChe
 
 	openOrClosePanel(evt: any, trigger: MatAutocompleteTrigger): void {
 		evt.stopPropagation();
-		if (trigger.panelOpen) trigger.closePanel();
-		else trigger.openPanel();
+		if (trigger.panelOpen) {
+			trigger.closePanel();
+		} else {
+			trigger.openPanel();
+		}
 	}
 
 	displayFn(object: any): string {
 		if (this.displayWith !== undefined && this.displayWith !== null && typeof this.displayWith === 'function') {
 			this.displayFn = this.displayWith.bind(this);
 			return this.displayWith(object);
 		} else {
-			if (typeof object === 'string') return object;
+			if (typeof object === 'string') {
+				return object;
+			}
 			return object && object[this.bindLabel()] ? object[this.bindLabel()] : '';
 		}
 	}

projects/ng-kit/src/lib/components/ngx-spinner/ngx-spinner.component.spec.ts

@@ -15,7 +15,7 @@ describe('NgxSpinnerComponent', () => {
 	const mockSpinnerSubject = new BehaviorSubject<NgxSpinner>(new NgxSpinner());
 
 	// Helper function to create a keyboard event with spies
-	const createKeyboardEvent = (type: string = 'keydown'): KeyboardEvent => {
+	const createKeyboardEvent = (type = 'keydown'): KeyboardEvent => {
 		const event = new KeyboardEvent(type);
 		spyOn(event, 'preventDefault');
 		Object.defineProperty(event, 'returnValue', {

projects/ng-kit/src/lib/components/ngx-spinner/ngx-spinner.component.ts

@@ -1,5 +1,5 @@
 import { animate, state, style, transition, trigger } from '@angular/animations';
-import { ChangeDetectorRef, Component, HostListener, OnDestroy, OnInit, ViewChild, input } from '@angular/core';
+import { ChangeDetectorRef, Component, HostListener, input, OnDestroy, OnInit, ViewChild } from '@angular/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { DEFAULTS, LOADERS, NgxSpinner, PRIMARY_SPINNER, Size } from './ngx-spinner.enum';
@@ -80,22 +80,22 @@ export class NgxSpinnerComponent implements OnDestroy, OnInit {
 	/**
 	 * Array for spinner's div
 	 */
-	divArray: Array<number> = [];
+	divArray: number[] = [];
 
 	/**
 	 * Counter for div
 	 */
-	divCount: number = 0;
+	divCount = 0;
 
 	/**
 	 * Show spinner
 	 **/
-	show: boolean = false;
+	show = false;
 
 	/**
 	 * Unsubscribe from spinner's observable
 	 **/
-	ngUnsubscribe: Subject<void> = new Subject();
+	ngUnsubscribe = new Subject<void>();
 
 	/**
 	 * Element Reference

projects/ng-kit/src/lib/components/ngx-spinner/ngx-spinner.enum.ts

@@ -32,7 +32,7 @@ export class NgxSpinner {
 	type?: string;
 	class?: string;
 	divCount?: number;
-	divArray?: Array<number>;
+	divArray?: number[];
 	fullScreen?: boolean;
 	show?: boolean;
 	zIndex?: number;

projects/ng-kit/src/lib/components/ngx-spinner/ngx-spinner.service.ts

@@ -55,7 +55,7 @@ export class NgxSpinnerService {
 	 *
 	 * @memberof NgxSpinnerService
 	 */
-	hide(name: string = PRIMARY_SPINNER, debounce: number = 10) {
+	hide(name: string = PRIMARY_SPINNER, debounce = 10) {
 		return new Promise((resolve, _reject) => {
 			setTimeout(() => {
 				this.spinnerObservable.next(new NgxSpinner({ name, show: false }));