refactor: enforce readonly signals

projects/ng-talk/src/lib/components/bubble/ng-talk-bubble-channel.component.ts

@@ -58,26 +58,26 @@ export class NgTalkBubbleChannelComponent {
   @Input() public user: ChatUser;
   @Input() public selfRef: BubbleChannelRef;
 
-  private _bubbleElement = viewChild.required('bubble', {read: ElementRef<HTMLElement>});
-  private _ngTalkChannel = viewChild.required(NgTalkChannelComponent);
-  private _closeButton = viewChild('closeButton', {read: ElementRef<HTMLElement>});
+  private readonly _bubbleElement = viewChild.required('bubble', {read: ElementRef<HTMLElement>});
+  private readonly _ngTalkChannel = viewChild.required(NgTalkChannelComponent);
+  private readonly _closeButton = viewChild('closeButton', {read: ElementRef<HTMLElement>});
 
-  protected bubbleClass = signal('');
+  protected readonly bubbleClass = signal('');
 
-  protected channelVisible = signal(false);
-  protected channelClass = signal('bounceIn');
+  protected readonly channelVisible = signal(false);
+  protected readonly channelClass = signal('bounceIn');
   protected channelStyle: { [key: string]: string | number } = {display: 'none'};
 
-  protected dragPosition = signal<{ x: number; y: number; }>(null);
+  protected readonly dragPosition = signal<{ x: number; y: number; }>(null);
 
-  protected isOverCloseBtn = computed(() => {
+  protected readonly isOverCloseBtn = computed(() => {
     if (this.dragPosition() && this._closeButton()) {
       return this._isOver(this.dragPosition().x, this.dragPosition().y, this._closeButton().nativeElement, 20);
     } else {
       return false;
     }
   });
-  protected closeBtnAnimationClass = signal('');
+  protected readonly closeBtnAnimationClass = signal('');
 
   private _documentClickSubscription: Subscription;
 

projects/ng-talk/src/lib/components/channel-list/ng-talk-channel-list.component.ts

@@ -61,7 +61,7 @@ export class NgTalkChannelListComponent implements OnInit, OnChanges, OnDestroy
   // State
   public activeChannel: ChatChannel;
   private _channelsSubscription: Subscription;
-  protected channels = signal<ChatChannel[]>(null);
+  protected readonly channels = signal<ChatChannel[]>(null);
 
   private _channelMessagesSubscriptions = new Map<string, Subscription>();
 

projects/ng-talk/src/lib/components/channel/message/ng-talk-channel-message.component.ts

@@ -66,7 +66,7 @@ export class NgTalkChannelMessageComponent implements OnChanges, OnDestroy {
   @Input() public prevMessage: ChatMessage;
 
   // State
-  private _toolsMenu = viewChild(MatMenuTrigger);
+  private readonly _toolsMenu = viewChild(MatMenuTrigger);
 
   @HostBinding('class') private _className: string;
   protected showAuthor = true;

projects/ng-talk/src/lib/components/channel/ng-talk-channel.component.ts

@@ -58,9 +58,9 @@ export class NgTalkChannelComponent implements OnInit, OnChanges, AfterViewInit
   public readonly deleted = output<void>();
 
   // State
-  private _chatBox = viewChild('chatBox', {read: ElementRef<HTMLElement>});
-  private _sendMessageComponent = viewChild(NgTalkSendMessageComponent);
-  private _messageComponents = viewChildren(NgTalkChannelMessageComponent);
+  private readonly _chatBox = viewChild('chatBox', {read: ElementRef<HTMLElement>});
+  private readonly _sendMessageComponent = viewChild(NgTalkSendMessageComponent);
+  private readonly _messageComponents = viewChildren(NgTalkChannelMessageComponent);
 
   private _visibleMessages = 20;
   public readonly messages = signal<ChatMessage[]>([]);
@@ -70,8 +70,8 @@ export class NgTalkChannelComponent implements OnInit, OnChanges, AfterViewInit
   public replyingTo: ChatMessage;
 
   // UI
-  protected loading = signal(false);
-  protected scrollWatcherEnabled = signal(false);
+  protected readonly loading = signal(false);
+  protected readonly scrollWatcherEnabled = signal(false);
   protected readonly viewportDetectionAvailable = InViewportDirective.intersectionObserverFeatureDetection();
 
   // Import types and enums

projects/ng-talk/src/lib/components/channel/send/gif/ng-talk-send-gif.component.ts

@@ -97,7 +97,7 @@ export class NgTalkSendGifComponent implements OnInit {
 
   // State
   protected searchQuery: string;
-  protected gifs$ = signal<Observable<any>>(null);
+  protected readonly gifs$ = signal<Observable<any>>(null);
 
   private _deBouncer: Subject<string>;
 

projects/ng-talk/src/lib/components/channel/send/ng-talk-send-message.component.ts

@@ -80,7 +80,7 @@ import {growAnimation} from './grow-animation';
 export class NgTalkSendMessageComponent {
   protected readonly chat = inject(NgTalkChannelComponent);
 
-  private _textInput = viewChild('textInput', {read: ElementRef<HTMLInputElement>});
+  private readonly _textInput = viewChild('textInput', {read: ElementRef<HTMLInputElement>});
 
   protected newMessage = '';
   protected mediaSelector: string = null;

projects/ng-talk/src/lib/service/bubble-channel.service.ts

@@ -12,7 +12,7 @@ import {NgTalkBubbleChannelComponent} from "../components/bubble/ng-talk-bubble-
   providedIn: 'root'
 })
 export class BubbleChannelService {
-  private static _activeInstances = signal<BubbleChannelRef[]>([]);
+  private static readonly _activeInstances = signal<BubbleChannelRef[]>([]);
 
   // Deps
   private _appRef = inject(ApplicationRef);