@angular/cdk 12.2.6 → 12.2.10

package/bundles/cdk-layout.umd.js

@@ -71,7 +71,7 @@
          * MediaQueryList for the query provided.
          */
         MediaMatcher.prototype.matchMedia = function (query) {
-            if (this._platform.WEBKIT) {
+            if (this._platform.WEBKIT || this._platform.BLINK) {
                 createEmptyStyleRule(query);
             }
             return this._matchMedia(query);
@@ -86,8 +86,13 @@
         { type: i1.Platform }
     ]; };
     /**
-     * For Webkit engines that only trigger the MediaQueryListListener when
-     * there is at least one CSS selector for the respective media query.
+     * Creates an empty stylesheet that is used to work around browser inconsistencies related to
+     * `matchMedia`. At the time of writing, it handles the following cases:
+     * 1. On WebKit browsers, a media query has to have at least one rule in order for `matchMedia`
+     * to fire. We work around it by declaring a dummy stylesheet with a `@media` declaration.
+     * 2. In some cases Blink browsers will stop firing the `matchMedia` listener if none of the rules
+     * inside the `@media` match existing elements on the page. We work around it by having one rule
+     * targeting the `body`. See https://github.com/angular/components/issues/23546.
      */
     function createEmptyStyleRule(query) {
         if (mediaQueriesForWebkitCompatibility.has(query)) {
@@ -100,8 +105,7 @@
                 document.head.appendChild(mediaQueryStyleNode);
             }
             if (mediaQueryStyleNode.sheet) {
-                mediaQueryStyleNode.sheet
-                    .insertRule("@media " + query + " {.fx-query-test{ }}", 0);
+                mediaQueryStyleNode.sheet.insertRule("@media " + query + " {body{ }}", 0);
                 mediaQueriesForWebkitCompatibility.add(query);
             }
         }

package/bundles/cdk-layout.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"cdk-layout.umd.js","sources":["../../../../../src/cdk/layout/layout-module.ts","../../../../../src/cdk/layout/media-matcher.ts","../../../../../src/cdk/layout/breakpoints-observer.ts","../../../../../src/cdk/layout/breakpoints.ts","../../../../../src/cdk/layout/public-api.ts","../../../../../src/cdk/layout/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {NgModule} from '@angular/core';\n\n\n@NgModule({})\nexport class LayoutModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {Injectable} from '@angular/core';\nimport {Platform} from '@angular/cdk/platform';\n\n/** Global registry for all dynamically-created, injected media queries. */\nconst mediaQueriesForWebkitCompatibility: Set<string> = new Set<string>();\n\n/** Style tag that holds all of the dynamically-created media queries. */\nlet mediaQueryStyleNode: HTMLStyleElement | undefined;\n\n/** A utility for calling matchMedia queries. */\n@Injectable({providedIn: 'root'})\nexport class MediaMatcher {\n  /** The internal matchMedia method to return back a MediaQueryList like object. */\n  private _matchMedia: (query: string) => MediaQueryList;\n\n  constructor(private _platform: Platform) {\n    this._matchMedia = this._platform.isBrowser && window.matchMedia ?\n      // matchMedia is bound to the window scope intentionally as it is an illegal invocation to\n      // call it from a different scope.\n      window.matchMedia.bind(window) :\n      noopMatchMedia;\n  }\n\n  /**\n   * Evaluates the given media query and returns the native MediaQueryList from which results\n   * can be retrieved.\n   * Confirms the layout engine will trigger for the selector query provided and returns the\n   * MediaQueryList for the query provided.\n   */\n  matchMedia(query: string): MediaQueryList {\n    if (this._platform.WEBKIT) {\n      createEmptyStyleRule(query);\n    }\n    return this._matchMedia(query);\n  }\n}\n\n/**\n * For Webkit engines that only trigger the MediaQueryListListener when\n * there is at least one CSS selector for the respective media query.\n */\nfunction createEmptyStyleRule(query: string) {\n  if (mediaQueriesForWebkitCompatibility.has(query)) {\n    return;\n  }\n\n  try {\n    if (!mediaQueryStyleNode) {\n      mediaQueryStyleNode = document.createElement('style');\n      mediaQueryStyleNode.setAttribute('type', 'text/css');\n      document.head!.appendChild(mediaQueryStyleNode);\n    }\n\n    if (mediaQueryStyleNode.sheet) {\n      (mediaQueryStyleNode.sheet as CSSStyleSheet)\n          .insertRule(`@media ${query} {.fx-query-test{ }}`, 0);\n      mediaQueriesForWebkitCompatibility.add(query);\n    }\n  } catch (e) {\n    console.error(e);\n  }\n}\n\n/** No-op matchMedia replacement for non-browser platforms. */\nfunction noopMatchMedia(query: string): MediaQueryList {\n  // Use `as any` here to avoid adding additional necessary properties for\n  // the noop matcher.\n  return {\n    matches: query === 'all' || query === '',\n    media: query,\n    addListener: () => {},\n    removeListener: () => {}\n  } as any;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {coerceArray} from '@angular/cdk/coercion';\nimport {Injectable, NgZone, OnDestroy} from '@angular/core';\nimport {combineLatest, concat, Observable, Observer, Subject} from 'rxjs';\nimport {debounceTime, map, skip, startWith, take, takeUntil} from 'rxjs/operators';\nimport {MediaMatcher} from './media-matcher';\n\n\n/** The current state of a layout breakpoint. */\nexport interface BreakpointState {\n  /** Whether the breakpoint is currently matching. */\n  matches: boolean;\n  /**\n   * A key boolean pair for each query provided to the observe method,\n   * with its current matched state.\n   */\n  breakpoints: {\n    [key: string]: boolean;\n  };\n}\n\n/** The current state of a layout breakpoint. */\ninterface InternalBreakpointState {\n  /** Whether the breakpoint is currently matching. */\n  matches: boolean;\n  /** The media query being to be matched */\n  query: string;\n}\n\ninterface Query {\n  observable: Observable<InternalBreakpointState>;\n  mql: MediaQueryList;\n}\n\n/** Utility for checking the matching state of @media queries. */\n@Injectable({providedIn: 'root'})\nexport class BreakpointObserver implements OnDestroy {\n  /**  A map of all media queries currently being listened for. */\n  private _queries = new Map<string, Query>();\n  /** A subject for all other observables to takeUntil based on. */\n  private readonly _destroySubject = new Subject<void>();\n\n  constructor(private _mediaMatcher: MediaMatcher, private _zone: NgZone) {}\n\n  /** Completes the active subject, signalling to all other observables to complete. */\n  ngOnDestroy() {\n    this._destroySubject.next();\n    this._destroySubject.complete();\n  }\n\n  /**\n   * Whether one or more media queries match the current viewport size.\n   * @param value One or more media queries to check.\n   * @returns Whether any of the media queries match.\n   */\n  isMatched(value: string | readonly string[]): boolean {\n    const queries = splitQueries(coerceArray(value));\n    return queries.some(mediaQuery => this._registerQuery(mediaQuery).mql.matches);\n  }\n\n  /**\n   * Gets an observable of results for the given queries that will emit new results for any changes\n   * in matching of the given queries.\n   * @param value One or more media queries to check.\n   * @returns A stream of matches for the given queries.\n   */\n  observe(value: string | readonly string[]): Observable<BreakpointState> {\n    const queries = splitQueries(coerceArray(value));\n    const observables = queries.map(query => this._registerQuery(query).observable);\n\n    let stateObservable = combineLatest(observables);\n    // Emit the first state immediately, and then debounce the subsequent emissions.\n    stateObservable = concat(\n      stateObservable.pipe(take(1)),\n      stateObservable.pipe(skip(1), debounceTime(0)));\n    return stateObservable.pipe(map(breakpointStates => {\n      const response: BreakpointState = {\n        matches: false,\n        breakpoints: {},\n      };\n      breakpointStates.forEach(({matches, query}) => {\n        response.matches = response.matches || matches;\n        response.breakpoints[query] = matches;\n      });\n      return response;\n    }));\n  }\n\n  /** Registers a specific query to be listened for. */\n  private _registerQuery(query: string): Query {\n    // Only set up a new MediaQueryList if it is not already being listened for.\n    if (this._queries.has(query)) {\n      return this._queries.get(query)!;\n    }\n\n    const mql = this._mediaMatcher.matchMedia(query);\n\n    // Create callback for match changes and add it is as a listener.\n    const queryObservable = new Observable((observer: Observer<MediaQueryList>) => {\n      // Listener callback methods are wrapped to be placed back in ngZone. Callbacks must be placed\n      // back into the zone because matchMedia is only included in Zone.js by loading the\n      // webapis-media-query.js file alongside the zone.js file.  Additionally, some browsers do not\n      // have MediaQueryList inherit from EventTarget, which causes inconsistencies in how Zone.js\n      // patches it.\n      const handler = (e: any) => this._zone.run(() => observer.next(e));\n      mql.addListener(handler);\n\n      return () => {\n        mql.removeListener(handler);\n      };\n    }).pipe(\n      startWith(mql),\n      map(({matches}) => ({query, matches})),\n      takeUntil(this._destroySubject)\n    );\n\n    // Add the MediaQueryList to the set of queries.\n    const output = {observable: queryObservable, mql};\n    this._queries.set(query, output);\n    return output;\n  }\n}\n\n/**\n * Split each query string into separate query strings if two queries are provided as comma\n * separated.\n */\nfunction splitQueries(queries: readonly string[]): readonly string[] {\n  return queries.map(query => query.split(','))\n                .reduce((a1, a2) => a1.concat(a2))\n                .map(query => query.trim());\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n// PascalCase is being used as Breakpoints is used like an enum.\n// tslint:disable-next-line:variable-name\nexport const Breakpoints = {\n  XSmall: '(max-width: 599.98px)',\n  Small: '(min-width: 600px) and (max-width: 959.98px)',\n  Medium: '(min-width: 960px) and (max-width: 1279.98px)',\n  Large: '(min-width: 1280px) and (max-width: 1919.98px)',\n  XLarge: '(min-width: 1920px)',\n\n  Handset: '(max-width: 599.98px) and (orientation: portrait), ' +\n           '(max-width: 959.98px) and (orientation: landscape)',\n  Tablet: '(min-width: 600px) and (max-width: 839.98px) and (orientation: portrait), ' +\n          '(min-width: 960px) and (max-width: 1279.98px) and (orientation: landscape)',\n  Web: '(min-width: 840px) and (orientation: portrait), ' +\n       '(min-width: 1280px) and (orientation: landscape)',\n\n  HandsetPortrait: '(max-width: 599.98px) and (orientation: portrait)',\n  TabletPortrait: '(min-width: 600px) and (max-width: 839.98px) and (orientation: portrait)',\n  WebPortrait: '(min-width: 840px) and (orientation: portrait)',\n\n  HandsetLandscape: '(max-width: 959.98px) and (orientation: landscape)',\n  TabletLandscape: '(min-width: 960px) and (max-width: 1279.98px) and (orientation: landscape)',\n  WebLandscape: '(min-width: 1280px) and (orientation: landscape)',\n};\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport {LayoutModule} from './layout-module';\nexport {BreakpointObserver, BreakpointState} from './breakpoints-observer';\nexport {Breakpoints} from './breakpoints';\nexport {MediaMatcher} from './media-matcher';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["NgModule","Injectable","Platform","Subject","coerceArray","combineLatest","concat","take","skip","debounceTime","map","Observable","startWith","takeUntil","NgZone"],"mappings":"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"}
+{"version":3,"file":"cdk-layout.umd.js","sources":["../../../../../src/cdk/layout/layout-module.ts","../../../../../src/cdk/layout/media-matcher.ts","../../../../../src/cdk/layout/breakpoints-observer.ts","../../../../../src/cdk/layout/breakpoints.ts","../../../../../src/cdk/layout/public-api.ts","../../../../../src/cdk/layout/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {NgModule} from '@angular/core';\n\n\n@NgModule({})\nexport class LayoutModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {Injectable} from '@angular/core';\nimport {Platform} from '@angular/cdk/platform';\n\n/** Global registry for all dynamically-created, injected media queries. */\nconst mediaQueriesForWebkitCompatibility: Set<string> = new Set<string>();\n\n/** Style tag that holds all of the dynamically-created media queries. */\nlet mediaQueryStyleNode: HTMLStyleElement | undefined;\n\n/** A utility for calling matchMedia queries. */\n@Injectable({providedIn: 'root'})\nexport class MediaMatcher {\n  /** The internal matchMedia method to return back a MediaQueryList like object. */\n  private _matchMedia: (query: string) => MediaQueryList;\n\n  constructor(private _platform: Platform) {\n    this._matchMedia = this._platform.isBrowser && window.matchMedia ?\n      // matchMedia is bound to the window scope intentionally as it is an illegal invocation to\n      // call it from a different scope.\n      window.matchMedia.bind(window) :\n      noopMatchMedia;\n  }\n\n  /**\n   * Evaluates the given media query and returns the native MediaQueryList from which results\n   * can be retrieved.\n   * Confirms the layout engine will trigger for the selector query provided and returns the\n   * MediaQueryList for the query provided.\n   */\n  matchMedia(query: string): MediaQueryList {\n    if (this._platform.WEBKIT || this._platform.BLINK) {\n      createEmptyStyleRule(query);\n    }\n    return this._matchMedia(query);\n  }\n}\n\n/**\n * Creates an empty stylesheet that is used to work around browser inconsistencies related to\n * `matchMedia`. At the time of writing, it handles the following cases:\n * 1. On WebKit browsers, a media query has to have at least one rule in order for `matchMedia`\n * to fire. We work around it by declaring a dummy stylesheet with a `@media` declaration.\n * 2. In some cases Blink browsers will stop firing the `matchMedia` listener if none of the rules\n * inside the `@media` match existing elements on the page. We work around it by having one rule\n * targeting the `body`. See https://github.com/angular/components/issues/23546.\n */\nfunction createEmptyStyleRule(query: string) {\n  if (mediaQueriesForWebkitCompatibility.has(query)) {\n    return;\n  }\n\n  try {\n    if (!mediaQueryStyleNode) {\n      mediaQueryStyleNode = document.createElement('style');\n      mediaQueryStyleNode.setAttribute('type', 'text/css');\n      document.head!.appendChild(mediaQueryStyleNode);\n    }\n\n    if (mediaQueryStyleNode.sheet) {\n      mediaQueryStyleNode.sheet.insertRule(`@media ${query} {body{ }}`, 0);\n      mediaQueriesForWebkitCompatibility.add(query);\n    }\n  } catch (e) {\n    console.error(e);\n  }\n}\n\n/** No-op matchMedia replacement for non-browser platforms. */\nfunction noopMatchMedia(query: string): MediaQueryList {\n  // Use `as any` here to avoid adding additional necessary properties for\n  // the noop matcher.\n  return {\n    matches: query === 'all' || query === '',\n    media: query,\n    addListener: () => {},\n    removeListener: () => {}\n  } as any;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {coerceArray} from '@angular/cdk/coercion';\nimport {Injectable, NgZone, OnDestroy} from '@angular/core';\nimport {combineLatest, concat, Observable, Observer, Subject} from 'rxjs';\nimport {debounceTime, map, skip, startWith, take, takeUntil} from 'rxjs/operators';\nimport {MediaMatcher} from './media-matcher';\n\n\n/** The current state of a layout breakpoint. */\nexport interface BreakpointState {\n  /** Whether the breakpoint is currently matching. */\n  matches: boolean;\n  /**\n   * A key boolean pair for each query provided to the observe method,\n   * with its current matched state.\n   */\n  breakpoints: {\n    [key: string]: boolean;\n  };\n}\n\n/** The current state of a layout breakpoint. */\ninterface InternalBreakpointState {\n  /** Whether the breakpoint is currently matching. */\n  matches: boolean;\n  /** The media query being to be matched */\n  query: string;\n}\n\ninterface Query {\n  observable: Observable<InternalBreakpointState>;\n  mql: MediaQueryList;\n}\n\n/** Utility for checking the matching state of @media queries. */\n@Injectable({providedIn: 'root'})\nexport class BreakpointObserver implements OnDestroy {\n  /**  A map of all media queries currently being listened for. */\n  private _queries = new Map<string, Query>();\n  /** A subject for all other observables to takeUntil based on. */\n  private readonly _destroySubject = new Subject<void>();\n\n  constructor(private _mediaMatcher: MediaMatcher, private _zone: NgZone) {}\n\n  /** Completes the active subject, signalling to all other observables to complete. */\n  ngOnDestroy() {\n    this._destroySubject.next();\n    this._destroySubject.complete();\n  }\n\n  /**\n   * Whether one or more media queries match the current viewport size.\n   * @param value One or more media queries to check.\n   * @returns Whether any of the media queries match.\n   */\n  isMatched(value: string | readonly string[]): boolean {\n    const queries = splitQueries(coerceArray(value));\n    return queries.some(mediaQuery => this._registerQuery(mediaQuery).mql.matches);\n  }\n\n  /**\n   * Gets an observable of results for the given queries that will emit new results for any changes\n   * in matching of the given queries.\n   * @param value One or more media queries to check.\n   * @returns A stream of matches for the given queries.\n   */\n  observe(value: string | readonly string[]): Observable<BreakpointState> {\n    const queries = splitQueries(coerceArray(value));\n    const observables = queries.map(query => this._registerQuery(query).observable);\n\n    let stateObservable = combineLatest(observables);\n    // Emit the first state immediately, and then debounce the subsequent emissions.\n    stateObservable = concat(\n      stateObservable.pipe(take(1)),\n      stateObservable.pipe(skip(1), debounceTime(0)));\n    return stateObservable.pipe(map(breakpointStates => {\n      const response: BreakpointState = {\n        matches: false,\n        breakpoints: {},\n      };\n      breakpointStates.forEach(({matches, query}) => {\n        response.matches = response.matches || matches;\n        response.breakpoints[query] = matches;\n      });\n      return response;\n    }));\n  }\n\n  /** Registers a specific query to be listened for. */\n  private _registerQuery(query: string): Query {\n    // Only set up a new MediaQueryList if it is not already being listened for.\n    if (this._queries.has(query)) {\n      return this._queries.get(query)!;\n    }\n\n    const mql = this._mediaMatcher.matchMedia(query);\n\n    // Create callback for match changes and add it is as a listener.\n    const queryObservable = new Observable((observer: Observer<MediaQueryList>) => {\n      // Listener callback methods are wrapped to be placed back in ngZone. Callbacks must be placed\n      // back into the zone because matchMedia is only included in Zone.js by loading the\n      // webapis-media-query.js file alongside the zone.js file.  Additionally, some browsers do not\n      // have MediaQueryList inherit from EventTarget, which causes inconsistencies in how Zone.js\n      // patches it.\n      const handler = (e: any) => this._zone.run(() => observer.next(e));\n      mql.addListener(handler);\n\n      return () => {\n        mql.removeListener(handler);\n      };\n    }).pipe(\n      startWith(mql),\n      map(({matches}) => ({query, matches})),\n      takeUntil(this._destroySubject)\n    );\n\n    // Add the MediaQueryList to the set of queries.\n    const output = {observable: queryObservable, mql};\n    this._queries.set(query, output);\n    return output;\n  }\n}\n\n/**\n * Split each query string into separate query strings if two queries are provided as comma\n * separated.\n */\nfunction splitQueries(queries: readonly string[]): readonly string[] {\n  return queries.map(query => query.split(','))\n                .reduce((a1, a2) => a1.concat(a2))\n                .map(query => query.trim());\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n// PascalCase is being used as Breakpoints is used like an enum.\n// tslint:disable-next-line:variable-name\nexport const Breakpoints = {\n  XSmall: '(max-width: 599.98px)',\n  Small: '(min-width: 600px) and (max-width: 959.98px)',\n  Medium: '(min-width: 960px) and (max-width: 1279.98px)',\n  Large: '(min-width: 1280px) and (max-width: 1919.98px)',\n  XLarge: '(min-width: 1920px)',\n\n  Handset: '(max-width: 599.98px) and (orientation: portrait), ' +\n           '(max-width: 959.98px) and (orientation: landscape)',\n  Tablet: '(min-width: 600px) and (max-width: 839.98px) and (orientation: portrait), ' +\n          '(min-width: 960px) and (max-width: 1279.98px) and (orientation: landscape)',\n  Web: '(min-width: 840px) and (orientation: portrait), ' +\n       '(min-width: 1280px) and (orientation: landscape)',\n\n  HandsetPortrait: '(max-width: 599.98px) and (orientation: portrait)',\n  TabletPortrait: '(min-width: 600px) and (max-width: 839.98px) and (orientation: portrait)',\n  WebPortrait: '(min-width: 840px) and (orientation: portrait)',\n\n  HandsetLandscape: '(max-width: 959.98px) and (orientation: landscape)',\n  TabletLandscape: '(min-width: 960px) and (max-width: 1279.98px) and (orientation: landscape)',\n  WebLandscape: '(min-width: 1280px) and (orientation: landscape)',\n};\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport {LayoutModule} from './layout-module';\nexport {BreakpointObserver, BreakpointState} from './breakpoints-observer';\nexport {Breakpoints} from './breakpoints';\nexport {MediaMatcher} from './media-matcher';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["NgModule","Injectable","Platform","Subject","coerceArray","combineLatest","concat","take","skip","debounceTime","map","Observable","startWith","takeUntil","NgZone"],"mappings":"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"}

package/bundles/cdk-overlay.umd.js

@@ -1023,16 +1023,6 @@
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
-    var globalsForTest = (typeof window !== 'undefined' ? window : {});
-    /**
-     * Whether we're in a testing environment.
-     * TODO(crisbeto): remove this once we have an overlay testing module or Angular starts tearing
-     * down the testing `NgModule` (see https://github.com/angular/angular/issues/18831).
-     */
-    var isTestEnvironment = (typeof globalsForTest.__karma__ !== 'undefined' && !!globalsForTest.__karma__) ||
-        (typeof globalsForTest.jasmine !== 'undefined' && !!globalsForTest.jasmine) ||
-        (typeof globalsForTest.jest !== 'undefined' && !!globalsForTest.jest) ||
-        (typeof globalsForTest.Mocha !== 'undefined' && !!globalsForTest.Mocha);
     /** Container inside which all overlays will render. */
     var OverlayContainer = /** @class */ (function () {
         function OverlayContainer(document, _platform) {
@@ -1047,7 +1037,7 @@
         };
         /**
          * This method returns the overlay container element. It will lazily
-         * create the element the first time  it is called to facilitate using
+         * create the element the first time it is called to facilitate using
          * the container in non-browser environments.
          * @returns the container element
          */
@@ -1063,7 +1053,10 @@
          */
         OverlayContainer.prototype._createContainer = function () {
             var containerClass = 'cdk-overlay-container';
-            if (this._platform.isBrowser || isTestEnvironment) {
+            // TODO(crisbeto): remove the testing check once we have an overlay testing
+            // module or Angular starts tearing down the testing `NgModule`. See:
+            // https://github.com/angular/angular/issues/18831
+            if (this._platform.isBrowser || i2._isTestEnvironment()) {
                 var oppositePlatformContainers = this._document.querySelectorAll("." + containerClass + "[platform=\"server\"], " +
                     ("." + containerClass + "[platform=\"test\"]"));
                 // Remove any old containers from the opposite platform.
@@ -1083,7 +1076,7 @@
             // module which does the cleanup, we try to detect that we're in a test environment and we
             // always clear the container. See #17006.
             // TODO(crisbeto): remove the test environment check once we have an overlay testing module.
-            if (isTestEnvironment) {
+            if (i2._isTestEnvironment()) {
                 container.setAttribute('platform', 'test');
             }
             else if (!this._platform.isBrowser) {
@@ -1260,7 +1253,7 @@
                 this._positionStrategy.dispose();
             }
             this._disposeScrollStrategy();
-            this.detachBackdrop();
+            this._disposeBackdrop(this._backdropElement);
             this._locationChanges.unsubscribe();
             this._keyboardDispatcher.remove(this);
             this._portalOutlet.dispose();
@@ -1446,15 +1439,7 @@
                 if (backdropToDetach) {
                     backdropToDetach.removeEventListener('click', _this._backdropClickHandler);
                     backdropToDetach.removeEventListener('transitionend', finishDetach);
-                    if (backdropToDetach.parentNode) {
-                        backdropToDetach.parentNode.removeChild(backdropToDetach);
-                    }
-                }
-                // It is possible that a new portal has been attached to this overlay since we started
-                // removing the backdrop. If that is the case, only clear the backdrop reference if it
-                // is still the same instance that we started to remove.
-                if (_this._backdropElement == backdropToDetach) {
-                    _this._backdropElement = null;
+                    _this._disposeBackdrop(backdropToDetach);
                 }
                 if (_this._config.backdropClass) {
                     _this._toggleClasses(backdropToDetach, _this._config.backdropClass, false);
@@ -1522,6 +1507,20 @@
                 }
             }
         };
+        /** Removes a backdrop element from the DOM. */
+        OverlayRef.prototype._disposeBackdrop = function (backdrop) {
+            if (backdrop) {
+                if (backdrop.parentNode) {
+                    backdrop.parentNode.removeChild(backdrop);
+                }
+                // It is possible that a new portal has been attached to this overlay since we started
+                // removing the backdrop. If that is the case, only clear the backdrop reference if it
+                // is still the same instance that we started to remove.
+                if (this._backdropElement === backdrop) {
+                    this._backdropElement = null;
+                }
+            }
+        };
         return OverlayRef;
     }());