fixup! fix(material/select): switch away from animations module

Author: crisbeto

src/material/select/select.html

@@ -39,8 +39,7 @@
   [cdkConnectedOverlayOrigin]="_preferredOverlayOrigin || fallbackOverlayOrigin"
   [cdkConnectedOverlayPositions]="_positions"
   [cdkConnectedOverlayWidth]="_overlayWidth"
-  (backdropClick)="close()"
-  (detach)="openedChange.emit(false)">
+  (backdropClick)="close()">
   <div
     #panel
     role="listbox"
@@ -52,7 +51,6 @@
     [attr.aria-label]="ariaLabel || null"
     [attr.aria-labelledby]="_getPanelAriaLabelledby()"
     [ngClass]="panelClass"
-    (animationend)="_handleAnimationEndEvent($event)"
     (keydown)="_handleKeydown($event)">
     <ng-content></ng-content>
   </div>

src/material/select/select.ts

@@ -757,11 +757,8 @@ export class MatSelect
     // Required for the MDC form field to pick up when the overlay has been opened.
     this.stateChanges.next();
 
-    // This usually fires at the end of the animation,
-    // but that won't happen if animations are disabled.
-    if (this._animationsDisabled) {
-      this.openedChange.emit(true);
-    }
+    // Simulate the animation event before we moved away from `@angular/animations`.
+    setTimeout(() => this.openedChange.emit(true));
   }
 
   /**
@@ -839,6 +836,9 @@ export class MatSelect
       this._onTouched();
       // Required for the MDC form field to pick up when the overlay has been closed.
       this.stateChanges.next();
+
+      // Simulate the animation event before we moved away from `@angular/animations`.
+      setTimeout(() => this.openedChange.emit(false));
     }
   }
 
@@ -1078,13 +1078,6 @@ export class MatSelect
     return !this._selectionModel || this._selectionModel.isEmpty();
   }
 
-  /** Handles animation events from the panel. */
-  protected _handleAnimationEndEvent(event: AnimationEvent) {
-    if (event.target === this.panel.nativeElement && event.animationName === '_mat-select-enter') {
-      this.openedChange.emit(true);
-    }
-  }
-
   private _initializeSelection(): void {
     // Defer setting the value in order to avoid the "Expression
     // has changed after it was checked" errors from Angular.

tools/public_api_guard/material/select.md

@@ -114,7 +114,6 @@ export class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnInit
     _getAriaActiveDescendant(): string | null;
     _getPanelAriaLabelledby(): string | null;
     _getPanelTheme(): string;
-    protected _handleAnimationEndEvent(event: AnimationEvent): void;
     _handleKeydown(event: KeyboardEvent): void;
     get hideSingleSelectionIndicator(): boolean;
     set hideSingleSelectionIndicator(value: boolean);