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

package/tabs/tab-body.js

@@ -1,157 +0,0 @@
-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 { ViewChild, Component, Input, Output, EventEmitter, trigger, state, style, animate, transition, ElementRef, Optional } from '@angular/core';
-import { TemplatePortal, PortalHostDirective, Dir } from '../core';
-import 'rxjs/add/operator/map';
-/**
- * Wrapper for the contents of a tab.
- */
-export var MdTabBody = (function () {
-    function MdTabBody(_elementRef, _dir) {
-        this._elementRef = _elementRef;
-        this._dir = _dir;
-        /** Event emitted when the tab begins to animate towards the center as the active tab. */
-        this.onCentering = new EventEmitter();
-        /** Event emitted when the tab completes its animation towards the center. */
-        this.onCentered = new EventEmitter(true);
-    }
-    Object.defineProperty(MdTabBody.prototype, "position", {
-        set: function (position) {
-            if (position < 0) {
-                this._position = this._getLayoutDirection() == 'ltr' ? 'left' : 'right';
-            }
-            else if (position > 0) {
-                this._position = this._getLayoutDirection() == 'ltr' ? 'right' : 'left';
-            }
-            else {
-                this._position = 'center';
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdTabBody.prototype, "origin", {
-        /** The origin position from which this tab should appear when it is centered into view. */
-        set: function (origin) {
-            if (origin == null) {
-                return;
-            }
-            var dir = this._getLayoutDirection();
-            if ((dir == 'ltr' && origin <= 0) || (dir == 'rtl' && origin > 0)) {
-                this._origin = 'left';
-            }
-            else {
-                this._origin = 'right';
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * After initialized, check if the content is centered and has an origin. If so, set the
-     * special position states that transition the tab from the left or right before centering.
-     */
-    MdTabBody.prototype.ngOnInit = function () {
-        if (this._position == 'center' && this._origin) {
-            this._position = this._origin == 'left' ? 'left-origin-center' : 'right-origin-center';
-        }
-    };
-    /**
-     * After the view has been set, check if the tab content is set to the center and attach the
-     * content if it is not already attached.
-     */
-    MdTabBody.prototype.ngAfterViewChecked = function () {
-        if (this._isCenterPosition(this._position) && !this._portalHost.hasAttached()) {
-            this._portalHost.attach(this._content);
-        }
-    };
-    MdTabBody.prototype._onTranslateTabStarted = function (e) {
-        if (this._isCenterPosition(e.toState)) {
-            this.onCentering.emit(this._elementRef.nativeElement.clientHeight);
-        }
-    };
-    MdTabBody.prototype._onTranslateTabComplete = function (e) {
-        // If the end state is that the tab is not centered, then detach the content.
-        if (!this._isCenterPosition(e.toState) && !this._isCenterPosition(this._position)) {
-            this._portalHost.detach();
-        }
-        // If the transition to the center is complete, emit an event.
-        if (this._isCenterPosition(e.toState) && this._isCenterPosition(this._position)) {
-            this.onCentered.emit();
-        }
-    };
-    /** The text direction of the containing app. */
-    MdTabBody.prototype._getLayoutDirection = function () {
-        return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';
-    };
-    /** Whether the provided position state is considered center, regardless of origin. */
-    MdTabBody.prototype._isCenterPosition = function (position) {
-        return position == 'center' ||
-            position == 'left-origin-center' ||
-            position == 'right-origin-center';
-    };
-    __decorate([
-        ViewChild(PortalHostDirective), 
-        __metadata('design:type', PortalHostDirective)
-    ], MdTabBody.prototype, "_portalHost", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', EventEmitter)
-    ], MdTabBody.prototype, "onCentering", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', EventEmitter)
-    ], MdTabBody.prototype, "onCentered", void 0);
-    __decorate([
-        Input('content'), 
-        __metadata('design:type', TemplatePortal)
-    ], MdTabBody.prototype, "_content", void 0);
-    __decorate([
-        Input('position'), 
-        __metadata('design:type', Number), 
-        __metadata('design:paramtypes', [Number])
-    ], MdTabBody.prototype, "position", null);
-    __decorate([
-        Input('origin'), 
-        __metadata('design:type', Number), 
-        __metadata('design:paramtypes', [Number])
-    ], MdTabBody.prototype, "origin", null);
-    MdTabBody = __decorate([
-        Component({selector: 'md-tab-body',
-            template: "<div class=\"md-tab-body-content\" #content [@translateTab]=\"_position\" (@translateTab.start)=\"_onTranslateTabStarted($event)\" (@translateTab.done)=\"_onTranslateTabComplete($event)\"><template cdkPortalHost></template></div>",
-            animations: [
-                trigger('translateTab', [
-                    state('left', style({ transform: 'translate3d(-100%, 0, 0)' })),
-                    state('left-origin-center', style({ transform: 'translate3d(0, 0, 0)' })),
-                    state('right-origin-center', style({ transform: 'translate3d(0, 0, 0)' })),
-                    state('center', style({ transform: 'translate3d(0, 0, 0)' })),
-                    state('right', style({ transform: 'translate3d(100%, 0, 0)' })),
-                    transition('* => left, * => right, left => center, right => center', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),
-                    transition('void => left-origin-center', [
-                        style({ transform: 'translate3d(-100%, 0, 0)' }),
-                        animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')
-                    ]),
-                    transition('void => right-origin-center', [
-                        style({ transform: 'translate3d(100%, 0, 0)' }),
-                        animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')
-                    ])
-                ])
-            ]
-        }),
-        __param(1, Optional()), 
-        __metadata('design:paramtypes', [ElementRef, Dir])
-    ], MdTabBody);
-    return MdTabBody;
-}());
-
-//# sourceMappingURL=tab-body.js.map

package/tabs/tab-body.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/tab-body.ts"],"names":[],"mappings":"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","file":"tab-body.js","sourcesContent":["import {\n  ViewChild,\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  trigger,\n  state,\n  style,\n  animate,\n  transition,\n  AnimationTransitionEvent,\n  ElementRef,\n  Optional\n} from '@angular/core';\nimport {TemplatePortal, PortalHostDirective, Dir, LayoutDirection} from '../core';\nimport 'rxjs/add/operator/map';\n\n/**\n * These position states are used internally as animation states for the tab body. Setting the\n * position state to left, right, or center will transition the tab body from its current\n * position to its respective state. If there is not current position (void, in the case of a new\n * tab body), then there will be no transition animation to its state.\n *\n * In the case of a new tab body that should immediately be centered with an animating transition,\n * then left-origin-center or right-origin-center can be used, which will use left or right as its\n * psuedo-prior state.\n */\nexport type MdTabBodyPositionState =\n    'left' | 'center' | 'right' | 'left-origin-center' | 'right-origin-center';\n\n/**\n * The origin state is an internally used state that is set on a new tab body indicating if it\n * began to the left or right of the prior selected index. For example, if the selected index was\n * set to 1, and a new tab is created and selected at index 2, then the tab body would have an\n * origin of right because its index was greater than the prior selected index.\n */\nexport type MdTabBodyOriginState = 'left' | 'right';\n\n/**\n * Wrapper for the contents of a tab.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-tab-body',\n  templateUrl: 'tab-body.html',\n  animations: [\n    trigger('translateTab', [\n      state('left', style({transform: 'translate3d(-100%, 0, 0)'})),\n      state('left-origin-center', style({transform: 'translate3d(0, 0, 0)'})),\n      state('right-origin-center', style({transform: 'translate3d(0, 0, 0)'})),\n      state('center', style({transform: 'translate3d(0, 0, 0)'})),\n      state('right', style({transform: 'translate3d(100%, 0, 0)'})),\n      transition('* => left, * => right, left => center, right => center',\n          animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),\n      transition('void => left-origin-center', [\n        style({transform: 'translate3d(-100%, 0, 0)'}),\n        animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')\n      ]),\n      transition('void => right-origin-center', [\n        style({transform: 'translate3d(100%, 0, 0)'}),\n        animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')\n      ])\n    ])\n  ]\n})\nexport class MdTabBody implements OnInit {\n  /** The portal host inside of this container into which the tab body content will be loaded. */\n  @ViewChild(PortalHostDirective) _portalHost: PortalHostDirective;\n\n  /** Event emitted when the tab begins to animate towards the center as the active tab. */\n  @Output()\n  onCentering: EventEmitter<number> = new EventEmitter<number>();\n\n  /** Event emitted when the tab completes its animation towards the center. */\n  @Output()\n  onCentered: EventEmitter<void> = new EventEmitter<void>(true);\n\n  /** The tab body content to display. */\n  @Input('content') _content: TemplatePortal;\n\n  /** The shifted index position of the tab body, where zero represents the active center tab. */\n  _position: MdTabBodyPositionState;\n  @Input('position') set position(position: number) {\n    if (position < 0) {\n      this._position = this._getLayoutDirection() == 'ltr' ? 'left' : 'right';\n    } else if (position > 0) {\n      this._position = this._getLayoutDirection() == 'ltr' ? 'right' : 'left';\n    } else {\n      this._position = 'center';\n    }\n  }\n\n  _origin: MdTabBodyOriginState;\n\n  /** The origin position from which this tab should appear when it is centered into view. */\n  @Input('origin') set origin(origin: number) {\n    if (origin == null) { return; }\n\n    const dir = this._getLayoutDirection();\n    if ((dir == 'ltr' && origin <= 0) || (dir == 'rtl' && origin > 0)) {\n      this._origin = 'left';\n    } else {\n      this._origin = 'right';\n    }\n  }\n\n  constructor(private _elementRef: ElementRef, @Optional() private _dir: Dir) {}\n\n  /**\n   * After initialized, check if the content is centered and has an origin. If so, set the\n   * special position states that transition the tab from the left or right before centering.\n   */\n  ngOnInit() {\n    if (this._position == 'center' && this._origin) {\n      this._position = this._origin == 'left' ? 'left-origin-center' : 'right-origin-center';\n    }\n  }\n\n  /**\n   * After the view has been set, check if the tab content is set to the center and attach the\n   * content if it is not already attached.\n   */\n  ngAfterViewChecked() {\n    if (this._isCenterPosition(this._position) && !this._portalHost.hasAttached()) {\n      this._portalHost.attach(this._content);\n    }\n  }\n\n  _onTranslateTabStarted(e: AnimationTransitionEvent) {\n    if (this._isCenterPosition(e.toState)) {\n      this.onCentering.emit(this._elementRef.nativeElement.clientHeight);\n    }\n  }\n\n  _onTranslateTabComplete(e: AnimationTransitionEvent) {\n    // If the end state is that the tab is not centered, then detach the content.\n    if (!this._isCenterPosition(e.toState) && !this._isCenterPosition(this._position)) {\n      this._portalHost.detach();\n    }\n\n    // If the transition to the center is complete, emit an event.\n    if (this._isCenterPosition(e.toState) && this._isCenterPosition(this._position)) {\n      this.onCentered.emit();\n    }\n  }\n\n  /** The text direction of the containing app. */\n  _getLayoutDirection(): LayoutDirection {\n    return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';\n  }\n\n\n  /** Whether the provided position state is considered center, regardless of origin. */\n  private _isCenterPosition(position: MdTabBodyPositionState|string): boolean {\n    return position == 'center' ||\n        position == 'left-origin-center' ||\n        position == 'right-origin-center';\n  }\n}\n"]}

package/tabs/tab-body.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdTabBody":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-tab-body","templateUrl":"tab-body.html","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["translateTab",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["left",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(-100%, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["left-origin-center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(0, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["right-origin-center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(0, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(0, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(100%, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => left, * => right, left => center, right => center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => left-origin-center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(-100%, 0, 0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => right-origin-center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(100%, 0, 0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]]}]]}]}]}],"members":{"_portalHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core","name":"PortalHostDirective"}]}]}],"onCentering":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onCentered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["content"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["position"]}]}],"origin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["origin"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../core","name":"Dir"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"_onTranslateTabStarted":[{"__symbolic":"method"}],"_onTranslateTabComplete":[{"__symbolic":"method"}],"_getLayoutDirection":[{"__symbolic":"method"}],"_isCenterPosition":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"MdTabBody":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-tab-body","templateUrl":"tab-body.html","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["translateTab",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["left",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(-100%, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["left-origin-center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(0, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["right-origin-center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(0, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(0, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(100%, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => left, * => right, left => center, right => center",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => left-origin-center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(-100%, 0, 0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => right-origin-center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate3d(100%, 0, 0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]]}]]}]}]}],"members":{"_portalHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core","name":"PortalHostDirective"}]}]}],"onCentering":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onCentered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["content"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["position"]}]}],"origin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["origin"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../core","name":"Dir"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"_onTranslateTabStarted":[{"__symbolic":"method"}],"_onTranslateTabComplete":[{"__symbolic":"method"}],"_getLayoutDirection":[{"__symbolic":"method"}],"_isCenterPosition":[{"__symbolic":"method"}]}}},"version":1}]

package/tabs/tab-group.css

@@ -1 +0,0 @@
-:host{display:flex;flex-direction:column;font-family:Roboto,"Helvetica Neue",sans-serif}.md-tab-label{line-height:48px;height:48px;padding:0 12px;font-size:14px;font-family:Roboto,"Helvetica Neue",sans-serif;font-weight:500;cursor:pointer;box-sizing:border-box;color:currentColor;opacity:.6;min-width:160px;text-align:center;position:relative}.md-tab-label:focus{outline:0;opacity:1}@media (max-width:600px){.md-tab-label{min-width:72px}}:host[md-stretch-tabs] .md-tab-label{flex-basis:0;flex-grow:1}.md-tab-body-wrapper{position:relative;overflow:hidden;display:flex;transition:height .5s cubic-bezier(.35,0,.25,1)}md-tab-body{position:absolute;top:0;left:0;right:0;bottom:0;display:block;overflow:hidden}md-tab-body.md-tab-body-active{position:relative;overflow-x:hidden;overflow-y:auto;z-index:1;flex-grow:1}:host.md-tab-group-dynamic-height md-tab-body.md-tab-body-active{overflow-y:hidden}.md-tab-disabled{cursor:default;pointer-events:none}

package/tabs/tab-group.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tab-group.css"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,uBAAuB;EACvB,kDAAkD,EAAE;;AAEtD;EACE,kBAAkB;EAClB,aAAa;EACb,gBAAgB;EAChB,gBAAgB;EAChB,kDAAkD;EAClD,iBAAiB;EACjB,gBAAgB;EAChB,uBAAuB;EACvB,oBAAoB;EACpB,aAAa;EACb,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB,EAAE;EACrB;IACE,cAAc;IACd,WAAW,EAAE;;AAEjB;EACE;IACE,gBAAgB,EAAE,EAAE;;AAExB;EACE,cAAc;EACd,aAAa,EAAE;;AAEjB;EACE,mBAAmB;EACnB,iBAAiB;EACjB,cAAc;EACd,wDAAwD,EAAE;;AAE5D;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACV,eAAe;EACf,iBAAiB,EAAE;EACnB;IACE,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IACjB,WAAW;IACX,aAAa,EAAE;EACjB;IACE,mBAAmB,EAAE;;AAEzB;EACE,gBAAgB;EAChB,qBAAqB,EAAE","file":"tab-group.css","sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif; }\n\n.md-tab-label {\n  line-height: 48px;\n  height: 48px;\n  padding: 0 12px;\n  font-size: 14px;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-weight: 500;\n  cursor: pointer;\n  box-sizing: border-box;\n  color: currentColor;\n  opacity: 0.6;\n  min-width: 160px;\n  text-align: center;\n  position: relative; }\n  .md-tab-label:focus {\n    outline: none;\n    opacity: 1; }\n\n@media (max-width: 600px) {\n  .md-tab-label {\n    min-width: 72px; } }\n\n:host[md-stretch-tabs] .md-tab-label {\n  flex-basis: 0;\n  flex-grow: 1; }\n\n.md-tab-body-wrapper {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1); }\n\nmd-tab-body {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: block;\n  overflow: hidden; }\n  md-tab-body.md-tab-body-active {\n    position: relative;\n    overflow-x: hidden;\n    overflow-y: auto;\n    z-index: 1;\n    flex-grow: 1; }\n  :host.md-tab-group-dynamic-height md-tab-body.md-tab-body-active {\n    overflow-y: hidden; }\n\n.md-tab-disabled {\n  cursor: default;\n  pointer-events: none; }\n"]}

package/tabs/tab-group.d.ts

@@ -1,71 +0,0 @@
-import { ModuleWithProviders, QueryList, ElementRef, Renderer } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/operator/map';
-import { MdTab } from './tab';
-/** A simple change event emitted on focus or selection changes. */
-export declare class MdTabChangeEvent {
-    index: number;
-    tab: MdTab;
-}
-/**
- * Material design tab-group component.  Supports basic tab pairs (label + content) and includes
- * animated ink-bar, keyboard navigation, and screen reader.
- * See: https://www.google.com/design/spec/components/tabs.html
- */
-export declare class MdTabGroup {
-    private _renderer;
-    _tabs: QueryList<MdTab>;
-    _tabBodyWrapper: ElementRef;
-    /** Whether this component has been initialized. */
-    private _isInitialized;
-    /** The tab index that should be selected after the content has been checked. */
-    private _indexToSelect;
-    /** Snapshot of the height of the tab body wrapper before another tab is activated. */
-    private _tabBodyWrapperHeight;
-    /** Whether the tab group should grow to the size of the active tab */
-    private _dynamicHeight;
-    dynamicHeight: boolean;
-    /** @deprecated */
-    _dynamicHeightDeprecated: boolean;
-    private _selectedIndex;
-    /** The index of the active tab. */
-    selectedIndex: number;
-    /** Output to enable support for two-way binding on `selectedIndex`. */
-    readonly selectedIndexChange: Observable<number>;
-    private _onFocusChange;
-    /** Event emitted when focus has changed within a tab group. */
-    readonly focusChange: Observable<MdTabChangeEvent>;
-    private _onSelectChange;
-    /** Event emitted when the tab selection has changed. */
-    readonly selectChange: Observable<MdTabChangeEvent>;
-    private _groupId;
-    constructor(_renderer: Renderer);
-    /**
-     * After the content is checked, this component knows what tabs have been defined
-     * and what the selected index should be. This is where we can know exactly what position
-     * each tab should be in according to the new selected index, and additionally we know how
-     * a new selected tab should transition in (from the left or right).
-     */
-    ngAfterContentChecked(): void;
-    /**
-     * Waits one frame for the view to update, then updates the ink bar
-     * Note: This must be run outside of the zone or it will create an infinite change detection loop.
-     */
-    ngAfterViewChecked(): void;
-    _focusChanged(index: number): void;
-    private _createChangeEvent(index);
-    /** Returns a unique id for each tab label element */
-    _getTabLabelId(i: number): string;
-    /** Returns a unique id for each tab content element */
-    _getTabContentId(i: number): string;
-    /**
-     * Sets the height of the body wrapper to the height of the activating tab if dynamic
-     * height property is true.
-     */
-    _setTabBodyWrapperHeight(tabHeight: number): void;
-    /** Removes the height of the tab body wrapper. */
-    _removeTabBodyWrapperHeight(): void;
-}
-export declare class MdTabsModule {
-    static forRoot(): ModuleWithProviders;
-}

package/tabs/tab-group.html

@@ -1 +0,0 @@
-<md-tab-header [selectedIndex]="selectedIndex" #tabHeader (indexFocused)="_focusChanged($event)" (selectFocusedIndex)="selectedIndex = $event"><div class="md-tab-label" role="tab" md-tab-label-wrapper md-ripple *ngFor="let tab of _tabs; let i = index" [id]="_getTabLabelId(i)" [tabIndex]="selectedIndex == i ? 0 : -1" [attr.aria-controls]="_getTabContentId(i)" [attr.aria-selected]="selectedIndex == i" [class.md-tab-label-active]="selectedIndex == i" [disabled]="tab.disabled" (click)="tabHeader.focusIndex = selectedIndex = i"><template [ngIf]="tab.templateLabel"><template [cdkPortalHost]="tab.templateLabel"></template></template><template [ngIf]="!tab.templateLabel">{{tab.textLabel}}</template></div></md-tab-header><div class="md-tab-body-wrapper" #tabBodyWrapper><md-tab-body role="tabpanel" *ngFor="let tab of _tabs; let i = index" [id]="_getTabContentId(i)" [attr.aria-labelledby]="_getTabLabelId(i)" [class.md-tab-body-active]="selectedIndex == i" [content]="tab.content" [position]="tab.position" [origin]="tab.origin" (onCentered)="_removeTabBodyWrapperHeight()" (onCentering)="_setTabBodyWrapperHeight($event)"></md-tab-body></div>

package/tabs/tab-group.js

@@ -1,236 +0,0 @@
-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);
-};
-import { NgModule, ViewChild, Component, Input, Output, EventEmitter, QueryList, ContentChildren, ElementRef, Renderer } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PortalModule, coerceBooleanProperty } from '../core';
-import { MdTabLabel } from './tab-label';
-import { MdTabLabelWrapper } from './tab-label-wrapper';
-import { MdTabNavBar, MdTabLink, MdTabLinkRipple } from './tab-nav-bar/tab-nav-bar';
-import { MdInkBar } from './ink-bar';
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/operator/map';
-import { MdRippleModule } from '../core/ripple/ripple';
-import { ObserveContentModule } from '../core/observe-content/observe-content';
-import { MdTab } from './tab';
-import { MdTabBody } from './tab-body';
-import { ViewportRuler } from '../core/overlay/position/viewport-ruler';
-import { MdTabHeader } from './tab-header';
-/** Used to generate unique ID's for each tab component */
-var nextId = 0;
-/** A simple change event emitted on focus or selection changes. */
-export var MdTabChangeEvent = (function () {
-    function MdTabChangeEvent() {
-    }
-    return MdTabChangeEvent;
-}());
-/**
- * Material design tab-group component.  Supports basic tab pairs (label + content) and includes
- * animated ink-bar, keyboard navigation, and screen reader.
- * See: https://www.google.com/design/spec/components/tabs.html
- */
-export var MdTabGroup = (function () {
-    function MdTabGroup(_renderer) {
-        this._renderer = _renderer;
-        /** Whether this component has been initialized. */
-        this._isInitialized = false;
-        /** The tab index that should be selected after the content has been checked. */
-        this._indexToSelect = 0;
-        /** Snapshot of the height of the tab body wrapper before another tab is activated. */
-        this._tabBodyWrapperHeight = null;
-        /** Whether the tab group should grow to the size of the active tab */
-        this._dynamicHeight = false;
-        this._selectedIndex = null;
-        this._onFocusChange = new EventEmitter();
-        this._onSelectChange = new EventEmitter(true);
-        this._groupId = nextId++;
-    }
-    Object.defineProperty(MdTabGroup.prototype, "dynamicHeight", {
-        get: function () { return this._dynamicHeight; },
-        set: function (value) { this._dynamicHeight = coerceBooleanProperty(value); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdTabGroup.prototype, "_dynamicHeightDeprecated", {
-        /** @deprecated */
-        get: function () { return this._dynamicHeight; },
-        set: function (value) { this._dynamicHeight = value; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdTabGroup.prototype, "selectedIndex", {
-        get: function () { return this._selectedIndex; },
-        /** The index of the active tab. */
-        set: function (value) { this._indexToSelect = value; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdTabGroup.prototype, "selectedIndexChange", {
-        /** Output to enable support for two-way binding on `selectedIndex`. */
-        get: function () {
-            return this.selectChange.map(function (event) { return event.index; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdTabGroup.prototype, "focusChange", {
-        /** Event emitted when focus has changed within a tab group. */
-        get: function () {
-            return this._onFocusChange.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdTabGroup.prototype, "selectChange", {
-        /** Event emitted when the tab selection has changed. */
-        get: function () {
-            return this._onSelectChange.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * After the content is checked, this component knows what tabs have been defined
-     * and what the selected index should be. This is where we can know exactly what position
-     * each tab should be in according to the new selected index, and additionally we know how
-     * a new selected tab should transition in (from the left or right).
-     */
-    MdTabGroup.prototype.ngAfterContentChecked = function () {
-        var _this = this;
-        // Clamp the next selected index to the bounds of 0 and the tabs length.
-        this._indexToSelect =
-            Math.min(this._tabs.length - 1, Math.max(this._indexToSelect, 0));
-        // If there is a change in selected index, emit a change event. Should not trigger if
-        // the selected index has not yet been initialized.
-        if (this._selectedIndex != this._indexToSelect && this._selectedIndex != null) {
-            this._onSelectChange.emit(this._createChangeEvent(this._indexToSelect));
-        }
-        // Setup the position for each tab and optionally setup an origin on the next selected tab.
-        this._tabs.forEach(function (tab, index) {
-            tab.position = index - _this._indexToSelect;
-            // If there is already a selected tab, then set up an origin for the next selected tab
-            // if it doesn't have one already.
-            if (_this._selectedIndex != null && tab.position == 0 && !tab.origin) {
-                tab.origin = _this._indexToSelect - _this._selectedIndex;
-            }
-        });
-        this._selectedIndex = this._indexToSelect;
-    };
-    /**
-     * Waits one frame for the view to update, then updates the ink bar
-     * Note: This must be run outside of the zone or it will create an infinite change detection loop.
-     */
-    MdTabGroup.prototype.ngAfterViewChecked = function () {
-        this._isInitialized = true;
-    };
-    MdTabGroup.prototype._focusChanged = function (index) {
-        this._onFocusChange.emit(this._createChangeEvent(index));
-    };
-    MdTabGroup.prototype._createChangeEvent = function (index) {
-        var event = new MdTabChangeEvent;
-        event.index = index;
-        if (this._tabs && this._tabs.length) {
-            event.tab = this._tabs.toArray()[index];
-        }
-        return event;
-    };
-    /** Returns a unique id for each tab label element */
-    MdTabGroup.prototype._getTabLabelId = function (i) {
-        return "md-tab-label-" + this._groupId + "-" + i;
-    };
-    /** Returns a unique id for each tab content element */
-    MdTabGroup.prototype._getTabContentId = function (i) {
-        return "md-tab-content-" + this._groupId + "-" + i;
-    };
-    /**
-     * Sets the height of the body wrapper to the height of the activating tab if dynamic
-     * height property is true.
-     */
-    MdTabGroup.prototype._setTabBodyWrapperHeight = function (tabHeight) {
-        if (!this._dynamicHeight || !this._tabBodyWrapperHeight) {
-            return;
-        }
-        this._renderer.setElementStyle(this._tabBodyWrapper.nativeElement, 'height', this._tabBodyWrapperHeight + 'px');
-        // This conditional forces the browser to paint the height so that
-        // the animation to the new height can have an origin.
-        if (this._tabBodyWrapper.nativeElement.offsetHeight) {
-            this._renderer.setElementStyle(this._tabBodyWrapper.nativeElement, 'height', tabHeight + 'px');
-        }
-    };
-    /** Removes the height of the tab body wrapper. */
-    MdTabGroup.prototype._removeTabBodyWrapperHeight = function () {
-        this._tabBodyWrapperHeight = this._tabBodyWrapper.nativeElement.clientHeight;
-        this._renderer.setElementStyle(this._tabBodyWrapper.nativeElement, 'height', '');
-    };
-    __decorate([
-        ContentChildren(MdTab), 
-        __metadata('design:type', QueryList)
-    ], MdTabGroup.prototype, "_tabs", void 0);
-    __decorate([
-        ViewChild('tabBodyWrapper'), 
-        __metadata('design:type', ElementRef)
-    ], MdTabGroup.prototype, "_tabBodyWrapper", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdTabGroup.prototype, "dynamicHeight", null);
-    __decorate([
-        Input('md-dynamic-height'), 
-        __metadata('design:type', Boolean)
-    ], MdTabGroup.prototype, "_dynamicHeightDeprecated", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Number), 
-        __metadata('design:paramtypes', [Number])
-    ], MdTabGroup.prototype, "selectedIndex", null);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Observable)
-    ], MdTabGroup.prototype, "selectedIndexChange", null);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Observable)
-    ], MdTabGroup.prototype, "focusChange", null);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Observable)
-    ], MdTabGroup.prototype, "selectChange", null);
-    MdTabGroup = __decorate([
-        Component({selector: 'md-tab-group',
-            template: "<md-tab-header [selectedIndex]=\"selectedIndex\" #tabHeader (indexFocused)=\"_focusChanged($event)\" (selectFocusedIndex)=\"selectedIndex = $event\"><div class=\"md-tab-label\" role=\"tab\" md-tab-label-wrapper md-ripple *ngFor=\"let tab of _tabs; let i = index\" [id]=\"_getTabLabelId(i)\" [tabIndex]=\"selectedIndex == i ? 0 : -1\" [attr.aria-controls]=\"_getTabContentId(i)\" [attr.aria-selected]=\"selectedIndex == i\" [class.md-tab-label-active]=\"selectedIndex == i\" [disabled]=\"tab.disabled\" (click)=\"tabHeader.focusIndex = selectedIndex = i\"><template [ngIf]=\"tab.templateLabel\"><template [cdkPortalHost]=\"tab.templateLabel\"></template></template><template [ngIf]=\"!tab.templateLabel\">{{tab.textLabel}}</template></div></md-tab-header><div class=\"md-tab-body-wrapper\" #tabBodyWrapper><md-tab-body role=\"tabpanel\" *ngFor=\"let tab of _tabs; let i = index\" [id]=\"_getTabContentId(i)\" [attr.aria-labelledby]=\"_getTabLabelId(i)\" [class.md-tab-body-active]=\"selectedIndex == i\" [content]=\"tab.content\" [position]=\"tab.position\" [origin]=\"tab.origin\" (onCentered)=\"_removeTabBodyWrapperHeight()\" (onCentering)=\"_setTabBodyWrapperHeight($event)\"></md-tab-body></div>",
-            styles: [":host{display:flex;flex-direction:column;font-family:Roboto,\"Helvetica Neue\",sans-serif}.md-tab-label{line-height:48px;height:48px;padding:0 12px;font-size:14px;font-family:Roboto,\"Helvetica Neue\",sans-serif;font-weight:500;cursor:pointer;box-sizing:border-box;color:currentColor;opacity:.6;min-width:160px;text-align:center;position:relative}.md-tab-label:focus{outline:0;opacity:1}@media (max-width:600px){.md-tab-label{min-width:72px}}:host[md-stretch-tabs] .md-tab-label{flex-basis:0;flex-grow:1}.md-tab-body-wrapper{position:relative;overflow:hidden;display:flex;transition:height .5s cubic-bezier(.35,0,.25,1)}md-tab-body{position:absolute;top:0;left:0;right:0;bottom:0;display:block;overflow:hidden}md-tab-body.md-tab-body-active{position:relative;overflow-x:hidden;overflow-y:auto;z-index:1;flex-grow:1}:host.md-tab-group-dynamic-height md-tab-body.md-tab-body-active{overflow-y:hidden}.md-tab-disabled{cursor:default;pointer-events:none}"],
-            host: { '[class.md-tab-group-dynamic-height]': 'dynamicHeight' }
-        }), 
-        __metadata('design:paramtypes', [Renderer])
-    ], MdTabGroup);
-    return MdTabGroup;
-}());
-export var MdTabsModule = (function () {
-    function MdTabsModule() {
-    }
-    MdTabsModule.forRoot = function () {
-        return {
-            ngModule: MdTabsModule,
-            providers: [ViewportRuler]
-        };
-    };
-    MdTabsModule = __decorate([
-        NgModule({
-            imports: [CommonModule, PortalModule, MdRippleModule, ObserveContentModule],
-            // Don't export all components because some are only to be used internally.
-            exports: [MdTabGroup, MdTabLabel, MdTab, MdTabNavBar, MdTabLink, MdTabLinkRipple],
-            declarations: [MdTabGroup, MdTabLabel, MdTab, MdInkBar, MdTabLabelWrapper,
-                MdTabNavBar, MdTabLink, MdTabBody, MdTabLinkRipple, MdTabHeader],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdTabsModule);
-    return MdTabsModule;
-}());
-
-//# sourceMappingURL=tab-group.js.map

package/tabs/tab-group.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/tab-group.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EACL,QAAQ,EAER,SAAS,EACT,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,SAAS,EACT,eAAe,EACf,UAAU,EACV,QAAQ,EACT,MAAM,eAAe;OACf,EAAC,YAAY,EAAC,MAAM,iBAAiB;OACrC,EACL,YAAY,EACZ,qBAAqB,EACtB,MAAM,SAAS;OACT,EAAC,UAAU,EAAC,MAAM,aAAa;OAC/B,EAAC,iBAAiB,EAAC,MAAM,qBAAqB;OAC9C,EAAC,WAAW,EAAE,SAAS,EAAE,eAAe,EAAC,MAAM,2BAA2B;OAC1E,EAAC,QAAQ,EAAC,MAAM,WAAW;OAC3B,EAAC,UAAU,EAAC,MAAM,iBAAiB;OACnC,uBAAuB;OACvB,EAAC,cAAc,EAAC,MAAM,uBAAuB;OAC7C,EAAC,oBAAoB,EAAC,MAAM,yCAAyC;OACrE,EAAC,KAAK,EAAC,MAAM,OAAO;OACpB,EAAC,SAAS,EAAC,MAAM,YAAY;OAC7B,EAAC,aAAa,EAAC,MAAM,yCAAyC;OAC9D,EAAC,WAAW,EAAC,MAAM,cAAc;AAGxC,0DAA0D;AAC1D,IAAI,MAAM,GAAG,CAAC,CAAC;AAEf,mEAAmE;AACnE;IAAA;IAGA,CAAC;IAAD,uBAAC;AAAD,CAHA,AAGC,IAAA;AAED;;;;GAIG;AAQH;IAsDE,oBAAoB,SAAmB;QAAnB,cAAS,GAAT,SAAS,CAAU;QAjDvC,mDAAmD;QAC3C,mBAAc,GAAY,KAAK,CAAC;QAExC,gFAAgF;QACxE,mBAAc,GAAG,CAAC,CAAC;QAE3B,sFAAsF;QAC9E,0BAAqB,GAAW,IAAI,CAAC;QAE7C,sEAAsE;QAC9D,mBAAc,GAAY,KAAK,CAAC;QAUhC,mBAAc,GAAW,IAAI,CAAC;QAY9B,mBAAc,GAAmC,IAAI,YAAY,EAAoB,CAAC;QAOtF,oBAAe,GACnB,IAAI,YAAY,CAAmB,IAAI,CAAC,CAAC;QAU3C,IAAI,CAAC,QAAQ,GAAG,MAAM,EAAE,CAAC;IAC3B,CAAC;IAvCD,sBAAI,qCAAa;aAAjB,cAA+B,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;aAC5D,UAAkB,KAAc,IAAI,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;OAD7B;IAK5D,sBAAI,gDAAwB;QAF5B,kBAAkB;aAElB,cAA0C,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;aACvE,UAA6B,KAAc,IAAI,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC;;;OADN;IAOvE,sBAAI,qCAAa;aACjB,cAA8B,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;QAH3D,mCAAmC;aAEnC,UAAkB,KAAa,IAAI,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC;;;OAAA;IAIvD,sBAAI,2CAAmB;QADjC,uEAAuE;aAC7D;YACR,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,EAAX,CAAW,CAAC,CAAC;QACrD,CAAC;;;OAAA;IAKS,sBAAI,mCAAW;QADzB,+DAA+D;aACrD;YACR,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QAC5C,CAAC;;;OAAA;IAMS,sBAAI,oCAAY;QAD1B,wDAAwD;aAC9C;YACR,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;QAC7C,CAAC;;;OAAA;IAQD;;;;;OAKG;IACH,0CAAqB,GAArB;QAAA,iBAuBC;QAtBC,wEAAwE;QACxE,IAAI,CAAC,cAAc;YACf,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;QAEtE,qFAAqF;QACrF,mDAAmD;QACnD,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC;YAC9E,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;QAC1E,CAAC;QAED,2FAA2F;QAC3F,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAC,GAAU,EAAE,KAAa;YAC3C,GAAG,CAAC,QAAQ,GAAG,KAAK,GAAG,KAAI,CAAC,cAAc,CAAC;YAE3C,sFAAsF;YACtF,kCAAkC;YAClC,EAAE,CAAC,CAAC,KAAI,CAAC,cAAc,IAAI,IAAI,IAAI,GAAG,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;gBACpE,GAAG,CAAC,MAAM,GAAG,KAAI,CAAC,cAAc,GAAG,KAAI,CAAC,cAAc,CAAC;YACzD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;IAC5C,CAAC;IAED;;;OAGG;IACH,uCAAkB,GAAlB;QACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,kCAAa,GAAb,UAAc,KAAa;QACzB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEO,uCAAkB,GAA1B,UAA2B,KAAa;QACtC,IAAM,KAAK,GAAG,IAAI,gBAAgB,CAAC;QACnC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QACpB,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;YACpC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC;QACD,MAAM,CAAC,KAAK,CAAC;IACf,CAAC;IAED,qDAAqD;IACrD,mCAAc,GAAd,UAAe,CAAS;QACtB,MAAM,CAAC,kBAAgB,IAAI,CAAC,QAAQ,SAAI,CAAG,CAAC;IAC9C,CAAC;IAED,uDAAuD;IACvD,qCAAgB,GAAhB,UAAiB,CAAS;QACxB,MAAM,CAAC,oBAAkB,IAAI,CAAC,QAAQ,SAAI,CAAG,CAAC;IAChD,CAAC;IAED;;;OAGG;IACH,6CAAwB,GAAxB,UAAyB,SAAiB;QACxC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAAC,MAAM,CAAC;QAAC,CAAC;QAEpE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,QAAQ,EACvE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAC;QAEvC,kEAAkE;QAClE,sDAAsD;QACtD,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;YACpD,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,QAAQ,EACvE,SAAS,GAAG,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IAED,kDAAkD;IAClD,gDAA2B,GAA3B;QACE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,YAAY,CAAC;QAC7E,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IACnF,CAAC;IA7ID;QAAC,eAAe,CAAC,KAAK,CAAC;;6CAAA;IAEvB;QAAC,SAAS,CAAC,gBAAgB,CAAC;;uDAAA;IAa5B;QAAC,KAAK,EAAE;;mDAAA;IAKR;QAAC,KAAK,CAAC,mBAAmB,CAAC;;8DAAA;IAO3B;QAAC,KAAK,EAAE;;;mDAAA;IAKR;QAAC,MAAM,EAAE;;yDAAA;IAOT;QAAC,MAAM,EAAE;;iDAAA;IAQT;QAAC,MAAM,EAAE;;kDAAA;IAvDX;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,cAAc;YACxB,WAAW,EAAE,gBAAgB;YAC7B,SAAS,EAAE,CAAC,eAAe,CAAC;YAC5B,IAAI,EAAE,EAAE,qCAAqC,EAAE,eAAe,EAAE;SACjE,CAAC;;kBAAA;IAgJF,iBAAC;AAAD,CA/IA,AA+IC,IAAA;AASD;IAAA;IAOA,CAAC;IANQ,oBAAO,GAAd;QACE,MAAM,CAAC;YACL,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,CAAC,aAAa,CAAC;SAC3B,CAAC;IACJ,CAAC;IAbH;QAAC,QAAQ,CAAC;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,oBAAoB,CAAC;YAC3E,2EAA2E;YAC3E,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,CAAC;YACjF,YAAY,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB;gBACvE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,CAAC;SACnE,CAAC;;oBAAA;IAQF,mBAAC;AAAD,CAPA,AAOC,IAAA","file":"tab-group.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  ViewChild,\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  QueryList,\n  ContentChildren,\n  ElementRef,\n  Renderer\n} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {\n  PortalModule,\n  coerceBooleanProperty\n} from '../core';\nimport {MdTabLabel} from './tab-label';\nimport {MdTabLabelWrapper} from './tab-label-wrapper';\nimport {MdTabNavBar, MdTabLink, MdTabLinkRipple} from './tab-nav-bar/tab-nav-bar';\nimport {MdInkBar} from './ink-bar';\nimport {Observable} from 'rxjs/Observable';\nimport 'rxjs/add/operator/map';\nimport {MdRippleModule} from '../core/ripple/ripple';\nimport {ObserveContentModule} from '../core/observe-content/observe-content';\nimport {MdTab} from './tab';\nimport {MdTabBody} from './tab-body';\nimport {ViewportRuler} from '../core/overlay/position/viewport-ruler';\nimport {MdTabHeader} from './tab-header';\n\n\n/** Used to generate unique ID's for each tab component */\nlet nextId = 0;\n\n/** A simple change event emitted on focus or selection changes. */\nexport class MdTabChangeEvent {\n  index: number;\n  tab: MdTab;\n}\n\n/**\n * Material design tab-group component.  Supports basic tab pairs (label + content) and includes\n * animated ink-bar, keyboard navigation, and screen reader.\n * See: https://www.google.com/design/spec/components/tabs.html\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-tab-group',\n  templateUrl: 'tab-group.html',\n  styleUrls: ['tab-group.css'],\n  host: { '[class.md-tab-group-dynamic-height]': 'dynamicHeight' }\n})\nexport class MdTabGroup {\n  @ContentChildren(MdTab) _tabs: QueryList<MdTab>;\n\n  @ViewChild('tabBodyWrapper') _tabBodyWrapper: ElementRef;\n\n  /** Whether this component has been initialized. */\n  private _isInitialized: boolean = false;\n\n  /** The tab index that should be selected after the content has been checked. */\n  private _indexToSelect = 0;\n\n  /** Snapshot of the height of the tab body wrapper before another tab is activated. */\n  private _tabBodyWrapperHeight: number = null;\n\n  /** Whether the tab group should grow to the size of the active tab */\n  private _dynamicHeight: boolean = false;\n  @Input()\n  get dynamicHeight(): boolean { return this._dynamicHeight; }\n  set dynamicHeight(value: boolean) { this._dynamicHeight = coerceBooleanProperty(value); }\n\n  /** @deprecated */\n  @Input('md-dynamic-height')\n  get _dynamicHeightDeprecated(): boolean { return this._dynamicHeight; }\n  set _dynamicHeightDeprecated(value: boolean) { this._dynamicHeight = value; }\n\n  private _selectedIndex: number = null;\n\n  /** The index of the active tab. */\n  @Input()\n  set selectedIndex(value: number) { this._indexToSelect = value; }\n  get selectedIndex(): number { return this._selectedIndex; }\n\n  /** Output to enable support for two-way binding on `selectedIndex`. */\n  @Output() get selectedIndexChange(): Observable<number> {\n    return this.selectChange.map(event => event.index);\n  }\n\n  private _onFocusChange: EventEmitter<MdTabChangeEvent> = new EventEmitter<MdTabChangeEvent>();\n\n  /** Event emitted when focus has changed within a tab group. */\n  @Output() get focusChange(): Observable<MdTabChangeEvent> {\n    return this._onFocusChange.asObservable();\n  }\n\n  private _onSelectChange: EventEmitter<MdTabChangeEvent> =\n      new EventEmitter<MdTabChangeEvent>(true);\n\n  /** Event emitted when the tab selection has changed. */\n  @Output() get selectChange(): Observable<MdTabChangeEvent> {\n    return this._onSelectChange.asObservable();\n  }\n\n  private _groupId: number;\n\n  constructor(private _renderer: Renderer) {\n    this._groupId = nextId++;\n  }\n\n  /**\n   * After the content is checked, this component knows what tabs have been defined\n   * and what the selected index should be. This is where we can know exactly what position\n   * each tab should be in according to the new selected index, and additionally we know how\n   * a new selected tab should transition in (from the left or right).\n   */\n  ngAfterContentChecked(): void {\n    // Clamp the next selected index to the bounds of 0 and the tabs length.\n    this._indexToSelect =\n        Math.min(this._tabs.length - 1, Math.max(this._indexToSelect, 0));\n\n    // If there is a change in selected index, emit a change event. Should not trigger if\n    // the selected index has not yet been initialized.\n    if (this._selectedIndex != this._indexToSelect && this._selectedIndex != null) {\n      this._onSelectChange.emit(this._createChangeEvent(this._indexToSelect));\n    }\n\n    // Setup the position for each tab and optionally setup an origin on the next selected tab.\n    this._tabs.forEach((tab: MdTab, index: number) => {\n      tab.position = index - this._indexToSelect;\n\n      // If there is already a selected tab, then set up an origin for the next selected tab\n      // if it doesn't have one already.\n      if (this._selectedIndex != null && tab.position == 0 && !tab.origin) {\n        tab.origin = this._indexToSelect - this._selectedIndex;\n      }\n    });\n\n    this._selectedIndex = this._indexToSelect;\n  }\n\n  /**\n   * Waits one frame for the view to update, then updates the ink bar\n   * Note: This must be run outside of the zone or it will create an infinite change detection loop.\n   */\n  ngAfterViewChecked(): void {\n    this._isInitialized = true;\n  }\n\n  _focusChanged(index: number) {\n    this._onFocusChange.emit(this._createChangeEvent(index));\n  }\n\n  private _createChangeEvent(index: number): MdTabChangeEvent {\n    const event = new MdTabChangeEvent;\n    event.index = index;\n    if (this._tabs && this._tabs.length) {\n      event.tab = this._tabs.toArray()[index];\n    }\n    return event;\n  }\n\n  /** Returns a unique id for each tab label element */\n  _getTabLabelId(i: number): string {\n    return `md-tab-label-${this._groupId}-${i}`;\n  }\n\n  /** Returns a unique id for each tab content element */\n  _getTabContentId(i: number): string {\n    return `md-tab-content-${this._groupId}-${i}`;\n  }\n\n  /**\n   * Sets the height of the body wrapper to the height of the activating tab if dynamic\n   * height property is true.\n   */\n  _setTabBodyWrapperHeight(tabHeight: number): void {\n    if (!this._dynamicHeight || !this._tabBodyWrapperHeight) { return; }\n\n    this._renderer.setElementStyle(this._tabBodyWrapper.nativeElement, 'height',\n        this._tabBodyWrapperHeight + 'px');\n\n    // This conditional forces the browser to paint the height so that\n    // the animation to the new height can have an origin.\n    if (this._tabBodyWrapper.nativeElement.offsetHeight) {\n      this._renderer.setElementStyle(this._tabBodyWrapper.nativeElement, 'height',\n          tabHeight + 'px');\n    }\n  }\n\n  /** Removes the height of the tab body wrapper. */\n  _removeTabBodyWrapperHeight(): void {\n    this._tabBodyWrapperHeight = this._tabBodyWrapper.nativeElement.clientHeight;\n    this._renderer.setElementStyle(this._tabBodyWrapper.nativeElement, 'height', '');\n  }\n}\n\n@NgModule({\n  imports: [CommonModule, PortalModule, MdRippleModule, ObserveContentModule],\n  // Don't export all components because some are only to be used internally.\n  exports: [MdTabGroup, MdTabLabel, MdTab, MdTabNavBar, MdTabLink, MdTabLinkRipple],\n  declarations: [MdTabGroup, MdTabLabel, MdTab, MdInkBar, MdTabLabelWrapper,\n    MdTabNavBar, MdTabLink, MdTabBody, MdTabLinkRipple, MdTabHeader],\n})\nexport class MdTabsModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdTabsModule,\n      providers: [ViewportRuler]\n    };\n  }\n}\n"]}

package/tabs/tab-group.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdTabChangeEvent":{"__symbolic":"class"},"MdTabGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-tab-group","templateUrl":"tab-group.html","styleUrls":["tab-group.css"],"host":{"[class.md-tab-group-dynamic-height]":"dynamicHeight"}}]}],"members":{"_tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tab","name":"MdTab"}]}]}],"_tabBodyWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tabBodyWrapper"]}]}],"dynamicHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_dynamicHeightDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-dynamic-height"]}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"_focusChanged":[{"__symbolic":"method"}],"_createChangeEvent":[{"__symbolic":"method"}],"_getTabLabelId":[{"__symbolic":"method"}],"_getTabContentId":[{"__symbolic":"method"}],"_setTabBodyWrapperHeight":[{"__symbolic":"method"}],"_removeTabBodyWrapperHeight":[{"__symbolic":"method"}]}},"MdTabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../core","name":"PortalModule"},{"__symbolic":"reference","module":"../core/ripple/ripple","name":"MdRippleModule"},{"__symbolic":"reference","module":"../core/observe-content/observe-content","name":"ObserveContentModule"}],"exports":[{"__symbolic":"reference","name":"MdTabGroup"},{"__symbolic":"reference","module":"./tab-label","name":"MdTabLabel"},{"__symbolic":"reference","module":"./tab","name":"MdTab"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabNavBar"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabLink"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabLinkRipple"}],"declarations":[{"__symbolic":"reference","name":"MdTabGroup"},{"__symbolic":"reference","module":"./tab-label","name":"MdTabLabel"},{"__symbolic":"reference","module":"./tab","name":"MdTab"},{"__symbolic":"reference","module":"./ink-bar","name":"MdInkBar"},{"__symbolic":"reference","module":"./tab-label-wrapper","name":"MdTabLabelWrapper"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabNavBar"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabLink"},{"__symbolic":"reference","module":"./tab-body","name":"MdTabBody"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabLinkRipple"},{"__symbolic":"reference","module":"./tab-header","name":"MdTabHeader"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdTabsModule"},"providers":[{"__symbolic":"reference","module":"../core/overlay/position/viewport-ruler","name":"ViewportRuler"}]}}}}}},{"__symbolic":"module","metadata":{"MdTabChangeEvent":{"__symbolic":"class"},"MdTabGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-tab-group","templateUrl":"tab-group.html","styleUrls":["tab-group.css"],"host":{"[class.md-tab-group-dynamic-height]":"dynamicHeight"}}]}],"members":{"_tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tab","name":"MdTab"}]}]}],"_tabBodyWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tabBodyWrapper"]}]}],"dynamicHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_dynamicHeightDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-dynamic-height"]}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"_focusChanged":[{"__symbolic":"method"}],"_createChangeEvent":[{"__symbolic":"method"}],"_getTabLabelId":[{"__symbolic":"method"}],"_getTabContentId":[{"__symbolic":"method"}],"_setTabBodyWrapperHeight":[{"__symbolic":"method"}],"_removeTabBodyWrapperHeight":[{"__symbolic":"method"}]}},"MdTabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../core","name":"PortalModule"},{"__symbolic":"reference","module":"../core/ripple/ripple","name":"MdRippleModule"},{"__symbolic":"reference","module":"../core/observe-content/observe-content","name":"ObserveContentModule"}],"exports":[{"__symbolic":"reference","name":"MdTabGroup"},{"__symbolic":"reference","module":"./tab-label","name":"MdTabLabel"},{"__symbolic":"reference","module":"./tab","name":"MdTab"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabNavBar"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabLink"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabLinkRipple"}],"declarations":[{"__symbolic":"reference","name":"MdTabGroup"},{"__symbolic":"reference","module":"./tab-label","name":"MdTabLabel"},{"__symbolic":"reference","module":"./tab","name":"MdTab"},{"__symbolic":"reference","module":"./ink-bar","name":"MdInkBar"},{"__symbolic":"reference","module":"./tab-label-wrapper","name":"MdTabLabelWrapper"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabNavBar"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabLink"},{"__symbolic":"reference","module":"./tab-body","name":"MdTabBody"},{"__symbolic":"reference","module":"./tab-nav-bar/tab-nav-bar","name":"MdTabLinkRipple"},{"__symbolic":"reference","module":"./tab-header","name":"MdTabHeader"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdTabsModule"},"providers":[{"__symbolic":"reference","module":"../core/overlay/position/viewport-ruler","name":"ViewportRuler"}]}}}}},"version":1}]