@angular/material 2.0.0-beta.0 → 2.0.0-beta.12

package/sidenav/sidenav.js

@@ -1,580 +0,0 @@
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { NgModule, Component, ContentChildren, ElementRef, Input, Optional, Output, QueryList, ChangeDetectionStrategy, EventEmitter, Renderer, ViewEncapsulation, ViewChild } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Dir, MdError, coerceBooleanProperty, DefaultStyleCompatibilityModeModule } from '../core';
-import { A11yModule } from '../core/a11y/index';
-import { FocusTrap } from '../core/a11y/focus-trap';
-import { ESCAPE } from '../core/keyboard/keycodes';
-import { OverlayModule } from '../core/overlay/overlay-directives';
-import { InteractivityChecker } from '../core/a11y/interactivity-checker';
-/** Exception thrown when two MdSidenav are matching the same side. */
-export var MdDuplicatedSidenavError = (function (_super) {
-    __extends(MdDuplicatedSidenavError, _super);
-    function MdDuplicatedSidenavError(align) {
-        _super.call(this, "A sidenav was already declared for 'align=\"" + align + "\"'");
-    }
-    return MdDuplicatedSidenavError;
-}(MdError));
-/** Sidenav toggle promise result. */
-export var MdSidenavToggleResult = (function () {
-    function MdSidenavToggleResult(type, animationFinished) {
-        this.type = type;
-        this.animationFinished = animationFinished;
-    }
-    return MdSidenavToggleResult;
-}());
-/**
- * <md-sidenav> component.
- *
- * This component corresponds to the drawer of the sidenav.
- *
- * Please refer to README.md for examples on how to use it.
- */
-export var MdSidenav = (function () {
-    /**
-     * @param _elementRef The DOM element reference. Used for transition and width calculation.
-     *     If not available we do not hook on transitions.
-     */
-    function MdSidenav(_elementRef, _renderer) {
-        var _this = this;
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        /** Alignment of the sidenav (direction neutral); whether 'start' or 'end'. */
-        this._align = 'start';
-        this._valid = true;
-        /** Mode of the sidenav; whether 'over' or 'side'. */
-        this.mode = 'over';
-        /** Whether the sidenav is opened. */
-        this._opened = false;
-        /** Event emitted when the sidenav is being opened. Use this to synchronize animations. */
-        this.onOpenStart = new EventEmitter();
-        /** Event emitted when the sidenav is fully opened. */
-        this.onOpen = new EventEmitter();
-        /** Event emitted when the sidenav is being closed. Use this to synchronize animations. */
-        this.onCloseStart = new EventEmitter();
-        /** Event emitted when the sidenav is fully closed. */
-        this.onClose = new EventEmitter();
-        /** Event emitted when the sidenav alignment changes. */
-        this.onAlignChanged = new EventEmitter();
-        /** The current toggle animation promise. `null` if no animation is in progress. */
-        this._toggleAnimationPromise = null;
-        /**
-         * The current toggle animation promise resolution function.
-         * `null` if no animation is in progress.
-         */
-        this._resolveToggleAnimationPromise = null;
-        this._elementFocusedBeforeSidenavWasOpened = null;
-        this.onOpen.subscribe(function () {
-            _this._elementFocusedBeforeSidenavWasOpened = document.activeElement;
-            if (!_this.isFocusTrapDisabled) {
-                _this._focusTrap.focusFirstTabbableElementWhenReady();
-            }
-        });
-        this.onClose.subscribe(function () {
-            if (_this._elementFocusedBeforeSidenavWasOpened instanceof HTMLElement) {
-                _this._renderer.invokeElementMethod(_this._elementFocusedBeforeSidenavWasOpened, 'focus');
-            }
-            else {
-                _this._renderer.invokeElementMethod(_this._elementRef.nativeElement, 'blur');
-            }
-            _this._elementFocusedBeforeSidenavWasOpened = null;
-        });
-    }
-    Object.defineProperty(MdSidenav.prototype, "valid", {
-        /** Whether this md-sidenav is part of a valid md-sidenav-container configuration. */
-        get: function () { return this._valid; },
-        set: function (value) {
-            value = coerceBooleanProperty(value);
-            // When the drawers are not in a valid configuration we close them all until they are in a valid
-            // configuration again.
-            if (!value) {
-                this.close();
-            }
-            this._valid = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "align", {
-        /** Direction which the sidenav is aligned in. */
-        get: function () { return this._align; },
-        set: function (value) {
-            // Make sure we have a valid value.
-            value = (value == 'end') ? 'end' : 'start';
-            if (value != this._align) {
-                this._align = value;
-                this.onAlignChanged.emit();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "isFocusTrapDisabled", {
-        get: function () {
-            // The focus trap is only enabled when the sidenav is open in any mode other than side.
-            return !this.opened || this.mode == 'side';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdSidenav.prototype.ngAfterContentInit = function () {
-        // This can happen when the sidenav is set to opened in the template and the transition
-        // isn't ended.
-        if (this._toggleAnimationPromise) {
-            this._resolveToggleAnimationPromise(true);
-            this._toggleAnimationPromise = this._resolveToggleAnimationPromise = null;
-        }
-    };
-    Object.defineProperty(MdSidenav.prototype, "opened", {
-        /**
-         * Whether the sidenav is opened. We overload this because we trigger an event when it
-         * starts or end.
-         */
-        get: function () { return this._opened; },
-        set: function (v) {
-            this.toggle(coerceBooleanProperty(v));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** Open this sidenav, and return a Promise that will resolve when it's fully opened (or get
-     * rejected if it didn't). */
-    MdSidenav.prototype.open = function () {
-        return this.toggle(true);
-    };
-    /**
-     * Close this sidenav, and return a Promise that will resolve when it's fully closed (or get
-     * rejected if it didn't).
-     */
-    MdSidenav.prototype.close = function () {
-        return this.toggle(false);
-    };
-    /**
-     * Toggle this sidenav. This is equivalent to calling open() when it's already opened, or
-     * close() when it's closed.
-     * @param isOpen Whether the sidenav should be open.
-     * @returns Resolves with the result of whether the sidenav was opened or closed.
-     */
-    MdSidenav.prototype.toggle = function (isOpen) {
-        var _this = this;
-        if (isOpen === void 0) { isOpen = !this.opened; }
-        if (!this.valid) {
-            return Promise.resolve(new MdSidenavToggleResult(isOpen ? 'open' : 'close', true));
-        }
-        // Shortcut it if we're already opened.
-        if (isOpen === this.opened) {
-            return this._toggleAnimationPromise ||
-                Promise.resolve(new MdSidenavToggleResult(isOpen ? 'open' : 'close', true));
-        }
-        this._opened = isOpen;
-        if (isOpen) {
-            this.onOpenStart.emit();
-        }
-        else {
-            this.onCloseStart.emit();
-        }
-        if (this._toggleAnimationPromise) {
-            this._resolveToggleAnimationPromise(false);
-        }
-        this._toggleAnimationPromise = new Promise(function (resolve) {
-            _this._resolveToggleAnimationPromise = function (animationFinished) {
-                return resolve(new MdSidenavToggleResult(isOpen ? 'open' : 'close', animationFinished));
-            };
-        });
-        return this._toggleAnimationPromise;
-    };
-    /**
-     * Handles the keyboard events.
-     * @docs-private
-     */
-    MdSidenav.prototype.handleKeydown = function (event) {
-        if (event.keyCode === ESCAPE) {
-            this.close();
-            event.stopPropagation();
-        }
-    };
-    /**
-     * When transition has finished, set the internal state for classes and emit the proper event.
-     * The event passed is actually of type TransitionEvent, but that type is not available in
-     * Android so we use any.
-     */
-    MdSidenav.prototype._onTransitionEnd = function (transitionEvent) {
-        if (transitionEvent.target == this._elementRef.nativeElement
-            && transitionEvent.propertyName.endsWith('transform')) {
-            if (this._opened) {
-                this.onOpen.emit();
-            }
-            else {
-                this.onClose.emit();
-            }
-            if (this._toggleAnimationPromise) {
-                this._resolveToggleAnimationPromise(true);
-                this._toggleAnimationPromise = this._resolveToggleAnimationPromise = null;
-            }
-        }
-    };
-    Object.defineProperty(MdSidenav.prototype, "_isClosing", {
-        get: function () {
-            return !this._opened && !!this._toggleAnimationPromise;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "_isOpening", {
-        get: function () {
-            return this._opened && !!this._toggleAnimationPromise;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "_isClosed", {
-        get: function () {
-            return !this._opened && !this._toggleAnimationPromise;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "_isOpened", {
-        get: function () {
-            return this._opened && !this._toggleAnimationPromise;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "_isEnd", {
-        get: function () {
-            return this.align == 'end';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "_modeSide", {
-        get: function () {
-            return this.mode == 'side';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "_modeOver", {
-        get: function () {
-            return this.mode == 'over';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "_modePush", {
-        get: function () {
-            return this.mode == 'push';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenav.prototype, "_width", {
-        get: function () {
-            if (this._elementRef.nativeElement) {
-                return this._elementRef.nativeElement.offsetWidth;
-            }
-            return 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        ViewChild(FocusTrap), 
-        __metadata('design:type', FocusTrap)
-    ], MdSidenav.prototype, "_focusTrap", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdSidenav.prototype, "align", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdSidenav.prototype, "mode", void 0);
-    __decorate([
-        Output('open-start'), 
-        __metadata('design:type', Object)
-    ], MdSidenav.prototype, "onOpenStart", void 0);
-    __decorate([
-        Output('open'), 
-        __metadata('design:type', Object)
-    ], MdSidenav.prototype, "onOpen", void 0);
-    __decorate([
-        Output('close-start'), 
-        __metadata('design:type', Object)
-    ], MdSidenav.prototype, "onCloseStart", void 0);
-    __decorate([
-        Output('close'), 
-        __metadata('design:type', Object)
-    ], MdSidenav.prototype, "onClose", void 0);
-    __decorate([
-        Output('align-changed'), 
-        __metadata('design:type', Object)
-    ], MdSidenav.prototype, "onAlignChanged", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdSidenav.prototype, "opened", null);
-    MdSidenav = __decorate([
-        Component({selector: 'md-sidenav, mat-sidenav',
-            // TODO(mmalerba): move template to separate file.
-            template: "<cdk-focus-trap class=\"md-sidenav-focus-trap\" [disabled]=\"isFocusTrapDisabled\"><ng-content></ng-content></cdk-focus-trap>",
-            host: {
-                '(transitionend)': '_onTransitionEnd($event)',
-                '(keydown)': 'handleKeydown($event)',
-                // must prevent the browser from aligning text based on value
-                '[attr.align]': 'null',
-                '[class.md-sidenav-closed]': '_isClosed',
-                '[class.md-sidenav-closing]': '_isClosing',
-                '[class.md-sidenav-end]': '_isEnd',
-                '[class.md-sidenav-opened]': '_isOpened',
-                '[class.md-sidenav-opening]': '_isOpening',
-                '[class.md-sidenav-over]': '_modeOver',
-                '[class.md-sidenav-push]': '_modePush',
-                '[class.md-sidenav-side]': '_modeSide',
-                '[class.md-sidenav-invalid]': '!valid',
-                'tabIndex': '-1'
-            },
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            encapsulation: ViewEncapsulation.None,
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdSidenav);
-    return MdSidenav;
-}());
-/**
- * <md-sidenav-container> component.
- *
- * This is the parent component to one or two <md-sidenav>s that validates the state internally
- * and coordinates the backdrop and content styling.
- */
-export var MdSidenavContainer = (function () {
-    function MdSidenavContainer(_dir, _element, _renderer) {
-        var _this = this;
-        this._dir = _dir;
-        this._element = _element;
-        this._renderer = _renderer;
-        /** Event emitted when the sidenav backdrop is clicked. */
-        this.onBackdropClicked = new EventEmitter();
-        // If a `Dir` directive exists up the tree, listen direction changes and update the left/right
-        // properties to point to the proper start/end.
-        if (_dir != null) {
-            _dir.dirChange.subscribe(function () { return _this._validateDrawers(); });
-        }
-    }
-    Object.defineProperty(MdSidenavContainer.prototype, "start", {
-        /** The sidenav child with the `start` alignment. */
-        get: function () { return this._start; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdSidenavContainer.prototype, "end", {
-        /** The sidenav child with the `end` alignment. */
-        get: function () { return this._end; },
-        enumerable: true,
-        configurable: true
-    });
-    MdSidenavContainer.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        // On changes, assert on consistency.
-        this._sidenavs.changes.subscribe(function () { return _this._validateDrawers(); });
-        this._sidenavs.forEach(function (sidenav) {
-            _this._watchSidenavToggle(sidenav);
-            _this._watchSidenavAlign(sidenav);
-        });
-        this._validateDrawers();
-    };
-    /**
-     * Subscribes to sidenav events in order to set a class on the main container element when the
-     * sidenav is open and the backdrop is visible. This ensures any overflow on the container element
-     * is properly hidden.
-     */
-    MdSidenavContainer.prototype._watchSidenavToggle = function (sidenav) {
-        var _this = this;
-        if (!sidenav || sidenav.mode === 'side') {
-            return;
-        }
-        sidenav.onOpen.subscribe(function () { return _this._setContainerClass(sidenav, true); });
-        sidenav.onClose.subscribe(function () { return _this._setContainerClass(sidenav, false); });
-    };
-    /**
-     * Subscribes to sidenav onAlignChanged event in order to re-validate drawers when the align
-     * changes.
-     */
-    MdSidenavContainer.prototype._watchSidenavAlign = function (sidenav) {
-        var _this = this;
-        if (!sidenav) {
-            return;
-        }
-        sidenav.onAlignChanged.subscribe(function () { return _this._validateDrawers(); });
-    };
-    /** Toggles the 'md-sidenav-opened' class on the main 'md-sidenav-container' element. */
-    MdSidenavContainer.prototype._setContainerClass = function (sidenav, bool) {
-        this._renderer.setElementClass(this._element.nativeElement, 'md-sidenav-opened', bool);
-    };
-    /** Sets the valid state of the drawers. */
-    MdSidenavContainer.prototype._setDrawersValid = function (valid) {
-        this._sidenavs.forEach(function (sidenav) {
-            sidenav.valid = valid;
-        });
-        if (!valid) {
-            this._start = this._end = this._left = this._right = null;
-        }
-    };
-    /** Validate the state of the sidenav children components. */
-    MdSidenavContainer.prototype._validateDrawers = function () {
-        this._start = this._end = null;
-        // Ensure that we have at most one start and one end sidenav.
-        // NOTE: We must call toArray on _sidenavs even though it's iterable
-        // (see https://github.com/Microsoft/TypeScript/issues/3164).
-        for (var _i = 0, _a = this._sidenavs.toArray(); _i < _a.length; _i++) {
-            var sidenav = _a[_i];
-            if (sidenav.align == 'end') {
-                if (this._end != null) {
-                    this._setDrawersValid(false);
-                    return;
-                }
-                this._end = sidenav;
-            }
-            else {
-                if (this._start != null) {
-                    this._setDrawersValid(false);
-                    return;
-                }
-                this._start = sidenav;
-            }
-        }
-        this._right = this._left = null;
-        // Detect if we're LTR or RTL.
-        if (this._dir == null || this._dir.value == 'ltr') {
-            this._left = this._start;
-            this._right = this._end;
-        }
-        else {
-            this._left = this._end;
-            this._right = this._start;
-        }
-        this._setDrawersValid(true);
-    };
-    MdSidenavContainer.prototype._onBackdropClicked = function () {
-        this.onBackdropClicked.emit();
-        this._closeModalSidenav();
-    };
-    MdSidenavContainer.prototype._closeModalSidenav = function () {
-        if (this._start != null && this._start.mode != 'side') {
-            this._start.close();
-        }
-        if (this._end != null && this._end.mode != 'side') {
-            this._end.close();
-        }
-    };
-    MdSidenavContainer.prototype._isShowingBackdrop = function () {
-        return (this._isSidenavOpen(this._start) && this._start.mode != 'side')
-            || (this._isSidenavOpen(this._end) && this._end.mode != 'side');
-    };
-    MdSidenavContainer.prototype._isSidenavOpen = function (side) {
-        return side != null && side.opened;
-    };
-    /**
-     * Return the width of the sidenav, if it's in the proper mode and opened.
-     * This may relayout the view, so do not call this often.
-     * @param sidenav
-     * @param mode
-     */
-    MdSidenavContainer.prototype._getSidenavEffectiveWidth = function (sidenav, mode) {
-        return (this._isSidenavOpen(sidenav) && sidenav.mode == mode) ? sidenav._width : 0;
-    };
-    MdSidenavContainer.prototype._getMarginLeft = function () {
-        return this._getSidenavEffectiveWidth(this._left, 'side');
-    };
-    MdSidenavContainer.prototype._getMarginRight = function () {
-        return this._getSidenavEffectiveWidth(this._right, 'side');
-    };
-    MdSidenavContainer.prototype._getPositionLeft = function () {
-        return this._getSidenavEffectiveWidth(this._left, 'push');
-    };
-    MdSidenavContainer.prototype._getPositionRight = function () {
-        return this._getSidenavEffectiveWidth(this._right, 'push');
-    };
-    /**
-     * Returns the horizontal offset for the content area.  There should never be a value for both
-     * left and right, so by subtracting the right value from the left value, we should always get
-     * the appropriate offset.
-     */
-    MdSidenavContainer.prototype._getPositionOffset = function () {
-        return this._getPositionLeft() - this._getPositionRight();
-    };
-    /**
-     * This is using [ngStyle] rather than separate [style...] properties because [style.transform]
-     * doesn't seem to work right now.
-     */
-    MdSidenavContainer.prototype._getStyles = function () {
-        return {
-            marginLeft: this._getMarginLeft() + "px",
-            marginRight: this._getMarginRight() + "px",
-            transform: "translate3d(" + this._getPositionOffset() + "px, 0, 0)"
-        };
-    };
-    __decorate([
-        ContentChildren(MdSidenav), 
-        __metadata('design:type', QueryList)
-    ], MdSidenavContainer.prototype, "_sidenavs", void 0);
-    __decorate([
-        Output('backdrop-clicked'), 
-        __metadata('design:type', Object)
-    ], MdSidenavContainer.prototype, "onBackdropClicked", void 0);
-    MdSidenavContainer = __decorate([
-        Component({selector: 'md-sidenav-container, mat-sidenav-container, md-sidenav-layout, mat-sidenav-layout',
-            // Do not use ChangeDetectionStrategy.OnPush. It does not work for this component because
-            // technically it is a sibling of MdSidenav (on the content tree) and isn't updated when MdSidenav
-            // changes its state.
-            template: "<div class=\"md-sidenav-backdrop\" (click)=\"_onBackdropClicked()\" [class.md-sidenav-shown]=\"_isShowingBackdrop()\"></div><ng-content select=\"md-sidenav, mat-sidenav\"></ng-content><div class=\"md-sidenav-content\" [ngStyle]=\"_getStyles()\"><ng-content></ng-content></div>",
-            styles: [".md-sidenav-container,.md-sidenav-content{transform:translate3d(0,0,0);display:block}.md-sidenav-container{position:relative;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow:hidden}.md-sidenav-backdrop,.md-sidenav-container[fullscreen]{position:absolute;top:0;bottom:0;right:0;left:0}.md-sidenav-container[fullscreen].md-sidenav-opened{overflow:hidden}.md-sidenav-backdrop{display:block;z-index:2;visibility:hidden}.md-sidenav-backdrop.md-sidenav-shown{visibility:visible}@media screen and (-ms-high-contrast:active){.md-sidenav-backdrop{opacity:.5}}.md-sidenav-content{position:relative;height:100%;overflow:auto}md-sidenav,md-sidenav.md-sidenav-closing{transform:translate3d(-100%,0,0)}md-sidenav{display:block;position:absolute;top:0;bottom:0;z-index:3;min-width:5%;outline:0}md-sidenav.md-sidenav-closed{visibility:hidden}md-sidenav.md-sidenav-opened,md-sidenav.md-sidenav-opening{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);transform:translate3d(0,0,0)}md-sidenav.md-sidenav-opening{visibility:visible}md-sidenav.md-sidenav-end,md-sidenav.md-sidenav-end.md-sidenav-closing{transform:translate3d(100%,0,0)}md-sidenav.md-sidenav-side{z-index:1}md-sidenav.md-sidenav-end{right:0}md-sidenav.md-sidenav-end.md-sidenav-closed{visibility:hidden}md-sidenav.md-sidenav-end.md-sidenav-opened,md-sidenav.md-sidenav-end.md-sidenav-opening{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);transform:translate3d(0,0,0)}md-sidenav.md-sidenav-end.md-sidenav-opening{visibility:visible}[dir=rtl] md-sidenav,[dir=rtl] md-sidenav.md-sidenav-closing{transform:translate3d(100%,0,0)}[dir=rtl] md-sidenav.md-sidenav-closed{visibility:hidden}[dir=rtl] md-sidenav.md-sidenav-opened,[dir=rtl] md-sidenav.md-sidenav-opening{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);transform:translate3d(0,0,0)}[dir=rtl] md-sidenav.md-sidenav-opening{visibility:visible}[dir=rtl] md-sidenav.md-sidenav-end{left:0;right:auto;transform:translate3d(-100%,0,0)}[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-closed{visibility:hidden}[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-closing{transform:translate3d(-100%,0,0)}[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-opened,[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-opening{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);transform:translate3d(0,0,0)}[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-opening{visibility:visible}.md-sidenav-focus-trap{height:100%}.md-sidenav-focus-trap>.cdk-focus-trap-content{box-sizing:border-box;height:100%;overflow-y:auto;transform:translateZ(0)}.md-sidenav-invalid{display:none}",
-".md-sidenav-content,md-sidenav{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.md-sidenav-backdrop.md-sidenav-shown{transition:background-color .4s cubic-bezier(.25,.8,.25,1)}"],
-            host: {
-                'class': 'md-sidenav-container',
-            },
-            encapsulation: ViewEncapsulation.None,
-        }),
-        __param(0, Optional()), 
-        __metadata('design:paramtypes', [Dir, ElementRef, Renderer])
-    ], MdSidenavContainer);
-    return MdSidenavContainer;
-}());
-export var MdSidenavModule = (function () {
-    function MdSidenavModule() {
-    }
-    MdSidenavModule.forRoot = function () {
-        return {
-            ngModule: MdSidenavModule,
-            providers: [InteractivityChecker]
-        };
-    };
-    MdSidenavModule = __decorate([
-        NgModule({
-            imports: [CommonModule, DefaultStyleCompatibilityModeModule, A11yModule, OverlayModule],
-            exports: [MdSidenavContainer, MdSidenav, DefaultStyleCompatibilityModeModule],
-            declarations: [MdSidenavContainer, MdSidenav],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdSidenavModule);
-    return MdSidenavModule;
-}());
-
-//# sourceMappingURL=sidenav.js.map

package/sidenav/sidenav.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["sidenav/sidenav.ts"],"names":[],"mappings":"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","file":"sidenav.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  ElementRef,\n  Input,\n  Optional,\n  Output,\n  QueryList,\n  ChangeDetectionStrategy,\n  EventEmitter,\n  Renderer,\n  ViewEncapsulation,\n  ViewChild\n} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {Dir, MdError, coerceBooleanProperty, DefaultStyleCompatibilityModeModule} from '../core';\nimport {A11yModule} from '../core/a11y/index';\nimport {FocusTrap} from '../core/a11y/focus-trap';\nimport {ESCAPE} from '../core/keyboard/keycodes';\nimport {OverlayModule} from '../core/overlay/overlay-directives';\nimport {InteractivityChecker} from '../core/a11y/interactivity-checker';\n\n\n/** Exception thrown when two MdSidenav are matching the same side. */\nexport class MdDuplicatedSidenavError extends MdError {\n  constructor(align: string) {\n    super(`A sidenav was already declared for 'align=\"${align}\"'`);\n  }\n}\n\n\n/** Sidenav toggle promise result. */\nexport class MdSidenavToggleResult {\n  constructor(public type: 'open' | 'close', public animationFinished: boolean) {}\n}\n\n\n/**\n * <md-sidenav> component.\n *\n * This component corresponds to the drawer of the sidenav.\n *\n * Please refer to README.md for examples on how to use it.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-sidenav, mat-sidenav',\n  // TODO(mmalerba): move template to separate file.\n  templateUrl: 'sidenav.html',\n  host: {\n    '(transitionend)': '_onTransitionEnd($event)',\n    '(keydown)': 'handleKeydown($event)',\n    // must prevent the browser from aligning text based on value\n    '[attr.align]': 'null',\n    '[class.md-sidenav-closed]': '_isClosed',\n    '[class.md-sidenav-closing]': '_isClosing',\n    '[class.md-sidenav-end]': '_isEnd',\n    '[class.md-sidenav-opened]': '_isOpened',\n    '[class.md-sidenav-opening]': '_isOpening',\n    '[class.md-sidenav-over]': '_modeOver',\n    '[class.md-sidenav-push]': '_modePush',\n    '[class.md-sidenav-side]': '_modeSide',\n    '[class.md-sidenav-invalid]': '!valid',\n    'tabIndex': '-1'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdSidenav implements AfterContentInit {\n  @ViewChild(FocusTrap) _focusTrap: FocusTrap;\n\n  /** Alignment of the sidenav (direction neutral); whether 'start' or 'end'. */\n  private _align: 'start' | 'end' = 'start';\n\n  /** Whether this md-sidenav is part of a valid md-sidenav-container configuration. */\n  get valid() { return this._valid; }\n  set valid(value) {\n    value = coerceBooleanProperty(value);\n    // When the drawers are not in a valid configuration we close them all until they are in a valid\n    // configuration again.\n    if (!value) {\n      this.close();\n    }\n    this._valid = value;\n  }\n  private _valid = true;\n\n  /** Direction which the sidenav is aligned in. */\n  @Input()\n  get align() { return this._align; }\n  set align(value) {\n    // Make sure we have a valid value.\n    value = (value == 'end') ? 'end' : 'start';\n    if (value != this._align) {\n      this._align = value;\n      this.onAlignChanged.emit();\n    }\n  }\n\n  /** Mode of the sidenav; whether 'over' or 'side'. */\n  @Input() mode: 'over' | 'push' | 'side' = 'over';\n\n  /** Whether the sidenav is opened. */\n  _opened: boolean = false;\n\n  /** Event emitted when the sidenav is being opened. Use this to synchronize animations. */\n  @Output('open-start') onOpenStart = new EventEmitter<void>();\n\n  /** Event emitted when the sidenav is fully opened. */\n  @Output('open') onOpen = new EventEmitter<void>();\n\n  /** Event emitted when the sidenav is being closed. Use this to synchronize animations. */\n  @Output('close-start') onCloseStart = new EventEmitter<void>();\n\n  /** Event emitted when the sidenav is fully closed. */\n  @Output('close') onClose = new EventEmitter<void>();\n\n  /** Event emitted when the sidenav alignment changes. */\n  @Output('align-changed') onAlignChanged = new EventEmitter<void>();\n\n  /** The current toggle animation promise. `null` if no animation is in progress. */\n  private _toggleAnimationPromise: Promise<MdSidenavToggleResult> = null;\n\n  /**\n   * The current toggle animation promise resolution function.\n   * `null` if no animation is in progress.\n   */\n  private _resolveToggleAnimationPromise: (animationFinished: boolean) => void = null;\n\n  get isFocusTrapDisabled() {\n    // The focus trap is only enabled when the sidenav is open in any mode other than side.\n    return !this.opened || this.mode == 'side';\n  }\n\n  /**\n   * @param _elementRef The DOM element reference. Used for transition and width calculation.\n   *     If not available we do not hook on transitions.\n   */\n  constructor(private _elementRef: ElementRef, private _renderer: Renderer) {\n    this.onOpen.subscribe(() => {\n      this._elementFocusedBeforeSidenavWasOpened = document.activeElement as HTMLElement;\n\n      if (!this.isFocusTrapDisabled) {\n        this._focusTrap.focusFirstTabbableElementWhenReady();\n      }\n    });\n\n    this.onClose.subscribe(() => {\n      if (this._elementFocusedBeforeSidenavWasOpened instanceof HTMLElement) {\n        this._renderer.invokeElementMethod(this._elementFocusedBeforeSidenavWasOpened, 'focus');\n      } else {\n        this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'blur');\n      }\n\n      this._elementFocusedBeforeSidenavWasOpened = null;\n    });\n  }\n\n  ngAfterContentInit() {\n    // This can happen when the sidenav is set to opened in the template and the transition\n    // isn't ended.\n    if (this._toggleAnimationPromise) {\n      this._resolveToggleAnimationPromise(true);\n      this._toggleAnimationPromise = this._resolveToggleAnimationPromise = null;\n    }\n  }\n\n  /**\n   * Whether the sidenav is opened. We overload this because we trigger an event when it\n   * starts or end.\n   */\n  @Input()\n  get opened(): boolean { return this._opened; }\n  set opened(v: boolean) {\n    this.toggle(coerceBooleanProperty(v));\n  }\n\n\n  /** Open this sidenav, and return a Promise that will resolve when it's fully opened (or get\n   * rejected if it didn't). */\n  open(): Promise<MdSidenavToggleResult> {\n    return this.toggle(true);\n  }\n\n  /**\n   * Close this sidenav, and return a Promise that will resolve when it's fully closed (or get\n   * rejected if it didn't).\n   */\n  close(): Promise<MdSidenavToggleResult> {\n    return this.toggle(false);\n  }\n\n  /**\n   * Toggle this sidenav. This is equivalent to calling open() when it's already opened, or\n   * close() when it's closed.\n   * @param isOpen Whether the sidenav should be open.\n   * @returns Resolves with the result of whether the sidenav was opened or closed.\n   */\n  toggle(isOpen: boolean = !this.opened): Promise<MdSidenavToggleResult> {\n    if (!this.valid) {\n      return Promise.resolve(new MdSidenavToggleResult(isOpen ? 'open' : 'close', true));\n    }\n\n    // Shortcut it if we're already opened.\n    if (isOpen === this.opened) {\n      return this._toggleAnimationPromise ||\n          Promise.resolve(new MdSidenavToggleResult(isOpen ? 'open' : 'close', true));\n    }\n\n    this._opened = isOpen;\n\n    if (isOpen) {\n      this.onOpenStart.emit();\n    } else {\n      this.onCloseStart.emit();\n    }\n\n    if (this._toggleAnimationPromise) {\n      this._resolveToggleAnimationPromise(false);\n    }\n    this._toggleAnimationPromise = new Promise<MdSidenavToggleResult>(resolve => {\n      this._resolveToggleAnimationPromise = animationFinished =>\n          resolve(new MdSidenavToggleResult(isOpen ? 'open' : 'close', animationFinished));\n    });\n    return this._toggleAnimationPromise;\n  }\n\n  /**\n   * Handles the keyboard events.\n   * @docs-private\n   */\n  handleKeydown(event: KeyboardEvent) {\n    if (event.keyCode === ESCAPE) {\n      this.close();\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * When transition has finished, set the internal state for classes and emit the proper event.\n   * The event passed is actually of type TransitionEvent, but that type is not available in\n   * Android so we use any.\n   */\n  _onTransitionEnd(transitionEvent: TransitionEvent) {\n    if (transitionEvent.target == this._elementRef.nativeElement\n        // Simpler version to check for prefixes.\n        && transitionEvent.propertyName.endsWith('transform')) {\n      if (this._opened) {\n        this.onOpen.emit();\n      } else {\n        this.onClose.emit();\n      }\n\n      if (this._toggleAnimationPromise) {\n        this._resolveToggleAnimationPromise(true);\n        this._toggleAnimationPromise = this._resolveToggleAnimationPromise = null;\n      }\n    }\n  }\n\n  get _isClosing() {\n    return !this._opened && !!this._toggleAnimationPromise;\n  }\n  get _isOpening() {\n    return this._opened && !!this._toggleAnimationPromise;\n  }\n  get _isClosed() {\n    return !this._opened && !this._toggleAnimationPromise;\n  }\n  get _isOpened() {\n    return this._opened && !this._toggleAnimationPromise;\n  }\n  get _isEnd() {\n    return this.align == 'end';\n  }\n  get _modeSide() {\n    return this.mode == 'side';\n  }\n  get _modeOver() {\n    return this.mode == 'over';\n  }\n  get _modePush() {\n    return this.mode == 'push';\n  }\n\n  get _width() {\n    if (this._elementRef.nativeElement) {\n      return this._elementRef.nativeElement.offsetWidth;\n    }\n    return 0;\n  }\n\n  private _elementFocusedBeforeSidenavWasOpened: HTMLElement = null;\n}\n\n/**\n * <md-sidenav-container> component.\n *\n * This is the parent component to one or two <md-sidenav>s that validates the state internally\n * and coordinates the backdrop and content styling.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-sidenav-container, mat-sidenav-container, md-sidenav-layout, mat-sidenav-layout',\n  // Do not use ChangeDetectionStrategy.OnPush. It does not work for this component because\n  // technically it is a sibling of MdSidenav (on the content tree) and isn't updated when MdSidenav\n  // changes its state.\n  templateUrl: 'sidenav-container.html',\n  styleUrls: [\n    'sidenav.css',\n    'sidenav-transitions.css',\n  ],\n  host: {\n    'class': 'md-sidenav-container',\n  },\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdSidenavContainer implements AfterContentInit {\n  @ContentChildren(MdSidenav) _sidenavs: QueryList<MdSidenav>;\n\n  /** The sidenav child with the `start` alignment. */\n  get start() { return this._start; }\n\n  /** The sidenav child with the `end` alignment. */\n  get end() { return this._end; }\n\n  /** Event emitted when the sidenav backdrop is clicked. */\n  @Output('backdrop-clicked') onBackdropClicked = new EventEmitter<void>();\n\n  /** The sidenav at the start/end alignment, independent of direction. */\n  private _start: MdSidenav;\n  private _end: MdSidenav;\n\n  /**\n   * The sidenav at the left/right. When direction changes, these will change as well.\n   * They're used as aliases for the above to set the left/right style properly.\n   * In LTR, _left == _start and _right == _end.\n   * In RTL, _left == _end and _right == _start.\n   */\n  private _left: MdSidenav;\n  private _right: MdSidenav;\n\n  constructor(@Optional() private _dir: Dir, private _element: ElementRef,\n              private _renderer: Renderer) {\n    // If a `Dir` directive exists up the tree, listen direction changes and update the left/right\n    // properties to point to the proper start/end.\n    if (_dir != null) {\n      _dir.dirChange.subscribe(() => this._validateDrawers());\n    }\n  }\n\n  ngAfterContentInit() {\n    // On changes, assert on consistency.\n    this._sidenavs.changes.subscribe(() => this._validateDrawers());\n    this._sidenavs.forEach((sidenav: MdSidenav) => {\n      this._watchSidenavToggle(sidenav);\n      this._watchSidenavAlign(sidenav);\n    });\n    this._validateDrawers();\n  }\n\n  /**\n   * Subscribes to sidenav events in order to set a class on the main container element when the\n   * sidenav is open and the backdrop is visible. This ensures any overflow on the container element\n   * is properly hidden.\n   */\n  private _watchSidenavToggle(sidenav: MdSidenav): void {\n    if (!sidenav || sidenav.mode === 'side') { return; }\n    sidenav.onOpen.subscribe(() => this._setContainerClass(sidenav, true));\n    sidenav.onClose.subscribe(() => this._setContainerClass(sidenav, false));\n  }\n\n  /**\n   * Subscribes to sidenav onAlignChanged event in order to re-validate drawers when the align\n   * changes.\n   */\n  private _watchSidenavAlign(sidenav: MdSidenav): void {\n    if (!sidenav) { return; }\n    sidenav.onAlignChanged.subscribe(() => this._validateDrawers());\n  }\n\n  /** Toggles the 'md-sidenav-opened' class on the main 'md-sidenav-container' element. */\n  private _setContainerClass(sidenav: MdSidenav, bool: boolean): void {\n    this._renderer.setElementClass(this._element.nativeElement, 'md-sidenav-opened', bool);\n  }\n\n  /** Sets the valid state of the drawers. */\n  private _setDrawersValid(valid: boolean) {\n    this._sidenavs.forEach((sidenav) => {\n      sidenav.valid = valid;\n    });\n    if (!valid) {\n      this._start = this._end = this._left = this._right = null;\n    }\n  }\n\n  /** Validate the state of the sidenav children components. */\n  private _validateDrawers() {\n    this._start = this._end = null;\n\n    // Ensure that we have at most one start and one end sidenav.\n    // NOTE: We must call toArray on _sidenavs even though it's iterable\n    // (see https://github.com/Microsoft/TypeScript/issues/3164).\n    for (let sidenav of this._sidenavs.toArray()) {\n      if (sidenav.align == 'end') {\n        if (this._end != null) {\n          this._setDrawersValid(false);\n          return;\n        }\n        this._end = sidenav;\n      } else {\n        if (this._start != null) {\n          this._setDrawersValid(false);\n          return;\n        }\n        this._start = sidenav;\n      }\n    }\n\n    this._right = this._left = null;\n\n    // Detect if we're LTR or RTL.\n    if (this._dir == null || this._dir.value == 'ltr') {\n      this._left = this._start;\n      this._right = this._end;\n    } else {\n      this._left = this._end;\n      this._right = this._start;\n    }\n\n    this._setDrawersValid(true);\n  }\n\n  _onBackdropClicked() {\n    this.onBackdropClicked.emit();\n    this._closeModalSidenav();\n  }\n\n  _closeModalSidenav() {\n    if (this._start != null && this._start.mode != 'side') {\n      this._start.close();\n    }\n    if (this._end != null && this._end.mode != 'side') {\n      this._end.close();\n    }\n  }\n\n  _isShowingBackdrop(): boolean {\n    return (this._isSidenavOpen(this._start) && this._start.mode != 'side')\n        || (this._isSidenavOpen(this._end) && this._end.mode != 'side');\n  }\n\n  private _isSidenavOpen(side: MdSidenav): boolean {\n    return side != null && side.opened;\n  }\n\n  /**\n   * Return the width of the sidenav, if it's in the proper mode and opened.\n   * This may relayout the view, so do not call this often.\n   * @param sidenav\n   * @param mode\n   */\n  private _getSidenavEffectiveWidth(sidenav: MdSidenav, mode: string): number {\n    return (this._isSidenavOpen(sidenav) && sidenav.mode == mode) ? sidenav._width : 0;\n  }\n\n  _getMarginLeft() {\n    return this._getSidenavEffectiveWidth(this._left, 'side');\n  }\n\n  _getMarginRight() {\n    return this._getSidenavEffectiveWidth(this._right, 'side');\n  }\n\n  _getPositionLeft() {\n    return this._getSidenavEffectiveWidth(this._left, 'push');\n  }\n\n  _getPositionRight() {\n    return this._getSidenavEffectiveWidth(this._right, 'push');\n  }\n\n  /**\n   * Returns the horizontal offset for the content area.  There should never be a value for both\n   * left and right, so by subtracting the right value from the left value, we should always get\n   * the appropriate offset.\n   */\n  _getPositionOffset() {\n    return this._getPositionLeft() - this._getPositionRight();\n  }\n\n  /**\n   * This is using [ngStyle] rather than separate [style...] properties because [style.transform]\n   * doesn't seem to work right now.\n   */\n  _getStyles() {\n    return {\n      marginLeft: `${this._getMarginLeft()}px`,\n      marginRight: `${this._getMarginRight()}px`,\n      transform: `translate3d(${this._getPositionOffset()}px, 0, 0)`\n    };\n  }\n}\n\n\n@NgModule({\n  imports: [CommonModule, DefaultStyleCompatibilityModeModule, A11yModule, OverlayModule],\n  exports: [MdSidenavContainer, MdSidenav, DefaultStyleCompatibilityModeModule],\n  declarations: [MdSidenavContainer, MdSidenav],\n})\nexport class MdSidenavModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdSidenavModule,\n      providers: [InteractivityChecker]\n    };\n  }\n}\n"]}