refactor(portal): delegate the close responsability to the widget itself

src/app/pages/portal/portal.component.html

@@ -189,7 +189,7 @@
 
 <app-expansion-panel
   *ngIf="expansionPanelExpanded"
-  [backdropShown]="expansionPanelBackdropShown"
+  [backdropShown]="workspaceState.activeWorkspaceWidget$ | async"
   [(expanded)]="expansionPanelExpanded"
   [maximized]="workspaceState.workspaceMaximize$ | async"
   [@expansionPanelSize]="getExpansionPanelStatus()"
@@ -332,21 +332,11 @@
 <app-toast-panel-for-expansion
   [withHeader]="false"
   [(opened)]="toastPanelForExpansionOpened"
+  [@toastPanelOffsetX]="toastPanelOffsetX$ | async"
 >
-  <div class="toast-panel-for-expansion-close-button-container">
-    <button
-      mat-icon-button
-      color="warn"
-      (click)="toastPanelForExpansionOpened = false"
-    >
-      <mat-icon>close</mat-icon>
-    </button>
-  </div>
-
   <igo-workspace-widget-outlet
     *ngIf="selectedWorkspace$ | async as workspace"
     [workspace]="workspace"
-    (deactivateWidget)="onDeactivateWorkspaceWidget()"
   >
   </igo-workspace-widget-outlet>
 </app-toast-panel-for-expansion>

src/app/pages/portal/portal.component.scss

@@ -422,21 +422,6 @@ toast-panel-for-expansion.toast-panel-for-expansion-opened {
   background: none;
 }
 
-/*** Info panel close/open buttons ***/
-app-toast-panel-for-expansion
-  .toast-panel-for-expansion-close-button-container {
-  position: absolute;
-  top: -10px;
-  right: -15px;
-  z-index: 6;
-  padding: 4px;
-
-  button {
-    height: 24px;
-    line-height: 24px;
-  }
-}
-
 .actionbar-workspace {
   padding-left: 0px;
 }

src/app/pages/portal/portal.component.ts

@@ -257,7 +257,7 @@
   public igoSearchPointerSummaryEnabled: boolean;
   public igoReverseSearchCoordsFormatEnabled: boolean;
 
-  public toastPanelForExpansionOpened = true;
+  public toastPanelForExpansionOpened = false;
   private activeWidget$$: Subscription;
   public showToastPanelForExpansionToggle = false;
   public selectedWorkspace$ = new BehaviorSubject<Workspace>(undefined);
@@ -339,10 +339,6 @@
       : undefined;
   }
 
-  get expansionPanelBackdropShown(): boolean {
-    return this.expansionPanelExpanded && this.toastPanelForExpansionOpened;
-  }
-
   get actionbarMode(): ActionbarMode {
     return ActionbarMode.Overlay;
   }
@@ -570,10 +566,10 @@
     this.activeWidget$$ = this.workspaceState.activeWorkspaceWidget$.subscribe(
       (widget: Widget) => {
         if (widget !== undefined) {
-          this.openToastPanelForExpansion();
+          this.toastPanelForExpansionOpened = true;
           this.showToastPanelForExpansionToggle = true;
         } else {
-          this.closeToastPanelForExpansion();
+          this.toastPanelForExpansionOpened = false;
           this.showToastPanelForExpansionToggle = false;
         }
       }
@@ -774,19 +770,7 @@
     this.toggleSidenav();
   }
 
-  onDeactivateWorkspaceWidget() {
-    this.closeToastPanelForExpansion();
-  }
-
-  closeToastPanelForExpansion() {
-    this.toastPanelForExpansionOpened = false;
-  }
-
-  openToastPanelForExpansion() {
-    this.toastPanelForExpansionOpened = true;
-  }
-
   onMapQuery(event: { features: Feature[]; event: MapBrowserEvent<any> }) {
     const baseQuerySearchSource = this.getQuerySearchSource();
     const querySearchSourceArray: QuerySearchSource[] = [];
     const results = event.features.map((feature: Feature) => {
@@ -1270,7 +1254,7 @@
 
   private computeFocusFirst() {
     setTimeout(() => {
       const resultItem: any = document
         .getElementsByTagName('igo-search-results-item')
         .item(0);
       if (resultItem) {
@@ -1559,7 +1543,7 @@
     handleFileImportError(file, error, this.messageService);
   }
 
   private extractLayersByService(layersByService: string): any[] {
     let outLayersByService = layersByService;
     outLayersByService = outLayersByService.startsWith('(')
       ? outLayersByService.substr(1)
@@ -1598,7 +1582,7 @@
       layer: name
     };
     if (type === 'wms') {
       sourceOptions = { params: { LAYERS: name, VERSION: version } } as any;
     }
 
     sourceOptions = ObjectUtils.removeUndefined(