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

package/sidenav/index.d.ts

@@ -1 +1,8 @@
-export * from './sidenav';
+/**
+ * @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 './typings/index';

package/sidenav/index.metadata.json

@@ -1 +1,11 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./sidenav"}]}
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./typings/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/sidenav/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@angular/material/sidenav",
+  "typings": "../sidenav.d.ts",
+  "main": "../bundles/material-sidenav.umd.js",
+  "module": "../esm5/sidenav.es5.js",
+  "es2015": "../esm2015/sidenav.js"
+}

package/sidenav/typings/drawer.d.ts

@@ -0,0 +1,178 @@
+/**
+ * @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 { AnimationEvent } from '@angular/animations';
+import { FocusTrapFactory } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList, Renderer2 } from '@angular/core';
+/** Throws an exception when two MdDrawer are matching the same position. */
+export declare function throwMdDuplicatedDrawerError(position: string): void;
+/**
+ * Drawer toggle promise result.
+ * @deprecated
+ */
+export declare class MdDrawerToggleResult {
+    type: 'open' | 'close';
+    animationFinished: boolean;
+    constructor(type: 'open' | 'close', animationFinished: boolean);
+}
+/**
+ * <md-drawer> component.
+ *
+ * This component corresponds to a drawer that can be opened on the drawer container.
+ *
+ * Please refer to README.md for examples on how to use it.
+ */
+export declare class MdDrawer implements AfterContentInit, OnDestroy {
+    private _elementRef;
+    private _focusTrapFactory;
+    private _doc;
+    private _focusTrap;
+    private _elementFocusedBeforeDrawerWasOpened;
+    /** Whether the drawer is initialized. Used for disabling the initial animation. */
+    private _enableAnimations;
+    /** The side that the drawer is attached to. */
+    position: "start" | "end";
+    private _position;
+    /** @deprecated */
+    align: "start" | "end";
+    /** Mode of the drawer; one of 'over', 'push' or 'side'. */
+    mode: 'over' | 'push' | 'side';
+    /** Whether the drawer can be closed with the escape key or by clicking on the backdrop. */
+    disableClose: boolean;
+    private _disableClose;
+    /** Whether the drawer is opened. */
+    private _opened;
+    /** Emits whenever the drawer has started animating. */
+    _animationStarted: EventEmitter<void>;
+    /** Whether the drawer is animating. Used to prevent overlapping animations. */
+    _isAnimating: boolean;
+    /** Current state of the sidenav animation. */
+    _animationState: 'open-instant' | 'open' | 'void';
+    /**
+     * Promise that resolves when the open/close animation completes. It is here for backwards
+     * compatibility and should be removed next time we do drawer breaking changes.
+     * @deprecated
+     */
+    private _currentTogglePromise;
+    /** Event emitted when the drawer is fully opened. */
+    onOpen: EventEmitter<void | MdDrawerToggleResult>;
+    /** Event emitted when the drawer is fully closed. */
+    onClose: EventEmitter<void | MdDrawerToggleResult>;
+    /** Event emitted when the drawer's position changes. */
+    onPositionChanged: EventEmitter<void>;
+    /** @deprecated */
+    onAlignChanged: EventEmitter<void>;
+    readonly isFocusTrapEnabled: boolean;
+    constructor(_elementRef: ElementRef, _focusTrapFactory: FocusTrapFactory, _doc: any);
+    /**
+     * If focus is currently inside the drawer, restores it to where it was before the drawer
+     * opened.
+     */
+    private _restoreFocus();
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Whether the drawer is opened. We overload this because we trigger an event when it
+     * starts or end.
+     */
+    opened: boolean;
+    /** Open the drawer. */
+    open(): Promise<MdDrawerToggleResult>;
+    /** Close the drawer. */
+    close(): Promise<MdDrawerToggleResult>;
+    /**
+     * Toggle this drawer.
+     * @param isOpen Whether the drawer should be open.
+     */
+    toggle(isOpen?: boolean): Promise<MdDrawerToggleResult>;
+    /**
+     * Handles the keyboard events.
+     * @docs-private
+     */
+    handleKeydown(event: KeyboardEvent): void;
+    _onAnimationStart(): void;
+    _onAnimationEnd(event: AnimationEvent): void;
+    readonly _width: any;
+}
+/**
+ * <md-drawer-container> component.
+ *
+ * This is the parent component to one or two <md-drawer>s that validates the state internally
+ * and coordinates the backdrop and content styling.
+ */
+export declare class MdDrawerContainer implements AfterContentInit, OnDestroy {
+    private _dir;
+    private _element;
+    private _renderer;
+    private _ngZone;
+    private _changeDetectorRef;
+    _drawers: QueryList<MdDrawer>;
+    /** The drawer child with the `start` position. */
+    readonly start: MdDrawer | null;
+    /** The drawer child with the `end` position. */
+    readonly end: MdDrawer | null;
+    /** Event emitted when the drawer backdrop is clicked. */
+    backdropClick: EventEmitter<void>;
+    /** The drawer at the start/end position, independent of direction. */
+    private _start;
+    private _end;
+    /**
+     * The drawer at the left/right. When direction changes, these will change as well.
+     * They're used as aliases for the above to set the left/right style properly.
+     * In LTR, _left == _start and _right == _end.
+     * In RTL, _left == _end and _right == _start.
+     */
+    private _left;
+    private _right;
+    /** Subscription to the Directionality change EventEmitter. */
+    private _dirChangeSubscription;
+    /** Inline styles to be applied to the container. */
+    _styles: {
+        marginLeft: string;
+        marginRight: string;
+        transform: string;
+    };
+    constructor(_dir: Directionality, _element: ElementRef, _renderer: Renderer2, _ngZone: NgZone, _changeDetectorRef: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Calls `open` of both start and end drawers */
+    open(): void;
+    /** Calls `close` of both start and end drawers */
+    close(): void;
+    /**
+     * Subscribes to drawer events in order to set a class on the main container element when the
+     * drawer is open and the backdrop is visible. This ensures any overflow on the container element
+     * is properly hidden.
+     */
+    private _watchDrawerToggle(drawer);
+    /**
+     * Subscribes to drawer onPositionChanged event in order to re-validate drawers when the position
+     * changes.
+     */
+    private _watchDrawerPosition(drawer);
+    /** Toggles the 'mat-drawer-opened' class on the main 'md-drawer-container' element. */
+    private _setContainerClass(isAdd);
+    /** Validate the state of the drawer children components. */
+    private _validateDrawers();
+    _onBackdropClicked(): void;
+    _closeModalDrawer(): void;
+    _isShowingBackdrop(): boolean;
+    private _isDrawerOpen(drawer);
+    /**
+     * Return the width of the drawer, if it's in the proper mode and opened.
+     * This may relayout the view, so do not call this often.
+     * @param drawer
+     * @param mode
+     */
+    private _getDrawerEffectiveWidth(drawer, mode);
+    /**
+     * Recalculates and updates the inline styles. Note that this
+     * should be used sparingly, because it causes a reflow.
+     */
+    private _updateStyles();
+}

package/sidenav/typings/index.d.ts

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

package/sidenav/typings/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MdSidenavModule":{"__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":"MdCommonModule"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule"}],"exports":[{"__symbolic":"reference","name":"MatDrawerContainer"},{"__symbolic":"reference","name":"MatDrawer"},{"__symbolic":"reference","name":"MatSidenavContainer"},{"__symbolic":"reference","name":"MatSidenav"},{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatDrawerContainer"},{"__symbolic":"reference","name":"MatDrawer"},{"__symbolic":"reference","name":"MatSidenavContainer"},{"__symbolic":"reference","name":"MatSidenav"}]}]}],"members":{}},"throwMdDuplicatedDrawerError":{"__symbolic":"function"},"MdDrawerToggleResult":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":47,"character":27,"module":"./drawer"},{"__symbolic":"reference","name":"boolean"}]}]}},"MdDrawer":{"__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-drawer, mat-drawer","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["transform",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["open, open-instant",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate3d(0, 0, 0)","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => open-instant",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void <=> open, open-instant => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]}],"host":{"class":"mat-drawer","[@transform]":"_animationState","(@transform.start)":"_onAnimationStart()","(@transform.done)":"_onAnimationEnd($event)","(keydown)":"handleKeydown($event)","[attr.align]":"null","[class.mat-drawer-end]":"position === \"end\"","[class.mat-drawer-over]":"mode === \"over\"","[class.mat-drawer-push]":"mode === \"push\"","[class.mat-drawer-side]":"mode === \"side\"","tabIndex":"-1"},"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,"template":"<ng-content></ng-content>"}]}],"members":{"position":[{"__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"}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["open"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["close"]}]}],"onPositionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["positionChanged"]}]}],"onAlignChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["align-changed"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory"},{"__symbolic":"reference","name":"any"}]}],"_restoreFocus":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_onAnimationEnd":[{"__symbolic":"method"}]}},"MdDrawerContainer":{"__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-drawer-container, mat-drawer-container","host":{"class":"mat-drawer-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,"template":"<div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\" [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div><ng-content select=\"md-drawer, mat-drawer, md-sidenav, mat-sidenav\"></ng-content><div class=\"mat-drawer-content\" [ngStyle]=\"_styles\" cdk-scrollable><ng-content></ng-content></div>","styles":[".mat-drawer-container{position:relative;transform:translate3d(0,0,0);box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-opened{overflow:hidden}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:2;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}@media screen and (-ms-high-contrast:active){.mat-drawer-backdrop{opacity:.5}}.mat-drawer-content{position:relative;transform:translate3d(0,0,0);display:block;height:100%;overflow:auto}.mat-drawer{position:relative;transform:translate3d(0,0,0);display:block;position:absolute;top:0;bottom:0;z-index:3;min-width:5vw;outline:0;box-sizing:border-box;height:100%;overflow-y:auto;transform:translate3d(-100%,0,0)}.mat-drawer.mat-drawer-side{z-index:1}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer{transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%,0,0)}.mat-drawer.mat-drawer-opened:not(.mat-drawer-side),.mat-drawer.mat-drawer-opening:not(.mat-drawer-side){box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}",".mat-drawer-transition .mat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.mat-drawer-transition .mat-drawer-backdrop.mat-drawer-shown{transition:background-color .4s cubic-bezier(.25,.8,.25,1)}"]}]}],"members":{"_drawers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MatDrawer"}]}]}],"backdropClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"_watchDrawerToggle":[{"__symbolic":"method"}],"_watchDrawerPosition":[{"__symbolic":"method"}],"_setContainerClass":[{"__symbolic":"method"}],"_validateDrawers":[{"__symbolic":"method"}],"_onBackdropClicked":[{"__symbolic":"method"}],"_closeModalDrawer":[{"__symbolic":"method"}],"_isShowingBackdrop":[{"__symbolic":"method"}],"_isDrawerOpen":[{"__symbolic":"method"}],"_getDrawerEffectiveWidth":[{"__symbolic":"method"}],"_updateStyles":[{"__symbolic":"method"}]}},"MdSidenav":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MatDrawer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-sidenav, mat-sidenav","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["transform",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["open, open-instant",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate3d(0, 0, 0)","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => open-instant",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void <=> open, open-instant => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]}],"host":{"class":"mat-drawer mat-sidenav","[@transform]":"_animationState","(@transform.start)":"_onAnimationStart()","(@transform.done)":"_onAnimationEnd($event)","(keydown)":"handleKeydown($event)","[attr.align]":"null","[class.mat-drawer-end]":"position === \"end\"","[class.mat-drawer-over]":"mode === \"over\"","[class.mat-drawer-push]":"mode === \"push\"","[class.mat-drawer-side]":"mode === \"side\"","tabIndex":"-1"},"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,"template":"<ng-content></ng-content>"}]}],"members":{}},"MdSidenavContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MatDrawerContainer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-sidenav-container, mat-sidenav-container","host":{"class":"mat-drawer-container mat-sidenav-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,"template":"<div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\" [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div><ng-content select=\"md-drawer, mat-drawer, md-sidenav, mat-sidenav\"></ng-content><div class=\"mat-drawer-content\" [ngStyle]=\"_styles\" cdk-scrollable><ng-content></ng-content></div>","styles":[".mat-drawer-container{position:relative;transform:translate3d(0,0,0);box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-opened{overflow:hidden}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:2;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}@media screen and (-ms-high-contrast:active){.mat-drawer-backdrop{opacity:.5}}.mat-drawer-content{position:relative;transform:translate3d(0,0,0);display:block;height:100%;overflow:auto}.mat-drawer{position:relative;transform:translate3d(0,0,0);display:block;position:absolute;top:0;bottom:0;z-index:3;min-width:5vw;outline:0;box-sizing:border-box;height:100%;overflow-y:auto;transform:translate3d(-100%,0,0)}.mat-drawer.mat-drawer-side{z-index:1}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer{transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%,0,0)}.mat-drawer.mat-drawer-opened:not(.mat-drawer-side),.mat-drawer.mat-drawer-opening:not(.mat-drawer-side){box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}",".mat-drawer-transition .mat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.mat-drawer-transition .mat-drawer-backdrop.mat-drawer-shown{transition:background-color .4s cubic-bezier(.25,.8,.25,1)}"]}]}],"members":{"_drawers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MatSidenav"}]}]}]}},"MatDrawerToggleResult":{"__symbolic":"reference","name":"MdDrawerToggleResult"},"MatDrawer":{"__symbolic":"reference","name":"MdDrawer"},"MatDrawerContainer":{"__symbolic":"reference","name":"MdDrawerContainer"},"MatSidenav":{"__symbolic":"reference","name":"MdSidenav"},"MatSidenavContainer":{"__symbolic":"reference","name":"MdSidenavContainer"},"MatSidenavModule":{"__symbolic":"reference","name":"MdSidenavModule"}},"origins":{"MdSidenavModule":"./sidenav-module","throwMdDuplicatedDrawerError":"./drawer","MdDrawerToggleResult":"./drawer","MdDrawer":"./drawer","MdDrawerContainer":"./drawer","MdSidenav":"./sidenav","MdSidenavContainer":"./sidenav","MatDrawerToggleResult":"./drawer","MatDrawer":"./drawer","MatDrawerContainer":"./drawer","MatSidenav":"./sidenav","MatSidenavContainer":"./sidenav","MatSidenavModule":"./sidenav-module"},"importAs":"@angular/material/sidenav"}

package/sidenav/typings/mat-exports.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @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 { MdDrawer, MdDrawerContainer, MdDrawerToggleResult } from './drawer';
+import { MdSidenav, MdSidenavContainer } from './sidenav';
+import { MdSidenavModule } from './sidenav-module';
+export { MdDrawerToggleResult as MatDrawerToggleResult };
+export { MdDrawer as MatDrawer };
+export { MdDrawerContainer as MatDrawerContainer };
+export { MdSidenav as MatSidenav };
+export { MdSidenavContainer as MatSidenavContainer };
+export { MdSidenavModule as MatSidenavModule };

package/sidenav/typings/public_api.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @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';
+export * from './mat-exports';

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

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

package/sidenav/typings/sidenav.d.ts

@@ -0,0 +1,6 @@
+import { MdDrawer, MdDrawerContainer } from './drawer';
+export declare class MdSidenav extends MdDrawer {
+}
+export declare class MdSidenavContainer extends MdDrawerContainer {
+    _drawers: any;
+}

package/sidenav.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @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/index';

package/sidenav.metadata.json

@@ -0,0 +1,11 @@
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./sidenav/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/slide-toggle/index.d.ts

@@ -1 +1,8 @@
-export * from './slide-toggle';
+/**
+ * @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 './typings/index';

package/slide-toggle/index.metadata.json

@@ -1 +1,11 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./slide-toggle"}]}
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./typings/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/slide-toggle/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@angular/material/slide-toggle",
+  "typings": "../slide-toggle.d.ts",
+  "main": "../bundles/material-slide-toggle.umd.js",
+  "module": "../esm5/slide-toggle.es5.js",
+  "es2015": "../esm2015/slide-toggle.js"
+}

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

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

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

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MdSlideToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MdRippleModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"},{"__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":"MdCommonModule"}],"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":{}},"MD_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MatSlideToggle"},"multi":true},"MdSlideToggleChange":{"__symbolic":"class","members":{}},"MdSlideToggleBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"_MdSlideToggleMixinBase":{"__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"]}]},"MdSlideToggle":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MdSlideToggleMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-slide-toggle, 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"}],"viewProviders":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MATERIAL_COMPATIBILITY_MODE"},"useValue":true}],"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":"MdRipple"}]}]}],"__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"}]}},"MAT_SLIDE_TOGGLE_VALUE_ACCESSOR":{"__symbolic":"reference","name":"MD_SLIDE_TOGGLE_VALUE_ACCESSOR"},"MatSlideToggle":{"__symbolic":"reference","name":"MdSlideToggle"},"MatSlideToggleBase":{"__symbolic":"reference","name":"MdSlideToggleBase"},"MatSlideToggleChange":{"__symbolic":"reference","name":"MdSlideToggleChange"},"MatSlideToggleModule":{"__symbolic":"reference","name":"MdSlideToggleModule"}},"origins":{"MdSlideToggleModule":"./slide-toggle-module","MD_SLIDE_TOGGLE_VALUE_ACCESSOR":"./slide-toggle","MdSlideToggleChange":"./slide-toggle","MdSlideToggleBase":"./slide-toggle","_MdSlideToggleMixinBase":"./slide-toggle","MdSlideToggle":"./slide-toggle","MAT_SLIDE_TOGGLE_VALUE_ACCESSOR":"./slide-toggle","MatSlideToggle":"./slide-toggle","MatSlideToggleBase":"./slide-toggle","MatSlideToggleChange":"./slide-toggle","MatSlideToggleModule":"./slide-toggle-module"},"importAs":"@angular/material/slide-toggle"}

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

@@ -0,0 +1,14 @@
+/**
+ * @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 { MD_SLIDE_TOGGLE_VALUE_ACCESSOR, MdSlideToggle, MdSlideToggleBase, MdSlideToggleChange } from './slide-toggle';
+import { MdSlideToggleModule } from './slide-toggle-module';
+export { MD_SLIDE_TOGGLE_VALUE_ACCESSOR as MAT_SLIDE_TOGGLE_VALUE_ACCESSOR };
+export { MdSlideToggle as MatSlideToggle };
+export { MdSlideToggleBase as MatSlideToggleBase };
+export { MdSlideToggleChange as MatSlideToggleChange };
+export { MdSlideToggleModule as MatSlideToggleModule };

package/slide-toggle/typings/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 './slide-toggle-module';
+export * from './slide-toggle';
+export * from './mat-exports';

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

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

package/slide-toggle/typings/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, MdRipple } from '@angular/material/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { FocusMonitor } from '@angular/cdk/a11y';
+export declare const MD_SLIDE_TOGGLE_VALUE_ACCESSOR: any;
+/** Change event object emitted by a MdSlideToggle. */
+export declare class MdSlideToggleChange {
+    source: MdSlideToggle;
+    checked: boolean;
+}
+/** @docs-private */
+export declare class MdSlideToggleBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MdSlideToggleMixinBase: (new (...args: any[]) => HasTabIndex) & (new (...args: any[]) => CanColor) & (new (...args: any[]) => CanDisableRipple) & (new (...args: any[]) => CanDisable) & typeof MdSlideToggleBase;
+/** Represents a slidable "switch" toggle that can be moved between on and off. */
+export declare class MdSlideToggle extends _MdSlideToggleMixinBase 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<MdSlideToggleChange>;
+    /** 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: MdRipple;
+    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/slide-toggle.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @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/index';

package/slide-toggle.metadata.json

@@ -0,0 +1,11 @@
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./slide-toggle/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/slider/index.d.ts

@@ -1 +1,8 @@
-export * from './slider';
+/**
+ * @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 './typings/index';

package/slider/index.metadata.json

@@ -1 +1,11 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./slider"}]}
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./typings/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/slider/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@angular/material/slider",
+  "typings": "../slider.d.ts",
+  "main": "../bundles/material-slider.umd.js",
+  "module": "../esm5/slider.es5.js",
+  "es2015": "../esm2015/slider.js"
+}

package/slider/typings/index.d.ts

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