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

package/typings/sidenav/public-api.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './sidenav-module';
+export * from './drawer';
+export * from './sidenav';

package/typings/sidenav/sidenav-module.d.ts

@@ -0,0 +1,2 @@
+export declare class MatSidenavModule {
+}

package/typings/sidenav/sidenav.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { ChangeDetectorRef } from '@angular/core';
+import { MatDrawer, MatDrawerContainer, MatDrawerContent } from './drawer';
+export declare class MatSidenavContent extends MatDrawerContent {
+    constructor(changeDetectorRef: ChangeDetectorRef, container: MatSidenavContainer);
+}
+export declare class MatSidenav extends MatDrawer {
+    /** Whether the sidenav is fixed in the viewport. */
+    fixedInViewport: boolean;
+    private _fixedInViewport;
+    /**
+     * The gap between the top of the sidenav and the top of the viewport when the sidenav is in fixed
+     * mode.
+     */
+    fixedTopGap: number;
+    private _fixedTopGap;
+    /**
+     * The gap between the bottom of the sidenav and the bottom of the viewport when the sidenav is in
+     * fixed mode.
+     */
+    fixedBottomGap: number;
+    private _fixedBottomGap;
+}
+export declare class MatSidenavContainer extends MatDrawerContainer {
+    _drawers: any;
+    _content: any;
+}

package/typings/slide-toggle/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/typings/slide-toggle/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatSlideToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule"},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule"}],"exports":[{"__symbolic":"reference","name":"MatSlideToggle"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatSlideToggle"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_GESTURE_CONFIG"},"useClass":{"__symbolic":"reference","module":"@angular/material/core","name":"GestureConfig"}}]}]}],"members":{}},"MAT_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MatSlideToggle"},"multi":true},"MatSlideToggleChange":{"__symbolic":"class","members":{}},"MatSlideToggleBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"_MatSlideToggleMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinTabIndex"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinColor"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisableRipple"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisabled"},"arguments":[{"__symbolic":"reference","name":"MatSlideToggleBase"}]}]},"accent"]}]},"MatSlideToggle":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatSlideToggleMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-slide-toggle","host":{"class":"mat-slide-toggle","[id]":"id","[class.mat-checked]":"checked","[class.mat-disabled]":"disabled","[class.mat-slide-toggle-label-before]":"labelPosition == \"before\""},"providers":[{"__symbolic":"reference","name":"MAT_SLIDE_TOGGLE_VALUE_ACCESSOR"}],"inputs":["disabled","disableRipple","color","tabIndex"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"template":"<label class=\"mat-slide-toggle-label\" #label><div class=\"mat-slide-toggle-bar\" [class.mat-slide-toggle-bar-no-side-margin]=\"!labelContent.textContent || !labelContent.textContent.trim()\"><input #input class=\"mat-slide-toggle-input cdk-visually-hidden\" type=\"checkbox\" [id]=\"inputId\" [required]=\"required\" [tabIndex]=\"tabIndex\" [checked]=\"checked\" [disabled]=\"disabled\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel\" [attr.aria-labelledby]=\"ariaLabelledby\" (change)=\"_onChangeEvent($event)\" (click)=\"_onInputClick($event)\"><div class=\"mat-slide-toggle-thumb-container\" (slidestart)=\"_onDragStart()\" (slide)=\"_onDrag($event)\" (slideend)=\"_onDragEnd()\"><div class=\"mat-slide-toggle-thumb\"></div><div class=\"mat-slide-toggle-ripple\" mat-ripple [matRippleTrigger]=\"label\" [matRippleCentered]=\"true\" [matRippleDisabled]=\"disableRipple || disabled\"></div></div></div><span class=\"mat-slide-toggle-content\" #labelContent (cdkObserveContent)=\"_onLabelTextChange()\"><ng-content></ng-content></span></label>","styles":[".mat-slide-toggle{display:inline-block;height:24px;line-height:24px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(16px,0,0)}.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container{cursor:default}.mat-slide-toggle-label{display:flex;flex:1;flex-direction:row;align-items:center;cursor:pointer}.mat-slide-toggle-label-before .mat-slide-toggle-label{order:1}.mat-slide-toggle-label-before .mat-slide-toggle-bar{order:2}.mat-slide-toggle-bar,[dir=rtl] .mat-slide-toggle-label-before .mat-slide-toggle-bar{margin-right:8px;margin-left:0}.mat-slide-toggle-label-before .mat-slide-toggle-bar,[dir=rtl] .mat-slide-toggle-bar{margin-left:8px;margin-right:0}.mat-slide-toggle-bar-no-side-margin{margin-left:0;margin-right:0}.mat-slide-toggle-thumb-container{position:absolute;z-index:1;width:20px;height:20px;top:-3px;left:0;transform:translate3d(0,0,0);transition:all 80ms linear;transition-property:transform;cursor:-webkit-grab;cursor:grab}.mat-slide-toggle-thumb-container.mat-dragging,.mat-slide-toggle-thumb-container:active{cursor:-webkit-grabbing;cursor:grabbing;transition-duration:0s}.mat-slide-toggle-thumb{height:20px;width:20px;border-radius:50%;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}@media screen and (-ms-high-contrast:active){.mat-slide-toggle-thumb{background:#fff;border:solid 1px #000}}.mat-slide-toggle-bar{position:relative;width:36px;height:14px;border-radius:8px}@media screen and (-ms-high-contrast:active){.mat-slide-toggle-bar{background:#fff}}.mat-slide-toggle-input{bottom:0;left:10px}.mat-slide-toggle-bar,.mat-slide-toggle-thumb{transition:all 80ms linear;transition-property:background-color;transition-delay:50ms}.mat-slide-toggle-ripple{position:absolute;top:-13px;left:-13px;height:46px;width:46px;border-radius:50%;z-index:1;pointer-events:none}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__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"}}]}],"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"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__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"]}]}],"_ripple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatRipple"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["tabindex"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","name":"string"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onChangeEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_onInputFocusChange":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onDragStart":[{"__symbolic":"method"}],"_onDrag":[{"__symbolic":"method"}],"_onDragEnd":[{"__symbolic":"method"}],"_onLabelTextChange":[{"__symbolic":"method"}]}}},"origins":{"MatSlideToggleModule":"./slide-toggle-module","MAT_SLIDE_TOGGLE_VALUE_ACCESSOR":"./slide-toggle","MatSlideToggleChange":"./slide-toggle","MatSlideToggleBase":"./slide-toggle","_MatSlideToggleMixinBase":"./slide-toggle","MatSlideToggle":"./slide-toggle"},"importAs":"@angular/material/slide-toggle"}

package/typings/slide-toggle/public-api.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './slide-toggle-module';
+export * from './slide-toggle';

package/typings/slide-toggle/slide-toggle-module.d.ts

@@ -0,0 +1,2 @@
+export declare class MatSlideToggleModule {
+}

package/typings/slide-toggle/slide-toggle.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { Platform } from '@angular/cdk/platform';
+import { CanColor, CanDisable, CanDisableRipple, HammerInput, HasTabIndex, MatRipple } from '@angular/material/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { FocusMonitor } from '@angular/cdk/a11y';
+export declare const MAT_SLIDE_TOGGLE_VALUE_ACCESSOR: any;
+/** Change event object emitted by a MatSlideToggle. */
+export declare class MatSlideToggleChange {
+    source: MatSlideToggle;
+    checked: boolean;
+}
+/** @docs-private */
+export declare class MatSlideToggleBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MatSlideToggleMixinBase: (new (...args: any[]) => HasTabIndex) & (new (...args: any[]) => CanColor) & (new (...args: any[]) => CanDisableRipple) & (new (...args: any[]) => CanDisable) & typeof MatSlideToggleBase;
+/** Represents a slidable "switch" toggle that can be moved between on and off. */
+export declare class MatSlideToggle extends _MatSlideToggleMixinBase implements OnDestroy, AfterContentInit, ControlValueAccessor, CanDisable, CanColor, HasTabIndex, CanDisableRipple {
+    private _platform;
+    private _focusMonitor;
+    private _changeDetectorRef;
+    private onChange;
+    private onTouched;
+    private _uniqueId;
+    private _slideRenderer;
+    private _required;
+    private _checked;
+    /** Reference to the focus state ripple. */
+    private _focusRipple;
+    /** Name value will be applied to the input element if present */
+    name: string | null;
+    /** A unique id for the slide-toggle input. If none is supplied, it will be auto-generated. */
+    id: string;
+    /** Whether the label should appear after or before the slide-toggle. Defaults to 'after' */
+    labelPosition: 'before' | 'after';
+    /** Whether the slide-toggle element is checked or not */
+    /** Used to set the aria-label attribute on the underlying input element. */
+    ariaLabel: string | null;
+    /** Used to set the aria-labelledby attribute on the underlying input element. */
+    ariaLabelledby: string | null;
+    /** Whether the slide-toggle is required. */
+    required: boolean;
+    /** Whether the slide-toggle element is checked or not */
+    checked: boolean;
+    /** An event will be dispatched each time the slide-toggle changes its value. */
+    change: EventEmitter<MatSlideToggleChange>;
+    /** Returns the unique id for the visual hidden input. */
+    readonly inputId: string;
+    /** Reference to the underlying input element. */
+    _inputElement: ElementRef;
+    /** Reference to the ripple directive on the thumb container. */
+    _ripple: MatRipple;
+    constructor(elementRef: ElementRef, renderer: Renderer2, _platform: Platform, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, tabIndex: string);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * This function will called if the underlying input changed its value through user interaction.
+     */
+    _onChangeEvent(event: Event): void;
+    _onInputClick(event: Event): void;
+    /** Implemented as part of ControlValueAccessor. */
+    writeValue(value: any): void;
+    /** Implemented as part of ControlValueAccessor. */
+    registerOnChange(fn: any): void;
+    /** Implemented as part of ControlValueAccessor. */
+    registerOnTouched(fn: any): void;
+    /** Implemented as a part of ControlValueAccessor. */
+    setDisabledState(isDisabled: boolean): void;
+    /** Focuses the slide-toggle. */
+    focus(): void;
+    /** Toggles the checked state of the slide-toggle. */
+    toggle(): void;
+    /** Function is called whenever the focus changes for the input element. */
+    private _onInputFocusChange(focusOrigin);
+    /**
+     * Emits a change event on the `change` output. Also notifies the FormControl about the change.
+     */
+    private _emitChangeEvent();
+    _onDragStart(): void;
+    _onDrag(event: HammerInput): void;
+    _onDragEnd(): void;
+    /** Method being called whenever the label text changes. */
+    _onLabelTextChange(): void;
+}

package/typings/slider/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/typings/slider/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatSliderModule":{"__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":"@angular/material/core","name":"MatCommonModule"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule"}],"exports":[{"__symbolic":"reference","name":"MatSlider"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatSlider"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_GESTURE_CONFIG"},"useClass":{"__symbolic":"reference","module":"@angular/material/core","name":"GestureConfig"}}]}]}],"members":{}},"MAT_SLIDER_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MatSlider"},"multi":true},"MatSliderChange":{"__symbolic":"class","members":{}},"MatSliderBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"_MatSliderMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinColor"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisabled"},"arguments":[{"__symbolic":"reference","name":"MatSliderBase"}]},"accent"]},"MatSlider":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatSliderMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-slider","exportAs":"matSlider","providers":[{"__symbolic":"reference","name":"MAT_SLIDER_VALUE_ACCESSOR"}],"host":{"(focus)":"_onFocus()","(blur)":"_onBlur()","(click)":"_onClick($event)","(keydown)":"_onKeydown($event)","(keyup)":"_onKeyup()","(mouseenter)":"_onMouseenter()","(slide)":"_onSlide($event)","(slideend)":"_onSlideEnd()","(slidestart)":"_onSlideStart($event)","class":"mat-slider","role":"slider","tabindex":"0","[attr.aria-disabled]":"disabled","[attr.aria-valuemax]":"max","[attr.aria-valuemin]":"min","[attr.aria-valuenow]":"value","[attr.aria-orientation]":"vertical ? \"vertical\" : \"horizontal\"","[class.mat-slider-disabled]":"disabled","[class.mat-slider-has-ticks]":"tickInterval","[class.mat-slider-horizontal]":"!vertical","[class.mat-slider-axis-inverted]":"_invertAxis","[class.mat-slider-sliding]":"_isSliding","[class.mat-slider-thumb-label-showing]":"thumbLabel","[class.mat-slider-vertical]":"vertical","[class.mat-slider-min-value]":"_isMinValue","[class.mat-slider-hide-last-tick]":"disabled || _isMinValue && _thumbGap && _invertAxis"},"inputs":["disabled","color"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"template":"<div class=\"mat-slider-wrapper\" #sliderWrapper><div class=\"mat-slider-track-wrapper\"><div class=\"mat-slider-track-background\" [ngStyle]=\"_trackBackgroundStyles\"></div><div class=\"mat-slider-track-fill\" [ngStyle]=\"_trackFillStyles\"></div></div><div class=\"mat-slider-ticks-container\" [ngStyle]=\"_ticksContainerStyles\"><div class=\"mat-slider-ticks\" [ngStyle]=\"_ticksStyles\"></div></div><div class=\"mat-slider-thumb-container\" [ngStyle]=\"_thumbContainerStyles\"><div class=\"mat-slider-focus-ring\"></div><div class=\"mat-slider-thumb\"></div><div class=\"mat-slider-thumb-label\"><span class=\"mat-slider-thumb-label-text\">{{displayValue}}</span></div></div></div>","styles":[".mat-slider{display:inline-block;position:relative;box-sizing:border-box;padding:8px;outline:0;vertical-align:middle}.mat-slider-wrapper{position:absolute}.mat-slider-track-wrapper{position:absolute;top:0;left:0;overflow:hidden}.mat-slider-track-fill{position:absolute;transform-origin:0 0;transition:transform .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1)}.mat-slider-track-background{position:absolute;transform-origin:100% 100%;transition:transform .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1)}.mat-slider-ticks-container{position:absolute;left:0;top:0;overflow:hidden}.mat-slider-ticks{background-repeat:repeat;background-clip:content-box;box-sizing:border-box;opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.mat-slider-thumb-container{position:absolute;z-index:1;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.mat-slider-focus-ring{position:absolute;width:30px;height:30px;border-radius:50%;transform:scale(0);opacity:0;transition:transform .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-keyboard-focused .mat-slider-focus-ring{transform:scale(1);opacity:1}.mat-slider:not(.mat-slider-disabled) .mat-slider-thumb,.mat-slider:not(.mat-slider-disabled) .mat-slider-thumb-label{cursor:-webkit-grab;cursor:grab}.mat-slider-sliding:not(.mat-slider-disabled) .mat-slider-thumb,.mat-slider-sliding:not(.mat-slider-disabled) .mat-slider-thumb-label,.mat-slider:not(.mat-slider-disabled) .mat-slider-thumb-label:active,.mat-slider:not(.mat-slider-disabled) .mat-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.mat-slider-thumb{position:absolute;right:-10px;bottom:-10px;box-sizing:border-box;width:20px;height:20px;border:3px solid transparent;border-radius:50%;transform:scale(.7);transition:transform .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),border-color .4s cubic-bezier(.25,.8,.25,1)}.mat-slider-thumb-label{display:none;align-items:center;justify-content:center;position:absolute;width:28px;height:28px;border-radius:50%;transition:transform .4s cubic-bezier(.25,.8,.25,1),border-radius .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1)}.mat-slider-thumb-label-text{z-index:1;opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.mat-slider-sliding .mat-slider-thumb-container,.mat-slider-sliding .mat-slider-track-background,.mat-slider-sliding .mat-slider-track-fill{transition-duration:0s}.mat-slider-has-ticks .mat-slider-wrapper::after{content:'';position:absolute;border-width:0;border-style:solid;opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-wrapper::after,.mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-wrapper::after{opacity:1}.mat-slider-has-ticks.cdk-focused:not(.mat-slider-disabled) .mat-slider-ticks,.mat-slider-has-ticks:hover:not(.mat-slider-disabled) .mat-slider-ticks{opacity:1}.mat-slider-thumb-label-showing .mat-slider-focus-ring{transform:scale(0);opacity:0}.mat-slider-thumb-label-showing .mat-slider-thumb-label{display:flex}.mat-slider-axis-inverted .mat-slider-track-fill{transform-origin:100% 100%}.mat-slider-axis-inverted .mat-slider-track-background{transform-origin:0 0}.mat-slider:not(.mat-slider-disabled).cdk-focused.mat-slider-thumb-label-showing .mat-slider-thumb{transform:scale(0)}.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-slider-thumb-label{border-radius:50% 50% 0}.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-slider-thumb-label-text{opacity:1}.mat-slider:not(.mat-slider-disabled).cdk-mouse-focused .mat-slider-thumb,.mat-slider:not(.mat-slider-disabled).cdk-program-focused .mat-slider-thumb,.mat-slider:not(.mat-slider-disabled).cdk-touch-focused .mat-slider-thumb{border-width:2px;transform:scale(1)}.mat-slider-disabled .mat-slider-focus-ring{transform:scale(0);opacity:0}.mat-slider-disabled .mat-slider-thumb{border-width:4px;transform:scale(.5)}.mat-slider-disabled .mat-slider-thumb-label{display:none}.mat-slider-horizontal{height:48px;min-width:128px}.mat-slider-horizontal .mat-slider-wrapper{height:2px;top:23px;left:8px;right:8px}.mat-slider-horizontal .mat-slider-wrapper::after{height:2px;border-left-width:2px;right:0;top:0}.mat-slider-horizontal .mat-slider-track-wrapper{height:2px;width:100%}.mat-slider-horizontal .mat-slider-track-fill{height:2px;width:100%;transform:scaleX(0)}.mat-slider-horizontal .mat-slider-track-background{height:2px;width:100%;transform:scaleX(1)}.mat-slider-horizontal .mat-slider-ticks-container{height:2px;width:100%}.mat-slider-horizontal .mat-slider-ticks{height:2px;width:100%}.mat-slider-horizontal .mat-slider-thumb-container{width:100%;height:0;top:50%}.mat-slider-horizontal .mat-slider-focus-ring{top:-15px;right:-15px}.mat-slider-horizontal .mat-slider-thumb-label{right:-14px;top:-40px;transform:translateY(26px) scale(.01) rotate(45deg)}.mat-slider-horizontal .mat-slider-thumb-label-text{transform:rotate(-45deg)}.mat-slider-horizontal.cdk-focused .mat-slider-thumb-label{transform:rotate(45deg)}.mat-slider-vertical{width:48px;min-height:128px}.mat-slider-vertical .mat-slider-wrapper{width:2px;top:8px;bottom:8px;left:23px}.mat-slider-vertical .mat-slider-wrapper::after{width:2px;border-top-width:2px;bottom:0;left:0}.mat-slider-vertical .mat-slider-track-wrapper{height:100%;width:2px}.mat-slider-vertical .mat-slider-track-fill{height:100%;width:2px;transform:scaleY(0)}.mat-slider-vertical .mat-slider-track-background{height:100%;width:2px;transform:scaleY(1)}.mat-slider-vertical .mat-slider-ticks-container{width:2px;height:100%}.mat-slider-vertical .mat-slider-focus-ring{bottom:-15px;left:-15px}.mat-slider-vertical .mat-slider-ticks{width:2px;height:100%}.mat-slider-vertical .mat-slider-thumb-container{height:100%;width:0;left:50%}.mat-slider-vertical .mat-slider-thumb-label{bottom:-14px;left:-40px;transform:translateX(26px) scale(.01) rotate(-45deg)}.mat-slider-vertical .mat-slider-thumb-label-text{transform:rotate(45deg)}.mat-slider-vertical.cdk-focused .mat-slider-thumb-label{transform:rotate(-45deg)}[dir=rtl] .mat-slider-wrapper::after{left:0;right:auto}[dir=rtl] .mat-slider-horizontal .mat-slider-track-fill{transform-origin:100% 100%}[dir=rtl] .mat-slider-horizontal .mat-slider-track-background{transform-origin:0 0}[dir=rtl] .mat-slider-horizontal.mat-slider-axis-inverted .mat-slider-track-fill{transform-origin:0 0}[dir=rtl] .mat-slider-horizontal.mat-slider-axis-inverted .mat-slider-track-background{transform-origin:100% 100%}"]}]}],"members":{"invert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"thumbLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_thumbLabelDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["thumb-label"]}]}],"tickInterval":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_tickIntervalDeprecated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["tick-interval"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"vertical":[{"__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"}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"_sliderWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sliderWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onMouseenter":[{"__symbolic":"method"}],"_onClick":[{"__symbolic":"method"}],"_onSlide":[{"__symbolic":"method"}],"_onSlideStart":[{"__symbolic":"method"}],"_onSlideEnd":[{"__symbolic":"method"}],"_onFocus":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_onKeydown":[{"__symbolic":"method"}],"_onKeyup":[{"__symbolic":"method"}],"_increment":[{"__symbolic":"method"}],"_updateValueFromPosition":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_emitInputEvent":[{"__symbolic":"method"}],"_updateTickIntervalPercent":[{"__symbolic":"method"}],"_createChangeEvent":[{"__symbolic":"method"}],"_calculatePercentage":[{"__symbolic":"method"}],"_calculateValue":[{"__symbolic":"method"}],"_clamp":[{"__symbolic":"method"}],"_getSliderDimensions":[{"__symbolic":"method"}],"_focusHostElement":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}},"origins":{"MatSliderModule":"./slider-module","MAT_SLIDER_VALUE_ACCESSOR":"./slider","MatSliderChange":"./slider","MatSliderBase":"./slider","_MatSliderMixinBase":"./slider","MatSlider":"./slider"},"importAs":"@angular/material/slider"}

package/typings/slider/public-api.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './slider-module';
+export * from './slider';

package/typings/slider/slider-module.d.ts

@@ -0,0 +1,2 @@
+export declare class MatSliderModule {
+}

package/typings/slider/slider.d.ts

@@ -0,0 +1,207 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Directionality } from '@angular/cdk/bidi';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { CanColor, CanDisable, HammerInput } from '@angular/material/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+/**
+ * Provider Expression that allows mat-slider to register as a ControlValueAccessor.
+ * This allows it to support [(ngModel)] and [formControl].
+ */
+export declare const MAT_SLIDER_VALUE_ACCESSOR: any;
+/** A simple change event emitted by the MatSlider component. */
+export declare class MatSliderChange {
+    /** The MatSlider that changed. */
+    source: MatSlider;
+    /** The new value of the source slider. */
+    value: number | null;
+}
+/** @docs-private */
+export declare class MatSliderBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MatSliderMixinBase: (new (...args: any[]) => CanColor) & (new (...args: any[]) => CanDisable) & typeof MatSliderBase;
+/**
+ * Allows users to select from a range of values by moving the slider thumb. It is similar in
+ * behavior to the native `<input type="range">` element.
+ */
+export declare class MatSlider extends _MatSliderMixinBase implements ControlValueAccessor, OnDestroy, CanDisable, CanColor, OnInit {
+    private _focusMonitor;
+    private _changeDetectorRef;
+    private _dir;
+    /** Whether the slider is inverted. */
+    invert: any;
+    private _invert;
+    /** The maximum value that the slider can have. */
+    max: number;
+    private _max;
+    /** The minimum value that the slider can have. */
+    min: number;
+    private _min;
+    /** The values at which the thumb will snap. */
+    step: number;
+    private _step;
+    /** Whether or not to show the thumb label. */
+    thumbLabel: boolean;
+    private _thumbLabel;
+    /** @deprecated */
+    _thumbLabelDeprecated: boolean;
+    /**
+     * How often to show ticks. Relative to the step so that a tick always appears on a step.
+     * Ex: Tick interval of 4 with a step of 3 will draw a tick every 4 steps (every 12 values).
+     */
+    tickInterval: 'auto' | number;
+    private _tickInterval;
+    /** @deprecated */
+    _tickIntervalDeprecated: number | "auto";
+    /** Value of the slider. */
+    value: number | null;
+    private _value;
+    /** Whether the slider is vertical. */
+    vertical: any;
+    private _vertical;
+    /** Event emitted when the slider value has changed. */
+    change: EventEmitter<MatSliderChange>;
+    /** Event emitted when the slider thumb moves. */
+    input: EventEmitter<MatSliderChange>;
+    /** The value to be used for display purposes. */
+    readonly displayValue: string | number;
+    /** onTouch function registered via registerOnTouch (ControlValueAccessor). */
+    onTouched: () => any;
+    /** The percentage of the slider that coincides with the value. */
+    readonly percent: number;
+    private _percent;
+    /**
+     * Whether or not the thumb is sliding.
+     * Used to determine if there should be a transition for the thumb and fill track.
+     */
+    _isSliding: boolean;
+    /**
+     * Whether or not the slider is active (clicked or sliding).
+     * Used to shrink and grow the thumb as according to the Material Design spec.
+     */
+    _isActive: boolean;
+    /**
+     * Whether the axis of the slider is inverted.
+     * (i.e. whether moving the thumb in the positive x or y direction decreases the slider's value).
+     */
+    readonly _invertAxis: any;
+    /** Whether the slider is at its minimum value. */
+    readonly _isMinValue: boolean;
+    /**
+     * The amount of space to leave between the slider thumb and the track fill & track background
+     * elements.
+     */
+    readonly _thumbGap: number;
+    /** CSS styles for the track background element. */
+    readonly _trackBackgroundStyles: {
+        [key: string]: string;
+    };
+    /** CSS styles for the track fill element. */
+    readonly _trackFillStyles: {
+        [key: string]: string;
+    };
+    /** CSS styles for the ticks container element. */
+    readonly _ticksContainerStyles: {
+        [key: string]: string;
+    };
+    /** CSS styles for the ticks element. */
+    readonly _ticksStyles: {
+        [key: string]: string;
+    };
+    readonly _thumbContainerStyles: {
+        [key: string]: string;
+    };
+    /** The size of a tick interval as a percentage of the size of the track. */
+    private _tickIntervalPercent;
+    /** The dimensions of the slider. */
+    private _sliderDimensions;
+    private _controlValueAccessorChangeFn;
+    /** Decimal places to round to, based on the step amount. */
+    private _roundLabelTo;
+    /** Subscription to the Directionality change EventEmitter. */
+    private _dirChangeSubscription;
+    /** The value of the slider when the slide start event fires. */
+    private _valueOnSlideStart;
+    /** Reference to the inner slider wrapper element. */
+    private _sliderWrapper;
+    /**
+     * Whether mouse events should be converted to a slider position by calculating their distance
+     * from the right or bottom edge of the slider as opposed to the top or left.
+     */
+    private readonly _invertMouseCoords;
+    /** The language direction for this slider element. */
+    private readonly _direction;
+    constructor(renderer: Renderer2, elementRef: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, _dir: Directionality);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    _onMouseenter(): void;
+    _onClick(event: MouseEvent): void;
+    _onSlide(event: HammerInput): void;
+    _onSlideStart(event: HammerInput | null): void;
+    _onSlideEnd(): void;
+    _onFocus(): void;
+    _onBlur(): void;
+    _onKeydown(event: KeyboardEvent): void;
+    _onKeyup(): void;
+    /** Increments the slider by the given number of steps (negative number decrements). */
+    private _increment(numSteps);
+    /** Calculate the new value from the new physical location. The value will always be snapped. */
+    private _updateValueFromPosition(pos);
+    /** Emits a change event if the current value is different from the last emitted value. */
+    private _emitChangeEvent();
+    /** Emits an input event when the current value is different from the last emitted value. */
+    private _emitInputEvent();
+    /** Updates the amount of space between ticks as a percentage of the width of the slider. */
+    private _updateTickIntervalPercent();
+    /** Creates a slider change object from the specified value. */
+    private _createChangeEvent(value?);
+    /** Calculates the percentage of the slider that a value is. */
+    private _calculatePercentage(value);
+    /** Calculates the value a percentage of the slider corresponds to. */
+    private _calculateValue(percentage);
+    /** Return a number between two numbers. */
+    private _clamp(value, min?, max?);
+    /**
+     * Get the bounding client rect of the slider track element.
+     * The track is used rather than the native element to ignore the extra space that the thumb can
+     * take up.
+     */
+    private _getSliderDimensions();
+    /**
+     * Focuses the native element.
+     * Currently only used to allow a blur event to fire but will be used with keyboard input later.
+     */
+    private _focusHostElement();
+    /**
+     * Sets the model value. Implemented as part of ControlValueAccessor.
+     * @param value
+     */
+    writeValue(value: any): void;
+    /**
+     * Registers a callback to eb triggered when the value has changed.
+     * Implemented as part of ControlValueAccessor.
+     * @param fn Callback to be registered.
+     */
+    registerOnChange(fn: (value: any) => void): void;
+    /**
+     * Registers a callback to be triggered when the component is touched.
+     * Implemented as part of ControlValueAccessor.
+     * @param fn Callback to be registered.
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Sets whether the component should be disabled.
+     * Implemented as part of ControlValueAccessor.
+     * @param isDisabled
+     */
+    setDisabledState(isDisabled: boolean): void;
+}

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

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

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

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MatSnackBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule"},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"exports":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","name":"SimpleSnackBar"}],"entryComponents":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","name":"SimpleSnackBar"}],"providers":[{"__symbolic":"reference","name":"MatSnackBar"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"LIVE_ANNOUNCER_PROVIDER"}]}]}],"members":{}},"MatSnackBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"LiveAnnouncer"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","name":"MatSnackBar"}]}],"openFromComponent":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"_attachSnackBarContainer":[{"__symbolic":"method"}],"_attach":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}]}},"SHOW_ANIMATION":"225ms cubic-bezier(0.4,0.0,1,1)","HIDE_ANIMATION":"195ms cubic-bezier(0.0,0.0,0.2,1)","MatSnackBarContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalHost"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"snack-bar-container","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"},"preserveWhitespaces":false,"host":{"role":"alert","class":"mat-snack-bar-container","[@state]":"_animationState","(@state.done)":"onAnimationEnd($event)"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["visible-top, visible-bottom",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translateY(0%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["visible-top => hidden-top, visible-bottom => hidden-bottom",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["195ms cubic-bezier(0.0,0.0,0.2,1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => visible-top, void => visible-bottom",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["225ms cubic-bezier(0.4,0.0,1,1)"]}]}]]}],"template":"<ng-template cdkPortalHost></ng-template>","styles":[".mat-snack-bar-container{border-radius:2px;box-sizing:content-box;display:block;margin:24px;max-width:568px;min-width:288px;padding:14px 24px;transform:translateY(100%) translateY(24px)}.mat-snack-bar-container.mat-snack-bar-center{margin:0;transform:translateY(100%)}.mat-snack-bar-container.mat-snack-bar-top{transform:translateY(-100%) translateY(-24px)}.mat-snack-bar-container.mat-snack-bar-top.mat-snack-bar-center{transform:translateY(-100%)}@media screen and (-ms-high-contrast:active){.mat-snack-bar-container{border:solid 1px}}"]}]}],"members":{"_portalHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalHostDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"onAnimationEnd":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_completeExit":[{"__symbolic":"method"}]}},"MAT_SNACK_BAR_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["MatSnackBarData"]},"MatSnackBarHorizontalPosition":{"__symbolic":"interface"},"MatSnackBarVerticalPosition":{"__symbolic":"interface"},"MatSnackBarConfig":{"__symbolic":"class","members":{}},"MatSnackBarRef":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef"}]}],"dismiss":[{"__symbolic":"method"}],"closeWithAction":[{"__symbolic":"method"}],"_dismissAfter":[{"__symbolic":"method"}],"_open":[{"__symbolic":"method"}],"_finishDismiss":[{"__symbolic":"method"}],"afterDismissed":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"onAction":[{"__symbolic":"method"}]}},"SimpleSnackBar":{"__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":"simple-snack-bar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"host":{"class":"mat-simple-snackbar"},"template":"{{data.message}} <button class=\"mat-simple-snackbar-action\" *ngIf=\"hasAction\" (click)=\"action()\">{{data.action}}</button>","styles":[".mat-simple-snackbar{display:flex;justify-content:space-between;line-height:20px}.mat-simple-snackbar-action{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;background:0 0;flex-shrink:0;margin-left:48px}[dir=rtl] .mat-simple-snackbar-action{margin-right:48px;margin-left:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"MAT_SNACK_BAR_DATA"}]}]],"parameters":[{"__symbolic":"reference","name":"MatSnackBarRef"},{"__symbolic":"reference","name":"any"}]}],"action":[{"__symbolic":"method"}]}}},"origins":{"MatSnackBarModule":"./snack-bar-module","MatSnackBar":"./snack-bar","SHOW_ANIMATION":"./snack-bar-container","HIDE_ANIMATION":"./snack-bar-container","MatSnackBarContainer":"./snack-bar-container","MAT_SNACK_BAR_DATA":"./snack-bar-config","MatSnackBarHorizontalPosition":"./snack-bar-config","MatSnackBarVerticalPosition":"./snack-bar-config","MatSnackBarConfig":"./snack-bar-config","MatSnackBarRef":"./snack-bar-ref","SimpleSnackBar":"./simple-snack-bar"},"importAs":"@angular/material/snack-bar"}

package/typings/snack-bar/public-api.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './snack-bar-module';
+export * from './snack-bar';
+export * from './snack-bar-container';
+export * from './snack-bar-config';
+export * from './snack-bar-ref';
+export * from './simple-snack-bar';

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

@@ -0,0 +1,18 @@
+import { MatSnackBarRef } from './snack-bar-ref';
+/**
+ * A component used to open as the default snack bar, matching material spec.
+ * This should only be used internally by the snack bar service.
+ */
+export declare class SimpleSnackBar {
+    snackBarRef: MatSnackBarRef<SimpleSnackBar>;
+    /** Data that was injected into the snack bar. */
+    data: {
+        message: string;
+        action: string;
+    };
+    constructor(snackBarRef: MatSnackBarRef<SimpleSnackBar>, data: any);
+    /** Performs the action on the snack bar. */
+    action(): void;
+    /** If the action button should be shown. */
+    readonly hasAction: boolean;
+}

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

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { ViewContainerRef, InjectionToken } from '@angular/core';
+import { AriaLivePoliteness } from '@angular/cdk/a11y';
+import { Direction } from '@angular/cdk/bidi';
+export declare const MAT_SNACK_BAR_DATA: InjectionToken<any>;
+/** Possible values for horizontalPosition on MatSnackBarConfig. */
+export declare type MatSnackBarHorizontalPosition = 'start' | 'center' | 'end' | 'left' | 'right';
+/** Possible values for verticalPosition on MatSnackBarConfig. */
+export declare type MatSnackBarVerticalPosition = 'top' | 'bottom';
+/**
+ * Configuration used when opening a snack-bar.
+ */
+export declare class MatSnackBarConfig {
+    /** The politeness level for the MatAriaLiveAnnouncer announcement. */
+    politeness?: AriaLivePoliteness;
+    /** Message to be announced by the MatAriaLiveAnnouncer */
+    announcementMessage?: string;
+    /** The view container to place the overlay for the snack bar into. */
+    viewContainerRef?: ViewContainerRef;
+    /** The length of time in milliseconds to wait before automatically dismissing the snack bar. */
+    duration?: number;
+    /** Extra CSS classes to be added to the snack bar container. */
+    extraClasses?: string[];
+    /** Text layout direction for the snack bar. */
+    direction?: Direction;
+    /** Data being injected into the child component. */
+    data?: any;
+    /** The horizontal position to place the snack bar. */
+    horizontalPosition?: MatSnackBarHorizontalPosition;
+    /** The vertical position to place the snack bar. */
+    verticalPosition?: MatSnackBarVerticalPosition;
+}

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

@@ -0,0 +1,55 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { ComponentRef, EmbeddedViewRef, NgZone, OnDestroy, Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
+import { BasePortalHost, ComponentPortal, PortalHostDirective } from '@angular/cdk/portal';
+import { Observable } from 'rxjs/Observable';
+import { Subject } from 'rxjs/Subject';
+import { MatSnackBarConfig } from './snack-bar-config';
+export declare const SHOW_ANIMATION = "225ms cubic-bezier(0.4,0.0,1,1)";
+export declare const HIDE_ANIMATION = "195ms cubic-bezier(0.0,0.0,0.2,1)";
+/**
+ * Internal component that wraps user-provided snack bar content.
+ * @docs-private
+ */
+export declare class MatSnackBarContainer extends BasePortalHost implements OnDestroy {
+    private _ngZone;
+    private _renderer;
+    private _elementRef;
+    private _changeDetectorRef;
+    /** Whether the component has been destroyed. */
+    private _destroyed;
+    /** The portal host inside of this container into which the snack bar content will be loaded. */
+    _portalHost: PortalHostDirective;
+    /** Subject for notifying that the snack bar has exited from view. */
+    _onExit: Subject<any>;
+    /** Subject for notifying that the snack bar has finished entering the view. */
+    _onEnter: Subject<any>;
+    /** The state of the snack bar animations. */
+    _animationState: string;
+    /** The snack bar configuration. */
+    snackBarConfig: MatSnackBarConfig;
+    constructor(_ngZone: NgZone, _renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
+    /** Attach a component portal as content to this snack bar container. */
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    /** Attach a template portal as content to this snack bar container. */
+    attachTemplatePortal(): EmbeddedViewRef<any>;
+    /** Handle end of animations, updating the state of the snackbar. */
+    onAnimationEnd(event: AnimationEvent): void;
+    /** Begin animation of snack bar entrance into view. */
+    enter(): void;
+    /** Begin animation of the snack bar exiting from view. */
+    exit(): Observable<void>;
+    /** Makes sure the exit callbacks have been invoked when the element is destroyed. */
+    ngOnDestroy(): void;
+    /**
+     * Waits for the zone to settle before removing the element. Helps prevent
+     * errors where we end up removing an element which is in the middle of an animation.
+     */
+    private _completeExit();
+}