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

package/toolbar/README.md

@@ -1,68 +0,0 @@
-# MdToolbar
-`MdToolbar` is a vertical aligned bar, which can hold the application title or actions.
-
-### Screenshots
-![Preview](https://cloud.githubusercontent.com/assets/4987015/13727769/6d952c78-e900-11e5-890a-ccfd46996812.png)
-
-## `<md-toolbar>`
-### Bound Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `color` | `"primary" | "accent" | "warn"` | The color palette for the toolbar |
-
-### Notes
-The `md-toolbar` component will use by default the background palette.
-
-### Examples
-A basic toolbar would have the following markup.
-```html
-<md-toolbar [color]="myColor">
-  <span>My Application Title</span>
-</md-toolbar>
-```
-
-Toolbars can also have multiple rows.<br/>
-Multiple rows inside of a `md-toolbar` can be added by appending as many as needed `<md-toolbar-row>` elements.
-
-```html
-<md-toolbar [color]="myColor">
-  <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>
-```
-
-### Alignment
-The alignment inside of a toolbar row can be easily done by using the flexbox layout.<br/>
-For example, the following markup aligns the items on the `right`.
-
-Custom HTML
-```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>
-```
-
-Custom SCSS
-```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;
-}
-```
-
-Output
-![image](https://cloud.githubusercontent.com/assets/4987015/13730760/0864894e-e959-11e5-9312-7f3cb990d80a.png)

package/toolbar/_toolbar-theme.scss

@@ -1,33 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin _md-toolbar-color($palette) {
-  background: md-color($palette);
-  color: md-color($palette, default-contrast);
-}
-
-@mixin md-toolbar-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-toolbar {
-    background: md-color($background, app-bar);
-    color: md-color($foreground, text);
-
-    &.md-primary {
-      @include _md-toolbar-color($primary);
-    }
-
-    &.md-accent {
-      @include _md-toolbar-color($accent);
-    }
-
-    &.md-warn {
-      @include _md-toolbar-color($warn);
-    }
-  }
-}

package/toolbar/index.js

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

package/toolbar/index.js.map

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

package/toolbar/toolbar.css

@@ -1 +0,0 @@
-md-toolbar,md-toolbar md-toolbar-row{display:flex;box-sizing:border-box;width:100%}md-toolbar{font-size:20px;font-weight:400;font-family:Roboto,"Helvetica Neue",sans-serif;padding:0 16px;flex-direction:column;min-height:64px}md-toolbar md-toolbar-row{flex-direction:row;align-items:center}md-toolbar-row{height:64px}@media (max-width:600px) and (orientation:portrait){md-toolbar{min-height:56px}md-toolbar-row{height:56px}}@media (max-width:960px) and (orientation:landscape){md-toolbar{min-height:48px}md-toolbar-row{height:48px}}

package/toolbar/toolbar.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["toolbar.css"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,uBAAuB;EACvB,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;EACjB,kDAAkD;EAClD,gBAAgB;EAChB,uBAAuB,EAAE;EACzB;IACE,cAAc;IACd,uBAAuB;IACvB,YAAY;IACZ,oBAAoB;IACpB,oBAAoB,EAAE;;AAE1B;EACE,iBAAiB,EAAE;;AAErB;EACE,aAAa,EAAE;;AAEjB;EACE;IACE,iBAAiB,EAAE;EACrB;IACE,aAAa,EAAE,EAAE;;AAErB;EACE;IACE,iBAAiB,EAAE;EACrB;IACE,aAAa,EAAE,EAAE","file":"toolbar.css","sourcesContent":["md-toolbar {\n  display: flex;\n  box-sizing: border-box;\n  width: 100%;\n  font-size: 20px;\n  font-weight: 400;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  padding: 0 16px;\n  flex-direction: column; }\n  md-toolbar md-toolbar-row {\n    display: flex;\n    box-sizing: border-box;\n    width: 100%;\n    flex-direction: row;\n    align-items: center; }\n\nmd-toolbar {\n  min-height: 64px; }\n\nmd-toolbar-row {\n  height: 64px; }\n\n@media (max-width: 600px) and (orientation: portrait) {\n  md-toolbar {\n    min-height: 56px; }\n  md-toolbar-row {\n    height: 56px; } }\n\n@media (max-width: 960px) and (orientation: landscape) {\n  md-toolbar {\n    min-height: 48px; }\n  md-toolbar-row {\n    height: 48px; } }\n"]}

package/toolbar/toolbar.d.ts

@@ -1,16 +0,0 @@
-import { ModuleWithProviders, ElementRef, Renderer } from '@angular/core';
-export declare class MdToolbarRow {
-}
-export declare class MdToolbar {
-    private elementRef;
-    private renderer;
-    private _color;
-    constructor(elementRef: ElementRef, renderer: Renderer);
-    /** The color of the toolbar. Can be primary, accent, or warn. */
-    color: string;
-    private _updateColor(newColor);
-    private _setElementColor(color, isAdd);
-}
-export declare class MdToolbarModule {
-    static forRoot(): ModuleWithProviders;
-}

package/toolbar/toolbar.html

@@ -1 +0,0 @@
-<div class="md-toolbar-layout"><md-toolbar-row><ng-content></ng-content></md-toolbar-row><ng-content select="md-toolbar-row, mat-toolbar-row"></ng-content></div>

package/toolbar/toolbar.js

@@ -1,84 +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, Component, ChangeDetectionStrategy, Input, ViewEncapsulation, Directive, ElementRef, Renderer } from '@angular/core';
-import { DefaultStyleCompatibilityModeModule } from '../core';
-export var MdToolbarRow = (function () {
-    function MdToolbarRow() {
-    }
-    MdToolbarRow = __decorate([
-        Directive({
-            selector: 'md-toolbar-row, mat-toolbar-row'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdToolbarRow);
-    return MdToolbarRow;
-}());
-export var MdToolbar = (function () {
-    function MdToolbar(elementRef, renderer) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-    }
-    Object.defineProperty(MdToolbar.prototype, "color", {
-        /** The color of the toolbar. Can be primary, accent, or warn. */
-        get: function () {
-            return this._color;
-        },
-        set: function (value) {
-            this._updateColor(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdToolbar.prototype._updateColor = function (newColor) {
-        this._setElementColor(this._color, false);
-        this._setElementColor(newColor, true);
-        this._color = newColor;
-    };
-    MdToolbar.prototype._setElementColor = function (color, isAdd) {
-        if (color != null && color != '') {
-            this.renderer.setElementClass(this.elementRef.nativeElement, "md-" + color, isAdd);
-        }
-    };
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdToolbar.prototype, "color", null);
-    MdToolbar = __decorate([
-        Component({selector: 'md-toolbar, mat-toolbar',
-            template: "<div class=\"md-toolbar-layout\"><md-toolbar-row><ng-content></ng-content></md-toolbar-row><ng-content select=\"md-toolbar-row, mat-toolbar-row\"></ng-content></div>",
-            styles: ["md-toolbar,md-toolbar md-toolbar-row{display:flex;box-sizing:border-box;width:100%}md-toolbar{font-size:20px;font-weight:400;font-family:Roboto,\"Helvetica Neue\",sans-serif;padding:0 16px;flex-direction:column;min-height:64px}md-toolbar md-toolbar-row{flex-direction:row;align-items:center}md-toolbar-row{height:64px}@media (max-width:600px) and (orientation:portrait){md-toolbar{min-height:56px}md-toolbar-row{height:56px}}@media (max-width:960px) and (orientation:landscape){md-toolbar{min-height:48px}md-toolbar-row{height:48px}}"],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            encapsulation: ViewEncapsulation.None
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdToolbar);
-    return MdToolbar;
-}());
-export var MdToolbarModule = (function () {
-    function MdToolbarModule() {
-    }
-    MdToolbarModule.forRoot = function () {
-        return {
-            ngModule: MdToolbarModule,
-            providers: []
-        };
-    };
-    MdToolbarModule = __decorate([
-        NgModule({
-            imports: [DefaultStyleCompatibilityModeModule],
-            exports: [MdToolbar, MdToolbarRow, DefaultStyleCompatibilityModeModule],
-            declarations: [MdToolbar, MdToolbarRow],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdToolbarModule);
-    return MdToolbarModule;
-}());
-
-//# sourceMappingURL=toolbar.js.map

package/toolbar/toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["toolbar/toolbar.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EACL,QAAQ,EAER,SAAS,EACT,uBAAuB,EACvB,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,QAAQ,EACT,MAAM,eAAe;OACf,EAAC,mCAAmC,EAAC,MAAM,SAAS;AAM3D;IAAA;IAA2B,CAAC;IAH5B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,iCAAiC;SAC5C,CAAC;;oBAAA;IACyB,mBAAC;AAAD,CAA3B,AAA4B,IAAA;AAU5B;IAIE,mBAAoB,UAAsB,EAAU,QAAkB;QAAlD,eAAU,GAAV,UAAU,CAAY;QAAU,aAAQ,GAAR,QAAQ,CAAU;IAAI,CAAC;IAI3E,sBAAI,4BAAK;QAFT,iEAAiE;aAEjE;YACE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;aAED,UAAU,KAAa;YACrB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;;;OAJA;IAMO,gCAAY,GAApB,UAAqB,QAAgB;QACnC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;IACzB,CAAC;IAEO,oCAAgB,GAAxB,UAAyB,KAAa,EAAE,KAAc;QACpD,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,QAAM,KAAO,EAAE,KAAK,CAAC,CAAC;QACrF,CAAC;IACH,CAAC;IAnBD;QAAC,KAAK,EAAE;;0CAAA;IAfV;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,yBAAyB;YACnC,WAAW,EAAE,cAAc;YAC3B,SAAS,EAAE,CAAC,aAAa,CAAC;YAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;SACtC,CAAC;;iBAAA;IA6BF,gBAAC;AAAD,CA5BA,AA4BC,IAAA;AAQD;IAAA;IAOA,CAAC;IANQ,uBAAO,GAAd;QACE,MAAM,CAAC;YACL,QAAQ,EAAE,eAAe;YACzB,SAAS,EAAE,EAAE;SACd,CAAC;IACJ,CAAC;IAXH;QAAC,QAAQ,CAAC;YACR,OAAO,EAAE,CAAC,mCAAmC,CAAC;YAC9C,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,mCAAmC,CAAC;YACvE,YAAY,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC;SACxC,CAAC;;uBAAA;IAQF,sBAAC;AAAD,CAPA,AAOC,IAAA","file":"toolbar.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  Component,\n  ChangeDetectionStrategy,\n  Input,\n  ViewEncapsulation,\n  Directive,\n  ElementRef,\n  Renderer\n} from '@angular/core';\nimport {DefaultStyleCompatibilityModeModule} from '../core';\n\n\n@Directive({\n  selector: 'md-toolbar-row, mat-toolbar-row'\n})\nexport class MdToolbarRow {}\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-toolbar, mat-toolbar',\n  templateUrl: 'toolbar.html',\n  styleUrls: ['toolbar.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class MdToolbar {\n\n  private _color: string;\n\n  constructor(private elementRef: ElementRef, private renderer: Renderer) { }\n\n  /** The color of the toolbar. Can be primary, accent, or warn. */\n  @Input()\n  get color(): string {\n    return this._color;\n  }\n\n  set color(value: string) {\n    this._updateColor(value);\n  }\n\n  private _updateColor(newColor: string) {\n    this._setElementColor(this._color, false);\n    this._setElementColor(newColor, true);\n    this._color = newColor;\n  }\n\n  private _setElementColor(color: string, isAdd: boolean) {\n    if (color != null && color != '') {\n      this.renderer.setElementClass(this.elementRef.nativeElement, `md-${color}`, isAdd);\n    }\n  }\n\n}\n\n\n@NgModule({\n  imports: [DefaultStyleCompatibilityModeModule],\n  exports: [MdToolbar, MdToolbarRow, DefaultStyleCompatibilityModeModule],\n  declarations: [MdToolbar, MdToolbarRow],\n})\nexport class MdToolbarModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdToolbarModule,\n      providers: []\n    };\n  }\n}\n"]}

package/toolbar/toolbar.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdToolbarRow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-toolbar-row, mat-toolbar-row"}]}]},"MdToolbar":{"__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-toolbar, mat-toolbar","templateUrl":"toolbar.html","styleUrls":["toolbar.css"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}]}},"MdToolbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdToolbar"},{"__symbolic":"reference","name":"MdToolbarRow"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdToolbar"},{"__symbolic":"reference","name":"MdToolbarRow"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdToolbarModule"},"providers":[]}}}}}},{"__symbolic":"module","metadata":{"MdToolbarRow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-toolbar-row, mat-toolbar-row"}]}]},"MdToolbar":{"__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-toolbar, mat-toolbar","templateUrl":"toolbar.html","styleUrls":["toolbar.css"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}]}},"MdToolbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdToolbar"},{"__symbolic":"reference","name":"MdToolbarRow"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdToolbar"},{"__symbolic":"reference","name":"MdToolbarRow"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdToolbarModule"},"providers":[]}}}}},"version":1}]

package/toolbar/toolbar.scss

@@ -1,58 +0,0 @@
-@import '../core/style/variables';
-
-$md-toolbar-height-desktop: 64px !default;
-$md-toolbar-height-mobile-portrait: 56px !default;
-$md-toolbar-height-mobile-landscape: 48px !default;
-
-$md-toolbar-font-size: 20px !default;
-$md-toolbar-padding: 16px !default;
-
-
-@mixin md-toolbar-height($height) {
-  md-toolbar {
-    min-height: $height;
-  }
-  md-toolbar-row {
-    height: $height;
-  }
-}
-
-md-toolbar {
-  display: flex;
-  box-sizing: border-box;
-
-  width: 100%;
-
-  // Font Styling
-  font-size: $md-toolbar-font-size;
-  font-weight: 400;
-  font-family: $md-font-family;
-
-  padding: 0 $md-toolbar-padding;
-
-  flex-direction: column;
-
-  md-toolbar-row {
-    display: flex;
-    box-sizing: border-box;
-
-    width: 100%;
-
-    // Flexbox Vertical Alignment
-    flex-direction: row;
-    align-items: center;
-  }
-}
-
-// Set the default height for the toolbar.
-@include md-toolbar-height($md-toolbar-height-desktop);
-
-// Specific height for mobile devices in portrait mode.
-@media ($md-xsmall) and (orientation: portrait) {
-  @include md-toolbar-height($md-toolbar-height-mobile-portrait);
-}
-
-// Specific height for mobile devices in landscape mode.
-@media ($md-small) and (orientation: landscape) {
-  @include md-toolbar-height($md-toolbar-height-mobile-landscape);
-}

package/tooltip/OVERVIEW.md

@@ -1,35 +0,0 @@
-The Angular Material tooltip provides a text label that is displayed with the user hovers 
-over or longpresses an element. 
-
-<!-- example(tooltip-overview) -->
-
-### Positioning
-
-The tooltip will be displayed below the element but this can be configured using the `mdTooltipPosition`
-input. 
-The tooltip can be displayed above, below, left, or right of the element. By default the position
-will be below. If the tooltip should switch left/right positions in an RTL layout direction, then
-the positions `before` and `after` should be used instead of `left` and `right`, respectively.
-
-| Position  | Description                                                                           |
-|-----------|---------------------------------------------------------------------------------------|
-| `above`   | Always display above the element                                                      |
-| `below `  | Always display beneath the element                                                    |
-| `left`    | Always display to the left of the element                                             |
-| `right`   | Always display to the right of the element                                            |
-| `before`  | Display to the left in left-to-right layout and to the right in right-to-left layout  |
-| `after`   | Display to the right in left-to-right layout and to the right in right-to-left layout |
-
-
-### Showing and hiding
-
-The tooltip is immediately shown when the user's mouse hovers over the element and immediately 
-hides when the user's mouse leaves. A delay in showing or hiding the tooltip can be added through
-the inputs `mdTooltipShowDelay` and `mdTooltipHideDelay`.
-
-On mobile, the tooltip is displayed when the user longpresses the element and hides after a 
-delay of 1500ms. The longpress behavior requires HammerJS to be loaded on the page.
-
-The tooltip can also be shown and hidden through the `show` and `hide` directive methods,
-which both accept a number in milliseconds to delay before applying the display change.
-

package/tooltip/README.md

@@ -1,28 +0,0 @@
-# MdTooltip
-Tooltip allows the user to specify text to be displayed when the mouse hovers over an element.
-
-The positions `before` and `after` should be used instead of `left` and `right` respectively when the tooltip positioning should change depending on the HTML dir global attribute for left-to-right or right-to-left layout.
-
-### Examples
-A button with a tooltip
-```html
-<button mdTooltip="some message" mdTooltipPosition="below">Button</button>
-```
-
-
-
-## `[mdTooltip]`
-### Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `mdTooltip` | `string` | The message to be displayed. |
-| `mdTooltipPosition` | `"before"|"after"|"above"|"below"|"left"|"right"` | The position of the tooltip. |
-
-### Methods
-
-| Name | Description |
-| --- | --- |
-| `show` | Displays the tooltip. |
-| `hide` | Removes the tooltip. |
-| `toggle` | Displays or hides the tooltip. |

package/tooltip/_tooltip-theme.scss

@@ -1,9 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-tooltip-theme($theme) {
-  .md-tooltip {
-    background: md-color($md-grey, 700, 0.9);
-  }
-}

package/tooltip/index.js

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

package/tooltip/index.js.map

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

package/tooltip/tooltip-errors.d.ts

@@ -1,8 +0,0 @@
-import { MdError } from '../core';
-/**
- * Exception thrown when a tooltip has an invalid position.
- * @docs-private
- */
-export declare class MdTooltipInvalidPositionError extends MdError {
-    constructor(position: string);
-}

package/tooltip/tooltip-errors.js

@@ -1,19 +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';
-/**
- * Exception thrown when a tooltip has an invalid position.
- * @docs-private
- */
-export var MdTooltipInvalidPositionError = (function (_super) {
-    __extends(MdTooltipInvalidPositionError, _super);
-    function MdTooltipInvalidPositionError(position) {
-        _super.call(this, "Tooltip position \"" + position + "\" is invalid.");
-    }
-    return MdTooltipInvalidPositionError;
-}(MdError));
-
-//# sourceMappingURL=tooltip-errors.js.map

package/tooltip/tooltip-errors.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tooltip/tooltip-errors.ts"],"names":[],"mappings":";;;;;OAAO,EAAC,OAAO,EAAC,MAAM,SAAS;AAE/B;;;GAGG;AACH;IAAmD,iDAAO;IACxD,uCAAY,QAAgB;QAC1B,kBAAM,wBAAqB,QAAQ,mBAAe,CAAC,CAAC;IACtD,CAAC;IACH,oCAAC;AAAD,CAJA,AAIC,CAJkD,OAAO,GAIzD","file":"tooltip-errors.js","sourcesContent":["import {MdError} from '../core';\n\n/**\n * Exception thrown when a tooltip has an invalid position.\n * @docs-private\n */\nexport class MdTooltipInvalidPositionError extends MdError {\n  constructor(position: string) {\n    super(`Tooltip position \"${position}\" is invalid.`);\n  }\n}\n"]}

package/tooltip/tooltip-errors.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdTooltipInvalidPositionError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}}}},{"__symbolic":"module","metadata":{"MdTooltipInvalidPositionError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}}},"version":1}]

package/tooltip/tooltip.css

@@ -1 +0,0 @@
-:host{pointer-events:none}.md-tooltip{color:#fff;padding:0 8px;border-radius:2px;font-family:Roboto,"Helvetica Neue",sans-serif;font-size:10px;margin:14px;height:22px;line-height:22px}@media screen and (-ms-high-contrast:active){.md-tooltip{outline:solid 1px}}

package/tooltip/tooltip.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tooltip.css"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;EACE,qBAAqB,EAAE;;AAEzB;EACE,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,kDAAkD;EAClD,gBAAgB;EAChB,aAAa;EACb,aAAa;EACb,kBAAkB,EAAE;EACpB;IACE;MACE,mBAAmB,EAAE,EAAE","file":"tooltip.css","sourcesContent":["/**\n * Applies styles for users in high contrast mode. Note that this only applies\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\n * attribute, however Chrome handles high contrast differently.\n */\n:host {\n  pointer-events: none; }\n\n.md-tooltip {\n  color: white;\n  padding: 0 8px;\n  border-radius: 2px;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 10px;\n  margin: 14px;\n  height: 22px;\n  line-height: 22px; }\n  @media screen and (-ms-high-contrast: active) {\n    .md-tooltip {\n      outline: solid 1px; } }\n"]}

package/tooltip/tooltip.d.ts

@@ -1,116 +0,0 @@
-import { ModuleWithProviders, ElementRef, ViewContainerRef, AnimationTransitionEvent, NgZone, OnDestroy } from '@angular/core';
-import { Overlay, OverlayRef, OverlayConnectionPosition, OriginConnectionPosition } from '../core';
-import { Observable } from 'rxjs/Observable';
-import { Dir } from '../core/rtl/dir';
-import 'rxjs/add/operator/first';
-export declare type TooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
-/** Time in ms to delay before changing the tooltip visibility to hidden */
-export declare const TOUCHEND_HIDE_DELAY: number;
-/**
- * Directive that attaches a material design tooltip to the host element. Animates the showing and
- * hiding of a tooltip provided position (defaults to below the element).
- *
- * https://material.google.com/components/tooltips.html
- */
-export declare class MdTooltip implements OnDestroy {
-    private _overlay;
-    private _elementRef;
-    private _viewContainerRef;
-    private _ngZone;
-    private _dir;
-    _overlayRef: OverlayRef;
-    _tooltipInstance: TooltipComponent;
-    private _position;
-    /** Allows the user to define the position of the tooltip relative to the parent element */
-    position: TooltipPosition;
-    /** @deprecated */
-    _positionDeprecated: TooltipPosition;
-    /** The default delay in ms before showing the tooltip after show is called */
-    showDelay: number;
-    /** The default delay in ms before hiding the tooltip after hide is called */
-    hideDelay: number;
-    private _message;
-    /** The message to be displayed in the tooltip */
-    message: string;
-    /** @deprecated */
-    _deprecatedMessage: string;
-    constructor(_overlay: Overlay, _elementRef: ElementRef, _viewContainerRef: ViewContainerRef, _ngZone: NgZone, _dir: Dir);
-    /**
-     * Dispose the tooltip when destroyed.
-     */
-    ngOnDestroy(): void;
-    /** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */
-    show(delay?: number): void;
-    /** Hides the tooltip after the delay in ms, defaults to tooltip-delay-hide or 0ms if no input */
-    hide(delay?: number): void;
-    /** Shows/hides the tooltip */
-    toggle(): void;
-    /** Returns true if the tooltip is currently visible to the user */
-    _isTooltipVisible(): boolean;
-    /** Create the tooltip to display */
-    private _createTooltip();
-    /** Create the overlay config and position strategy */
-    private _createOverlay();
-    /** Disposes the current tooltip and the overlay it is attached to */
-    private _disposeTooltip();
-    /** Returns the origin position based on the user's position preference */
-    _getOrigin(): OriginConnectionPosition;
-    /** Returns the overlay position based on the user's preference */
-    _getOverlayPosition(): OverlayConnectionPosition;
-    /** Updates the tooltip message and repositions the overlay according to the new message length */
-    private _setTooltipMessage(message);
-}
-export declare type TooltipVisibility = 'initial' | 'visible' | 'hidden';
-/**
- * Internal component that wraps the tooltip's content.
- * @docs-private
- */
-export declare class TooltipComponent {
-    private _dir;
-    /** Message to display in the tooltip */
-    message: string;
-    /** The timeout ID of any current timer set to show the tooltip */
-    _showTimeoutId: number;
-    /** The timeout ID of any current timer set to hide the tooltip */
-    _hideTimeoutId: number;
-    /** Property watched by the animation framework to show or hide the tooltip */
-    _visibility: TooltipVisibility;
-    /** Whether interactions on the page should close the tooltip */
-    _closeOnInteraction: boolean;
-    /** The transform origin used in the animation for showing and hiding the tooltip */
-    _transformOrigin: string;
-    /** Subject for notifying that the tooltip has been hidden from the view */
-    private _onHide;
-    constructor(_dir: Dir);
-    /**
-     * Shows the tooltip with an animation originating from the provided origin
-     * @param position Position of the tooltip.
-     * @param delay Amount of milliseconds to the delay showing the tooltip.
-     */
-    show(position: TooltipPosition, delay: number): void;
-    /**
-     * Begins the animation to hide the tooltip after the provided delay in ms.
-     * @param delay Amount of milliseconds to delay showing the tooltip.
-     */
-    hide(delay: number): void;
-    /**
-     * Returns an observable that notifies when the tooltip has been hidden from view
-     */
-    afterHidden(): Observable<void>;
-    /**
-     * Whether the tooltip is being displayed
-     */
-    isVisible(): boolean;
-    /** Sets the tooltip transform origin according to the tooltip position */
-    _setTransformOrigin(value: TooltipPosition): void;
-    _afterVisibilityAnimation(e: AnimationTransitionEvent): void;
-    /**
-     * Interactions on the HTML body should close the tooltip immediately as defined in the
-     * material design spec.
-     * https://material.google.com/components/tooltips.html#tooltips-interaction
-     */
-    _handleBodyInteraction(): void;
-}
-export declare class MdTooltipModule {
-    static forRoot(): ModuleWithProviders;
-}

package/tooltip/tooltip.html

@@ -1 +0,0 @@
-<div class="md-tooltip" [style.transform-origin]="_transformOrigin" [@state]="_visibility" (@state.done)="_afterVisibilityAnimation($event)">{{message}}</div>