feat: add keyboard shortcut to mesh togglers

src/viewerModule/threeSurfer/module.ts

 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
 import { FormsModule } from "@angular/forms";
+import { ComponentsModule } from "src/components";
 import { AngularMaterialModule } from "src/sharedModules";
 import { UtilModule } from "src/util";
 import { ThreeSurferGlueCmp } from "./threeSurferGlue/threeSurfer.component";
@@ -12,6 +13,7 @@ import { ThreeSurferViewerConfig } from "./tsViewerConfig/tsViewerConfig.compone
     AngularMaterialModule,
     UtilModule,
     FormsModule,
+    ComponentsModule,
   ],
   declarations: [
     ThreeSurferGlueCmp,

src/viewerModule/threeSurfer/threeSurferGlue/threeSurfer.component.ts

@@ -688,4 +688,10 @@ export class ThreeSurferGlueCmp implements IViewer<'threeSurfer'>, OnChanges, Af
   ngOnDestroy() {
     while (this.onDestroyCb.length > 0) this.onDestroyCb.pop()()
   }
+
+  toggleMode(){
+    const currIdx = this.modes.findIndex(m => m.name === this.selectedMode)
+    const newIdx = (currIdx + 1) % this.modes.length
+    this.loadMode(this.modes[newIdx])
+  }
 }

src/viewerModule/threeSurfer/threeSurferGlue/threeSurfer.template.html

@@ -7,6 +7,8 @@
 
   <!-- selector & configurator -->
   <button mat-icon-button
+    [iav-key-listener]="[{ type: 'keydown', key: 'q', target: 'document' }]"
+    (iav-key-event)="toggleMode()"
     color="primary"
     class="pe-all"
     [matMenuTriggerFor]="fsModeSelMenu">
@@ -39,5 +41,9 @@
     <span>
       {{ mode.name }}
     </span>
+    <markdown-dom *ngIf="mode.name === selectedMode"
+      class="d-inline-block">
+      `[q]`
+    </markdown-dom>
   </button>
 </mat-menu>