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

package/tabs/tab-header.scss

@@ -1,85 +0,0 @@
-@import '../core/style/variables';
-@import '../core/style/layout-common';
-@import 'tabs-common';
-
-.md-tab-header {
-  @include tab-header;
-}
-
-// Wraps each tab label
-.md-tab-label {
-  @include tab-label;
-  position: relative;
-}
-
-@media ($md-xsmall) {
-  .md-tab-label {
-    min-width: 72px;
-  }
-}
-
-// The ink bar that displays under the active tab label
-md-ink-bar {
-  @include ink-bar;
-}
-
-.md-tab-header-pagination {
-  position: relative;
-  display: none;
-  justify-content: center;
-  align-items: center;
-  min-width: 32px;
-  cursor: pointer;
-  z-index: 2;
-
-  .md-tab-header-pagination-controls-enabled & {
-    display: flex;
-  }
-}
-
-// The pagination control that is displayed on the left side of the tab header.
-.md-tab-header-pagination-before, .md-tab-header-rtl .md-tab-header-pagination-after {
-  padding-left: 4px;
-  .md-tab-header-pagination-chevron {
-    transform: rotate(-135deg);
-  }
-}
-
-// The pagination control that is displayed on the right side of the tab header.
-.md-tab-header-rtl .md-tab-header-pagination-before, .md-tab-header-pagination-after {
-  padding-right: 4px;
-  .md-tab-header-pagination-chevron {
-    transform: rotate(45deg);
-  }
-}
-
-.md-tab-header-pagination-chevron {
-  border-style: solid;
-  border-width: 2px 2px 0 0;
-  content: '';
-  height: 8px;
-  width: 8px;
-}
-
-.md-tab-header-pagination-disabled {
-  box-shadow: none;
-  cursor: default;
-
-  .md-tab-header-pagination-chevron {
-    border-color: #ccc;
-  }
-}
-
-.md-tab-label-container {
-  display: flex;
-  flex-grow: 1;
-  overflow: hidden;
-  z-index: 1;
-}
-
-.md-tab-list {
-  display: flex;
-  flex-grow: 1;
-  position: relative;
-  transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}

package/tabs/tab-label-wrapper.d.ts

@@ -1,15 +0,0 @@
-import { ElementRef, Renderer } from '@angular/core';
-/** Used in the `md-tab-group` view to display tab labels */
-export declare class MdTabLabelWrapper {
-    elementRef: ElementRef;
-    private _renderer;
-    constructor(elementRef: ElementRef, _renderer: Renderer);
-    /** Whether the tab label is disabled.  */
-    private _disabled;
-    /** Whether the element is disabled. */
-    disabled: any;
-    /** Sets focus on the wrapper element */
-    focus(): void;
-    getOffsetLeft(): number;
-    getOffsetWidth(): number;
-}

package/tabs/tab-label-wrapper.js

@@ -1,53 +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 { Directive, ElementRef, Renderer, Input } from '@angular/core';
-import { coerceBooleanProperty } from '../core/coercion/boolean-property';
-/** Used in the `md-tab-group` view to display tab labels */
-export var MdTabLabelWrapper = (function () {
-    function MdTabLabelWrapper(elementRef, _renderer) {
-        this.elementRef = elementRef;
-        this._renderer = _renderer;
-        /** Whether the tab label is disabled.  */
-        this._disabled = false;
-    }
-    Object.defineProperty(MdTabLabelWrapper.prototype, "disabled", {
-        /** Whether the element is disabled. */
-        get: function () { return this._disabled; },
-        set: function (value) { this._disabled = coerceBooleanProperty(value); },
-        enumerable: true,
-        configurable: true
-    });
-    /** Sets focus on the wrapper element */
-    MdTabLabelWrapper.prototype.focus = function () {
-        this._renderer.invokeElementMethod(this.elementRef.nativeElement, 'focus');
-    };
-    MdTabLabelWrapper.prototype.getOffsetLeft = function () {
-        return this.elementRef.nativeElement.offsetLeft;
-    };
-    MdTabLabelWrapper.prototype.getOffsetWidth = function () {
-        return this.elementRef.nativeElement.offsetWidth;
-    };
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdTabLabelWrapper.prototype, "disabled", null);
-    MdTabLabelWrapper = __decorate([
-        Directive({
-            selector: '[md-tab-label-wrapper], [mat-tab-label-wrapper]',
-            host: {
-                '[class.md-tab-disabled]': 'disabled'
-            }
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdTabLabelWrapper);
-    return MdTabLabelWrapper;
-}());
-
-//# sourceMappingURL=tab-label-wrapper.js.map

package/tabs/tab-label-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/tab-label-wrapper.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,eAAe;OAC7D,EAAC,qBAAqB,EAAC,MAAM,mCAAmC;AAGvE,4DAA4D;AAO5D;IACE,2BAAmB,UAAsB,EAAU,SAAmB;QAAnD,eAAU,GAAV,UAAU,CAAY;QAAU,cAAS,GAAT,SAAS,CAAU;QAEtE,0CAA0C;QAClC,cAAS,GAAY,KAAK,CAAC;IAHsC,CAAC;IAO1E,sBAAI,uCAAQ;QAFZ,uCAAuC;aAEvC,cAAiB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;aACzC,UAAa,KAAU,IAAI,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;OADlC;IAGzC,wCAAwC;IACxC,iCAAK,GAAL;QACE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAC7E,CAAC;IAED,yCAAa,GAAb;QACE,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;IAClD,CAAC;IAED,0CAAc,GAAd;QACE,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC;IACnD,CAAC;IAfD;QAAC,KAAK,EAAE;;qDAAA;IAbV;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,iDAAiD;YAC3D,IAAI,EAAE;gBACJ,yBAAyB,EAAE,UAAU;aACtC;SACF,CAAC;;yBAAA;IAwBF,wBAAC;AAAD,CAvBA,AAuBC,IAAA","file":"tab-label-wrapper.js","sourcesContent":["import {Directive, ElementRef, Renderer, Input} from '@angular/core';\nimport {coerceBooleanProperty} from '../core/coercion/boolean-property';\n\n\n/** Used in the `md-tab-group` view to display tab labels */\n@Directive({\n  selector: '[md-tab-label-wrapper], [mat-tab-label-wrapper]',\n  host: {\n    '[class.md-tab-disabled]': 'disabled'\n  }\n})\nexport class MdTabLabelWrapper {\n  constructor(public elementRef: ElementRef, private _renderer: Renderer) {}\n\n  /** Whether the tab label is disabled.  */\n  private _disabled: boolean = false;\n\n  /** Whether the element is disabled. */\n  @Input()\n  get disabled() { return this._disabled; }\n  set disabled(value: any) { this._disabled = coerceBooleanProperty(value); }\n\n  /** Sets focus on the wrapper element */\n  focus(): void {\n    this._renderer.invokeElementMethod(this.elementRef.nativeElement, 'focus');\n  }\n\n  getOffsetLeft(): number {\n    return this.elementRef.nativeElement.offsetLeft;\n  }\n\n  getOffsetWidth(): number {\n    return this.elementRef.nativeElement.offsetWidth;\n  }\n}\n"]}

package/tabs/tab-label-wrapper.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdTabLabelWrapper":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-tab-label-wrapper], [mat-tab-label-wrapper]","host":{"[class.md-tab-disabled]":"disabled"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focus":[{"__symbolic":"method"}],"getOffsetLeft":[{"__symbolic":"method"}],"getOffsetWidth":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"MdTabLabelWrapper":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-tab-label-wrapper], [mat-tab-label-wrapper]","host":{"[class.md-tab-disabled]":"disabled"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focus":[{"__symbolic":"method"}],"getOffsetLeft":[{"__symbolic":"method"}],"getOffsetWidth":[{"__symbolic":"method"}]}}},"version":1}]

package/tabs/tab-label.d.ts

@@ -1,6 +0,0 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
-import { TemplatePortalDirective } from '../core';
-/** Used to flag tab labels for use with the portal directive */
-export declare class MdTabLabel extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}

package/tabs/tab-label.js

@@ -1,32 +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);
-};
-import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';
-import { TemplatePortalDirective } from '../core';
-/** Used to flag tab labels for use with the portal directive */
-export var MdTabLabel = (function (_super) {
-    __extends(MdTabLabel, _super);
-    function MdTabLabel(templateRef, viewContainerRef) {
-        _super.call(this, templateRef, viewContainerRef);
-    }
-    MdTabLabel = __decorate([
-        Directive({
-            selector: '[md-tab-label], [mat-tab-label]',
-        }), 
-        __metadata('design:paramtypes', [TemplateRef, ViewContainerRef])
-    ], MdTabLabel);
-    return MdTabLabel;
-}(TemplatePortalDirective));
-
-//# sourceMappingURL=tab-label.js.map

package/tabs/tab-label.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/tab-label.ts"],"names":[],"mappings":";;;;;;;;;;;;;;OAAO,EAAC,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAC,MAAM,eAAe;OAC/D,EAAC,uBAAuB,EAAC,MAAM,SAAS;AAE/C,gEAAgE;AAIhE;IAAgC,8BAAuB;IACrD,oBAAY,WAA6B,EAAE,gBAAkC;QAC3E,kBAAM,WAAW,EAAE,gBAAgB,CAAC,CAAC;IACvC,CAAC;IANH;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,iCAAiC;SAC5C,CAAC;;kBAAA;IAKF,iBAAC;AAAD,CAJA,AAIC,CAJ+B,uBAAuB,GAItD","file":"tab-label.js","sourcesContent":["import {Directive, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {TemplatePortalDirective} from '../core';\n\n/** Used to flag tab labels for use with the portal directive */\n@Directive({\n  selector: '[md-tab-label], [mat-tab-label]',\n})\nexport class MdTabLabel extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n"]}

package/tabs/tab-label.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdTabLabel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"TemplatePortalDirective"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-tab-label], [mat-tab-label]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}]}}}},{"__symbolic":"module","metadata":{"MdTabLabel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"TemplatePortalDirective"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-tab-label], [mat-tab-label]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}]}}},"version":1}]

package/tabs/tab-nav-bar/index.d.ts

@@ -1 +0,0 @@
-export * from './tab-nav-bar';

package/tabs/tab-nav-bar/index.js

@@ -1,3 +0,0 @@
-export * from './tab-nav-bar';
-
-//# sourceMappingURL=index.js.map

package/tabs/tab-nav-bar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/tab-nav-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","file":"index.js","sourcesContent":["export * from './tab-nav-bar';\n"]}

package/tabs/tab-nav-bar/index.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{},"exports":[{"from":"./tab-nav-bar"}]},{"__symbolic":"module","exports":[{"from":"./tab-nav-bar"}],"metadata":{},"version":1}]

package/tabs/tab-nav-bar/tab-nav-bar.css

@@ -1 +0,0 @@
-[md-tab-link],[md-tab-nav-bar]{position:relative;overflow:hidden}[md-tab-nav-bar]{display:flex;flex-direction:row;flex-shrink:0}[md-tab-link]{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;text-decoration:none}[md-tab-link]:focus{outline:0;opacity:1}@media (max-width:600px){[md-tab-link]{min-width:72px}}md-ink-bar{position:absolute;bottom:0;height:2px;transition:.5s cubic-bezier(.35,0,.25,1)}

package/tabs/tab-nav-bar/tab-nav-bar.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tab-nav-bar.css"],"names":[],"mappings":"AAAA;EACE,iBAAiB;EACjB,mBAAmB;EACnB,cAAc;EACd,oBAAoB;EACpB,eAAe,EAAE;;AAEnB;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,sBAAsB;EACtB,mBAAmB;EACnB,iBAAiB,EAAE;EACnB;IACE,cAAc;IACd,WAAW,EAAE;;AAEjB;EACE;IACE,gBAAgB,EAAE,EAAE;;AAExB;EACE,mBAAmB;EACnB,UAAU;EACV,YAAY;EACZ,iDAAiD,EAAE","file":"tab-nav-bar.css","sourcesContent":["[md-tab-nav-bar] {\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  flex-shrink: 0; }\n\n[md-tab-link] {\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  text-decoration: none;\n  position: relative;\n  overflow: hidden; }\n  [md-tab-link]:focus {\n    outline: none;\n    opacity: 1; }\n\n@media (max-width: 600px) {\n  [md-tab-link] {\n    min-width: 72px; } }\n\nmd-ink-bar {\n  position: absolute;\n  bottom: 0;\n  height: 2px;\n  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }\n"]}

package/tabs/tab-nav-bar/tab-nav-bar.d.ts

@@ -1,37 +0,0 @@
-import { ElementRef, NgZone, OnDestroy } from '@angular/core';
-import { MdInkBar } from '../ink-bar';
-import { MdRipple } from '../../core/ripple/ripple';
-import { ViewportRuler } from '../../core/overlay/position/viewport-ruler';
-/**
- * Navigation component matching the styles of the tab group header.
- * Provides anchored navigation with animated ink bar.
- */
-export declare class MdTabNavBar {
-    _inkBar: MdInkBar;
-    /** Animates the ink bar to the position of the active link element. */
-    updateActiveLink(element: HTMLElement): void;
-}
-/**
- * Link inside of a `md-tab-nav-bar`.
- */
-export declare class MdTabLink {
-    private _mdTabNavBar;
-    private _element;
-    private _isActive;
-    /** Whether the link is active. */
-    active: boolean;
-    constructor(_mdTabNavBar: MdTabNavBar, _element: ElementRef);
-}
-/**
- * Simple directive that extends the ripple and matches the selector of the MdTabLink. This
- * adds the ripple behavior to nav bar labels.
- */
-export declare class MdTabLinkRipple extends MdRipple implements OnDestroy {
-    private _element;
-    private _ngZone;
-    constructor(_element: ElementRef, _ngZone: NgZone, _ruler: ViewportRuler);
-    /**
-     * In certain cases the parent destroy handler may not get called. See Angular issue #11606.
-     */
-    ngOnDestroy(): void;
-}

package/tabs/tab-nav-bar/tab-nav-bar.html

@@ -1 +0,0 @@
-<ng-content></ng-content><md-ink-bar></md-ink-bar>

package/tabs/tab-nav-bar/tab-nav-bar.js

@@ -1,103 +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);
-};
-import { Component, Input, ViewChild, ElementRef, ViewEncapsulation, Directive, NgZone } from '@angular/core';
-import { MdInkBar } from '../ink-bar';
-import { MdRipple } from '../../core/ripple/ripple';
-import { ViewportRuler } from '../../core/overlay/position/viewport-ruler';
-/**
- * Navigation component matching the styles of the tab group header.
- * Provides anchored navigation with animated ink bar.
- */
-export var MdTabNavBar = (function () {
-    function MdTabNavBar() {
-    }
-    /** Animates the ink bar to the position of the active link element. */
-    MdTabNavBar.prototype.updateActiveLink = function (element) {
-        this._inkBar.alignToElement(element);
-    };
-    __decorate([
-        ViewChild(MdInkBar), 
-        __metadata('design:type', MdInkBar)
-    ], MdTabNavBar.prototype, "_inkBar", void 0);
-    MdTabNavBar = __decorate([
-        Component({selector: '[md-tab-nav-bar], [mat-tab-nav-bar]',
-            template: "<ng-content></ng-content><md-ink-bar></md-ink-bar>",
-            styles: ["[md-tab-link],[md-tab-nav-bar]{position:relative;overflow:hidden}[md-tab-nav-bar]{display:flex;flex-direction:row;flex-shrink:0}[md-tab-link]{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;text-decoration:none}[md-tab-link]:focus{outline:0;opacity:1}@media (max-width:600px){[md-tab-link]{min-width:72px}}md-ink-bar{position:absolute;bottom:0;height:2px;transition:.5s cubic-bezier(.35,0,.25,1)}"],
-            encapsulation: ViewEncapsulation.None,
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdTabNavBar);
-    return MdTabNavBar;
-}());
-/**
- * Link inside of a `md-tab-nav-bar`.
- */
-export var MdTabLink = (function () {
-    function MdTabLink(_mdTabNavBar, _element) {
-        this._mdTabNavBar = _mdTabNavBar;
-        this._element = _element;
-        this._isActive = false;
-    }
-    Object.defineProperty(MdTabLink.prototype, "active", {
-        /** Whether the link is active. */
-        get: function () { return this._isActive; },
-        set: function (value) {
-            this._isActive = value;
-            if (value) {
-                this._mdTabNavBar.updateActiveLink(this._element.nativeElement);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdTabLink.prototype, "active", null);
-    MdTabLink = __decorate([
-        Directive({
-            selector: '[md-tab-link], [mat-tab-link]',
-        }), 
-        __metadata('design:paramtypes', [MdTabNavBar, ElementRef])
-    ], MdTabLink);
-    return MdTabLink;
-}());
-/**
- * Simple directive that extends the ripple and matches the selector of the MdTabLink. This
- * adds the ripple behavior to nav bar labels.
- */
-export var MdTabLinkRipple = (function (_super) {
-    __extends(MdTabLinkRipple, _super);
-    function MdTabLinkRipple(_element, _ngZone, _ruler) {
-        _super.call(this, _element, _ngZone, _ruler);
-        this._element = _element;
-        this._ngZone = _ngZone;
-    }
-    /**
-     * In certain cases the parent destroy handler may not get called. See Angular issue #11606.
-     */
-    MdTabLinkRipple.prototype.ngOnDestroy = function () {
-        _super.prototype.ngOnDestroy.call(this);
-    };
-    MdTabLinkRipple = __decorate([
-        Directive({
-            selector: '[md-tab-link], [mat-tab-link]',
-        }), 
-        __metadata('design:paramtypes', [ElementRef, NgZone, ViewportRuler])
-    ], MdTabLinkRipple);
-    return MdTabLinkRipple;
-}(MdRipple));
-
-//# sourceMappingURL=tab-nav-bar.js.map

package/tabs/tab-nav-bar/tab-nav-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/tab-nav-bar/tab-nav-bar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;OAAO,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,MAAM,EAEP,MAAM,eAAe;OACf,EAAC,QAAQ,EAAC,MAAM,YAAY;OAC5B,EAAC,QAAQ,EAAC,MAAM,0BAA0B;OAC1C,EAAC,aAAa,EAAC,MAAM,4CAA4C;AAExE;;;GAGG;AAQH;IAAA;IAOA,CAAC;IAJC,uEAAuE;IACvE,sCAAgB,GAAhB,UAAiB,OAAoB;QACnC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IALD;QAAC,SAAS,CAAC,QAAQ,CAAC;;gDAAA;IARtB;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,qCAAqC;YAC/C,WAAW,EAAE,kBAAkB;YAC/B,SAAS,EAAE,CAAC,iBAAiB,CAAC;YAC9B,aAAa,EAAE,iBAAiB,CAAC,IAAI;SACtC,CAAC;;mBAAA;IAQF,kBAAC;AAAD,CAPA,AAOC,IAAA;AAED;;GAEG;AAIH;IAaE,mBAAoB,YAAyB,EAAU,QAAoB;QAAvD,iBAAY,GAAZ,YAAY,CAAa;QAAU,aAAQ,GAAR,QAAQ,CAAY;QAZnE,cAAS,GAAY,KAAK,CAAC;IAY2C,CAAC;IAR/E,sBAAI,6BAAM;QAFV,kCAAkC;aAElC,cAAwB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;aAChD,UAAW,KAAc;YACvB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;gBACV,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;YAClE,CAAC;QACH,CAAC;;;OAN+C;IADhD;QAAC,KAAK,EAAE;;2CAAA;IAPV;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,+BAA+B;SAC1C,CAAC;;iBAAA;IAeF,gBAAC;AAAD,CAdA,AAcC,IAAA;AAED;;;GAGG;AAIH;IAAqC,mCAAQ;IAC3C,yBAAoB,QAAoB,EAAU,OAAe,EAAE,MAAqB;QACtF,kBAAM,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QADf,aAAQ,GAAR,QAAQ,CAAY;QAAU,YAAO,GAAP,OAAO,CAAQ;IAEjE,CAAC;IAED;;OAEG;IACH,qCAAW,GAAX;QACE,gBAAK,CAAC,WAAW,WAAE,CAAC;IACtB,CAAC;IAbH;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,+BAA+B;SAC1C,CAAC;;uBAAA;IAYF,sBAAC;AAAD,CAXA,AAWC,CAXoC,QAAQ,GAW5C","file":"tab-nav-bar.js","sourcesContent":["import {\n  Component,\n  Input,\n  ViewChild,\n  ElementRef,\n  ViewEncapsulation,\n  Directive,\n  NgZone,\n  OnDestroy,\n} from '@angular/core';\nimport {MdInkBar} from '../ink-bar';\nimport {MdRipple} from '../../core/ripple/ripple';\nimport {ViewportRuler} from '../../core/overlay/position/viewport-ruler';\n\n/**\n * Navigation component matching the styles of the tab group header.\n * Provides anchored navigation with animated ink bar.\n */\n@Component({\n  moduleId: module.id,\n  selector: '[md-tab-nav-bar], [mat-tab-nav-bar]',\n  templateUrl: 'tab-nav-bar.html',\n  styleUrls: ['tab-nav-bar.css'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MdTabNavBar {\n  @ViewChild(MdInkBar) _inkBar: MdInkBar;\n\n  /** Animates the ink bar to the position of the active link element. */\n  updateActiveLink(element: HTMLElement) {\n    this._inkBar.alignToElement(element);\n  }\n}\n\n/**\n * Link inside of a `md-tab-nav-bar`.\n */\n@Directive({\n  selector: '[md-tab-link], [mat-tab-link]',\n})\nexport class MdTabLink {\n  private _isActive: boolean = false;\n\n  /** Whether the link is active. */\n  @Input()\n  get active(): boolean { return this._isActive; }\n  set active(value: boolean) {\n    this._isActive = value;\n    if (value) {\n      this._mdTabNavBar.updateActiveLink(this._element.nativeElement);\n    }\n  }\n\n  constructor(private _mdTabNavBar: MdTabNavBar, private _element: ElementRef) {}\n}\n\n/**\n * Simple directive that extends the ripple and matches the selector of the MdTabLink. This\n * adds the ripple behavior to nav bar labels.\n */\n@Directive({\n  selector: '[md-tab-link], [mat-tab-link]',\n})\nexport class MdTabLinkRipple extends MdRipple implements OnDestroy {\n  constructor(private _element: ElementRef, private _ngZone: NgZone, _ruler: ViewportRuler) {\n    super(_element, _ngZone, _ruler);\n  }\n\n  /**\n   * In certain cases the parent destroy handler may not get called. See Angular issue #11606.\n   */\n  ngOnDestroy() {\n    super.ngOnDestroy();\n  }\n}\n"]}

package/tabs/tab-nav-bar/tab-nav-bar.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdTabNavBar":{"__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-nav-bar], [mat-tab-nav-bar]","templateUrl":"tab-nav-bar.html","styleUrls":["tab-nav-bar.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_inkBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../ink-bar","name":"MdInkBar"}]}]}],"updateActiveLink":[{"__symbolic":"method"}]}},"MdTabLink":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-tab-link], [mat-tab-link]"}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MdTabNavBar"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"MdTabLinkRipple":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../core/ripple/ripple","name":"MdRipple"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-tab-link], [mat-tab-link]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"../../core/overlay/position/viewport-ruler","name":"ViewportRuler"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"MdTabNavBar":{"__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-nav-bar], [mat-tab-nav-bar]","templateUrl":"tab-nav-bar.html","styleUrls":["tab-nav-bar.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_inkBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../ink-bar","name":"MdInkBar"}]}]}],"updateActiveLink":[{"__symbolic":"method"}]}},"MdTabLink":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-tab-link], [mat-tab-link]"}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MdTabNavBar"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"MdTabLinkRipple":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../core/ripple/ripple","name":"MdRipple"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-tab-link], [mat-tab-link]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"../../core/overlay/position/viewport-ruler","name":"ViewportRuler"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"version":1}]

package/tabs/tab-nav-bar/tab-nav-bar.scss

@@ -1,26 +0,0 @@
-@import '../tabs-common';
-@import '../../core/style/variables';
-
-// Wraps the bar containing the anchors
-[md-tab-nav-bar] {
-  @include tab-header;
-}
-
-// Wraps each link in the header
-[md-tab-link] {
-  @include tab-label;
-  text-decoration: none;  // Removes anchor underline styling
-  position: relative;
-  overflow: hidden;  // Keeps the ripple from extending outside the element bounds
-}
-
-@media ($md-xsmall) {
-  [md-tab-link] {
-    min-width: 72px;
-  }
-}
-
-// Styling for the ink bar that displays near the activated anchor
-md-ink-bar {
-  @include ink-bar;
-}

package/tabs/tab.d.ts

@@ -1,30 +0,0 @@
-import { TemplatePortal } from '../core/portal/portal';
-import { ViewContainerRef, TemplateRef, OnInit } from '@angular/core';
-import { MdTabLabel } from './tab-label';
-export declare class MdTab implements OnInit {
-    private _viewContainerRef;
-    /** Content for the tab label given by <template md-tab-label>. */
-    templateLabel: MdTabLabel;
-    /** Template inside the MdTab view that contains an <ng-content>. */
-    _content: TemplateRef<any>;
-    /** The plain text label for the tab, used when there is no template label. */
-    textLabel: string;
-    /** The portal that will be the hosted content of the tab */
-    private _contentPortal;
-    readonly content: TemplatePortal;
-    /**
-     * The relatively indexed position where 0 represents the center, negative is left, and positive
-     * represents the right.
-     */
-    position: number;
-    /**
-     * The initial relatively index origin of the tab if it was created and selected after there
-     * was already a selected tab. Provides context of what position the tab should originate from.
-     */
-    origin: number;
-    private _disabled;
-    /** Whether the tab is disabled */
-    disabled: boolean;
-    constructor(_viewContainerRef: ViewContainerRef);
-    ngOnInit(): void;
-}

package/tabs/tab.html

@@ -1 +0,0 @@
-<template><ng-content></ng-content></template>

package/tabs/tab.js

@@ -1,74 +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 { TemplatePortal } from '../core/portal/portal';
-import { ViewContainerRef, Input, TemplateRef, ViewChild, ContentChild, Component } from '@angular/core';
-import { coerceBooleanProperty } from '../core/coercion/boolean-property';
-import { MdTabLabel } from './tab-label';
-export var MdTab = (function () {
-    function MdTab(_viewContainerRef) {
-        this._viewContainerRef = _viewContainerRef;
-        /** The plain text label for the tab, used when there is no template label. */
-        this.textLabel = '';
-        /** The portal that will be the hosted content of the tab */
-        this._contentPortal = null;
-        /**
-         * The relatively indexed position where 0 represents the center, negative is left, and positive
-         * represents the right.
-         */
-        this.position = null;
-        /**
-         * The initial relatively index origin of the tab if it was created and selected after there
-         * was already a selected tab. Provides context of what position the tab should originate from.
-         */
-        this.origin = null;
-        this._disabled = false;
-    }
-    Object.defineProperty(MdTab.prototype, "content", {
-        get: function () { return this._contentPortal; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdTab.prototype, "disabled", {
-        get: function () { return this._disabled; },
-        /** Whether the tab is disabled */
-        set: function (value) { this._disabled = coerceBooleanProperty(value); },
-        enumerable: true,
-        configurable: true
-    });
-    MdTab.prototype.ngOnInit = function () {
-        this._contentPortal = new TemplatePortal(this._content, this._viewContainerRef);
-    };
-    __decorate([
-        ContentChild(MdTabLabel), 
-        __metadata('design:type', MdTabLabel)
-    ], MdTab.prototype, "templateLabel", void 0);
-    __decorate([
-        ViewChild(TemplateRef), 
-        __metadata('design:type', TemplateRef)
-    ], MdTab.prototype, "_content", void 0);
-    __decorate([
-        Input('label'), 
-        __metadata('design:type', String)
-    ], MdTab.prototype, "textLabel", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean), 
-        __metadata('design:paramtypes', [Boolean])
-    ], MdTab.prototype, "disabled", null);
-    MdTab = __decorate([
-        Component({selector: 'md-tab',
-            template: "<template><ng-content></ng-content></template>",
-        }), 
-        __metadata('design:paramtypes', [ViewContainerRef])
-    ], MdTab);
-    return MdTab;
-}());
-
-//# sourceMappingURL=tab.js.map

package/tabs/tab.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/tab.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,cAAc,EAAC,MAAM,uBAAuB;OAC7C,EACL,gBAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAU,YAAY,EACrE,SAAS,EACV,MAAM,eAAe;OACf,EAAC,qBAAqB,EAAC,MAAM,mCAAmC;OAEhE,EAAC,UAAU,EAAC,MAAM,aAAa;AAOtC;IAiCE,eAAoB,iBAAmC;QAAnC,sBAAiB,GAAjB,iBAAiB,CAAkB;QA1BvD,8EAA8E;QAC9D,cAAS,GAAW,EAAE,CAAC;QAEvC,4DAA4D;QACpD,mBAAc,GAAmB,IAAI,CAAC;QAG9C;;;WAGG;QACH,aAAQ,GAAW,IAAI,CAAC;QAExB;;;WAGG;QACH,WAAM,GAAW,IAAI,CAAC;QAEd,cAAS,GAAG,KAAK,CAAC;IAOiC,CAAC;IArB5D,sBAAI,0BAAO;aAAX,cAAgC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;;;OAAA;IAkB7D,sBAAI,2BAAQ;aACZ,cAA0B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QAHlD,kCAAkC;aAElC,UAAa,KAAc,IAAI,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;OAAA;IAK/E,wBAAQ,GAAR;QACE,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAClF,CAAC;IAnCD;QAAC,YAAY,CAAC,UAAU,CAAC;;gDAAA;IAGzB;QAAC,SAAS,CAAC,WAAW,CAAC;;2CAAA;IAGvB;QAAC,KAAK,CAAC,OAAO,CAAC;;4CAAA;IAqBf;QAAC,KAAK,EAAE;;;yCAAA;IAlCV;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,QAAQ;YAClB,WAAW,EAAE,UAAU;SACxB,CAAC;;aAAA;IAuCF,YAAC;AAAD,CAtCA,AAsCC,IAAA","file":"tab.js","sourcesContent":["import {TemplatePortal} from '../core/portal/portal';\nimport {\n  ViewContainerRef, Input, TemplateRef, ViewChild, OnInit, ContentChild,\n  Component\n} from '@angular/core';\nimport {coerceBooleanProperty} from '../core/coercion/boolean-property';\n\nimport {MdTabLabel} from './tab-label';\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-tab',\n  templateUrl: 'tab.html',\n})\nexport class MdTab implements OnInit {\n  /** Content for the tab label given by <template md-tab-label>. */\n  @ContentChild(MdTabLabel) templateLabel: MdTabLabel;\n\n  /** Template inside the MdTab view that contains an <ng-content>. */\n  @ViewChild(TemplateRef) _content: TemplateRef<any>;\n\n  /** The plain text label for the tab, used when there is no template label. */\n  @Input('label') textLabel: string = '';\n\n  /** The portal that will be the hosted content of the tab */\n  private _contentPortal: TemplatePortal = null;\n  get content(): TemplatePortal { return this._contentPortal; }\n\n  /**\n   * The relatively indexed position where 0 represents the center, negative is left, and positive\n   * represents the right.\n   */\n  position: number = null;\n\n  /**\n   * The initial relatively index origin of the tab if it was created and selected after there\n   * was already a selected tab. Provides context of what position the tab should originate from.\n   */\n  origin: number = null;\n\n  private _disabled = false;\n\n  /** Whether the tab is disabled */\n  @Input()\n  set disabled(value: boolean) { this._disabled = coerceBooleanProperty(value); }\n  get disabled(): boolean { return this._disabled; }\n\n  constructor(private _viewContainerRef: ViewContainerRef) { }\n\n  ngOnInit() {\n    this._contentPortal = new TemplatePortal(this._content, this._viewContainerRef);\n  }\n}\n"]}

package/tabs/tab.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdTab":{"__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","templateUrl":"tab.html"}]}],"members":{"templateLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-label","name":"MdTabLabel"}]}]}],"_content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"textLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["label"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"MdTab":{"__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","templateUrl":"tab.html"}]}],"members":{"templateLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-label","name":"MdTabLabel"}]}]}],"_content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"textLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["label"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"version":1}]

package/toolbar/OVERVIEW.md

@@ -1,51 +0,0 @@
-`<md-toolbar>` is a container for headers, titles, or actions.
-
-<!-- example(toolbar-overview) -->
-
-### Multiple rows
-Toolbars can have multiple rows using `<md-toolbar-row>` elements. Any content outside of an 
-`<md-toolbar-row>` element are automatically placed inside of one at the begining of the toolbar.
-Each toolbar row is a `display: flex` container.
-
-```html
-<md-toolbar>
-  <span>First Row</span>
-  
-  <md-toolbar-row>
-    <span>Second Row</span>
-  </md-toolbar-row>
-  
-  <md-toolbar-row>
-    <span>Third Row</span>
-  </md-toolbar-row>
-</md-toolbar>
-```
-
-### Positioning toolbar content
-The toolbar does not perform any positioning of its content. This gives the user full power to 
-position the content as it suits their application.
-
-A common pattern is to position a title on the left with some actions on the right. This can be
-easily accomplished with `display: flex`:
-```html
-<md-toolbar color="primary">
-  <span>Application Title</span>
-  
-  <!-- This fills the remaining space of the current row -->
-  <span class="example-fill-remaining-space"></span>
-  
-  <span>Right Aligned Text</span>
-</md-toolbar>
-```
-```scss
-.example-fill-remaining-space {
-  // This fills the remaining space, by using flexbox. 
-  // Every toolbar row uses a flexbox row layout.
-  flex: 1 1 auto;
-}
-```
-
-### Theming
-The color of a `<md-toolbar>` can be changed by using the `color` property. By default, toolbars
-use a neutral background color based on the current theme (light or dark). This can be changed to 
-`'primary'`, `'accent'`, or `'warn'`.