Add copy event handling in AccountDetailComponent to capture ctrl+c (…

…cmd+c on mac) (#36)

* add copy event handling in AccountDetailComponent

* bump version to 2.2.3 in package.json

package.json

@@ -1,6 +1,6 @@
 {
   "name": "authleu",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "author": "Leonardo 'Leu' Pereira <jlcvp@users.noreply.github.com>",
   "homepage": "https://github.com/jlcvp/AuthLeu",
   "description": "Open source authenticator and 2fa code generator to use across multiple devices and platforms",

src/app/home/components/account-detail/account-detail.component.ts

@@ -31,6 +31,12 @@ export class AccountDetailComponent {
     this.updateTokenCountdown()
   }
 
+  @HostListener('copy', ['$event'])
+  onCopy(event: Event): void {
+    console.log('copy event captured', { event })
+    this.copyCode(undefined)
+    event?.preventDefault()
+  }
   get account(): Account2FA | undefined {
     return this._account
   }
@@ -88,8 +94,8 @@ export class AccountDetailComponent {
     const message = await firstValueFrom(this.translateService.get('ACCOUNT_DETAIL.CODE_COPIED'))
     const toast = await this.toastController.create({
       message,
-      positionAnchor: evt.target,
-      //position: 'middle'
+      positionAnchor: evt?.target,
+      position: evt ? undefined : 'middle',
       mode: 'md',
       cssClass: 'width-auto',
       duration: 2000