@angular/material 7.0.4 → 7.2.1

package/bundles/material-sidenav.umd.js

@@ -42,14 +42,17 @@ function __extends(d, b) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/** *
+/**
  * Animations used by the Material drawers.
  * \@docs-private
-  @type {?} */
+ * @type {?}
+ */
 var matDrawerAnimations = {
-    /** Animation that slides a drawer in and out. */
+    /**
+     * Animation that slides a drawer in and out.
+     */
     transformDrawer: animations.trigger('transform', [
         // We remove the `transform` here completely, rather than setting it to zero, because:
         // 1. Having a transform can cause elements with ripples or an animated
@@ -71,7 +74,7 @@ var matDrawerAnimations = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Throws an exception when two MatDrawer are matching the same position.
@@ -82,9 +85,10 @@ var matDrawerAnimations = {
 function throwMatDuplicatedDrawerError(position) {
     throw Error("A drawer was already declared for 'position=\"" + position + "\"'");
 }
-/** *
+/**
  * Configures whether drawers should use auto sizing by default.
-  @type {?} */
+ * @type {?}
+ */
 var MAT_DRAWER_DEFAULT_AUTOSIZE = new core.InjectionToken('MAT_DRAWER_DEFAULT_AUTOSIZE', {
     providedIn: 'root',
     factory: MAT_DRAWER_DEFAULT_AUTOSIZE_FACTORY,
@@ -176,10 +180,15 @@ var MatDrawer = /** @class */ (function () {
          */
         this.openedChange = 
         // Note this has to be async in order to avoid some issues with two-bindings (see #8872).
-        new core.EventEmitter(/* isAsync */ /* isAsync */ true);
+        new core.EventEmitter(/* isAsync */ true);
+        /**
+         * Emits when the component is destroyed.
+         */
+        this._destroyed = new rxjs.Subject();
         /**
          * Event emitted when the drawer's position changes.
          */
+        // tslint:disable-next-line:no-output-on-prefix
         this.onPositionChanged = new core.EventEmitter();
         /**
          * An observable that emits when the drawer mode changes. This is used by the drawer container to
@@ -190,7 +199,7 @@ var MatDrawer = /** @class */ (function () {
         this.openedChange.subscribe(function (opened) {
             if (opened) {
                 if (_this._doc) {
-                    _this._elementFocusedBeforeDrawerWasOpened = /** @type {?} */ (_this._doc.activeElement);
+                    _this._elementFocusedBeforeDrawerWasOpened = (/** @type {?} */ (_this._doc.activeElement));
                 }
                 if (_this._isFocusTrapEnabled && _this._focusTrap) {
                     _this._trapFocus();
@@ -201,12 +210,12 @@ var MatDrawer = /** @class */ (function () {
             }
         });
         /**
-             * Listen to `keydown` events outside the zone so that change detection is not run every
-             * time a key is pressed. Instead we re-enter the zone only if the `ESC` key is pressed
-             * and we don't have close disabled.
-             */
+         * Listen to `keydown` events outside the zone so that change detection is not run every
+         * time a key is pressed. Instead we re-enter the zone only if the `ESC` key is pressed
+         * and we don't have close disabled.
+         */
         this._ngZone.runOutsideAngular(function () {
-            rxjs.fromEvent(_this._elementRef.nativeElement, 'keydown').pipe(operators.filter(function (event) { return event.keyCode === keycodes.ESCAPE && !_this.disableClose; })).subscribe(function (event) { return _this._ngZone.run(function () {
+            rxjs.fromEvent(_this._elementRef.nativeElement, 'keydown').pipe(operators.filter(function (event) { return event.keyCode === keycodes.ESCAPE && !_this.disableClose; }), operators.takeUntil(_this._destroyed)).subscribe(function (event) { return _this._ngZone.run(function () {
                 _this.close();
                 event.stopPropagation();
             }); });
@@ -352,12 +361,15 @@ var MatDrawer = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    /** Traps focus inside the drawer. */
     /**
      * Traps focus inside the drawer.
+     * @private
      * @return {?}
      */
     MatDrawer.prototype._trapFocus = /**
      * Traps focus inside the drawer.
+     * @private
      * @return {?}
      */
     function () {
@@ -376,11 +388,17 @@ var MatDrawer = /** @class */ (function () {
     /**
      * If focus is currently inside the drawer, restores it to where it was before the drawer
      * opened.
+     */
+    /**
+     * If focus is currently inside the drawer, restores it to where it was before the drawer
+     * opened.
+     * @private
      * @return {?}
      */
     MatDrawer.prototype._restoreFocus = /**
      * If focus is currently inside the drawer, restores it to where it was before the drawer
      * opened.
+     * @private
      * @return {?}
      */
     function () {
@@ -437,6 +455,8 @@ var MatDrawer = /** @class */ (function () {
         }
         this._animationStarted.complete();
         this._animationEnd.complete();
+        this._destroyed.next();
+        this._destroyed.complete();
     };
     Object.defineProperty(MatDrawer.prototype, "opened", {
         /**
@@ -592,7 +612,12 @@ var MatDrawer = /** @class */ (function () {
  * and coordinates the backdrop and content styling.
  */
 var MatDrawerContainer = /** @class */ (function () {
-    function MatDrawerContainer(_dir, _element, _ngZone, _changeDetectorRef, defaultAutosize, _animationMode) {
+    function MatDrawerContainer(_dir, _element, _ngZone, _changeDetectorRef, defaultAutosize, _animationMode, 
+    /**
+     * @deprecated viewportRuler to become a required parameter.
+     * @breaking-change 8.0.0
+     */
+    viewportRuler) {
         if (defaultAutosize === void 0) { defaultAutosize = false; }
         var _this = this;
         this._dir = _dir;
@@ -627,6 +652,13 @@ var MatDrawerContainer = /** @class */ (function () {
                 _this._updateContentMargins();
             });
         }
+        // Since the minimum width of the sidenav depends on the viewport width,
+        // we need to recompute the margins if the viewport changes.
+        if (viewportRuler) {
+            viewportRuler.change()
+                .pipe(operators.takeUntil(this._destroyed))
+                .subscribe(function () { return _this._updateContentMargins(); });
+        }
         this._autosize = defaultAutosize;
     }
     Object.defineProperty(MatDrawerContainer.prototype, "start", {
@@ -739,7 +771,6 @@ var MatDrawerContainer = /** @class */ (function () {
             _this._changeDetectorRef.markForCheck();
         });
         this._doCheckSubject.pipe(operators.debounceTime(10), // Arbitrary debounce time, less than a frame at 60fps
-        // Arbitrary debounce time, less than a frame at 60fps
         operators.takeUntil(this._destroyed)).subscribe(function () { return _this._updateContentMargins(); });
     };
     /**
@@ -795,6 +826,12 @@ var MatDrawerContainer = /** @class */ (function () {
      * Subscribes to drawer events in order to set a class on the main container element when the
      * drawer is open and the backdrop is visible. This ensures any overflow on the container element
      * is properly hidden.
+     */
+    /**
+     * Subscribes to drawer events in order to set a class on the main container element when the
+     * drawer is open and the backdrop is visible. This ensures any overflow on the container element
+     * is properly hidden.
+     * @private
      * @param {?} drawer
      * @return {?}
      */
@@ -802,12 +839,13 @@ var MatDrawerContainer = /** @class */ (function () {
      * Subscribes to drawer events in order to set a class on the main container element when the
      * drawer is open and the backdrop is visible. This ensures any overflow on the container element
      * is properly hidden.
+     * @private
      * @param {?} drawer
      * @return {?}
      */
     function (drawer) {
         var _this = this;
-        drawer._animationStarted.pipe(operators.takeUntil(this._drawers.changes), operators.filter(function (event) { return event.fromState !== event.toState; }))
+        drawer._animationStarted.pipe(operators.filter(function (event) { return event.fromState !== event.toState; }), operators.takeUntil(this._drawers.changes))
             .subscribe(function (event) {
             // Set the transition class on the container so that the animations occur. This should not
             // be set initially because animations should only be triggered via a change in state.
@@ -826,12 +864,18 @@ var MatDrawerContainer = /** @class */ (function () {
     /**
      * Subscribes to drawer onPositionChanged event in order to
      * re-validate drawers when the position changes.
+     */
+    /**
+     * Subscribes to drawer onPositionChanged event in order to
+     * re-validate drawers when the position changes.
+     * @private
      * @param {?} drawer
      * @return {?}
      */
     MatDrawerContainer.prototype._watchDrawerPosition = /**
      * Subscribes to drawer onPositionChanged event in order to
      * re-validate drawers when the position changes.
+     * @private
      * @param {?} drawer
      * @return {?}
      */
@@ -848,13 +892,16 @@ var MatDrawerContainer = /** @class */ (function () {
             });
         });
     };
+    /** Subscribes to changes in drawer mode so we can run change detection. */
     /**
      * Subscribes to changes in drawer mode so we can run change detection.
+     * @private
      * @param {?} drawer
      * @return {?}
      */
     MatDrawerContainer.prototype._watchDrawerMode = /**
      * Subscribes to changes in drawer mode so we can run change detection.
+     * @private
      * @param {?} drawer
      * @return {?}
      */
@@ -868,13 +915,16 @@ var MatDrawerContainer = /** @class */ (function () {
             });
         }
     };
+    /** Toggles the 'mat-drawer-opened' class on the main 'mat-drawer-container' element. */
     /**
      * Toggles the 'mat-drawer-opened' class on the main 'mat-drawer-container' element.
+     * @private
      * @param {?} isAdd
      * @return {?}
      */
     MatDrawerContainer.prototype._setContainerClass = /**
      * Toggles the 'mat-drawer-opened' class on the main 'mat-drawer-container' element.
+     * @private
      * @param {?} isAdd
      * @return {?}
      */
@@ -886,12 +936,15 @@ var MatDrawerContainer = /** @class */ (function () {
             this._element.nativeElement.classList.remove('mat-drawer-opened');
         }
     };
+    /** Validate the state of the drawer children components. */
     /**
      * Validate the state of the drawer children components.
+     * @private
      * @return {?}
      */
     MatDrawerContainer.prototype._validateDrawers = /**
      * Validate the state of the drawer children components.
+     * @private
      * @return {?}
      */
     function () {
@@ -923,12 +976,15 @@ var MatDrawerContainer = /** @class */ (function () {
             this._right = this._end;
         }
     };
+    /** Whether the container is being pushed to the side by one of the drawers. */
     /**
      * Whether the container is being pushed to the side by one of the drawers.
+     * @private
      * @return {?}
      */
     MatDrawerContainer.prototype._isPushed = /**
      * Whether the container is being pushed to the side by one of the drawers.
+     * @private
      * @return {?}
      */
     function () {
@@ -956,7 +1012,7 @@ var MatDrawerContainer = /** @class */ (function () {
         // Close all open drawers where closing is not disabled and the mode is not `side`.
         [this._start, this._end]
             .filter(function (drawer) { return drawer && !drawer.disableClose && _this._canHaveBackdrop(drawer); })
-            .forEach(function (drawer) { return ((drawer)).close(); });
+            .forEach(function (drawer) { return (/** @type {?} */ (drawer)).close(); });
     };
     /**
      * @return {?}
@@ -969,10 +1025,12 @@ var MatDrawerContainer = /** @class */ (function () {
             (this._isDrawerOpen(this._end) && this._canHaveBackdrop(this._end));
     };
     /**
+     * @private
      * @param {?} drawer
      * @return {?}
      */
     MatDrawerContainer.prototype._canHaveBackdrop = /**
+     * @private
      * @param {?} drawer
      * @return {?}
      */
@@ -980,10 +1038,12 @@ var MatDrawerContainer = /** @class */ (function () {
         return drawer.mode !== 'side' || !!this._backdropOverride;
     };
     /**
+     * @private
      * @param {?} drawer
      * @return {?}
      */
     MatDrawerContainer.prototype._isDrawerOpen = /**
+     * @private
      * @param {?} drawer
      * @return {?}
      */
@@ -993,15 +1053,33 @@ var MatDrawerContainer = /** @class */ (function () {
     /**
      * Recalculates and updates the inline styles for the content. Note that this should be used
      * sparingly, because it causes a reflow.
+     */
+    /**
+     * Recalculates and updates the inline styles for the content. Note that this should be used
+     * sparingly, because it causes a reflow.
+     * @private
      * @return {?}
      */
     MatDrawerContainer.prototype._updateContentMargins = /**
      * Recalculates and updates the inline styles for the content. Note that this should be used
      * sparingly, because it causes a reflow.
+     * @private
      * @return {?}
      */
     function () {
+        // 1. For drawers in `over` mode, they don't affect the content.
+        // 2. For drawers in `side` mode they should shrink the content. We do this by adding to the
+        //    left margin (for left drawer) or right margin (for right the drawer).
+        // 3. For drawers in `push` mode the should shift the content without resizing it. We do this by
+        //    adding to the left or right margin and simultaneously subtracting the same amount of
+        //    margin from the other side.
         var _this = this;
+        // 1. For drawers in `over` mode, they don't affect the content.
+        // 2. For drawers in `side` mode they should shrink the content. We do this by adding to the
+        //    left margin (for left drawer) or right margin (for right the drawer).
+        // 3. For drawers in `push` mode the should shift the content without resizing it. We do this by
+        //    adding to the left or right margin and simultaneously subtracting the same amount of
+        //    margin from the other side.
         /** @type {?} */
         var left = 0;
         /** @type {?} */
@@ -1032,8 +1110,8 @@ var MatDrawerContainer = /** @class */ (function () {
         // allows users to specify a custom size via CSS class in SSR scenarios where the
         // measured widths will always be zero. Note that we reset to `null` here, rather
         // than below, in order to ensure that the types in the `if` below are consistent.
-        left = left || /** @type {?} */ ((null));
-        right = right || /** @type {?} */ ((null));
+        left = left || (/** @type {?} */ (null));
+        right = right || (/** @type {?} */ (null));
         if (left !== this._contentMargins.left || right !== this._contentMargins.right) {
             this._contentMargins = { left: left, right: right };
             // Pull back into the NgZone since in some cases we could be outside. We need to be careful
@@ -1045,7 +1123,7 @@ var MatDrawerContainer = /** @class */ (function () {
         { type: core.Component, args: [{selector: 'mat-drawer-container',
                     exportAs: 'matDrawerContainer',
                     template: "<div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\" *ngIf=\"hasBackdrop\" [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div><ng-content select=\"mat-drawer\"></ng-content><ng-content select=\"mat-drawer-content\"></ng-content><mat-drawer-content *ngIf=\"!_content\"><ng-content></ng-content></mat-drawer-content>",
-                    styles: [".mat-drawer-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-opened{overflow:hidden}.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side{z-index:3}.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,.mat-drawer-container.ng-animate-disabled .mat-drawer-content,.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,.ng-animate-disabled .mat-drawer-container .mat-drawer-content{transition:none}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:3;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}.mat-drawer-transition .mat-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media screen and (-ms-high-contrast:active){.mat-drawer-backdrop{opacity:.5}}.mat-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.mat-drawer-transition .mat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.mat-drawer{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media screen and (-ms-high-contrast:active){.mat-drawer,[dir=rtl] .mat-drawer.mat-drawer-end{border-right:solid 1px currentColor}}@media screen and (-ms-high-contrast:active){.mat-drawer.mat-drawer-end,[dir=rtl] .mat-drawer{border-left:solid 1px currentColor;border-right:none}}.mat-drawer.mat-drawer-side{z-index:2}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer{transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%,0,0)}.mat-drawer-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mat-sidenav-fixed{position:fixed}"],
+                    styles: [".mat-drawer-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-opened{overflow:hidden}.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side{z-index:3}.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,.mat-drawer-container.ng-animate-disabled .mat-drawer-content,.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,.ng-animate-disabled .mat-drawer-container .mat-drawer-content{transition:none}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:3;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}.mat-drawer-transition .mat-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media (-ms-high-contrast:active){.mat-drawer-backdrop{opacity:.5}}.mat-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.mat-drawer-transition .mat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.mat-drawer{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media (-ms-high-contrast:active){.mat-drawer,[dir=rtl] .mat-drawer.mat-drawer-end{border-right:solid 1px currentColor}}@media (-ms-high-contrast:active){.mat-drawer.mat-drawer-end,[dir=rtl] .mat-drawer{border-left:solid 1px currentColor;border-right:none}}.mat-drawer.mat-drawer-side{z-index:2}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer{transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%,0,0)}.mat-drawer-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mat-sidenav-fixed{position:fixed}"],
                     host: {
                         'class': 'mat-drawer-container',
                         '[class.mat-drawer-container-explicit-backdrop]': '_backdropOverride',
@@ -1061,7 +1139,8 @@ var MatDrawerContainer = /** @class */ (function () {
         { type: core.NgZone },
         { type: core.ChangeDetectorRef },
         { type: undefined, decorators: [{ type: core.Inject, args: [MAT_DRAWER_DEFAULT_AUTOSIZE,] }] },
-        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [animations$1.ANIMATION_MODULE_TYPE,] }] }
+        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [animations$1.ANIMATION_MODULE_TYPE,] }] },
+        { type: scrolling.ViewportRuler, decorators: [{ type: core.Optional }] }
     ]; };
     MatDrawerContainer.propDecorators = {
         _drawers: [{ type: core.ContentChildren, args: [MatDrawer,] }],
@@ -1076,7 +1155,7 @@ var MatDrawerContainer = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var MatSidenavContent = /** @class */ (function (_super) {
     __extends(MatSidenavContent, _super);
@@ -1208,7 +1287,7 @@ var MatSidenavContainer = /** @class */ (function (_super) {
         { type: core.Component, args: [{selector: 'mat-sidenav-container',
                     exportAs: 'matSidenavContainer',
                     template: "<div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\" *ngIf=\"hasBackdrop\" [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div><ng-content select=\"mat-sidenav\"></ng-content><ng-content select=\"mat-sidenav-content\"></ng-content><mat-sidenav-content *ngIf=\"!_content\" cdkScrollable><ng-content></ng-content></mat-sidenav-content>",
-                    styles: [".mat-drawer-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-opened{overflow:hidden}.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side{z-index:3}.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,.mat-drawer-container.ng-animate-disabled .mat-drawer-content,.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,.ng-animate-disabled .mat-drawer-container .mat-drawer-content{transition:none}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:3;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}.mat-drawer-transition .mat-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media screen and (-ms-high-contrast:active){.mat-drawer-backdrop{opacity:.5}}.mat-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.mat-drawer-transition .mat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.mat-drawer{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media screen and (-ms-high-contrast:active){.mat-drawer,[dir=rtl] .mat-drawer.mat-drawer-end{border-right:solid 1px currentColor}}@media screen and (-ms-high-contrast:active){.mat-drawer.mat-drawer-end,[dir=rtl] .mat-drawer{border-left:solid 1px currentColor;border-right:none}}.mat-drawer.mat-drawer-side{z-index:2}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer{transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%,0,0)}.mat-drawer-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mat-sidenav-fixed{position:fixed}"],
+                    styles: [".mat-drawer-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-opened{overflow:hidden}.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side{z-index:3}.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,.mat-drawer-container.ng-animate-disabled .mat-drawer-content,.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,.ng-animate-disabled .mat-drawer-container .mat-drawer-content{transition:none}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:3;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}.mat-drawer-transition .mat-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media (-ms-high-contrast:active){.mat-drawer-backdrop{opacity:.5}}.mat-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.mat-drawer-transition .mat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.mat-drawer{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media (-ms-high-contrast:active){.mat-drawer,[dir=rtl] .mat-drawer.mat-drawer-end{border-right:solid 1px currentColor}}@media (-ms-high-contrast:active){.mat-drawer.mat-drawer-end,[dir=rtl] .mat-drawer{border-left:solid 1px currentColor;border-right:none}}.mat-drawer.mat-drawer-side{z-index:2}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer{transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%,0,0)}.mat-drawer-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mat-sidenav-fixed{position:fixed}"],
                     host: {
                         'class': 'mat-drawer-container mat-sidenav-container',
                         '[class.mat-drawer-container-explicit-backdrop]': '_backdropOverride',
@@ -1226,7 +1305,7 @@ var MatSidenavContainer = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var MatSidenavModule = /** @class */ (function () {
     function MatSidenavModule() {