@angular/cdk 13.0.0-next.6 → 13.0.0-rc.1

package/{fesm2015/a11y.js → fesm2020/a11y.mjs}

@@ -1,14 +1,14 @@
-import * as i2 from '@angular/common';
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, Inject, QueryList, NgZone, Directive, ElementRef, Input, InjectionToken, Optional, EventEmitter, Output, NgModule } from '@angular/core';
+import { Injectable, Inject, QueryList, Directive, Input, InjectionToken, Optional, EventEmitter, Output, NgModule } from '@angular/core';
 import { Subject, Subscription, BehaviorSubject, of } from 'rxjs';
 import { hasModifierKey, A, Z, ZERO, NINE, END, HOME, LEFT_ARROW, RIGHT_ARROW, UP_ARROW, DOWN_ARROW, TAB, ALT, CONTROL, MAC_META, META, SHIFT } from '@angular/cdk/keycodes';
 import { tap, debounceTime, filter, map, take, skip, distinctUntilChanged, takeUntil } from 'rxjs/operators';
 import { coerceBooleanProperty, coerceElement } from '@angular/cdk/coercion';
 import * as i1 from '@angular/cdk/platform';
-import { Platform, _getFocusedElementPierceShadowDom, normalizePassiveListenerOptions, _getEventTarget, _getShadowRoot, PlatformModule } from '@angular/cdk/platform';
-import { ContentObserver, ObserversModule } from '@angular/cdk/observers';
+import { _getFocusedElementPierceShadowDom, normalizePassiveListenerOptions, _getEventTarget, _getShadowRoot, PlatformModule } from '@angular/cdk/platform';
+import * as i1$1 from '@angular/cdk/observers';
+import { ObserversModule } from '@angular/cdk/observers';
 
 /**
  * @license
@@ -149,10 +149,7 @@ class AriaDescriber {
     /** Deletes the message element from the global messages container. */
     _deleteMessageElement(key) {
         const registeredMessage = messageRegistry.get(key);
-        const messageElement = registeredMessage && registeredMessage.messageElement;
-        if (messagesContainer && messageElement) {
-            messagesContainer.removeChild(messageElement);
-        }
+        registeredMessage?.messageElement?.remove();
         messageRegistry.delete(key);
     }
     /** Creates the global container for all aria-describedby messages. */
@@ -163,9 +160,7 @@ class AriaDescriber {
             // already a container on the page, but we don't have a reference to it. Clear the
             // old container so we don't get duplicates. Doing this, instead of emptying the previous
             // container, should be slightly faster.
-            if (preExistingContainer && preExistingContainer.parentNode) {
-                preExistingContainer.parentNode.removeChild(preExistingContainer);
-            }
+            preExistingContainer?.remove();
             messagesContainer = this._document.createElement('div');
             messagesContainer.id = MESSAGES_CONTAINER_ID;
             // We add `visibility: hidden` in order to prevent text in this container from
@@ -181,16 +176,15 @@ class AriaDescriber {
     }
     /** Deletes the global messages container. */
     _deleteMessagesContainer() {
-        if (messagesContainer && messagesContainer.parentNode) {
-            messagesContainer.parentNode.removeChild(messagesContainer);
+        if (messagesContainer) {
+            messagesContainer.remove();
             messagesContainer = null;
         }
     }
     /** Removes all cdk-describedby messages that are hosted through the element. */
     _removeCdkDescribedByReferenceIds(element) {
         // Remove all aria-describedby reference IDs that are prefixed by CDK_DESCRIBEDBY_ID_PREFIX
-        const originalReferenceIds = getAriaReferenceIds(element, 'aria-describedby')
-            .filter(id => id.indexOf(CDK_DESCRIBEDBY_ID_PREFIX) != 0);
+        const originalReferenceIds = getAriaReferenceIds(element, 'aria-describedby').filter(id => id.indexOf(CDK_DESCRIBEDBY_ID_PREFIX) != 0);
         element.setAttribute('aria-describedby', originalReferenceIds.join(' '));
     }
     /**
@@ -237,20 +231,22 @@ class AriaDescriber {
         const ariaLabel = element.getAttribute('aria-label');
         // We shouldn't set descriptions if they're exactly the same as the `aria-label` of the
         // element, because screen readers will end up reading out the same text twice in a row.
-        return trimmedMessage ? (!ariaLabel || ariaLabel.trim() !== trimmedMessage) : false;
+        return trimmedMessage ? !ariaLabel || ariaLabel.trim() !== trimmedMessage : false;
     }
     /** Checks whether a node is an Element node. */
     _isElementNode(element) {
         return element.nodeType === this._document.ELEMENT_NODE;
     }
 }
-AriaDescriber.ɵprov = i0.ɵɵdefineInjectable({ factory: function AriaDescriber_Factory() { return new AriaDescriber(i0.ɵɵinject(i2.DOCUMENT)); }, token: AriaDescriber, providedIn: "root" });
-AriaDescriber.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-AriaDescriber.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
+AriaDescriber.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: AriaDescriber, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+AriaDescriber.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: AriaDescriber, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: AriaDescriber, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
 /** Gets a key that can be used to look messages up in the registry. */
 function getKey(message, role) {
     return typeof message === 'string' ? `${role || ''}/${message}` : message;
@@ -361,15 +357,18 @@ class ListKeyManager {
      * @param debounceInterval Time to wait after the last keystroke before setting the active item.
      */
     withTypeAhead(debounceInterval = 200) {
-        if ((typeof ngDevMode === 'undefined' || ngDevMode) && (this._items.length &&
-            this._items.some(item => typeof item.getLabel !== 'function'))) {
+        if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
+            this._items.length &&
+            this._items.some(item => typeof item.getLabel !== 'function')) {
             throw Error('ListKeyManager items in typeahead mode must implement the `getLabel` method.');
         }
         this._typeaheadSubscription.unsubscribe();
         // Debounce the presses of non-navigational keys, collect the ones that correspond to letters
         // and convert those letters back into a string. Afterwards find the first item that starts
         // with that string and select it.
-        this._typeaheadSubscription = this._letterKeyStream.pipe(tap(letter => this._pressedLetters.push(letter)), debounceTime(debounceInterval), filter(() => this._pressedLetters.length > 0), map(() => this._pressedLetters.join(''))).subscribe(inputString => {
+        this._typeaheadSubscription = this._letterKeyStream
+            .pipe(tap(letter => this._pressedLetters.push(letter)), debounceTime(debounceInterval), filter(() => this._pressedLetters.length > 0), map(() => this._pressedLetters.join('')))
+            .subscribe(inputString => {
             const items = this._getItemsArray();
             // Start at 1 because we want to start searching at the item immediately
             // following the current active item.
@@ -508,7 +507,8 @@ class ListKeyManager {
     }
     /** Sets the active item to a previous enabled item in the list. */
     setPreviousItemActive() {
-        this._activeItemIndex < 0 && this._wrap ? this.setLastItemActive()
+        this._activeItemIndex < 0 && this._wrap
+            ? this.setLastItemActive()
             : this._setActiveItemByDelta(-1);
     }
     updateActiveItem(item) {
@@ -535,7 +535,7 @@ class ListKeyManager {
     _setActiveInWrapMode(delta) {
         const items = this._getItemsArray();
         for (let i = 1; i <= items.length; i++) {
-            const index = (this._activeItemIndex + (delta * i) + items.length) % items.length;
+            const index = (this._activeItemIndex + delta * i + items.length) % items.length;
             const item = items[index];
             if (!this._skipPredicateFn(item)) {
                 this.setActiveItem(index);
@@ -751,17 +751,17 @@ class InteractivityChecker {
     isFocusable(element, config) {
         // Perform checks in order of left to most expensive.
         // Again, naive approach that does not capture many edge cases and browser quirks.
-        return isPotentiallyFocusable(element) && !this.isDisabled(element) &&
-            ((config === null || config === void 0 ? void 0 : config.ignoreVisibility) || this.isVisible(element));
+        return (isPotentiallyFocusable(element) &&
+            !this.isDisabled(element) &&
+            (config?.ignoreVisibility || this.isVisible(element)));
     }
 }
-InteractivityChecker.ɵprov = i0.ɵɵdefineInjectable({ factory: function InteractivityChecker_Factory() { return new InteractivityChecker(i0.ɵɵinject(i1.Platform)); }, token: InteractivityChecker, providedIn: "root" });
-InteractivityChecker.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-InteractivityChecker.ctorParameters = () => [
-    { type: Platform }
-];
+InteractivityChecker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: InteractivityChecker, deps: [{ token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
+InteractivityChecker.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: InteractivityChecker, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: InteractivityChecker, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.Platform }]; } });
 /**
  * Returns the frame element from a window object. Since browsers like MS Edge throw errors if
  * the frameElement property is being accessed from a different host address, this property
@@ -771,7 +771,7 @@ function getFrameElement(window) {
     try {
         return window.frameElement;
     }
-    catch (_a) {
+    catch {
         return null;
     }
 }
@@ -779,16 +779,17 @@ function getFrameElement(window) {
 function hasGeometry(element) {
     // Use logic from jQuery to check for an invisible element.
     // See https://github.com/jquery/jquery/blob/master/src/css/hiddenVisibleSelectors.js#L12
-    return !!(element.offsetWidth || element.offsetHeight ||
+    return !!(element.offsetWidth ||
+        element.offsetHeight ||
         (typeof element.getClientRects === 'function' && element.getClientRects().length));
 }
 /** Gets whether an element's  */
 function isNativeFormElement(element) {
     let nodeName = element.nodeName.toLowerCase();
-    return nodeName === 'input' ||
+    return (nodeName === 'input' ||
         nodeName === 'select' ||
         nodeName === 'button' ||
-        nodeName === 'textarea';
+        nodeName === 'textarea');
 }
 /** Gets whether an element is an `<input type="hidden">`. */
 function isHiddenInput(element) {
@@ -830,10 +831,10 @@ function getTabIndexValue(element) {
 function isPotentiallyTabbableIOS(element) {
     let nodeName = element.nodeName.toLowerCase();
     let inputType = nodeName === 'input' && element.type;
-    return inputType === 'text'
-        || inputType === 'password'
-        || nodeName === 'select'
-        || nodeName === 'textarea';
+    return (inputType === 'text' ||
+        inputType === 'password' ||
+        nodeName === 'select' ||
+        nodeName === 'textarea');
 }
 /**
  * Gets whether an element is potentially focusable without taking current visible/disabled state
@@ -844,15 +845,15 @@ function isPotentiallyFocusable(element) {
     if (isHiddenInput(element)) {
         return false;
     }
-    return isNativeFormElement(element) ||
+    return (isNativeFormElement(element) ||
         isAnchorWithHref(element) ||
         element.hasAttribute('contenteditable') ||
-        hasValidTabIndex(element);
+        hasValidTabIndex(element));
 }
 /** Gets the parent window of a DOM node with regards of being inside of an iframe. */
 function getWindow(node) {
     // ownerDocument is null if `node` itself *is* a document.
-    return node.ownerDocument && node.ownerDocument.defaultView || window;
+    return (node.ownerDocument && node.ownerDocument.defaultView) || window;
 }
 
 /**
@@ -888,7 +889,9 @@ class FocusTrap {
         }
     }
     /** Whether the focus trap is active. */
-    get enabled() { return this._enabled; }
+    get enabled() {
+        return this._enabled;
+    }
     set enabled(value) {
         this._enabled = value;
         if (this._startAnchor && this._endAnchor) {
@@ -902,15 +905,11 @@ class FocusTrap {
         const endAnchor = this._endAnchor;
         if (startAnchor) {
             startAnchor.removeEventListener('focus', this.startAnchorListener);
-            if (startAnchor.parentNode) {
-                startAnchor.parentNode.removeChild(startAnchor);
-            }
+            startAnchor.remove();
         }
         if (endAnchor) {
             endAnchor.removeEventListener('focus', this.endAnchorListener);
-            if (endAnchor.parentNode) {
-                endAnchor.parentNode.removeChild(endAnchor);
-            }
+            endAnchor.remove();
         }
         this._startAnchor = this._endAnchor = null;
         this._hasAttached = false;
@@ -982,9 +981,7 @@ class FocusTrap {
      */
     _getRegionBoundary(bound) {
         // Contains the deprecated version of selector, for temporary backwards comparability.
-        let markers = this._element.querySelectorAll(`[cdk-focus-region-${bound}], ` +
-            `[cdkFocusRegion${bound}], ` +
-            `[cdk-focus-${bound}]`);
+        let markers = this._element.querySelectorAll(`[cdk-focus-region-${bound}], ` + `[cdkFocusRegion${bound}], ` + `[cdk-focus-${bound}]`);
         for (let i = 0; i < markers.length; i++) {
             // @breaking-change 8.0.0
             if (markers[i].hasAttribute(`cdk-focus-${bound}`)) {
@@ -1001,8 +998,9 @@ class FocusTrap {
         if (bound == 'start') {
             return markers.length ? markers[0] : this._getFirstTabbableElement(this._element);
         }
-        return markers.length ?
-            markers[markers.length - 1] : this._getLastTabbableElement(this._element);
+        return markers.length
+            ? markers[markers.length - 1]
+            : this._getLastTabbableElement(this._element);
     }
     /**
      * Focuses the element that should be focused when the focus trap is initialized.
@@ -1010,8 +1008,7 @@ class FocusTrap {
      */
     focusInitialElement(options) {
         // Contains the deprecated version of selector, for temporary backwards comparability.
-        const redirectToElement = this._element.querySelector(`[cdk-focus-initial], ` +
-            `[cdkFocusInitial]`);
+        const redirectToElement = this._element.querySelector(`[cdk-focus-initial], ` + `[cdkFocusInitial]`);
         if (redirectToElement) {
             // @breaking-change 8.0.0
             if (redirectToElement.hasAttribute(`cdk-focus-initial`)) {
@@ -1027,7 +1024,7 @@ class FocusTrap {
             }
             if (!this._checker.isFocusable(redirectToElement)) {
                 const focusableChild = this._getFirstTabbableElement(redirectToElement);
-                focusableChild === null || focusableChild === void 0 ? void 0 : focusableChild.focus(options);
+                focusableChild?.focus(options);
                 return !!focusableChild;
             }
             redirectToElement.focus(options);
@@ -1070,9 +1067,9 @@ class FocusTrap {
         }
         const children = root.children;
         for (let i = 0; i < children.length; i++) {
-            const tabbableChild = children[i].nodeType === this._document.ELEMENT_NODE ?
-                this._getFirstTabbableElement(children[i]) :
-                null;
+            const tabbableChild = children[i].nodeType === this._document.ELEMENT_NODE
+                ? this._getFirstTabbableElement(children[i])
+                : null;
             if (tabbableChild) {
                 return tabbableChild;
             }
@@ -1087,9 +1084,9 @@ class FocusTrap {
         // Iterate in reverse DOM order.
         const children = root.children;
         for (let i = children.length - 1; i >= 0; i--) {
-            const tabbableChild = children[i].nodeType === this._document.ELEMENT_NODE ?
-                this._getLastTabbableElement(children[i]) :
-                null;
+            const tabbableChild = children[i].nodeType === this._document.ELEMENT_NODE
+                ? this._getLastTabbableElement(children[i])
+                : null;
             if (tabbableChild) {
                 return tabbableChild;
             }
@@ -1157,15 +1154,15 @@ class FocusTrapFactory {
         return new FocusTrap(element, this._checker, this._ngZone, this._document, deferCaptureElements);
     }
 }
-FocusTrapFactory.ɵprov = i0.ɵɵdefineInjectable({ factory: function FocusTrapFactory_Factory() { return new FocusTrapFactory(i0.ɵɵinject(InteractivityChecker), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i2.DOCUMENT)); }, token: FocusTrapFactory, providedIn: "root" });
-FocusTrapFactory.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-FocusTrapFactory.ctorParameters = () => [
-    { type: InteractivityChecker },
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
+FocusTrapFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusTrapFactory, deps: [{ token: InteractivityChecker }, { token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+FocusTrapFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusTrapFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusTrapFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: InteractivityChecker }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
 /** Directive for trapping focus within a region. */
 class CdkTrapFocus {
     constructor(_elementRef, _focusTrapFactory, 
@@ -1181,14 +1178,22 @@ class CdkTrapFocus {
         this.focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement, true);
     }
     /** Whether the focus trap is active. */
-    get enabled() { return this.focusTrap.enabled; }
-    set enabled(value) { this.focusTrap.enabled = coerceBooleanProperty(value); }
+    get enabled() {
+        return this.focusTrap.enabled;
+    }
+    set enabled(value) {
+        this.focusTrap.enabled = coerceBooleanProperty(value);
+    }
     /**
      * Whether the directive should automatically move focus into the trapped region upon
      * initialization and return focus to the previous activeElement upon destruction.
      */
-    get autoCapture() { return this._autoCapture; }
-    set autoCapture(value) { this._autoCapture = coerceBooleanProperty(value); }
+    get autoCapture() {
+        return this._autoCapture;
+    }
+    set autoCapture(value) {
+        this._autoCapture = coerceBooleanProperty(value);
+    }
     ngOnDestroy() {
         this.focusTrap.destroy();
         // If we stored a previously focused element when using autoCapture, return focus to that
@@ -1211,7 +1216,9 @@ class CdkTrapFocus {
     }
     ngOnChanges(changes) {
         const autoCaptureChange = changes['autoCapture'];
-        if (autoCaptureChange && !autoCaptureChange.firstChange && this.autoCapture &&
+        if (autoCaptureChange &&
+            !autoCaptureChange.firstChange &&
+            this.autoCapture &&
             this.focusTrap.hasAttached()) {
             this._captureFocus();
         }
@@ -1221,21 +1228,24 @@ class CdkTrapFocus {
         this.focusTrap.focusInitialElementWhenReady();
     }
 }
-CdkTrapFocus.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkTrapFocus]',
-                exportAs: 'cdkTrapFocus',
-            },] }
-];
-CdkTrapFocus.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusTrapFactory },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-CdkTrapFocus.propDecorators = {
-    enabled: [{ type: Input, args: ['cdkTrapFocus',] }],
-    autoCapture: [{ type: Input, args: ['cdkTrapFocusAutoCapture',] }]
-};
+CdkTrapFocus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTrapFocus, deps: [{ token: i0.ElementRef }, { token: FocusTrapFactory }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+CdkTrapFocus.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: { enabled: ["cdkTrapFocus", "enabled"], autoCapture: ["cdkTrapFocusAutoCapture", "autoCapture"] }, exportAs: ["cdkTrapFocus"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTrapFocus, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkTrapFocus]',
+                    exportAs: 'cdkTrapFocus',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: FocusTrapFactory }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; }, propDecorators: { enabled: [{
+                type: Input,
+                args: ['cdkTrapFocus']
+            }], autoCapture: [{
+                type: Input,
+                args: ['cdkTrapFocusAutoCapture']
+            }] } });
 
 /**
  * @license
@@ -1258,7 +1268,9 @@ class ConfigurableFocusTrap extends FocusTrap {
         this._focusTrapManager.register(this);
     }
     /** Whether the FocusTrap is enabled. */
-    get enabled() { return this._enabled; }
+    get enabled() {
+        return this._enabled;
+    }
     set enabled(value) {
         this._enabled = value;
         if (this._enabled) {
@@ -1346,12 +1358,11 @@ class EventListenerFocusTrapInertStrategy {
      * so all this code runs outside Angular as well.
      */
     _trapFocus(focusTrap, event) {
-        var _a;
         const target = event.target;
         const focusTrapRoot = focusTrap._element;
         // Don't refocus if target was in an overlay, because the overlay might be associated
         // with an element inside the FocusTrap, ex. mat-select.
-        if (target && !focusTrapRoot.contains(target) && !((_a = target.closest) === null || _a === void 0 ? void 0 : _a.call(target, 'div.cdk-overlay-pane'))) {
+        if (target && !focusTrapRoot.contains(target) && !target.closest?.('div.cdk-overlay-pane')) {
             // Some legacy FocusTrap usages have logic that focuses some element on the page
             // just before FocusTrap is destroyed. For backwards compatibility, wait
             // to be sure FocusTrap is still enabled before refocusing.
@@ -1385,7 +1396,7 @@ class FocusTrapManager {
      */
     register(focusTrap) {
         // Dedupe focusTraps that register multiple times.
-        this._focusTrapStack = this._focusTrapStack.filter((ft) => ft !== focusTrap);
+        this._focusTrapStack = this._focusTrapStack.filter(ft => ft !== focusTrap);
         let stack = this._focusTrapStack;
         if (stack.length) {
             stack[stack.length - 1]._disable();
@@ -1409,10 +1420,12 @@ class FocusTrapManager {
         }
     }
 }
-FocusTrapManager.ɵprov = i0.ɵɵdefineInjectable({ factory: function FocusTrapManager_Factory() { return new FocusTrapManager(); }, token: FocusTrapManager, providedIn: "root" });
-FocusTrapManager.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
+FocusTrapManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusTrapManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FocusTrapManager.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusTrapManager, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusTrapManager, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
 /**
  * @license
@@ -1442,17 +1455,20 @@ class ConfigurableFocusTrapFactory {
         return new ConfigurableFocusTrap(element, this._checker, this._ngZone, this._document, this._focusTrapManager, this._inertStrategy, configObject);
     }
 }
-ConfigurableFocusTrapFactory.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConfigurableFocusTrapFactory_Factory() { return new ConfigurableFocusTrapFactory(i0.ɵɵinject(InteractivityChecker), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(FocusTrapManager), i0.ɵɵinject(i2.DOCUMENT), i0.ɵɵinject(FOCUS_TRAP_INERT_STRATEGY, 8)); }, token: ConfigurableFocusTrapFactory, providedIn: "root" });
-ConfigurableFocusTrapFactory.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-ConfigurableFocusTrapFactory.ctorParameters = () => [
-    { type: InteractivityChecker },
-    { type: NgZone },
-    { type: FocusTrapManager },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [FOCUS_TRAP_INERT_STRATEGY,] }] }
-];
+ConfigurableFocusTrapFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ConfigurableFocusTrapFactory, deps: [{ token: InteractivityChecker }, { token: i0.NgZone }, { token: FocusTrapManager }, { token: DOCUMENT }, { token: FOCUS_TRAP_INERT_STRATEGY, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurableFocusTrapFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ConfigurableFocusTrapFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ConfigurableFocusTrapFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: InteractivityChecker }, { type: i0.NgZone }, { type: FocusTrapManager }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FOCUS_TRAP_INERT_STRATEGY]
+                }] }]; } });
 
 /**
  * @license
@@ -1472,14 +1488,15 @@ function isFakeMousedownFromScreenReader(event) {
 }
 /** Gets whether an event could be a faked `touchstart` event dispatched by a screen reader. */
 function isFakeTouchstartFromScreenReader(event) {
-    const touch = (event.touches && event.touches[0]) ||
-        (event.changedTouches && event.changedTouches[0]);
+    const touch = (event.touches && event.touches[0]) || (event.changedTouches && event.changedTouches[0]);
     // A fake `touchstart` can be distinguished from a real one by looking at the `identifier`
     // which is typically >= 0 on a real device versus -1 from a screen reader. Just to be safe,
     // we can also look at `radiusX` and `radiusY`. This behavior was observed against a Windows 10
     // device with a touch screen running NVDA v2020.4 and Firefox 85 or Chrome 88.
-    return !!touch && touch.identifier === -1 && (touch.radiusX == null || touch.radiusX === 1) &&
-        (touch.radiusY == null || touch.radiusY === 1);
+    return (!!touch &&
+        touch.identifier === -1 &&
+        (touch.radiusX == null || touch.radiusX === 1) &&
+        (touch.radiusY == null || touch.radiusY === 1));
 }
 
 /**
@@ -1563,10 +1580,9 @@ class InputModalityDetector {
          * bound.
          */
         this._onKeydown = (event) => {
-            var _a, _b;
             // If this is one of the keys we should ignore, then ignore it and don't update the input
             // modality to keyboard.
-            if ((_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.ignoreKeys) === null || _b === void 0 ? void 0 : _b.some(keyCode => keyCode === event.keyCode)) {
+            if (this._options?.ignoreKeys?.some(keyCode => keyCode === event.keyCode)) {
                 return;
             }
             this._modality.next('keyboard');
@@ -1605,7 +1621,10 @@ class InputModalityDetector {
             this._modality.next('touch');
             this._mostRecentTarget = _getEventTarget(event);
         };
-        this._options = Object.assign(Object.assign({}, INPUT_MODALITY_DETECTOR_DEFAULT_OPTIONS), options);
+        this._options = {
+            ...INPUT_MODALITY_DETECTOR_DEFAULT_OPTIONS,
+            ...options,
+        };
         // Skip the first emission as it's null.
         this.modalityDetected = this._modality.pipe(skip(1));
         this.modalityChanged = this.modalityDetected.pipe(distinctUntilChanged());
@@ -1632,16 +1651,20 @@ class InputModalityDetector {
         }
     }
 }
-InputModalityDetector.ɵprov = i0.ɵɵdefineInjectable({ factory: function InputModalityDetector_Factory() { return new InputModalityDetector(i0.ɵɵinject(i1.Platform), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i2.DOCUMENT), i0.ɵɵinject(INPUT_MODALITY_DETECTOR_OPTIONS, 8)); }, token: InputModalityDetector, providedIn: "root" });
-InputModalityDetector.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-InputModalityDetector.ctorParameters = () => [
-    { type: Platform },
-    { type: NgZone },
-    { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [INPUT_MODALITY_DETECTOR_OPTIONS,] }] }
-];
+InputModalityDetector.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: InputModalityDetector, deps: [{ token: i1.Platform }, { token: i0.NgZone }, { token: DOCUMENT }, { token: INPUT_MODALITY_DETECTOR_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+InputModalityDetector.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: InputModalityDetector, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: InputModalityDetector, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.Platform }, { type: i0.NgZone }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [INPUT_MODALITY_DETECTOR_OPTIONS]
+                }] }]; } });
 
 /**
  * @license
@@ -1692,7 +1715,7 @@ class LiveAnnouncer {
         clearTimeout(this._previousTimeout);
         if (!politeness) {
             politeness =
-                (defaultOptions && defaultOptions.politeness) ? defaultOptions.politeness : 'polite';
+                defaultOptions && defaultOptions.politeness ? defaultOptions.politeness : 'polite';
         }
         if (duration == null && defaultOptions) {
             duration = defaultOptions.duration;
@@ -1729,10 +1752,8 @@ class LiveAnnouncer {
     }
     ngOnDestroy() {
         clearTimeout(this._previousTimeout);
-        if (this._liveElement && this._liveElement.parentNode) {
-            this._liveElement.parentNode.removeChild(this._liveElement);
-            this._liveElement = null;
-        }
+        this._liveElement?.remove();
+        this._liveElement = null;
     }
     _createLiveElement() {
         const elementClass = 'cdk-live-announcer-element';
@@ -1740,7 +1761,7 @@ class LiveAnnouncer {
         const liveEl = this._document.createElement('div');
         // Remove any old containers. This can happen when coming in from a server-side-rendered page.
         for (let i = 0; i < previousElements.length; i++) {
-            previousElements[i].parentNode.removeChild(previousElements[i]);
+            previousElements[i].remove();
         }
         liveEl.classList.add(elementClass);
         liveEl.classList.add('cdk-visually-hidden');
@@ -1750,16 +1771,25 @@ class LiveAnnouncer {
         return liveEl;
     }
 }
-LiveAnnouncer.ɵprov = i0.ɵɵdefineInjectable({ factory: function LiveAnnouncer_Factory() { return new LiveAnnouncer(i0.ɵɵinject(LIVE_ANNOUNCER_ELEMENT_TOKEN, 8), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i2.DOCUMENT), i0.ɵɵinject(LIVE_ANNOUNCER_DEFAULT_OPTIONS, 8)); }, token: LiveAnnouncer, providedIn: "root" });
-LiveAnnouncer.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-LiveAnnouncer.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [LIVE_ANNOUNCER_ELEMENT_TOKEN,] }] },
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [LIVE_ANNOUNCER_DEFAULT_OPTIONS,] }] }
-];
+LiveAnnouncer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: LiveAnnouncer, deps: [{ token: LIVE_ANNOUNCER_ELEMENT_TOKEN, optional: true }, { token: i0.NgZone }, { token: DOCUMENT }, { token: LIVE_ANNOUNCER_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+LiveAnnouncer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: LiveAnnouncer, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: LiveAnnouncer, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [LIVE_ANNOUNCER_ELEMENT_TOKEN]
+                }] }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [LIVE_ANNOUNCER_DEFAULT_OPTIONS]
+                }] }]; } });
 /**
  * A directive that works similarly to aria-live, but uses the LiveAnnouncer to ensure compatibility
  * with a wider range of browsers and screen readers.
@@ -1773,7 +1803,9 @@ class CdkAriaLive {
         this._politeness = 'polite';
     }
     /** The aria-live politeness level to use when announcing messages. */
-    get politeness() { return this._politeness; }
+    get politeness() {
+        return this._politeness;
+    }
     set politeness(value) {
         this._politeness = value === 'off' || value === 'assertive' ? value : 'polite';
         if (this._politeness === 'off') {
@@ -1784,9 +1816,7 @@ class CdkAriaLive {
         }
         else if (!this._subscription) {
             this._subscription = this._ngZone.runOutsideAngular(() => {
-                return this._contentObserver
-                    .observe(this._elementRef)
-                    .subscribe(() => {
+                return this._contentObserver.observe(this._elementRef).subscribe(() => {
                     // Note that we use textContent here, rather than innerText, in order to avoid a reflow.
                     const elementText = this._elementRef.nativeElement.textContent;
                     // The `MutationObserver` fires also for attribute
@@ -1805,21 +1835,18 @@ class CdkAriaLive {
         }
     }
 }
-CdkAriaLive.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkAriaLive]',
-                exportAs: 'cdkAriaLive',
-            },] }
-];
-CdkAriaLive.ctorParameters = () => [
-    { type: ElementRef },
-    { type: LiveAnnouncer },
-    { type: ContentObserver },
-    { type: NgZone }
-];
-CdkAriaLive.propDecorators = {
-    politeness: [{ type: Input, args: ['cdkAriaLive',] }]
-};
+CdkAriaLive.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkAriaLive, deps: [{ token: i0.ElementRef }, { token: LiveAnnouncer }, { token: i1$1.ContentObserver }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+CdkAriaLive.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkAriaLive, selector: "[cdkAriaLive]", inputs: { politeness: ["cdkAriaLive", "politeness"] }, exportAs: ["cdkAriaLive"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkAriaLive, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkAriaLive]',
+                    exportAs: 'cdkAriaLive',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: LiveAnnouncer }, { type: i1$1.ContentObserver }, { type: i0.NgZone }]; }, propDecorators: { politeness: [{
+                type: Input,
+                args: ['cdkAriaLive']
+            }] } });
 
 /**
  * @license
@@ -1836,7 +1863,7 @@ const FOCUS_MONITOR_DEFAULT_OPTIONS = new InjectionToken('cdk-focus-monitor-defa
  */
 const captureEventListenerOptions = normalizePassiveListenerOptions({
     passive: true,
-    capture: true
+    capture: true,
 });
 /** Monitors mouse and keyboard events to determine the cause of focus events. */
 class FocusMonitor {
@@ -1874,7 +1901,7 @@ class FocusMonitor {
             // Make a note of when the window regains focus, so we can
             // restore the origin info for the focused element.
             this._windowFocused = true;
-            this._windowFocusTimeoutId = setTimeout(() => this._windowFocused = false);
+            this._windowFocusTimeoutId = setTimeout(() => (this._windowFocused = false));
         };
         /** Subject for stopping our InputModalityDetector subscription. */
         this._stopInputModalityDetector = new Subject();
@@ -1891,7 +1918,7 @@ class FocusMonitor {
             }
         };
         this._document = document;
-        this._detectionMode = (options === null || options === void 0 ? void 0 : options.detectionMode) || 0 /* IMMEDIATE */;
+        this._detectionMode = options?.detectionMode || 0 /* IMMEDIATE */;
     }
     monitor(element, checkChildren = false) {
         const nativeElement = coerceElement(element);
@@ -1918,7 +1945,7 @@ class FocusMonitor {
         const info = {
             checkChildren: checkChildren,
             subject: new Subject(),
-            rootNode
+            rootNode,
         };
         this._elementInfo.set(nativeElement, info);
         this._registerGlobalListeners(info);
@@ -1941,8 +1968,7 @@ class FocusMonitor {
         // which means that the focus classes won't be updated. If that's the case, update the classes
         // directly without waiting for an event.
         if (nativeElement === focusedElement) {
-            this._getClosestElementsInfo(nativeElement)
-                .forEach(([currentElement, info]) => this._originChanged(currentElement, origin, info));
+            this._getClosestElementsInfo(nativeElement).forEach(([currentElement, info]) => this._originChanged(currentElement, origin, info));
         }
         else {
             this._setOrigin(origin);
@@ -1984,7 +2010,7 @@ class FocusMonitor {
         //    events).
         //
         // Because we can't distinguish between these two cases, we default to setting `program`.
-        return (this._windowFocused && this._lastFocusOrigin) ? this._lastFocusOrigin : 'program';
+        return this._windowFocused && this._lastFocusOrigin ? this._lastFocusOrigin : 'program';
     }
     /**
      * Returns whether the focus event should be attributed to touch. Recall that in IMMEDIATE mode, a
@@ -2005,8 +2031,8 @@ class FocusMonitor {
         // #child, #parent is programmatically focused. This code will attribute the focus to touch
         // instead of program. This is a relatively minor edge-case that can be worked around by using
         // focusVia(parent, 'program') to focus #parent.
-        return (this._detectionMode === 1 /* EVENTUAL */) ||
-            !!(focusEventTarget === null || focusEventTarget === void 0 ? void 0 : focusEventTarget.contains(this._inputModalityDetector._mostRecentTarget));
+        return (this._detectionMode === 1 /* EVENTUAL */ ||
+            !!focusEventTarget?.contains(this._inputModalityDetector._mostRecentTarget));
     }
     /**
      * Sets the focus classes on the element based on the given focus origin.
@@ -2030,7 +2056,7 @@ class FocusMonitor {
     _setOrigin(origin, isFromInteraction = false) {
         this._ngZone.runOutsideAngular(() => {
             this._origin = origin;
-            this._originFromTouchInteraction = (origin === 'touch') && isFromInteraction;
+            this._originFromTouchInteraction = origin === 'touch' && isFromInteraction;
             // If we're in IMMEDIATE mode, reset the origin at the next tick (or in `TOUCH_BUFFER_MS` ms
             // for a touch event). We reset the origin at the next tick because Firefox focuses one tick
             // after the interaction event. We wait `TOUCH_BUFFER_MS` ms before resetting the origin for
@@ -2039,7 +2065,7 @@ class FocusMonitor {
             if (this._detectionMode === 0 /* IMMEDIATE */) {
                 clearTimeout(this._originTimeoutId);
                 const ms = this._originFromTouchInteraction ? TOUCH_BUFFER_MS : 1;
-                this._originTimeoutId = setTimeout(() => this._origin = null, ms);
+                this._originTimeoutId = setTimeout(() => (this._origin = null), ms);
             }
         });
     }
@@ -2071,8 +2097,10 @@ class FocusMonitor {
         // If we are counting child-element-focus as focused, make sure that we aren't just blurring in
         // order to focus another child of the monitored element.
         const elementInfo = this._elementInfo.get(element);
-        if (!elementInfo || (elementInfo.checkChildren && event.relatedTarget instanceof Node &&
-            element.contains(event.relatedTarget))) {
+        if (!elementInfo ||
+            (elementInfo.checkChildren &&
+                event.relatedTarget instanceof Node &&
+                element.contains(event.relatedTarget))) {
             return;
         }
         this._setClasses(element);
@@ -2105,7 +2133,9 @@ class FocusMonitor {
             // The InputModalityDetector is also just a collection of global listeners.
             this._inputModalityDetector.modalityDetected
                 .pipe(takeUntil(this._stopInputModalityDetector))
-                .subscribe(modality => { this._setOrigin(modality, true /* isFromInteraction */); });
+                .subscribe(modality => {
+                this._setOrigin(modality, true /* isFromInteraction */);
+            });
         }
     }
     _removeGlobalListeners(elementInfo) {
@@ -2153,17 +2183,22 @@ class FocusMonitor {
         return results;
     }
 }
-FocusMonitor.ɵprov = i0.ɵɵdefineInjectable({ factory: function FocusMonitor_Factory() { return new FocusMonitor(i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i1.Platform), i0.ɵɵinject(InputModalityDetector), i0.ɵɵinject(i2.DOCUMENT, 8), i0.ɵɵinject(FOCUS_MONITOR_DEFAULT_OPTIONS, 8)); }, token: FocusMonitor, providedIn: "root" });
-FocusMonitor.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-FocusMonitor.ctorParameters = () => [
-    { type: NgZone },
-    { type: Platform },
-    { type: InputModalityDetector },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [FOCUS_MONITOR_DEFAULT_OPTIONS,] }] }
-];
+FocusMonitor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusMonitor, deps: [{ token: i0.NgZone }, { token: i1.Platform }, { token: InputModalityDetector }, { token: DOCUMENT, optional: true }, { token: FOCUS_MONITOR_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FocusMonitor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusMonitor, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusMonitor, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.Platform }, { type: InputModalityDetector }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FOCUS_MONITOR_DEFAULT_OPTIONS]
+                }] }]; } });
 /**
  * Directive that determines how a particular element was focused (via keyboard, mouse, touch, or
  * programmatically) and adds corresponding classes to the element.
@@ -2181,7 +2216,8 @@ class CdkMonitorFocus {
     }
     ngAfterViewInit() {
         const element = this._elementRef.nativeElement;
-        this._monitorSubscription = this._focusMonitor.monitor(element, element.nodeType === 1 && element.hasAttribute('cdkMonitorSubtreeFocus'))
+        this._monitorSubscription = this._focusMonitor
+            .monitor(element, element.nodeType === 1 && element.hasAttribute('cdkMonitorSubtreeFocus'))
             .subscribe(origin => this.cdkFocusChange.emit(origin));
     }
     ngOnDestroy() {
@@ -2191,18 +2227,16 @@ class CdkMonitorFocus {
         }
     }
 }
-CdkMonitorFocus.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]',
-            },] }
-];
-CdkMonitorFocus.ctorParameters = () => [
-    { type: ElementRef },
-    { type: FocusMonitor }
-];
-CdkMonitorFocus.propDecorators = {
-    cdkFocusChange: [{ type: Output }]
-};
+CdkMonitorFocus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkMonitorFocus, deps: [{ token: i0.ElementRef }, { token: FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive });
+CdkMonitorFocus.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: { cdkFocusChange: "cdkFocusChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkMonitorFocus, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: FocusMonitor }]; }, propDecorators: { cdkFocusChange: [{
+                type: Output
+            }] } });
 
 /**
  * @license
@@ -2250,13 +2284,16 @@ class HighContrastModeDetector {
         // via the document so we can fake it in tests. Note that we have extra null checks, because
         // this logic will likely run during app bootstrap and throwing can break the entire app.
         const documentWindow = this._document.defaultView || window;
-        const computedStyle = (documentWindow && documentWindow.getComputedStyle) ?
-            documentWindow.getComputedStyle(testElement) : null;
-        const computedColor = (computedStyle && computedStyle.backgroundColor || '').replace(/ /g, '');
-        this._document.body.removeChild(testElement);
+        const computedStyle = documentWindow && documentWindow.getComputedStyle
+            ? documentWindow.getComputedStyle(testElement)
+            : null;
+        const computedColor = ((computedStyle && computedStyle.backgroundColor) || '').replace(/ /g, '');
+        testElement.remove();
         switch (computedColor) {
-            case 'rgb(0,0,0)': return 2 /* WHITE_ON_BLACK */;
-            case 'rgb(255,255,255)': return 1 /* BLACK_ON_WHITE */;
+            case 'rgb(0,0,0)':
+                return 2 /* WHITE_ON_BLACK */;
+            case 'rgb(255,255,255)':
+                return 1 /* BLACK_ON_WHITE */;
         }
         return 0 /* NONE */;
     }
@@ -2281,14 +2318,15 @@ class HighContrastModeDetector {
         }
     }
 }
-HighContrastModeDetector.ɵprov = i0.ɵɵdefineInjectable({ factory: function HighContrastModeDetector_Factory() { return new HighContrastModeDetector(i0.ɵɵinject(i1.Platform), i0.ɵɵinject(i2.DOCUMENT)); }, token: HighContrastModeDetector, providedIn: "root" });
-HighContrastModeDetector.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-HighContrastModeDetector.ctorParameters = () => [
-    { type: Platform },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
+HighContrastModeDetector.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: HighContrastModeDetector, deps: [{ token: i1.Platform }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+HighContrastModeDetector.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: HighContrastModeDetector, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: HighContrastModeDetector, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.Platform }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
 
 /**
  * @license
@@ -2302,16 +2340,17 @@ class A11yModule {
         highContrastModeDetector._applyBodyHighContrastModeCssClasses();
     }
 }
-A11yModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [PlatformModule, ObserversModule],
-                declarations: [CdkAriaLive, CdkTrapFocus, CdkMonitorFocus],
-                exports: [CdkAriaLive, CdkTrapFocus, CdkMonitorFocus],
-            },] }
-];
-A11yModule.ctorParameters = () => [
-    { type: HighContrastModeDetector }
-];
+A11yModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: A11yModule, deps: [{ token: HighContrastModeDetector }], target: i0.ɵɵFactoryTarget.NgModule });
+A11yModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: A11yModule, declarations: [CdkAriaLive, CdkTrapFocus, CdkMonitorFocus], imports: [PlatformModule, ObserversModule], exports: [CdkAriaLive, CdkTrapFocus, CdkMonitorFocus] });
+A11yModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: A11yModule, imports: [[PlatformModule, ObserversModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: A11yModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [PlatformModule, ObserversModule],
+                    declarations: [CdkAriaLive, CdkTrapFocus, CdkMonitorFocus],
+                    exports: [CdkAriaLive, CdkTrapFocus, CdkMonitorFocus],
+                }]
+        }], ctorParameters: function () { return [{ type: HighContrastModeDetector }]; } });
 
 /**
  * @license
@@ -2325,5 +2364,5 @@ A11yModule.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { A11yModule, ActiveDescendantKeyManager, AriaDescriber, CDK_DESCRIBEDBY_HOST_ATTRIBUTE, CDK_DESCRIBEDBY_ID_PREFIX, CdkAriaLive, CdkMonitorFocus, CdkTrapFocus, ConfigurableFocusTrap, ConfigurableFocusTrapFactory, EventListenerFocusTrapInertStrategy, FOCUS_MONITOR_DEFAULT_OPTIONS, FOCUS_TRAP_INERT_STRATEGY, FocusKeyManager, FocusMonitor, FocusTrap, FocusTrapFactory, HighContrastModeDetector, INPUT_MODALITY_DETECTOR_DEFAULT_OPTIONS, INPUT_MODALITY_DETECTOR_OPTIONS, InputModalityDetector, InteractivityChecker, IsFocusableConfig, LIVE_ANNOUNCER_DEFAULT_OPTIONS, LIVE_ANNOUNCER_ELEMENT_TOKEN, LIVE_ANNOUNCER_ELEMENT_TOKEN_FACTORY, ListKeyManager, LiveAnnouncer, MESSAGES_CONTAINER_ID, isFakeMousedownFromScreenReader, isFakeTouchstartFromScreenReader, FocusTrapManager as ɵangular_material_src_cdk_a11y_a11y_a };
-//# sourceMappingURL=a11y.js.map
+export { A11yModule, ActiveDescendantKeyManager, AriaDescriber, CDK_DESCRIBEDBY_HOST_ATTRIBUTE, CDK_DESCRIBEDBY_ID_PREFIX, CdkAriaLive, CdkMonitorFocus, CdkTrapFocus, ConfigurableFocusTrap, ConfigurableFocusTrapFactory, EventListenerFocusTrapInertStrategy, FOCUS_MONITOR_DEFAULT_OPTIONS, FOCUS_TRAP_INERT_STRATEGY, FocusKeyManager, FocusMonitor, FocusTrap, FocusTrapFactory, HighContrastModeDetector, INPUT_MODALITY_DETECTOR_DEFAULT_OPTIONS, INPUT_MODALITY_DETECTOR_OPTIONS, InputModalityDetector, InteractivityChecker, IsFocusableConfig, LIVE_ANNOUNCER_DEFAULT_OPTIONS, LIVE_ANNOUNCER_ELEMENT_TOKEN, LIVE_ANNOUNCER_ELEMENT_TOKEN_FACTORY, ListKeyManager, LiveAnnouncer, MESSAGES_CONTAINER_ID, isFakeMousedownFromScreenReader, isFakeTouchstartFromScreenReader };
+//# sourceMappingURL=a11y.mjs.map