@angular/material 2.0.0-alpha.9-3 → 2.0.0-beta.11

package/snack-bar/snack-bar-errors.js

@@ -1,15 +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 __());
-};
-import { MdError } from '../core';
-export var MdSnackBarContentAlreadyAttached = (function (_super) {
-    __extends(MdSnackBarContentAlreadyAttached, _super);
-    function MdSnackBarContentAlreadyAttached() {
-        _super.call(this, 'Attempting to attach snack bar content after content is already attached');
-    }
-    return MdSnackBarContentAlreadyAttached;
-}(MdError));
-
-//# sourceMappingURL=snack-bar-errors.js.map

package/snack-bar/snack-bar-errors.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["snack-bar/snack-bar-errors.ts"],"names":[],"mappings":";;;;;OAAO,EAAC,OAAO,EAAC,MAAM,SAAS;AAG/B;IAAsD,oDAAO;IAC3D;QACI,kBAAM,0EAA0E,CAAC,CAAC;IACtF,CAAC;IACH,uCAAC;AAAD,CAJA,AAIC,CAJqD,OAAO,GAI5D","file":"snack-bar/snack-bar-errors.js","sourcesContent":["import {MdError} from '../core';\n\n\nexport class MdSnackBarContentAlreadyAttached extends MdError {\n  constructor() {\n      super('Attempting to attach snack bar content after content is already attached');\n  }\n}\n"],"sourceRoot":"/source/"}

package/snack-bar/snack-bar-ref.d.ts

@@ -1,17 +0,0 @@
-import { OverlayRef } from '../core';
-import { Observable } from 'rxjs/Observable';
-/**
- * Reference to a snack bar dispatched from the snack bar service.
- */
-export declare class MdSnackBarRef<T> {
-    private _overlayRef;
-    /** The instance of the component making up the content of the snack bar. */
-    readonly instance: T;
-    /** Subject for notifying the user that the snack bar has closed. */
-    private _afterClosed;
-    constructor(instance: T, _overlayRef: OverlayRef);
-    /** Dismisses the snack bar. */
-    dismiss(): void;
-    /** Gets an observable that is notified when the snack bar is finished closing. */
-    afterDismissed(): Observable<void>;
-}

package/snack-bar/snack-bar-ref.js

@@ -1,28 +0,0 @@
-import { Subject } from 'rxjs/Subject';
-// TODO(josephperrott): Implement onAction observable.
-/**
- * Reference to a snack bar dispatched from the snack bar service.
- */
-export var MdSnackBarRef = (function () {
-    function MdSnackBarRef(instance, _overlayRef) {
-        this._overlayRef = _overlayRef;
-        /** Subject for notifying the user that the snack bar has closed. */
-        this._afterClosed = new Subject();
-        // Sets the readonly instance of the snack bar content component.
-        this.instance = instance;
-    }
-    /** Dismisses the snack bar. */
-    MdSnackBarRef.prototype.dismiss = function () {
-        if (!this._afterClosed.closed) {
-            this._overlayRef.dispose();
-            this._afterClosed.complete();
-        }
-    };
-    /** Gets an observable that is notified when the snack bar is finished closing. */
-    MdSnackBarRef.prototype.afterDismissed = function () {
-        return this._afterClosed.asObservable();
-    };
-    return MdSnackBarRef;
-}());
-
-//# sourceMappingURL=snack-bar-ref.js.map

package/snack-bar/snack-bar-ref.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["snack-bar/snack-bar-ref.ts"],"names":[],"mappings":"OAEO,EAAC,OAAO,EAAC,MAAM,cAAc;AAEpC,sDAAsD;AAGtD;;GAEG;AACH;IAOE,uBAAY,QAAW,EAAU,WAAuB;QAAvB,gBAAW,GAAX,WAAW,CAAY;QAHxD,oEAAoE;QAC5D,iBAAY,GAAiB,IAAI,OAAO,EAAE,CAAC;QAGjD,iEAAiE;QACjE,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,+BAA+B;IAC/B,+BAAO,GAAP;QACE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;YAC9B,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,kFAAkF;IAClF,sCAAc,GAAd;QACE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC1C,CAAC;IACH,oBAAC;AAAD,CAxBA,AAwBC,IAAA","file":"snack-bar/snack-bar-ref.js","sourcesContent":["import {OverlayRef} from '../core';\nimport {Observable} from 'rxjs/Observable';\nimport {Subject} from 'rxjs/Subject';\n\n// TODO(josephperrott): Implement onAction observable.\n\n\n/**\n * Reference to a snack bar dispatched from the snack bar service.\n */\nexport class MdSnackBarRef<T> {\n  /** The instance of the component making up the content of the snack bar. */\n  readonly instance: T;\n\n  /** Subject for notifying the user that the snack bar has closed. */\n  private _afterClosed: Subject<any> = new Subject();\n\n  constructor(instance: T, private _overlayRef: OverlayRef) {\n    // Sets the readonly instance of the snack bar content component.\n    this.instance = instance;\n  }\n\n  /** Dismisses the snack bar. */\n  dismiss(): void {\n    if (!this._afterClosed.closed) {\n      this._overlayRef.dispose();\n      this._afterClosed.complete();\n    }\n  }\n\n  /** Gets an observable that is notified when the snack bar is finished closing. */\n  afterDismissed(): Observable<void> {\n    return this._afterClosed.asObservable();\n  }\n}\n"],"sourceRoot":"/source/"}

package/snack-bar/snack-bar.d.ts

@@ -1,41 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import { ComponentType, Overlay, MdLiveAnnouncer } from '../core';
-import { MdSnackBarConfig } from './snack-bar-config';
-import { MdSnackBarRef } from './snack-bar-ref';
-import { SimpleSnackBar } from './simple-snack-bar';
-export { MdSnackBarRef } from './snack-bar-ref';
-export { MdSnackBarConfig } from './snack-bar-config';
-/**
- * Service to dispatch Material Design snack bar messages.
- */
-export declare class MdSnackBar {
-    private _overlay;
-    private _live;
-    /** A reference to the current snack bar in the view. */
-    private _snackBarRef;
-    constructor(_overlay: Overlay, _live: MdLiveAnnouncer);
-    /**
-     * Creates and dispatches a snack bar with a custom component for the content, removing any
-     * currently opened snack bars.
-     */
-    openFromComponent<T>(component: ComponentType<T>, config: MdSnackBarConfig): MdSnackBarRef<T>;
-    /**
-     * Creates and dispatches a snack bar.
-     */
-    open(message: string, actionLabel: string, config: MdSnackBarConfig): MdSnackBarRef<SimpleSnackBar>;
-    /**
-     * Attaches the snack bar container component to the overlay.
-     */
-    private _attachSnackBarContainer(overlayRef, config);
-    /**
-     * Places a new component as the content of the snack bar container.
-     */
-    private _attachSnackbarContent<T>(component, container, overlayRef);
-    /**
-     * Creates a new overlay and places it in the correct location.
-     */
-    private _createOverlay();
-}
-export declare class MdSnackBarModule {
-    static forRoot(): ModuleWithProviders;
-}

package/snack-bar/snack-bar.js

@@ -1,110 +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, Injectable } from '@angular/core';
-import { ComponentPortal, Overlay, OverlayModule, OverlayState, PortalModule, OVERLAY_PROVIDERS, MdLiveAnnouncer } from '../core';
-import { CommonModule } from '@angular/common';
-import { MdSnackBarRef } from './snack-bar-ref';
-import { MdSnackBarContainer } from './snack-bar-container';
-import { SimpleSnackBar } from './simple-snack-bar';
-export { MdSnackBarRef } from './snack-bar-ref';
-export { MdSnackBarConfig } from './snack-bar-config';
-// TODO(josephperrott): Animate entrance and exit of snack bars.
-// TODO(josephperrott): Automate dismiss after timeout.
-/**
- * Service to dispatch Material Design snack bar messages.
- */
-export var MdSnackBar = (function () {
-    function MdSnackBar(_overlay, _live) {
-        this._overlay = _overlay;
-        this._live = _live;
-    }
-    /**
-     * Creates and dispatches a snack bar with a custom component for the content, removing any
-     * currently opened snack bars.
-     */
-    MdSnackBar.prototype.openFromComponent = function (component, config) {
-        if (this._snackBarRef) {
-            this._snackBarRef.dismiss();
-        }
-        var overlayRef = this._createOverlay();
-        var snackBarContainer = this._attachSnackBarContainer(overlayRef, config);
-        var mdSnackBarRef = this._attachSnackbarContent(component, snackBarContainer, overlayRef);
-        this._live.announce(config.announcementMessage, config.politeness);
-        return mdSnackBarRef;
-    };
-    /**
-     * Creates and dispatches a snack bar.
-     */
-    MdSnackBar.prototype.open = function (message, actionLabel, config) {
-        config.announcementMessage = message;
-        var simpleSnackBarRef = this.openFromComponent(SimpleSnackBar, config);
-        simpleSnackBarRef.instance.snackBarRef = simpleSnackBarRef;
-        simpleSnackBarRef.instance.message = message;
-        simpleSnackBarRef.instance.action = actionLabel;
-        return simpleSnackBarRef;
-    };
-    /**
-     * Attaches the snack bar container component to the overlay.
-     */
-    MdSnackBar.prototype._attachSnackBarContainer = function (overlayRef, config) {
-        var containerPortal = new ComponentPortal(MdSnackBarContainer, config.viewContainerRef);
-        var containerRef = overlayRef.attach(containerPortal);
-        containerRef.instance.snackBarConfig = config;
-        return containerRef.instance;
-    };
-    /**
-     * Places a new component as the content of the snack bar container.
-     */
-    MdSnackBar.prototype._attachSnackbarContent = function (component, container, overlayRef) {
-        var portal = new ComponentPortal(component);
-        var contentRef = container.attachComponentPortal(portal);
-        var snackBarRef = new MdSnackBarRef(contentRef.instance, overlayRef);
-        this._snackBarRef = snackBarRef;
-        return snackBarRef;
-    };
-    /**
-     * Creates a new overlay and places it in the correct location.
-     */
-    MdSnackBar.prototype._createOverlay = function () {
-        var state = new OverlayState();
-        state.positionStrategy = this._overlay.position().global()
-            .fixed()
-            .centerHorizontally()
-            .bottom('0');
-        return this._overlay.create(state);
-    };
-    MdSnackBar = __decorate([
-        Injectable(), 
-        __metadata('design:paramtypes', [Overlay, MdLiveAnnouncer])
-    ], MdSnackBar);
-    return MdSnackBar;
-}());
-export var MdSnackBarModule = (function () {
-    function MdSnackBarModule() {
-    }
-    MdSnackBarModule.forRoot = function () {
-        return {
-            ngModule: MdSnackBarModule,
-            providers: [MdSnackBar, OVERLAY_PROVIDERS, MdLiveAnnouncer]
-        };
-    };
-    MdSnackBarModule = __decorate([
-        NgModule({
-            imports: [OverlayModule, PortalModule, CommonModule],
-            exports: [MdSnackBarContainer],
-            declarations: [MdSnackBarContainer, SimpleSnackBar],
-            entryComponents: [MdSnackBarContainer, SimpleSnackBar],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdSnackBarModule);
-    return MdSnackBarModule;
-}());
-
-//# sourceMappingURL=snack-bar.js.map

package/snack-bar/snack-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["snack-bar/snack-bar.ts"],"names":[],"mappings":"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","file":"snack-bar/snack-bar.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  Injectable,\n  ComponentRef,\n} from '@angular/core';\nimport {\n  ComponentType,\n  ComponentPortal,\n  Overlay,\n  OverlayModule,\n  OverlayRef,\n  OverlayState,\n  PortalModule,\n  OVERLAY_PROVIDERS,\n  MdLiveAnnouncer,\n} from '../core';\nimport {CommonModule} from '@angular/common';\nimport {MdSnackBarConfig} from './snack-bar-config';\nimport {MdSnackBarRef} from './snack-bar-ref';\nimport {MdSnackBarContainer} from './snack-bar-container';\nimport {SimpleSnackBar} from './simple-snack-bar';\n\nexport {MdSnackBarRef} from './snack-bar-ref';\nexport {MdSnackBarConfig} from './snack-bar-config';\n\n// TODO(josephperrott): Animate entrance and exit of snack bars.\n// TODO(josephperrott): Automate dismiss after timeout.\n\n\n/**\n * Service to dispatch Material Design snack bar messages.\n */\n@Injectable()\nexport class MdSnackBar {\n  /** A reference to the current snack bar in the view. */\n  private _snackBarRef: MdSnackBarRef<any>;\n\n  constructor(private _overlay: Overlay,\n              private _live: MdLiveAnnouncer) {}\n\n  /**\n   * Creates and dispatches a snack bar with a custom component for the content, removing any\n   * currently opened snack bars.\n   */\n  openFromComponent<T>(component: ComponentType<T>,\n                       config: MdSnackBarConfig): MdSnackBarRef<T> {\n    if (this._snackBarRef) {\n      this._snackBarRef.dismiss();\n    }\n    let overlayRef = this._createOverlay();\n    let snackBarContainer = this._attachSnackBarContainer(overlayRef, config);\n    let mdSnackBarRef = this._attachSnackbarContent(component, snackBarContainer, overlayRef);\n    this._live.announce(config.announcementMessage, config.politeness);\n    return mdSnackBarRef;\n  }\n\n  /**\n   * Creates and dispatches a snack bar.\n   */\n  open(message: string, actionLabel: string,\n       config: MdSnackBarConfig): MdSnackBarRef<SimpleSnackBar> {\n    config.announcementMessage = message;\n    let simpleSnackBarRef = this.openFromComponent(SimpleSnackBar, config);\n    simpleSnackBarRef.instance.snackBarRef = simpleSnackBarRef;\n    simpleSnackBarRef.instance.message = message;\n    simpleSnackBarRef.instance.action = actionLabel;\n    return simpleSnackBarRef;\n  }\n\n  /**\n   * Attaches the snack bar container component to the overlay.\n   */\n  private _attachSnackBarContainer(overlayRef: OverlayRef,\n                                   config: MdSnackBarConfig): MdSnackBarContainer {\n    let containerPortal = new ComponentPortal(MdSnackBarContainer, config.viewContainerRef);\n    let containerRef: ComponentRef<MdSnackBarContainer> = overlayRef.attach(containerPortal);\n    containerRef.instance.snackBarConfig = config;\n\n    return containerRef.instance;\n  }\n\n  /**\n   * Places a new component as the content of the snack bar container.\n   */\n  private _attachSnackbarContent<T>(component: ComponentType<T>,\n                                    container: MdSnackBarContainer,\n                                    overlayRef: OverlayRef): MdSnackBarRef<T> {\n    let portal = new ComponentPortal(component);\n    let contentRef = container.attachComponentPortal(portal);\n    let snackBarRef = <MdSnackBarRef<T>> new MdSnackBarRef(contentRef.instance, overlayRef);\n\n    this._snackBarRef = snackBarRef;\n    return snackBarRef;\n  }\n\n  /**\n   * Creates a new overlay and places it in the correct location.\n   */\n  private _createOverlay(): OverlayRef {\n    let state = new OverlayState();\n    state.positionStrategy = this._overlay.position().global()\n        .fixed()\n        .centerHorizontally()\n        .bottom('0');\n    return this._overlay.create(state);\n  }\n}\n\n\n@NgModule({\n  imports: [OverlayModule, PortalModule, CommonModule],\n  exports: [MdSnackBarContainer],\n  declarations: [MdSnackBarContainer, SimpleSnackBar],\n  entryComponents: [MdSnackBarContainer, SimpleSnackBar],\n})\nexport class MdSnackBarModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdSnackBarModule,\n      providers: [MdSnackBar, OVERLAY_PROVIDERS, MdLiveAnnouncer]\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/snack-bar/snack-bar.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdSnackBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../core","name":"Overlay"},{"__symbolic":"reference","module":"../core","name":"MdLiveAnnouncer"}]}],"openFromComponent":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"_attachSnackBarContainer":[{"__symbolic":"method"}],"_attachSnackbarContent":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}]}},"MdSnackBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"OverlayModule"},{"__symbolic":"reference","module":"../core","name":"PortalModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","module":"./snack-bar-container","name":"MdSnackBarContainer"}],"declarations":[{"__symbolic":"reference","module":"./snack-bar-container","name":"MdSnackBarContainer"},{"__symbolic":"reference","module":"./simple-snack-bar","name":"SimpleSnackBar"}],"entryComponents":[{"__symbolic":"reference","module":"./snack-bar-container","name":"MdSnackBarContainer"},{"__symbolic":"reference","module":"./simple-snack-bar","name":"SimpleSnackBar"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdSnackBarModule"},"providers":[{"__symbolic":"reference","name":"MdSnackBar"},{"__symbolic":"reference","module":"../core","name":"OVERLAY_PROVIDERS"},{"__symbolic":"reference","module":"../core","name":"MdLiveAnnouncer"}]}}}}},"exports":[{"from":"./snack-bar-ref","export":["MdSnackBarRef"]},{"from":"./snack-bar-config","export":["MdSnackBarConfig"]}]}

package/tabs/README.md

@@ -1,47 +0,0 @@
-# MdTabGroup
-Tab groups allow the user to organize their content by labels such that only one tab is visible at any given time.
-
-## `<md-tab-group>`
-### Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `selectedIndex` | `number` | The index of the currently active tab. |
-
-### Events
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `focusChange` | `Event` | Fired when focus changes from one label to another |
-| `selectChange` | `Event` | Fired when the selected tab changes |
-
-### Examples
-A basic tab group would have the following markup.
-```html
-<md-tab-group>
-  <md-tab>
-    <template md-tab-label>One</template>
-    <template md-tab-content>
-      <h1>Some tab content</h1>
-      <p>...</p>
-    </template>
-  </md-tab>
-  <md-tab>
-    <template md-tab-label>Two</template>
-    <template md-tab-content>
-      <h1>Some more tab content</h1>
-      <p>...</p>
-    </template>
-  </md-tab>
-</md-tab-group>
-```
-
-It is also possible to specifiy the active tab by using the `selectedIndex` property.
-
-```html
-<md-tab-group [selectedIndex]="1">
-  ...
-</md-tab-group>
-```
-
-**Note**: The index always starts counting from `zero`.

package/tabs/_tabs-theme.scss

@@ -1,23 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-tabs-theme($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-  
-  .md-tab-header {
-    border-bottom: 1px solid md-color($background, status-bar);
-  }
-  
-  .md-tab-label:focus {
-    background-color: md-color($primary, 100, 0.3);
-  }
-  
-  md-ink-bar {
-    background-color: md-color($primary, 500);
-  }
-}

package/tabs/index.js

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

package/tabs/index.js.map

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

package/tabs/ink-bar.d.ts

@@ -1,24 +0,0 @@
-import { Renderer, ElementRef } from '@angular/core';
-/** The ink-bar is used to display and animate the line underneath the current active tab label. */
-export declare class MdInkBar {
-    private _renderer;
-    private _elementRef;
-    constructor(_renderer: Renderer, _elementRef: ElementRef);
-    /**
-     * Calculates the styles from the provided element in order to align the ink-bar to that element.
-     * @param element
-     */
-    alignToElement(element: HTMLElement): void;
-    /**
-     * Generates the pixel distance from the left based on the provided element in string format.
-     * @param element
-     * @returns {string}
-     */
-    private _getLeftPosition(element);
-    /**
-     * Generates the pixel width from the provided element in string format.
-     * @param element
-     * @returns {string}
-     */
-    private _getElementWidth(element);
-}

package/tabs/ink-bar.js

@@ -1,50 +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, Renderer, ElementRef } from '@angular/core';
-/** The ink-bar is used to display and animate the line underneath the current active tab label. */
-export var MdInkBar = (function () {
-    function MdInkBar(_renderer, _elementRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-    }
-    /**
-     * Calculates the styles from the provided element in order to align the ink-bar to that element.
-     * @param element
-     */
-    MdInkBar.prototype.alignToElement = function (element) {
-        this._renderer.setElementStyle(this._elementRef.nativeElement, 'left', this._getLeftPosition(element));
-        this._renderer.setElementStyle(this._elementRef.nativeElement, 'width', this._getElementWidth(element));
-    };
-    /**
-     * Generates the pixel distance from the left based on the provided element in string format.
-     * @param element
-     * @returns {string}
-     */
-    MdInkBar.prototype._getLeftPosition = function (element) {
-        return element ? element.offsetLeft + 'px' : '0';
-    };
-    /**
-     * Generates the pixel width from the provided element in string format.
-     * @param element
-     * @returns {string}
-     */
-    MdInkBar.prototype._getElementWidth = function (element) {
-        return element ? element.offsetWidth + 'px' : '0';
-    };
-    MdInkBar = __decorate([
-        Directive({
-            selector: 'md-ink-bar',
-        }), 
-        __metadata('design:paramtypes', [Renderer, ElementRef])
-    ], MdInkBar);
-    return MdInkBar;
-}());
-
-//# sourceMappingURL=ink-bar.js.map

package/tabs/ink-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/ink-bar.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAC,MAAM,eAAe;AAG7D,mGAAmG;AAInG;IACE,kBAAoB,SAAmB,EAAU,WAAuB;QAApD,cAAS,GAAT,SAAS,CAAU;QAAU,gBAAW,GAAX,WAAW,CAAY;IAAG,CAAC;IAE5E;;;OAGG;IACH,iCAAc,GAAd,UAAe,OAAoB;QACjC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,EACjE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QACpC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,EAClE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACK,mCAAgB,GAAxB,UAAyB,OAAoB;QAC3C,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC,UAAU,GAAG,IAAI,GAAG,GAAG,CAAC;IACnD,CAAC;IAED;;;;OAIG;IACK,mCAAgB,GAAxB,UAAyB,OAAoB;QAC3C,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC,WAAW,GAAG,IAAI,GAAG,GAAG,CAAC;IACpD,CAAC;IAjCH;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,YAAY;SACvB,CAAC;;gBAAA;IAgCF,eAAC;AAAD,CA/BA,AA+BC,IAAA","file":"tabs/ink-bar.js","sourcesContent":["import {Directive, Renderer, ElementRef} from '@angular/core';\n\n\n/** The ink-bar is used to display and animate the line underneath the current active tab label. */\n@Directive({\n  selector: 'md-ink-bar',\n})\nexport class MdInkBar {\n  constructor(private _renderer: Renderer, private _elementRef: ElementRef) {}\n\n  /**\n   * Calculates the styles from the provided element in order to align the ink-bar to that element.\n   * @param element\n   */\n  alignToElement(element: HTMLElement) {\n    this._renderer.setElementStyle(this._elementRef.nativeElement, 'left',\n        this._getLeftPosition(element));\n    this._renderer.setElementStyle(this._elementRef.nativeElement, 'width',\n        this._getElementWidth(element));\n  }\n\n  /**\n   * Generates the pixel distance from the left based on the provided element in string format.\n   * @param element\n   * @returns {string}\n   */\n  private _getLeftPosition(element: HTMLElement): string {\n    return element ? element.offsetLeft + 'px' : '0';\n  }\n\n  /**\n   * Generates the pixel width from the provided element in string format.\n   * @param element\n   * @returns {string}\n   */\n  private _getElementWidth(element: HTMLElement): string {\n    return element ? element.offsetWidth + 'px' : '0';\n  }\n}\n"],"sourceRoot":"/source/"}

package/tabs/ink-bar.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdInkBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-ink-bar"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"alignToElement":[{"__symbolic":"method"}],"_getLeftPosition":[{"__symbolic":"method"}],"_getElementWidth":[{"__symbolic":"method"}]}}}}

package/tabs/tab-content.d.ts

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

package/tabs/tab-content.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 contents for use with the portal directive */
-export var MdTabContent = (function (_super) {
-    __extends(MdTabContent, _super);
-    function MdTabContent(templateRef, viewContainerRef) {
-        _super.call(this, templateRef, viewContainerRef);
-    }
-    MdTabContent = __decorate([
-        Directive({
-            selector: '[md-tab-content]'
-        }), 
-        __metadata('design:paramtypes', [TemplateRef, ViewContainerRef])
-    ], MdTabContent);
-    return MdTabContent;
-}(TemplatePortalDirective));
-
-//# sourceMappingURL=tab-content.js.map

package/tabs/tab-content.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tabs/tab-content.ts"],"names":[],"mappings":";;;;;;;;;;;;;;OAAO,EAAC,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAC,MAAM,eAAe;OAC/D,EAAC,uBAAuB,EAAC,MAAM,SAAS;AAE/C,kEAAkE;AAIlE;IAAkC,gCAAuB;IACvD,sBAAY,WAA6B,EAAE,gBAAkC;QAC3E,kBAAM,WAAW,EAAE,gBAAgB,CAAC,CAAC;IACvC,CAAC;IANH;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,kBAAkB;SAC7B,CAAC;;oBAAA;IAKF,mBAAC;AAAD,CAJA,AAIC,CAJiC,uBAAuB,GAIxD","file":"tabs/tab-content.js","sourcesContent":["import {Directive, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {TemplatePortalDirective} from '../core';\n\n/** Used to flag tab contents for use with the portal directive */\n@Directive({\n  selector: '[md-tab-content]'\n})\nexport class MdTabContent extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n"],"sourceRoot":"/source/"}

package/tabs/tab-content.metadata.json

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

package/tabs/tab-group.css

@@ -1,55 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
-
-.md-tab-header {
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 0; }
-
-.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: 0.6;
-  min-width: 160px;
-  text-align: center; }
-  .md-tab-label:focus {
-    outline: none;
-    opacity: 1; }
-
-.md-tab-disabled {
-  cursor: default;
-  pointer-events: none; }
-
-.md-tab-body-wrapper {
-  position: relative;
-  overflow: hidden;
-  flex-grow: 1;
-  display: flex; }
-
-.md-tab-body {
-  display: none;
-  overflow: auto;
-  box-sizing: border-box;
-  flex-grow: 1;
-  flex-shrink: 1; }
-  .md-tab-body.md-tab-active {
-    display: block; }
-
-md-ink-bar {
-  position: absolute;
-  bottom: 0;
-  height: 2px;
-  transition: 350ms ease-out; }
-
-/*# sourceMappingURL=tab-group.css.map */

package/tabs/tab-group.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs/tab-group.css","sources":["tabs/tab-group.scss","core/style/_variables.scss","core/typography/_typography.scss"],"sourcesContent":["@import '../core/style/variables';\n\n\n$md-tab-bar-height: 48px !default;\n\n:host {\n  display: flex;\n  flex-direction: column;\n  font-family: $md-font-family;\n}\n\n// The top section of the view; contains the tab labels\n.md-tab-header {\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  flex-shrink: 0;\n}\n\n// Wraps each tab label \n.md-tab-label {\n  line-height: $md-tab-bar-height;\n  height: $md-tab-bar-height;\n  padding: 0 12px;\n  font-size: $md-body-font-size-base;\n  font-family: $md-font-family;\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  &:focus {\n    outline: none;\n    opacity: 1;\n  }\n}\n\n.md-tab-disabled {\n  cursor: default;\n  pointer-events: none;\n}\n\n// The bottom section of the view; contains the tab bodies \n.md-tab-body-wrapper {\n  position: relative;\n  overflow: hidden;\n  flex-grow: 1;\n  display: flex;\n}\n\n// Wraps each tab body \n.md-tab-body {\n  display: none;\n  overflow: auto;\n  box-sizing: border-box;\n  flex-grow: 1;\n  flex-shrink: 1;\n  &.md-tab-active {\n    display: block;\n  }\n}\n\n// The colored bar that underlines the active tab \nmd-ink-bar {\n  position: absolute;\n  bottom: 0;\n  height: 2px;\n  transition: 350ms ease-out;\n}\n","@import '../typography/typography';\n\n\n// Typography\n$md-body-font-size-base: rem(1.4) !default;\n$md-font-family: Roboto, 'Helvetica Neue', sans-serif !default;\n\n// Media queries\n$md-xsmall: 'max-width: 600px';\n\n// TODO: Revisit all z-indices before beta\n// z-index master list\n\n$z-index-fab: 20 !default;\n$z-index-drawer: 100 !default;\n\n// Overlay z indices.\n$md-z-index-overlay: 1000;\n$md-z-index-overlay-container: 1;\n$md-z-index-overlay-backdrop: 1;\n\n\n// Global constants\n$pi: 3.14159265;\n\n// Padding between input toggles and their labels\n$md-toggle-padding: 8px !default;\n// Width and height of input toggles\n$md-toggle-size: 20px !default;\n\n// Easing Curves\n// TODO(jelbourn): all of these need to be revisited\n\n// The default animation curves used by material design.\n$md-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\n$md-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$md-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\n\n$swift-ease-out-duration: 400ms !default;\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\n\n$swift-ease-in-duration: 300ms !default;\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\n\n$swift-ease-in-out-duration: 500ms !default;\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\n\n$swift-linear-duration: 80ms !default;\n$swift-linear-timing-function: linear !default;\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\n","// Implement the rem unit with SCSS so we don't have to actually set a font-size on\n// the user's body element.\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n"],"mappings":"AAKA,AAAA,KAAK,CAAC;EACJ,OAAO,EAAE,IAAK;EACd,cAAc,EAAE,MAAO;EACvB,WAAW,ECHI,MAAM,EAAE,gBAAgB,EAAE,UAAU,GDIpD;;AAGD,AAAA,cAAc,CAAC;EACb,QAAQ,EAAE,MAAO;EACjB,QAAQ,EAAE,QAAS;EACnB,OAAO,EAAE,IAAK;EACd,cAAc,EAAE,GAAI;EACpB,WAAW,EAAE,CAAE,GAChB;;AAGD,AAAA,aAAa,CAAC;EACZ,WAAW,EAnBO,IAAI;EAoBtB,MAAM,EApBY,IAAI;EAqBtB,OAAO,EAAE,MAAO;EAChB,SAAS,EErBD,IAAW;EFsBnB,WAAW,ECrBI,MAAM,EAAE,gBAAgB,EAAE,UAAU;EDsBnD,WAAW,EAAE,GAAI;EACjB,MAAM,EAAE,OAAQ;EAChB,UAAU,EAAE,UAAW;EACvB,KAAK,EAAE,YAAa;EACpB,OAAO,EAAE,GAAI;EACb,SAAS,EAAE,KAAM;EACjB,UAAU,EAAE,MAAO,GAKpB;EAjBD,AAAA,aAAa,AAaV,MAAM,CAAC;IACN,OAAO,EAAE,IAAK;IACd,OAAO,EAAE,CAAE,GACZ;;AAGH,AAAA,gBAAgB,CAAC;EACf,MAAM,EAAE,OAAQ;EAChB,cAAc,EAAE,IAAK,GACtB;;AAGD,AAAA,oBAAoB,CAAC;EACnB,QAAQ,EAAE,QAAS;EACnB,QAAQ,EAAE,MAAO;EACjB,SAAS,EAAE,CAAE;EACb,OAAO,EAAE,IAAK,GACf;;AAGD,AAAA,YAAY,CAAC;EACX,OAAO,EAAE,IAAK;EACd,QAAQ,EAAE,IAAK;EACf,UAAU,EAAE,UAAW;EACvB,SAAS,EAAE,CAAE;EACb,WAAW,EAAE,CAAE,GAIhB;EATD,AAAA,YAAY,AAMT,cAAc,CAAC;IACd,OAAO,EAAE,KAAM,GAChB;;AAIH,AAAA,UAAU,CAAC;EACT,QAAQ,EAAE,QAAS;EACnB,MAAM,EAAE,CAAE;EACV,MAAM,EAAE,GAAI;EACZ,UAAU,EAAE,cAAe,GAC5B","names":[],"sourceRoot":"/source/"}

package/tabs/tab-group.html

@@ -1,27 +0,0 @@
-<div class="md-tab-header" role="tablist"
-     (keydown)="handleKeydown($event)">
-  <div class="md-tab-label" role="tab" md-tab-label-wrapper
-       *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-active]="selectedIndex == i"
-       [class.md-tab-disabled]="tab.disabled"
-       (click)="focusIndex = selectedIndex = i">
-    <template [portalHost]="tab.label"></template>
-  </div>
-  <md-ink-bar></md-ink-bar>
-</div>
-<div class="md-tab-body-wrapper">
-  <div class="md-tab-body"
-       role="tabpanel"
-       *ngFor="let tab of _tabs; let i = index"
-       [id]="_getTabContentId(i)"
-       [class.md-tab-active]="selectedIndex == i"
-       [attr.aria-labelledby]="_getTabLabelId(i)">
-    <template [ngIf]="selectedIndex == i">
-      <template [portalHost]="tab.content"></template>
-    </template>
-  </div>
-</div>

package/tabs/tab-group.scss

@@ -1,72 +0,0 @@
-@import '../core/style/variables';
-
-
-$md-tab-bar-height: 48px !default;
-
-:host {
-  display: flex;
-  flex-direction: column;
-  font-family: $md-font-family;
-}
-
-// The top section of the view; contains the tab labels
-.md-tab-header {
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 0;
-}
-
-// Wraps each tab label 
-.md-tab-label {
-  line-height: $md-tab-bar-height;
-  height: $md-tab-bar-height;
-  padding: 0 12px;
-  font-size: $md-body-font-size-base;
-  font-family: $md-font-family;
-  font-weight: 500;
-  cursor: pointer;
-  box-sizing: border-box;
-  color: currentColor;
-  opacity: 0.6;
-  min-width: 160px;
-  text-align: center;
-  &:focus {
-    outline: none;
-    opacity: 1;
-  }
-}
-
-.md-tab-disabled {
-  cursor: default;
-  pointer-events: none;
-}
-
-// The bottom section of the view; contains the tab bodies 
-.md-tab-body-wrapper {
-  position: relative;
-  overflow: hidden;
-  flex-grow: 1;
-  display: flex;
-}
-
-// Wraps each tab body 
-.md-tab-body {
-  display: none;
-  overflow: auto;
-  box-sizing: border-box;
-  flex-grow: 1;
-  flex-shrink: 1;
-  &.md-tab-active {
-    display: block;
-  }
-}
-
-// The colored bar that underlines the active tab 
-md-ink-bar {
-  position: absolute;
-  bottom: 0;
-  height: 2px;
-  transition: 350ms ease-out;
-}