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

package/radio/radio.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdRadioGroup"},"multi":true},"MdRadioChange":{"__symbolic":"class"},"MdRadioGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-radio-group, mat-radio-group","providers":[{"__symbolic":"reference","name":"MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR"}],"host":{"role":"radiogroup"}}]}],"members":{"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_radios":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MdRadioButton"}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_checkSelectedRadioButton":[{"__symbolic":"method"}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_touch":[{"__symbolic":"method"}],"_updateRadioButtonNames":[{"__symbolic":"method"}],"_updateSelectedRadioFromValue":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"MdRadioButton":{"__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-radio-button, mat-radio-button","templateUrl":"radio.html","styleUrls":["radio.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-focused"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../core","name":"UniqueSelectionDispatcher"}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-checked"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnInit":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_isRippleDisabled":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_onInputChange":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}]}},"MdRadioModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../core","name":"MdRippleModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","name":"MdRadioButton"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","name":"MdRadioButton"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdRadioModule"},"providers":[{"__symbolic":"reference","module":"../core","name":"UniqueSelectionDispatcher"},{"__symbolic":"reference","module":"../core/overlay/position/viewport-ruler","name":"ViewportRuler"}]}}}}}},{"__symbolic":"module","metadata":{"MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdRadioGroup"},"multi":true},"MdRadioChange":{"__symbolic":"class"},"MdRadioGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-radio-group, mat-radio-group","providers":[{"__symbolic":"reference","name":"MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR"}],"host":{"role":"radiogroup"}}]}],"members":{"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_radios":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MdRadioButton"}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_checkSelectedRadioButton":[{"__symbolic":"method"}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_touch":[{"__symbolic":"method"}],"_updateRadioButtonNames":[{"__symbolic":"method"}],"_updateSelectedRadioFromValue":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"MdRadioButton":{"__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-radio-button, mat-radio-button","templateUrl":"radio.html","styleUrls":["radio.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-focused"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../core","name":"UniqueSelectionDispatcher"}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-checked"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.md-radio-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnInit":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_isRippleDisabled":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_onInputChange":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}]}},"MdRadioModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../core","name":"MdRippleModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","name":"MdRadioButton"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdRadioGroup"},{"__symbolic":"reference","name":"MdRadioButton"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdRadioModule"},"providers":[{"__symbolic":"reference","module":"../core","name":"UniqueSelectionDispatcher"},{"__symbolic":"reference","module":"../core/overlay/position/viewport-ruler","name":"ViewportRuler"}]}}}}},"version":1}]

package/radio/radio.scss

@@ -1,102 +0,0 @@
-@import '../core/style/variables';
-@import '../core/ripple/ripple';
-
-
-$md-radio-size: $md-toggle-size !default;
-$md-radio-ripple-size: $md-radio-size * 0.75;
-
-// Top-level host container.
-md-radio-button {
-  display: inline-block;
-}
-
-// Inner label container, wrapping entire element.
-// Enables focus by click.
-.md-radio-label {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: baseline;
-  white-space: nowrap;
-}
-
-// Container for radio circles and ripple.
-.md-radio-container {
-  box-sizing: border-box;
-  display: inline-block;
-  height: $md-radio-size;
-  position: relative;
-  width: $md-radio-size;
-  top: 2px;
-}
-
-// The outer circle for the radio, always present.
-.md-radio-outer-circle {
-  border: solid 2px;
-  border-radius: 50%;
-  box-sizing: border-box;
-  height: $md-radio-size;
-  left: 0;
-  position: absolute;
-  top: 0;
-  transition: border-color ease 280ms;
-  width: $md-radio-size;
-}
-
-// The inner circle for the radio, shown when checked.
-.md-radio-inner-circle {
-  border-radius: 50%;
-  box-sizing: border-box;
-  height: $md-radio-size;
-  left: 0;
-  position: absolute;
-  top: 0;
-  transition: transform ease 280ms, background-color ease 280ms;
-  transform: scale(0);
-  width: $md-radio-size;
-
-  .md-radio-checked & {
-    transform: scale(0.5);
-  }
-}
-
-// Text label next to radio.
-.md-radio-label-content {
-  display: inline-block;
-  order: 0;
-  line-height: inherit;
-  padding-left: $md-toggle-padding;
-  padding-right: 0;
-
-  [dir='rtl'] & {
-    padding-right: $md-toggle-padding;
-    padding-left: 0;
-  }
-}
-
-// Alignment.
-.md-radio-label-content.md-radio-label-before {
-  order: -1;
-  padding-left: 0;
-  padding-right: $md-toggle-padding;
-
-  [dir='rtl'] & {
-    padding-right: 0;
-    padding-left: $md-toggle-padding;
-  }
-}
-
-// Basic disabled state.
-.md-radio-disabled, .md-radio-disabled .md-radio-label {
-  cursor: default;
-}
-
-.md-radio-ripple {
-  position: absolute;
-  left: -$md-radio-ripple-size;
-  top: -$md-radio-ripple-size;
-  right: -$md-radio-ripple-size;
-  bottom: -$md-radio-ripple-size;
-  border-radius: 50%;
-  z-index: 1;
-  pointer-events: none;
-}

package/select/OVERVIEW.md

@@ -1,8 +0,0 @@
-`<md-select>` is a form control for selecting a value from a set of options, similar to the native
-`<select>` element.
-
-<!-- example(select-overview) -->
-
-### Use with `@angular/forms`
-`<md-select>` is compatible with `@angular/forms` and supports both `FormsModule` 
-and `ReactiveFormsModule`.

package/select/README.md

@@ -1,3 +0,0 @@
-## Work in progress!
-
-The select is still a work in progress, so most features have not been implemented. Not ready for use!

package/select/_select-theme.scss

@@ -1,64 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-@mixin md-select-theme($theme) {
-  $foreground: map-get($theme, foreground);
-  $background: map-get($theme, background);
-  $primary: map-get($theme, primary);
-  $warn: map-get($theme, warn);
-
-  .md-select-trigger {
-    color: md-color($foreground, hint-text);
-    border-bottom: 1px solid md-color($foreground, divider);
-
-    md-select:focus:not(.md-select-disabled) & {
-      color: md-color($primary);
-      border-bottom: 1px solid md-color($primary);
-    }
-
-    md-select.ng-invalid.ng-touched:not(.md-select-disabled) & {
-      color: md-color($warn);
-      border-bottom: 1px solid md-color($warn);
-    }
-  }
-
-  .md-select-arrow {
-    color: md-color($foreground, hint-text);
-
-    md-select:focus:not(.md-select-disabled) & {
-      color: md-color($primary);
-    }
-
-    md-select.ng-invalid.ng-touched:not(.md-select-disabled) & {
-      color: md-color($warn);
-    }
-  }
-
-  .md-select-content {
-    background: md-color($background, card);
-  }
-
-  .md-select-value {
-    color: md-color($foreground, text);
-
-    .md-select-disabled & {
-      color: md-color($foreground, hint-text);
-    }
-  }
-
-  md-option {
-    &:hover:not(.md-option-disabled), &:focus:not(.md-option-disabled) {
-     background: md-color($background, hover);
-    }
-
-    &.md-selected {
-      background: md-color($background, hover);
-      color: md-color($primary);
-    }
-
-    &.md-option-disabled {
-      color: md-color($foreground, hint-text);
-    }
-
-  }
-}

package/select/index.js

@@ -1,38 +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 } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MdSelect } from './select';
-import { MdOption } from './option';
-import { DefaultStyleCompatibilityModeModule, OVERLAY_PROVIDERS, MdRippleModule, OverlayModule } from '../core';
-export * from './select';
-export { MdOption } from './option';
-export { fadeInContent, transformPanel, transformPlaceholder } from './select-animations';
-export var MdSelectModule = (function () {
-    function MdSelectModule() {
-    }
-    MdSelectModule.forRoot = function () {
-        return {
-            ngModule: MdSelectModule,
-            providers: [OVERLAY_PROVIDERS]
-        };
-    };
-    MdSelectModule = __decorate([
-        NgModule({
-            imports: [CommonModule, OverlayModule, MdRippleModule, DefaultStyleCompatibilityModeModule],
-            exports: [MdSelect, MdOption, DefaultStyleCompatibilityModeModule],
-            declarations: [MdSelect, MdOption],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdSelectModule);
-    return MdSelectModule;
-}());
-
-//# sourceMappingURL=index.js.map

package/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["select/index.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,QAAQ,EAAsB,MAAM,eAAe;OACpD,EAAC,YAAY,EAAC,MAAM,iBAAiB;OACrC,EAAC,QAAQ,EAAC,MAAM,UAAU;OAC1B,EAAC,QAAQ,EAAC,MAAM,UAAU;OAC1B,EACL,mCAAmC,EACnC,iBAAiB,EACjB,cAAc,EACd,aAAa,EACd,MAAM,SAAS;AAChB,cAAc,UAAU,CAAC;AACzB,SAAQ,QAAQ,QAAO,UAAU,CAAC;AAClC,SAAQ,aAAa,EAAE,cAAc,EAAE,oBAAoB,QAAO,qBAAqB,CAAC;AAQxF;IAAA;IAOA,CAAC;IANQ,sBAAO,GAAd;QACE,MAAM,CAAC;YACL,QAAQ,EAAE,cAAc;YACxB,SAAS,EAAE,CAAC,iBAAiB,CAAC;SAC/B,CAAC;IACJ,CAAC;IAXH;QAAC,QAAQ,CAAC;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,mCAAmC,CAAC;YAC3F,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,mCAAmC,CAAC;YAClE,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;SACnC,CAAC;;sBAAA;IAQF,qBAAC;AAAD,CAPA,AAOC,IAAA","file":"index.js","sourcesContent":["import {NgModule, ModuleWithProviders} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MdSelect} from './select';\nimport {MdOption} from './option';\nimport {\n  DefaultStyleCompatibilityModeModule,\n  OVERLAY_PROVIDERS,\n  MdRippleModule,\n  OverlayModule,\n} from '../core';\nexport * from './select';\nexport {MdOption} from './option';\nexport {fadeInContent, transformPanel, transformPlaceholder} from './select-animations';\n\n\n@NgModule({\n  imports: [CommonModule, OverlayModule, MdRippleModule, DefaultStyleCompatibilityModeModule],\n  exports: [MdSelect, MdOption, DefaultStyleCompatibilityModeModule],\n  declarations: [MdSelect, MdOption],\n})\nexport class MdSelectModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdSelectModule,\n      providers: [OVERLAY_PROVIDERS]\n    };\n  }\n}\n"]}

package/select/option.d.ts

@@ -1,44 +0,0 @@
-import { ElementRef, EventEmitter, Renderer } from '@angular/core';
-/**
- * Single option inside of a `<md-select>` element.
- */
-export declare class MdOption {
-    private _element;
-    private _renderer;
-    private _selected;
-    /** Whether the option is disabled.  */
-    private _disabled;
-    private _id;
-    /** The unique ID of the option. */
-    readonly id: string;
-    /** The form value of the option. */
-    value: any;
-    /** Whether the option is disabled. */
-    disabled: any;
-    /** Event emitted when the option is selected. */
-    onSelect: EventEmitter<{}>;
-    constructor(_element: ElementRef, _renderer: Renderer);
-    /** Whether or not the option is currently selected. */
-    readonly selected: boolean;
-    /**
-     * The displayed value of the option. It is necessary to show the selected option in the
-     * select's trigger.
-     */
-    readonly viewValue: string;
-    /** Selects the option. */
-    select(): void;
-    /** Deselects the option. */
-    deselect(): void;
-    /** Sets focus onto this option. */
-    focus(): void;
-    /** Ensures the option is selected when activated from the keyboard. */
-    _handleKeydown(event: KeyboardEvent): void;
-    /**
-     * Selects the option while indicating the selection came from the user. Used to
-     * determine if the select's view -> model callback should be invoked.
-     */
-    _selectViaInteraction(): void;
-    /** Returns the correct tabindex for the option depending on disabled state. */
-    _getTabIndex(): string;
-    _getHostElement(): HTMLElement;
-}

package/select/option.html

@@ -1 +0,0 @@
-<ng-content></ng-content><div class="md-option-ripple" *ngIf="!disabled" md-ripple mdRippleBackgroundColor="rgba(0,0,0,0)" [mdRippleTrigger]="_getHostElement()"></div>

package/select/option.js

@@ -1,135 +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 { Component, ElementRef, EventEmitter, Input, Output, Renderer, ViewEncapsulation } from '@angular/core';
-import { ENTER, SPACE } from '../core/keyboard/keycodes';
-import { coerceBooleanProperty } from '../core/coercion/boolean-property';
-/**
- * Option IDs need to be unique across components, so this counter exists outside of
- * the component definition.
- */
-var _uniqueIdCounter = 0;
-/**
- * Single option inside of a `<md-select>` element.
- */
-export var MdOption = (function () {
-    function MdOption(_element, _renderer) {
-        this._element = _element;
-        this._renderer = _renderer;
-        this._selected = false;
-        /** Whether the option is disabled.  */
-        this._disabled = false;
-        this._id = "md-select-option-" + _uniqueIdCounter++;
-        /** Event emitted when the option is selected. */
-        this.onSelect = new EventEmitter();
-    }
-    Object.defineProperty(MdOption.prototype, "id", {
-        /** The unique ID of the option. */
-        get: function () { return this._id; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdOption.prototype, "disabled", {
-        /** Whether the option is disabled. */
-        get: function () { return this._disabled; },
-        set: function (value) { this._disabled = coerceBooleanProperty(value); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdOption.prototype, "selected", {
-        /** Whether or not the option is currently selected. */
-        get: function () {
-            return this._selected;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdOption.prototype, "viewValue", {
-        /**
-         * The displayed value of the option. It is necessary to show the selected option in the
-         * select's trigger.
-         */
-        get: function () {
-            // TODO(kara): Add input property alternative for node envs.
-            return this._getHostElement().textContent.trim();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** Selects the option. */
-    MdOption.prototype.select = function () {
-        this._selected = true;
-        this.onSelect.emit();
-    };
-    /** Deselects the option. */
-    MdOption.prototype.deselect = function () {
-        this._selected = false;
-    };
-    /** Sets focus onto this option. */
-    MdOption.prototype.focus = function () {
-        this._renderer.invokeElementMethod(this._getHostElement(), 'focus');
-    };
-    /** Ensures the option is selected when activated from the keyboard. */
-    MdOption.prototype._handleKeydown = function (event) {
-        if (event.keyCode === ENTER || event.keyCode === SPACE) {
-            this._selectViaInteraction();
-        }
-    };
-    /**
-     * Selects the option while indicating the selection came from the user. Used to
-     * determine if the select's view -> model callback should be invoked.
-     */
-    MdOption.prototype._selectViaInteraction = function () {
-        if (!this.disabled) {
-            this._selected = true;
-            this.onSelect.emit(true);
-        }
-    };
-    /** Returns the correct tabindex for the option depending on disabled state. */
-    MdOption.prototype._getTabIndex = function () {
-        return this.disabled ? '-1' : '0';
-    };
-    MdOption.prototype._getHostElement = function () {
-        return this._element.nativeElement;
-    };
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdOption.prototype, "value", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdOption.prototype, "disabled", null);
-    __decorate([
-        Output(), 
-        __metadata('design:type', Object)
-    ], MdOption.prototype, "onSelect", void 0);
-    MdOption = __decorate([
-        Component({selector: 'md-option, mat-option',
-            host: {
-                'role': 'option',
-                '[attr.tabindex]': '_getTabIndex()',
-                '[class.md-selected]': 'selected',
-                '[id]': 'id',
-                '[attr.aria-selected]': 'selected.toString()',
-                '[attr.aria-disabled]': 'disabled.toString()',
-                '[class.md-option-disabled]': 'disabled',
-                '(click)': '_selectViaInteraction()',
-                '(keydown)': '_handleKeydown($event)'
-            },
-            template: "<ng-content></ng-content><div class=\"md-option-ripple\" *ngIf=\"!disabled\" md-ripple mdRippleBackgroundColor=\"rgba(0,0,0,0)\" [mdRippleTrigger]=\"_getHostElement()\"></div>",
-            styles: [".md-select-value,md-option{white-space:nowrap;text-overflow:ellipsis}md-select{display:inline-block;outline:0}.md-select-trigger{display:flex;justify-content:space-between;align-items:center;height:30px;min-width:112px;cursor:pointer;position:relative;box-sizing:border-box}[aria-disabled=true] .md-select-trigger{background-image:linear-gradient(to right,rgba(0,0,0,.26) 0,rgba(0,0,0,.26) 33%,transparent 0);background-size:4px 1px;background-repeat:repeat-x;border-bottom:transparent;background-position:0 bottom;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md-select-placeholder{position:relative;padding:0 2px;transform-origin:left top}.md-select-placeholder.md-floating-placeholder{top:-22px;left:-2px;transform:scale(.75)}[dir=rtl] .md-select-placeholder{transform-origin:right top}[dir=rtl] .md-select-placeholder.md-floating-placeholder{left:2px}[aria-required=true] .md-select-placeholder::after{content:'*'}.md-select-value{position:absolute;overflow-x:hidden;left:0;top:6px}[dir=rtl] .md-select-value{left:auto;right:0}.md-select-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px}.md-select-panel{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px}@media screen and (-ms-high-contrast:active){.md-select-panel{outline:solid 1px}.md-option-ripple{opacity:.5}}md-option{overflow-x:hidden;display:flex;flex-direction:row;align-items:center;height:48px;padding:0 16px;font-size:16px;font-family:Roboto,\"Helvetica Neue\",sans-serif;text-align:start;text-decoration:none;position:relative;cursor:pointer;outline:0}md-option[disabled]{cursor:default}md-option md-icon{margin-right:16px}[dir=rtl] md-option md-icon{margin-left:16px}md-option[aria-disabled=true]{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md-option-ripple{position:absolute;top:0;left:0;bottom:0;right:0}"],
-            encapsulation: ViewEncapsulation.None
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdOption);
-    return MdOption;
-}());
-
-//# sourceMappingURL=option.js.map

package/select/option.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["select/option.ts"],"names":[],"mappings":"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","file":"option.js","sourcesContent":["import {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  Renderer,\n  ViewEncapsulation\n} from '@angular/core';\nimport {ENTER, SPACE} from '../core/keyboard/keycodes';\nimport {coerceBooleanProperty} from '../core/coercion/boolean-property';\n\n/**\n * Option IDs need to be unique across components, so this counter exists outside of\n * the component definition.\n */\nlet _uniqueIdCounter = 0;\n\n/**\n * Single option inside of a `<md-select>` element.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'md-option, mat-option',\n  host: {\n    'role': 'option',\n    '[attr.tabindex]': '_getTabIndex()',\n    '[class.md-selected]': 'selected',\n    '[id]': 'id',\n    '[attr.aria-selected]': 'selected.toString()',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '[class.md-option-disabled]': 'disabled',\n    '(click)': '_selectViaInteraction()',\n    '(keydown)': '_handleKeydown($event)'\n  },\n  templateUrl: 'option.html',\n  styleUrls: ['select.css'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class MdOption {\n  private _selected: boolean = false;\n\n  /** Whether the option is disabled.  */\n  private _disabled: boolean = false;\n\n  private _id: string = `md-select-option-${_uniqueIdCounter++}`;\n\n  /** The unique ID of the option. */\n  get id() { return this._id; }\n\n  /** The form value of the option. */\n  @Input() value: any;\n\n  /** Whether the option is disabled. */\n  @Input()\n  get disabled() { return this._disabled; }\n  set disabled(value: any) { this._disabled = coerceBooleanProperty(value); }\n\n  /** Event emitted when the option is selected. */\n  @Output() onSelect = new EventEmitter();\n\n  constructor(private _element: ElementRef, private _renderer: Renderer) {}\n\n  /** Whether or not the option is currently selected. */\n  get selected(): boolean {\n    return this._selected;\n  }\n\n  /**\n   * The displayed value of the option. It is necessary to show the selected option in the\n   * select's trigger.\n   */\n  get viewValue(): string {\n    // TODO(kara): Add input property alternative for node envs.\n    return this._getHostElement().textContent.trim();\n  }\n\n  /** Selects the option. */\n  select(): void {\n    this._selected = true;\n    this.onSelect.emit();\n  }\n\n  /** Deselects the option. */\n  deselect(): void {\n    this._selected = false;\n  }\n\n  /** Sets focus onto this option. */\n  focus(): void {\n    this._renderer.invokeElementMethod(this._getHostElement(), 'focus');\n  }\n\n  /** Ensures the option is selected when activated from the keyboard. */\n  _handleKeydown(event: KeyboardEvent): void {\n    if (event.keyCode === ENTER || event.keyCode === SPACE) {\n      this._selectViaInteraction();\n    }\n  }\n\n\n  /**\n   * Selects the option while indicating the selection came from the user. Used to\n   * determine if the select's view -> model callback should be invoked.\n   */\n  _selectViaInteraction() {\n    if (!this.disabled) {\n      this._selected = true;\n      this.onSelect.emit(true);\n    }\n  }\n\n  /** Returns the correct tabindex for the option depending on disabled state. */\n  _getTabIndex() {\n    return this.disabled ? '-1' : '0';\n  }\n\n  _getHostElement(): HTMLElement {\n    return this._element.nativeElement;\n  }\n\n}\n"]}

package/select/option.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdOption":{"__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-option, mat-option","host":{"role":"option","[attr.tabindex]":"_getTabIndex()","[class.md-selected]":"selected","[id]":"id","[attr.aria-selected]":"selected.toString()","[attr.aria-disabled]":"disabled.toString()","[class.md-option-disabled]":"disabled","(click)":"_selectViaInteraction()","(keydown)":"_handleKeydown($event)"},"templateUrl":"option.html","styleUrls":["select.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"select":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_selectViaInteraction":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"MdOption":{"__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-option, mat-option","host":{"role":"option","[attr.tabindex]":"_getTabIndex()","[class.md-selected]":"selected","[id]":"id","[attr.aria-selected]":"selected.toString()","[attr.aria-disabled]":"disabled.toString()","[class.md-option-disabled]":"disabled","(click)":"_selectViaInteraction()","(keydown)":"_handleKeydown($event)"},"templateUrl":"option.html","styleUrls":["select.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"select":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_selectViaInteraction":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}]}}},"version":1}]

package/select/select-animations.d.ts

@@ -1,29 +0,0 @@
-import { AnimationEntryMetadata } from '@angular/core';
-/**
- * The following are all the animations for the md-select component, with each
- * const containing the metadata for one animation.
- *
- * The values below match the implementation of the Material 1 md-select animation.
- */
-/**
- * This animation shrinks the placeholder text to 75% of its normal size and translates
- * it to either the top left corner (ltr) or top right corner (rtl) of the trigger,
- * depending on the text direction of the application.
- */
-export declare const transformPlaceholder: AnimationEntryMetadata;
-/**
- * This animation transforms the select's overlay panel on and off the page.
- *
- * When the panel is attached to the DOM, it expands its width 32px, scales it up to
- * 100% on the Y axis, fades in its border, and translates slightly up and to the
- * side to ensure the option text correctly overlaps the trigger text.
- *
- * When the panel is removed from the DOM, it simply fades out linearly.
- */
-export declare const transformPanel: AnimationEntryMetadata;
-/**
- * This animation fades in the background color and text content of the
- * select's options. It is time delayed to occur 100ms after the overlay
- * panel has transformed in.
- */
-export declare const fadeInContent: AnimationEntryMetadata;

package/select/select-animations.js

@@ -1,66 +0,0 @@
-import { animate, state, style, transition, trigger } from '@angular/core';
-/**
- * The following are all the animations for the md-select component, with each
- * const containing the metadata for one animation.
- *
- * The values below match the implementation of the Material 1 md-select animation.
- */
-/**
- * This animation shrinks the placeholder text to 75% of its normal size and translates
- * it to either the top left corner (ltr) or top right corner (rtl) of the trigger,
- * depending on the text direction of the application.
- */
-export var transformPlaceholder = trigger('transformPlaceholder', [
-    state('floating-ltr', style({
-        top: '-22px',
-        left: '-2px',
-        transform: "scale(0.75)"
-    })),
-    state('floating-rtl', style({
-        top: '-22px',
-        left: '2px',
-        transform: "scale(0.75)"
-    })),
-    transition('* => *', animate("400ms cubic-bezier(0.25, 0.8, 0.25, 1)"))
-]);
-/**
- * This animation transforms the select's overlay panel on and off the page.
- *
- * When the panel is attached to the DOM, it expands its width 32px, scales it up to
- * 100% on the Y axis, fades in its border, and translates slightly up and to the
- * side to ensure the option text correctly overlaps the trigger text.
- *
- * When the panel is removed from the DOM, it simply fades out linearly.
- */
-export var transformPanel = trigger('transformPanel', [
-    state('showing', style({
-        opacity: 1,
-        minWidth: 'calc(100% + 32px)',
-        transform: "translate3d(0,0,0) scaleY(1)"
-    })),
-    transition('void => *', [
-        style({
-            opacity: 0,
-            minWidth: '100%',
-            transform: "translate3d(0, 0, 0) scaleY(0)"
-        }),
-        animate("150ms cubic-bezier(0.25, 0.8, 0.25, 1)")
-    ]),
-    transition('* => void', [
-        animate('250ms 100ms linear', style({ opacity: 0 }))
-    ])
-]);
-/**
- * This animation fades in the background color and text content of the
- * select's options. It is time delayed to occur 100ms after the overlay
- * panel has transformed in.
- */
-export var fadeInContent = trigger('fadeInContent', [
-    state('showing', style({ opacity: 1 })),
-    transition('void => showing', [
-        style({ opacity: 0 }),
-        animate("150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)")
-    ])
-]);
-
-//# sourceMappingURL=select-animations.js.map

package/select/select-animations.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["select/select-animations.ts"],"names":[],"mappings":"OAAO,EACL,OAAO,EAEP,KAAK,EACL,KAAK,EACL,UAAU,EACV,OAAO,EACR,MAAM,eAAe;AAEtB;;;;;GAKG;AAEH;;;;GAIG;AACH,OAAO,IAAM,oBAAoB,GAA2B,OAAO,CAAC,sBAAsB,EAAE;IAC1F,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC;QAC1B,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,aAAa;KACzB,CAAC,CAAC;IACH,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC;QAC1B,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,aAAa;KACzB,CAAC,CAAC;IACH,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,wCAAwC,CAAC,CAAC;CACxE,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,OAAO,IAAM,cAAc,GAA2B,OAAO,CAAC,gBAAgB,EAAE;IAC9E,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC;QACrB,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,mBAAmB;QAC7B,SAAS,EAAE,8BAA8B;KAC1C,CAAC,CAAC;IACH,UAAU,CAAC,WAAW,EAAE;QACtB,KAAK,CAAC;YACJ,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,gCAAgC;SAC5C,CAAC;QACF,OAAO,CAAC,wCAAwC,CAAC;KAClD,CAAC;IACF,UAAU,CAAC,WAAW,EAAE;QACtB,OAAO,CAAC,oBAAoB,EAAE,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,CAAC;KACnD,CAAC;CACH,CAAC,CAAC;AAEH;;;;GAIG;AACH,OAAO,IAAM,aAAa,GAA6B,OAAO,CAAC,eAAe,EAAE;IAC9E,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,CAAC;IACrC,UAAU,CAAC,iBAAiB,EAAE;QAC5B,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC;QACnB,OAAO,CAAC,8CAA8C,CAAC;KACxD,CAAC;CACH,CAAC,CAAC","file":"select-animations.js","sourcesContent":["import {\n  animate,\n  AnimationEntryMetadata,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/core';\n\n/**\n * The following are all the animations for the md-select component, with each\n * const containing the metadata for one animation.\n *\n * The values below match the implementation of the Material 1 md-select animation.\n */\n\n/**\n * This animation shrinks the placeholder text to 75% of its normal size and translates\n * it to either the top left corner (ltr) or top right corner (rtl) of the trigger,\n * depending on the text direction of the application.\n */\nexport const transformPlaceholder: AnimationEntryMetadata = trigger('transformPlaceholder', [\n  state('floating-ltr', style({\n    top: '-22px',\n    left: '-2px',\n    transform: `scale(0.75)`\n  })),\n  state('floating-rtl', style({\n    top: '-22px',\n    left: '2px',\n    transform: `scale(0.75)`\n  })),\n  transition('* => *', animate(`400ms cubic-bezier(0.25, 0.8, 0.25, 1)`))\n]);\n\n/**\n * This animation transforms the select's overlay panel on and off the page.\n *\n * When the panel is attached to the DOM, it expands its width 32px, scales it up to\n * 100% on the Y axis, fades in its border, and translates slightly up and to the\n * side to ensure the option text correctly overlaps the trigger text.\n *\n * When the panel is removed from the DOM, it simply fades out linearly.\n */\nexport const transformPanel: AnimationEntryMetadata = trigger('transformPanel', [\n  state('showing', style({\n    opacity: 1,\n    minWidth: 'calc(100% + 32px)',\n    transform: `translate3d(0,0,0) scaleY(1)`\n  })),\n  transition('void => *', [\n    style({\n      opacity: 0,\n      minWidth: '100%',\n      transform: `translate3d(0, 0, 0) scaleY(0)`\n    }),\n    animate(`150ms cubic-bezier(0.25, 0.8, 0.25, 1)`)\n  ]),\n  transition('* => void', [\n    animate('250ms 100ms linear', style({opacity: 0}))\n  ])\n]);\n\n/**\n * This animation fades in the background color and text content of the\n * select's options. It is time delayed to occur 100ms after the overlay\n * panel has transformed in.\n */\nexport const fadeInContent: AnimationEntryMetadata  =  trigger('fadeInContent', [\n  state('showing', style({opacity: 1})),\n  transition('void => showing', [\n    style({opacity: 0}),\n    animate(`150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)`)\n  ])\n]);\n"]}

package/select/select-animations.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"transformPlaceholder":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["transformPlaceholder",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["floating-ltr",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"top":"-22px","left":"-2px","transform":"scale(0.75)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["floating-rtl",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"top":"-22px","left":"2px","transform":"scale(0.75)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]},"transformPanel":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["transformPanel",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1,"minWidth":"calc(100% + 32px)","transform":"translate3d(0,0,0) scaleY(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0,"minWidth":"100%","transform":"translate3d(0, 0, 0) scaleY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["150ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["250ms 100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]}]}]]}]]},"fadeInContent":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["fadeInContent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => showing",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)"]}]]}]]}}},{"__symbolic":"module","metadata":{"transformPlaceholder":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["transformPlaceholder",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["floating-ltr",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"top":"-22px","left":"-2px","transform":"scale(0.75)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["floating-rtl",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"top":"-22px","left":"2px","transform":"scale(0.75)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]},"transformPanel":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["transformPanel",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1,"minWidth":"calc(100% + 32px)","transform":"translate3d(0,0,0) scaleY(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0,"minWidth":"100%","transform":"translate3d(0, 0, 0) scaleY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["150ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["250ms 100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]}]}]]}]]},"fadeInContent":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["fadeInContent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => showing",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)"]}]]}]]}},"version":1}]