@angular/cdk 7.1.1 → 7.3.0

package/esm5/a11y.es5.js

@@ -12,7 +12,7 @@ import { UP_ARROW, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, TAB, A, Z, ZERO, NINE, h
 import { debounceTime, filter, map, tap, take } from 'rxjs/operators';
 import { __extends } from 'tslib';
 import { Platform, normalizePassiveListenerOptions, PlatformModule } from '@angular/cdk/platform';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { coerceBooleanProperty, coerceElement } from '@angular/cdk/coercion';
 import { ContentObserver, ObserversModule } from '@angular/cdk/observers';
 
 /**
@@ -462,6 +462,7 @@ ListKeyManager = /** @class */ (function () {
         var _this = this;
         this._items = _items;
         this._activeItemIndex = -1;
+        this._activeItem = null;
         this._wrap = false;
         this._letterKeyStream = new Subject();
         this._typeaheadSubscription = Subscription.EMPTY;
@@ -851,8 +852,11 @@ ListKeyManager = /** @class */ (function () {
         var itemArray = this._getItemsArray();
         /** @type {?} */
         var index = typeof item === 'number' ? item : itemArray.indexOf(item);
+        /** @type {?} */
+        var activeItem = itemArray[index];
+        // Explicitly check for `null` and `undefined` because other falsy values are valid.
+        this._activeItem = activeItem == null ? null : activeItem;
         this._activeItemIndex = index;
-        this._activeItem = itemArray[index];
     };
     /**
      * Allows setting of the activeItemIndex without any other effects.
@@ -1194,7 +1198,7 @@ var InteractivityChecker = /** @class */ (function () {
      * @return {?} Whether the element is tabbable.
      */
     function (element) {
-        // Nothing is tabbable on the the server 😎
+        // Nothing is tabbable on the server 😎
         if (!this._platform.isBrowser) {
             return false;
         }
@@ -1456,11 +1460,15 @@ var  /**
 FocusTrap = /** @class */ (function () {
     function FocusTrap(_element, _checker, _ngZone, _document, deferAnchors) {
         if (deferAnchors === void 0) { deferAnchors = false; }
+        var _this = this;
         this._element = _element;
         this._checker = _checker;
         this._ngZone = _ngZone;
         this._document = _document;
         this._hasAttached = false;
+        // Event listeners for the anchors. Need to be regular functions so that we can unbind them later.
+        this._startAnchorListener = function () { return _this.focusLastTabbableElement(); };
+        this._endAnchorListener = function () { return _this.focusFirstTabbableElement(); };
         this._enabled = true;
         if (!deferAnchors) {
             this.attachAnchors();
@@ -1497,11 +1505,21 @@ FocusTrap = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        if (this._startAnchor && this._startAnchor.parentNode) {
-            this._startAnchor.parentNode.removeChild(this._startAnchor);
+        /** @type {?} */
+        var startAnchor = this._startAnchor;
+        /** @type {?} */
+        var endAnchor = this._endAnchor;
+        if (startAnchor) {
+            startAnchor.removeEventListener('focus', this._startAnchorListener);
+            if (startAnchor.parentNode) {
+                startAnchor.parentNode.removeChild(startAnchor);
+            }
         }
-        if (this._endAnchor && this._endAnchor.parentNode) {
-            this._endAnchor.parentNode.removeChild(this._endAnchor);
+        if (endAnchor) {
+            endAnchor.removeEventListener('focus', this._endAnchorListener);
+            if (endAnchor.parentNode) {
+                endAnchor.parentNode.removeChild(endAnchor);
+            }
         }
         this._startAnchor = this._endAnchor = null;
     };
@@ -1532,11 +1550,11 @@ FocusTrap = /** @class */ (function () {
         this._ngZone.runOutsideAngular(function () {
             if (!_this._startAnchor) {
                 _this._startAnchor = _this._createAnchor();
-                (/** @type {?} */ (_this._startAnchor)).addEventListener('focus', function () { return _this.focusLastTabbableElement(); });
+                (/** @type {?} */ (_this._startAnchor)).addEventListener('focus', _this._startAnchorListener);
             }
             if (!_this._endAnchor) {
                 _this._endAnchor = _this._createAnchor();
-                (/** @type {?} */ (_this._endAnchor)).addEventListener('focus', function () { return _this.focusFirstTabbableElement(); });
+                (/** @type {?} */ (_this._endAnchor)).addEventListener('focus', _this._endAnchorListener);
             }
         });
         if (this._element.parentNode) {
@@ -1828,6 +1846,7 @@ FocusTrap = /** @class */ (function () {
         this._toggleAnchorTabIndex(this._enabled, anchor);
         anchor.classList.add('cdk-visually-hidden');
         anchor.classList.add('cdk-focus-trap-anchor');
+        anchor.setAttribute('aria-hidden', 'true');
         return anchor;
     };
     /**
@@ -2395,7 +2414,7 @@ var FocusMonitor = /** @class */ (function () {
             return of(null);
         }
         /** @type {?} */
-        var nativeElement = this._getNativeElement(element);
+        var nativeElement = coerceElement(element);
         // Check if we're already monitoring this element.
         if (this._elementInfo.has(nativeElement)) {
             /** @type {?} */
@@ -2438,7 +2457,7 @@ var FocusMonitor = /** @class */ (function () {
      */
     function (element) {
         /** @type {?} */
-        var nativeElement = this._getNativeElement(element);
+        var nativeElement = coerceElement(element);
         /** @type {?} */
         var elementInfo = this._elementInfo.get(nativeElement);
         if (elementInfo) {
@@ -2463,7 +2482,7 @@ var FocusMonitor = /** @class */ (function () {
      */
     function (element, origin, options) {
         /** @type {?} */
-        var nativeElement = this._getNativeElement(element);
+        var nativeElement = coerceElement(element);
         this._setOriginForCurrentEventQueue(origin);
         // `focus` isn't available on the server
         if (typeof nativeElement.focus === 'function') {
@@ -2744,19 +2763,6 @@ var FocusMonitor = /** @class */ (function () {
             clearTimeout(this._originTimeoutId);
         }
     };
-    /**
-     * @private
-     * @param {?} element
-     * @return {?}
-     */
-    FocusMonitor.prototype._getNativeElement = /**
-     * @private
-     * @param {?} element
-     * @return {?}
-     */
-    function (element) {
-        return element instanceof ElementRef ? element.nativeElement : element;
-    };
     FocusMonitor.decorators = [
         { type: Injectable, args: [{ providedIn: 'root' },] },
     ];