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

package/core/ripple/ripple.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdRipple":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-ripple], [mat-ripple]"}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleTrigger"]}]}],"_triggerDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-trigger"]}]}],"centered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleCentered"]}]}],"_centeredDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-centered"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleDisabled"]}]}],"_disabledDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-disabled"]}]}],"maxRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleMaxRadius"]}]}],"_maxRadiusDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-max-radius"]}]}],"speedFactor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleSpeedFactor"]}]}],"_speedFactorDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-speed-factor"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleColor"]}]}],"_colorDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-color"]}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleBackgroundColor"]}]}],"_backgroundColorDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-background-color"]}]}],"focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-ripple-focused"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleFocused"]}]}],"_focusedDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-focused"]}]}],"unbounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-ripple-unbounded"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleUnbounded"]}]}],"_unboundedDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-unbounded"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"../overlay/position/viewport-ruler","name":"ViewportRuler"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"end":[{"__symbolic":"method"}],"_rippleTransitionEnded":[{"__symbolic":"method"}],"_mouseDown":[{"__symbolic":"method"}],"_click":[{"__symbolic":"method"}],"_mouseLeave":[{"__symbolic":"method"}]}},"MdRippleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../compatibility/default-mode","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdRipple"},{"__symbolic":"reference","module":"../compatibility/default-mode","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdRipple"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdRippleModule"},"providers":[{"__symbolic":"reference","module":"../overlay/position/viewport-ruler","name":"ViewportRuler"}]}}}}}},{"__symbolic":"module","metadata":{"MdRipple":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[md-ripple], [mat-ripple]"}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleTrigger"]}]}],"_triggerDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-trigger"]}]}],"centered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleCentered"]}]}],"_centeredDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-centered"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleDisabled"]}]}],"_disabledDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-disabled"]}]}],"maxRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleMaxRadius"]}]}],"_maxRadiusDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-max-radius"]}]}],"speedFactor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleSpeedFactor"]}]}],"_speedFactorDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-speed-factor"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleColor"]}]}],"_colorDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-color"]}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleBackgroundColor"]}]}],"_backgroundColorDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-background-color"]}]}],"focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-ripple-focused"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleFocused"]}]}],"_focusedDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-focused"]}]}],"unbounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-ripple-unbounded"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdRippleUnbounded"]}]}],"_unboundedDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["md-ripple-unbounded"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"../overlay/position/viewport-ruler","name":"ViewportRuler"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"end":[{"__symbolic":"method"}],"_rippleTransitionEnded":[{"__symbolic":"method"}],"_mouseDown":[{"__symbolic":"method"}],"_click":[{"__symbolic":"method"}],"_mouseLeave":[{"__symbolic":"method"}]}},"MdRippleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../compatibility/default-mode","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdRipple"},{"__symbolic":"reference","module":"../compatibility/default-mode","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdRipple"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdRippleModule"},"providers":[{"__symbolic":"reference","module":"../overlay/position/viewport-ruler","name":"ViewportRuler"}]}}}}},"version":1}]

package/core/rtl/dir.d.ts

@@ -1,21 +0,0 @@
-import { ModuleWithProviders, EventEmitter } from '@angular/core';
-export declare type LayoutDirection = 'ltr' | 'rtl';
-/**
- * Directive to listen for changes of direction of part of the DOM.
- *
- * Applications should use this directive instead of the native attribute so that Material
- * components can listen on changes of direction.
- */
-export declare class Dir {
-    /** Layout direction of the element. */
-    _dir: LayoutDirection;
-    /** Event emitted when the direction changes. */
-    dirChange: EventEmitter<void>;
-    /** @docs-private */
-    dir: LayoutDirection;
-    /** Current layout direction of the element. */
-    value: LayoutDirection;
-}
-export declare class RtlModule {
-    static forRoot(): ModuleWithProviders;
-}

package/core/rtl/dir.js

@@ -1,87 +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, Directive, HostBinding, Output, Input, EventEmitter } from '@angular/core';
-/**
- * Directive to listen for changes of direction of part of the DOM.
- *
- * Applications should use this directive instead of the native attribute so that Material
- * components can listen on changes of direction.
- */
-export var Dir = (function () {
-    function Dir() {
-        /** Layout direction of the element. */
-        this._dir = 'ltr';
-        /** Event emitted when the direction changes. */
-        this.dirChange = new EventEmitter();
-    }
-    Object.defineProperty(Dir.prototype, "dir", {
-        /** @docs-private */
-        get: function () {
-            return this._dir;
-        },
-        set: function (v) {
-            var old = this._dir;
-            this._dir = v;
-            if (old != this._dir) {
-                this.dirChange.emit();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Dir.prototype, "value", {
-        /** Current layout direction of the element. */
-        get: function () { return this.dir; },
-        set: function (v) { this.dir = v; },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input('dir'), 
-        __metadata('design:type', String)
-    ], Dir.prototype, "_dir", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Object)
-    ], Dir.prototype, "dirChange", void 0);
-    __decorate([
-        HostBinding('attr.dir'), 
-        __metadata('design:type', String)
-    ], Dir.prototype, "dir", null);
-    Dir = __decorate([
-        Directive({
-            selector: '[dir]',
-            // TODO(hansl): maybe `$implicit` isn't the best option here, but for now that's the best we got.
-            exportAs: '$implicit'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], Dir);
-    return Dir;
-}());
-export var RtlModule = (function () {
-    function RtlModule() {
-    }
-    RtlModule.forRoot = function () {
-        return {
-            ngModule: RtlModule,
-            providers: []
-        };
-    };
-    RtlModule = __decorate([
-        NgModule({
-            exports: [Dir],
-            declarations: [Dir]
-        }), 
-        __metadata('design:paramtypes', [])
-    ], RtlModule);
-    return RtlModule;
-}());
-
-//# sourceMappingURL=dir.js.map

package/core/rtl/dir.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core/rtl/dir.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EACL,QAAQ,EAER,SAAS,EACT,WAAW,EACX,MAAM,EACN,KAAK,EACL,YAAY,EACb,MAAM,eAAe;AAItB;;;;;GAKG;AAMH;IAAA;QACE,uCAAuC;QACzB,SAAI,GAAoB,KAAK,CAAC;QAE5C,gDAAgD;QACtC,cAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAkBjD,CAAC;IAdC,sBAAI,oBAAG;QAFP,oBAAoB;aAEpB;YACE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;aACD,UAAQ,CAAkB;YACxB,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACd,EAAE,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;gBACrB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;YACxB,CAAC;QACH,CAAC;;;OAPA;IAUD,sBAAI,sBAAK;QADT,+CAA+C;aAC/C,cAA+B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;aACjD,UAAU,CAAkB,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;;;OADE;IAnBjD;QAAC,KAAK,CAAC,KAAK,CAAC;;qCAAA;IAGb;QAAC,MAAM,EAAE;;0CAAA;IAGT;QAAC,WAAW,CAAC,UAAU,CAAC;;kCAAA;IAb1B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,OAAO;YACjB,iGAAiG;YACjG,QAAQ,EAAE,WAAW;SACtB,CAAC;;WAAA;IAwBF,UAAC;AAAD,CAvBA,AAuBC,IAAA;AAOD;IAAA;IAOA,CAAC;IANQ,iBAAO,GAAd;QACE,MAAM,CAAC;YACL,QAAQ,EAAE,SAAS;YACnB,SAAS,EAAE,EAAE;SACd,CAAC;IACJ,CAAC;IAVH;QAAC,QAAQ,CAAC;YACR,OAAO,EAAE,CAAC,GAAG,CAAC;YACd,YAAY,EAAE,CAAC,GAAG,CAAC;SACpB,CAAC;;iBAAA;IAQF,gBAAC;AAAD,CAPA,AAOC,IAAA","file":"dir.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  Directive,\n  HostBinding,\n  Output,\n  Input,\n  EventEmitter\n} from '@angular/core';\n\nexport type LayoutDirection = 'ltr' | 'rtl';\n\n/**\n * Directive to listen for changes of direction of part of the DOM.\n *\n * Applications should use this directive instead of the native attribute so that Material\n * components can listen on changes of direction.\n */\n@Directive({\n  selector: '[dir]',\n  // TODO(hansl): maybe `$implicit` isn't the best option here, but for now that's the best we got.\n  exportAs: '$implicit'\n})\nexport class Dir {\n  /** Layout direction of the element. */\n  @Input('dir') _dir: LayoutDirection = 'ltr';\n\n  /** Event emitted when the direction changes. */\n  @Output() dirChange = new EventEmitter<void>();\n\n  /** @docs-private */\n  @HostBinding('attr.dir')\n  get dir(): LayoutDirection {\n    return this._dir;\n  }\n  set dir(v: LayoutDirection) {\n    let old = this._dir;\n    this._dir = v;\n    if (old != this._dir) {\n      this.dirChange.emit();\n    }\n  }\n\n  /** Current layout direction of the element. */\n  get value(): LayoutDirection { return this.dir; }\n  set value(v: LayoutDirection) { this.dir = v; }\n}\n\n\n@NgModule({\n  exports: [Dir],\n  declarations: [Dir]\n})\nexport class RtlModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: RtlModule,\n      providers: []\n    };\n  }\n}\n"]}

package/core/rtl/dir.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"Dir":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[dir]","exportAs":"$implicit"}]}],"members":{"_dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["dir"]}]}],"dirChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}]}},"RtlModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"Dir"}],"declarations":[{"__symbolic":"reference","name":"Dir"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"RtlModule"},"providers":[]}}}}}},{"__symbolic":"module","metadata":{"Dir":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[dir]","exportAs":"$implicit"}]}],"members":{"_dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["dir"]}]}],"dirChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}]}},"RtlModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"Dir"}],"declarations":[{"__symbolic":"reference","name":"Dir"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"RtlModule"},"providers":[]}}}}},"version":1}]

package/core/style/_button-common.scss

@@ -1,7 +0,0 @@
-// Mixin overriding default button styles like the gray background, the border, and the outline.
-@mixin md-button-reset {
-  cursor: pointer;
-  user-select: none;
-  outline: none;
-  border: none;
-}

package/core/style/_elevation.scss

@@ -1,174 +0,0 @@
-@import 'variables';
-
-
-// A collection of mixins and CSS classes that can be used to apply elevation to a material
-// element.
-// See: https://www.google.com/design/spec/what-is-material/elevation-shadows.html
-// Examples:
-//
-//
-// .md-foo {
-//   @include $md-elevation(2);
-//
-//   &:active {
-//     @include $md-elevation(8);
-//   }
-// }
-//
-// <div id="external-card" class="md-elevation-z2"><p>Some content</p></div>
-//
-// For an explanation of the design behind how elevation is implemented, see the design doc at
-// https://goo.gl/Kq0k9Z.
-
-// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation
-// level is created using a set of 3 shadow values, one for umbra (the shadow representing the
-// space completely obscured by an object relative to its light source), one for penumbra (the
-// space partially obscured by an object), and one for ambient (the space which contains the object
-// itself). For a further explanation of these terms and their meanings, see
-// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.
-
-$_umbra-color: rgba(black, 0.2);
-$_penumbra-color: rgba(black, 0.14);
-$_ambient-color: rgba(black, 0.12);
-
-// Maps for the different shadow sets and their values within each z-space. These values were
-// created by taking a few reference shadow sets created by Google's Designers and interpolating
-// all of the values between them.
-
-$_umbra-elevation-map: (
-  0: '0px 0px 0px 0px #{$_umbra-color}',
-  1: '0px 2px 1px -1px #{$_umbra-color}',
-  2: '0px 3px 1px -2px #{$_umbra-color}',
-  3: '0px 3px 3px -2px #{$_umbra-color}',
-  4: '0px 2px 4px -1px #{$_umbra-color}',
-  5: '0px 3px 5px -1px #{$_umbra-color}',
-  6: '0px 3px 5px -1px #{$_umbra-color}',
-  7: '0px 4px 5px -2px #{$_umbra-color}',
-  8: '0px 5px 5px -3px #{$_umbra-color}',
-  9: '0px 5px 6px -3px #{$_umbra-color}',
-  10: '0px 6px 6px -3px #{$_umbra-color}',
-  11: '0px 6px 7px -4px #{$_umbra-color}',
-  12: '0px 7px 8px -4px #{$_umbra-color}',
-  13: '0px 7px 8px -4px #{$_umbra-color}',
-  14: '0px 7px 9px -4px #{$_umbra-color}',
-  15: '0px 8px 9px -5px #{$_umbra-color}',
-  16: '0px 8px 10px -5px #{$_umbra-color}',
-  17: '0px 8px 11px -5px #{$_umbra-color}',
-  18: '0px 9px 11px -5px #{$_umbra-color}',
-  19: '0px 9px 12px -6px #{$_umbra-color}',
-  20: '0px 10px 13px -6px #{$_umbra-color}',
-  21: '0px 10px 13px -6px #{$_umbra-color}',
-  22: '0px 10px 14px -6px #{$_umbra-color}',
-  23: '0px 11px 14px -7px #{$_umbra-color}',
-  24: '0px 11px 15px -7px #{$_umbra-color}'
-);
-
-$_penumbra-elevation-map: (
-  0: '0px 0px 0px 0px #{$_penumbra-color}',
-  1: '0px 1px 1px 0px #{$_penumbra-color}',
-  2: '0px 2px 2px 0px #{$_penumbra-color}',
-  3: '0px 3px 4px 0px #{$_penumbra-color}',
-  4: '0px 4px 5px 0px #{$_penumbra-color}',
-  5: '0px 5px 8px 0px #{$_penumbra-color}',
-  6: '0px 6px 10px 0px #{$_penumbra-color}',
-  7: '0px 7px 10px 1px #{$_penumbra-color}',
-  8: '0px 8px 10px 1px #{$_penumbra-color}',
-  9: '0px 9px 12px 1px #{$_penumbra-color}',
-  10: '0px 10px 14px 1px #{$_penumbra-color}',
-  11: '0px 11px 15px 1px #{$_penumbra-color}',
-  12: '0px 12px 17px 2px #{$_penumbra-color}',
-  13: '0px 13px 19px 2px #{$_penumbra-color}',
-  14: '0px 14px 21px 2px #{$_penumbra-color}',
-  15: '0px 15px 22px 2px #{$_penumbra-color}',
-  16: '0px 16px 24px 2px #{$_penumbra-color}',
-  17: '0px 17px 26px 2px #{$_penumbra-color}',
-  18: '0px 18px 28px 2px #{$_penumbra-color}',
-  19: '0px 19px 29px 2px #{$_penumbra-color}',
-  20: '0px 20px 31px 3px #{$_penumbra-color}',
-  21: '0px 21px 33px 3px #{$_penumbra-color}',
-  22: '0px 22px 35px 3px #{$_penumbra-color}',
-  23: '0px 23px 36px 3px #{$_penumbra-color}',
-  24: '0px 24px 38px 3px #{$_penumbra-color}'
-);
-
-$_ambient-elevation-map: (
-  0: '0px 0px 0px 0px #{$_ambient-color}',
-  1: '0px 1px 3px 0px #{$_ambient-color}',
-  2: '0px 1px 5px 0px #{$_ambient-color}',
-  3: '0px 1px 8px 0px #{$_ambient-color}',
-  4: '0px 1px 10px 0px #{$_ambient-color}',
-  5: '0px 1px 14px 0px #{$_ambient-color}',
-  6: '0px 1px 18px 0px #{$_ambient-color}',
-  7: '0px 2px 16px 1px #{$_ambient-color}',
-  8: '0px 3px 14px 2px #{$_ambient-color}',
-  9: '0px 3px 16px 2px #{$_ambient-color}',
-  10: '0px 4px 18px 3px #{$_ambient-color}',
-  11: '0px 4px 20px 3px #{$_ambient-color}',
-  12: '0px 5px 22px 4px #{$_ambient-color}',
-  13: '0px 5px 24px 4px #{$_ambient-color}',
-  14: '0px 5px 26px 4px #{$_ambient-color}',
-  15: '0px 6px 28px 5px #{$_ambient-color}',
-  16: '0px 6px 30px 5px #{$_ambient-color}',
-  17: '0px 6px 32px 5px #{$_ambient-color}',
-  18: '0px 7px 34px 6px #{$_ambient-color}',
-  19: '0px 7px 36px 6px #{$_ambient-color}',
-  20: '0px 8px 38px 7px #{$_ambient-color}',
-  21: '0px 8px 40px 7px #{$_ambient-color}',
-  22: '0px 8px 42px 7px #{$_ambient-color}',
-  23: '0px 9px 44px 8px #{$_ambient-color}',
-  24: '0px 9px 46px 8px #{$_ambient-color}'
-);
-
-
-// The css property used for elevation. In most cases this should not be changed. It is exposed
-// as a variable for abstraction / easy use when needing to reference the property directly, for
-// example in a will-change rule.
-$md-elevation-property: box-shadow !default;
-
-// The default duration value for elevation transitions.
-$md-elevation-transition-duration: 280ms !default;
-
-// The default easing value for elevation transitions.
-$md-elevation-transition-timing-function: $md-fast-out-slow-in-timing-function;
-
-// Applies the correct css rules to an element to give it the elevation specified by $zValue.
-// The $zValue must be between 0 and 24.
-@mixin md-elevation($zValue) {
-  @if type-of($zValue) != number or not unitless($zValue) {
-    @error '$zValue must be a unitless number';
-  }
-  @if $zValue < 0 or $zValue > 24 {
-    @error '$zValue must be between 0 and 24';
-  }
-
-  #{$md-elevation-property}: #{map-get($_umbra-elevation-map, $zValue)},
-                             #{map-get($_penumbra-elevation-map, $zValue)},
-                             #{map-get($_ambient-elevation-map, $zValue)};
-}
-
-// Returns a string that can be used as the value for a transition property for elevation.
-// Calling this function directly is useful in situations where a component needs to transition
-// more than one property.
-//
-// .foo {
-//   transition: md-elevation-transition-property-value(), opacity 100ms ease;
-//   will-change: $md-elevation-property, opacity;
-// }
-@function md-elevation-transition-property-value(
-    $duration: $md-elevation-transition-duration,
-    $easing: $md-elevation-transition-timing-function) {
-  @return #{$md-elevation-property} #{$duration} #{$easing};
-}
-
-// Applies the correct css rules needed to have an element transition between elevations.
-// This mixin should be applied to elements whose elevation values will change depending on their
-// context (e.g. when active or disabled).
-//
-// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can
-// be used in the same way by clients.
-@mixin md-elevation-transition(
-    $duration: $md-elevation-transition-duration,
-    $easing: $md-elevation-transition-timing-function) {
-  transition: md-elevation-transition-property-value($duration, $easing);
-  will-change: $md-elevation-property;
-}

package/core/style/_form-common.scss

@@ -1,12 +0,0 @@
-
-// Gradient for showing the dashed line when the input is disabled.
-// Unlike using a border, a gradient allows us to adjust the spacing of the dotted line
-// to match the Material Design spec.
-$md-underline-disabled-background-image:
-        linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);
-
-@mixin md-control-disabled-underline {
-  background-image: $md-underline-disabled-background-image;
-  background-size: 4px 1px;
-  background-repeat: repeat-x;
-}

package/core/style/_layout-common.scss

@@ -1,8 +0,0 @@
-// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.
-@mixin md-fill {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}

package/core/style/_list-common.scss

@@ -1,49 +0,0 @@
-// This mixin will ensure that lines that overflow the container will hide the overflow and
-// truncate neatly with an ellipsis.
-@mixin md-truncate-line() {
-  white-space: nowrap;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-}
-
-// Mixin to provide all md-line styles, changing secondary font size based on whether the list
-// is in dense mode.
-@mixin md-line-base($secondary-font-size) {
-  [md-line] {
-    @include md-truncate-line();
-    display: block;
-    box-sizing: border-box;
-
-    // all lines but the top line should have smaller text
-    &:nth-child(n+2) {
-      font-size: $secondary-font-size;
-    }
-  }
-}
-
-// This mixin normalizes default element styles, e.g. font weight for heading text.
-@mixin md-normalize-text() {
-  & > * {
-    margin: 0;
-    padding: 0;
-    font-weight: normal;
-    font-size: inherit;
-  }
-}
-
-// This mixin provides base styles for the wrapper around md-line elements in a list.
-@mixin md-line-wrapper-base() {
-  @include md-normalize-text();
-
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  box-sizing: border-box;
-  overflow: hidden;
-
-  // Must remove wrapper when lines are empty or it takes up horizontal
-  // space and pushes other elements to the right.
-  &:empty {
-    display: none;
-  }
-}

package/core/style/_menu-common.scss

@@ -1,89 +0,0 @@
-@import './variables';
-@import './elevation';
-@import './list-common';
-
-/** The mixins below are shared between md-menu and md-select */
-
-// menu width must be a multiple of 56px
-$md-menu-overlay-min-width: 112px !default;   // 56 * 2
-$md-menu-overlay-max-width: 280px !default;   // 56 * 5
-
-$md-menu-item-height: 48px !default;
-$md-menu-font-size: 16px !default;
-$md-menu-side-padding: 16px !default;
-
-@mixin md-menu-base() {
-  @include md-elevation(8);
-  min-width: $md-menu-overlay-min-width;
-  max-width: $md-menu-overlay-max-width;
-
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;   // for momentum scroll on mobile
-}
-
-@mixin md-menu-item-base() {
-  @include md-truncate-line();
-
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: $md-menu-item-height;
-  padding: 0 $md-menu-side-padding;
-
-  font-size: $md-menu-font-size;
-  font-family: $md-font-family;
-  text-align: start;
-  text-decoration: none;   // necessary to reset anchor tags
-
-  &[disabled] {
-    cursor: default;
-  }
-
-  md-icon {
-    margin-right: 16px;
-
-    [dir='rtl'] & {
-      margin-left: 16px;
-    }
-  }
-}
-
-/**
- * This mixin adds the correct panel transform styles based
- * on the direction that the menu panel opens.
- */
-@mixin md-menu-positions() {
-  &.md-menu-after.md-menu-below {
-    transform-origin: left top;
-  }
-
-  &.md-menu-after.md-menu-above {
-    transform-origin: left bottom;
-  }
-
-  &.md-menu-before.md-menu-below {
-    transform-origin: right top;
-  }
-
-  &.md-menu-before.md-menu-above {
-    transform-origin: right bottom;
-  }
-
-  [dir='rtl'] & {
-    &.md-menu-after.md-menu-below {
-      transform-origin: right top;
-    }
-
-    &.md-menu-after.md-menu-above {
-      transform-origin: right bottom;
-    }
-
-    &.md-menu-before.md-menu-below {
-      transform-origin: left top;
-    }
-
-    &.md-menu-before.md-menu-above {
-      transform-origin: left bottom;
-    }
-  }
-}

package/core/style/_variables.scss

@@ -1,64 +0,0 @@
-@import '../typography/typography';
-
-
-// Typography
-$md-body-font-size-base: rem(1.4) !default;
-$md-font-family: Roboto, 'Helvetica Neue', sans-serif !default;
-
-// Media queries
-// TODO: Find a way to respect media query ranges.
-// TODO: For example the xs-breakpoint should not interfere with the sm-breakpoint.
-$md-xsmall: 'max-width: 600px';
-$md-small: 'max-width: 960px';
-
-// TODO: Revisit all z-indices before beta
-// z-index master list
-
-$z-index-fab: 20 !default;
-$z-index-drawer: 100 !default;
-
-// Overlay z indices.
-
-// We want overlays to always appear over user content, so set a baseline
-// very high z-index for the overlay container, which is where we create the new
-// stacking context for all overlays.
-$cdk-z-index-overlay-container: 1000;
-$cdk-z-index-overlay: 1000;
-$cdk-z-index-overlay-backdrop: 1000;
-
-// Background color for all of the backdrops
-$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.6);
-
-// Global constants
-$pi: 3.14159265;
-
-// Padding between input toggles and their labels
-$md-toggle-padding: 8px !default;
-// Width and height of input toggles
-$md-toggle-size: 20px !default;
-
-// Easing Curves
-// TODO(jelbourn): all of these need to be revisited
-
-// The default animation curves used by material design.
-$md-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;
-$md-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
-$md-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;
-
-$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
-
-$swift-ease-out-duration: 400ms !default;
-$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
-$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;
-
-$swift-ease-in-duration: 300ms !default;
-$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
-$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;
-
-$swift-ease-in-out-duration: 500ms !default;
-$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;
-$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;
-
-$swift-linear-duration: 80ms !default;
-$swift-linear-timing-function: linear !default;
-$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;

package/core/style/apply-transform.d.ts

@@ -1,6 +0,0 @@
-/**
- * Applies a CSS transform to an element, including browser-prefixed properties.
- * @param element
- * @param transformValue
- */
-export declare function applyCssTransform(element: HTMLElement, transformValue: string): void;

package/core/style/apply-transform.js

@@ -1,14 +0,0 @@
-/**
- * Applies a CSS transform to an element, including browser-prefixed properties.
- * @param element
- * @param transformValue
- */
-export function applyCssTransform(element, transformValue) {
-    // It's important to trim the result, because the browser will ignore the set operation
-    // if the string contains only whitespace.
-    var value = transformValue.trim();
-    element.style.transform = value;
-    element.style.webkitTransform = value;
-}
-
-//# sourceMappingURL=apply-transform.js.map

package/core/style/apply-transform.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core/style/apply-transform.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,kCAAkC,OAAoB,EAAE,cAAsB;IAC5E,uFAAuF;IACvF,0CAA0C;IAC1C,IAAI,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,CAAC;IAElC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IAChC,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;AACxC,CAAC","file":"apply-transform.js","sourcesContent":["/**\n * Applies a CSS transform to an element, including browser-prefixed properties.\n * @param element\n * @param transformValue\n */\nexport function applyCssTransform(element: HTMLElement, transformValue: string) {\n  // It's important to trim the result, because the browser will ignore the set operation\n  // if the string contains only whitespace.\n  let value = transformValue.trim();\n\n  element.style.transform = value;\n  element.style.webkitTransform = value;\n}\n"]}

package/core/style/apply-transform.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"applyCssTransform":{"__symbolic":"function"}}},{"__symbolic":"module","metadata":{"applyCssTransform":{"__symbolic":"function"}},"version":1}]