Add readonly flag

Author: engijlr

src/components/modal/modal-with-toasts-example.element.ts

@@ -24,7 +24,7 @@ export class UUIModalWithToastsExampleElement extends LitElement {
   private _dialogCounter = 0;
   private _messageCounter = 0;
 
-  private _onModalOpen = () => {
+  private readonly _onModalOpen = () => {
     const panel = this.shadowRoot?.getElementById('ai-chat-panel');
     if (panel?.matches(':popover-open')) {
       panel.hidePopover();

src/components/modal/modal.element.ts

@@ -100,13 +100,13 @@ export class UUIModalElement extends LitElement {
     this.remove();
   }
 
-  private _onKeydown = (e: KeyboardEvent) => {
+  private readonly _onKeydown = (e: KeyboardEvent) => {
     if (e.key === 'Escape' && this.index === 0) {
       this.close();
     }
   };
 
-  private _onFocusTrap = (e: FocusEvent) => {
+  private readonly _onFocusTrap = (e: FocusEvent) => {
     if (this.index !== 0) return;
     if (!this._popoverElement?.contains(e.target as Node)) {
       this._popoverElement?.focus();