refactor: optional chaining ?. for emits

Author: xidedix

projects/coreui-angular/src/lib/alert/alert.component.ts

@@ -109,7 +109,7 @@ export class AlertComponent {
   set visible(value: boolean) {
     if (this.#visible() !== value) {
       this.#visible.set(value);
-      this.visibleChange.emit(value);
+      this.visibleChange?.emit(value);
     }
   }
 

projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts

@@ -213,7 +213,7 @@ export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit {
   private carouselStateSubscribe(): void {
     this.#carouselService.carouselIndex$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((nextItem) => {
       if ('active' in nextItem && typeof nextItem.active === 'number') {
-        this.itemChange.emit(nextItem.active);
+        this.itemChange?.emit(nextItem.active);
       }
       this.activeItemInterval =
         typeof nextItem.interval === 'number' && nextItem.interval > -1 ? nextItem.interval : this.interval();

projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts

@@ -243,7 +243,7 @@ export class DropdownComponent implements OnDestroy, OnInit {
     this.activeTrap = visible;
     visible ? this.createPopperInstance() : this.destroyPopperInstance();
     this.setVisibleState(visible);
-    this.visibleChange.emit(visible);
+    this.visibleChange?.emit(visible);
   });
 
   readonly visibleChange = output<boolean>();

projects/coreui-angular/src/lib/modal/modal/modal.component.ts

@@ -165,7 +165,7 @@ export class ModalComponent implements OnInit, OnDestroy, AfterViewInit {
       this.#visible.set(value);
       this.setBodyStyles(value);
       this.setBackdrop(this.backdrop() !== false && value);
-      this.visibleChange.emit(value);
+      this.visibleChange?.emit(value);
     }
   }
 

projects/coreui-angular/src/lib/offcanvas/offcanvas/offcanvas.component.ts

@@ -153,7 +153,7 @@ export class OffcanvasComponent implements OnInit, OnDestroy {
       this.setBackdrop(false);
     }
     this.layoutChangeSubscribe(visible);
-    this.visibleChange.emit(visible);
+    this.visibleChange?.emit(visible);
   });
 
   /**

projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.component.ts

@@ -111,7 +111,7 @@ export class SidebarNavLinkComponent implements OnInit, OnDestroy {
   }
 
   linkClicked(): void {
-    this.linkClick.emit();
+    this.linkClick?.emit();
   }
 
   // public hideMobile() {

projects/coreui-angular/src/lib/sidebar/sidebar/sidebar.component.ts

@@ -129,7 +129,7 @@ export class SidebarComponent implements OnChanges, OnDestroy, OnInit {
   readonly #visible = linkedSignal(this.visibleInput);
 
   readonly #visibleEffect = effect(() => {
-    this.visibleChange.emit(this.#visible());
+    this.visibleChange?.emit(this.#visible());
   });
 
   set visible(value: boolean) {

projects/coreui-angular/src/lib/tabs-2/tab-panel/tab-panel.component.ts

@@ -96,7 +96,7 @@ export class TabPanelComponent {
 
   readonly visible = computed(() => {
     const visible = this.tabsService.activeItemKey() === this.itemKey() && !this.tabsService.activeItem()?.disabled;
-    this.visibleChange.emit({ itemKey: this.itemKey(), visible });
+    this.visibleChange?.emit({ itemKey: this.itemKey(), visible });
     return visible;
   });
 

projects/coreui-angular/src/lib/tabs/tab-content/tab-content.component.ts

@@ -41,7 +41,7 @@ export class TabContentComponent implements AfterContentChecked, AfterContentIni
     const newValue = value;
     if (this.#activeTabPaneIdx != newValue) {
       this.#activeTabPaneIdx = newValue;
-      this.activeTabPaneIdxChange.emit(newValue);
+      this.activeTabPaneIdxChange?.emit(newValue);
       this.#changeDetectorRef.markForCheck();
       this.#changeDetectorRef.detectChanges();
     }

projects/coreui-angular/src/lib/toast/toast/toast.component.ts

@@ -107,7 +107,7 @@ export class ToastComponent implements OnInit, OnDestroy {
     if (this.#visible !== newValue) {
       this.#visible = newValue;
       newValue ? this.setTimer() : this.clearTimer();
-      this.visibleChange.emit(newValue);
+      this.visibleChange?.emit(newValue);
       this.changeDetectorRef.markForCheck();
     }
   }
@@ -147,7 +147,7 @@ export class ToastComponent implements OnInit, OnDestroy {
 
   set clock(value) {
     this._clock = value;
-    this.timer.emit(this._clock);
+    this.timer?.emit(this._clock);
     this.changeDetectorRef.markForCheck();
   }