trap focus on drawer when active

src/app/components/info-drawer/info-drawer.component.html

@@ -2,7 +2,11 @@
   <mat-progress-bar mode="indeterminate"></mat-progress-bar>
 </div>
 <ng-container *ngIf="!isLoading && !!displayNode">
-  <adf-info-drawer [title]="'APP.INFO_DRAWER.TITLE'">
+  <adf-info-drawer
+    [title]="'APP.INFO_DRAWER.TITLE'"
+    cdkTrapFocus
+    cdkTrapFocusAutoCapture
+  >
     <adf-info-drawer-tab
       *ngFor="let tab of tabs"
       [icon]="tab.icon"

src/app/components/info-drawer/info.drawer.module.ts

@@ -39,6 +39,7 @@ import { MetadataTabComponent } from './metadata-tab/metadata-tab.component';
 import { LibraryMetadataTabComponent } from './library-metadata-tab/library-metadata-tab.component';
 import { LibraryMetadataFormComponent } from './library-metadata-tab/library-metadata-form.component';
 import { VersionsTabComponent } from './versions-tab/versions-tab.component';
+import { A11yModule } from '@angular/cdk/a11y';
 
 export function components() {
   return [
@@ -59,7 +60,8 @@ export function components() {
     ExtensionsModule,
     ContentMetadataModule,
     VersionManagerModule,
-    DirectivesModule
+    DirectivesModule,
+    A11yModule
   ],
   declarations: [...components()],
   exports: [...components()],