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

package/esm2015/sidenav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidenav.js","sources":["../../../src/lib/sidenav/index.ts","../../../src/lib/sidenav/sidenav-module.ts","../../../src/lib/sidenav/sidenav.ts","../../../src/lib/sidenav/drawer.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {MdSidenavModule,throwMdDuplicatedDrawerError,MdDrawerToggleResult,MdDrawer,MdDrawerContainer,MdSidenav,MdSidenavContainer,MatDrawerToggleResult,MatDrawer,MatDrawerContainer,MatSidenav,MatSidenavContainer,MatSidenavModule} from './public_api';\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {A11yModule} from '@angular/cdk/a11y';\nimport {OverlayModule} from '@angular/cdk/overlay';\nimport {MdCommonModule} from '@angular/material/core';\nimport {MdDrawer, MdDrawerContainer} from './drawer';\nimport {MdSidenav, MdSidenavContainer} from './sidenav';\nexport class MdSidenavModule {static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n  imports: [CommonModule, MdCommonModule, A11yModule, OverlayModule],\n  exports: [MdDrawerContainer, MdDrawer, MdSidenavContainer, MdSidenav, MdCommonModule],\n  declarations: [MdDrawerContainer, MdDrawer, MdSidenavContainer, MdSidenav],\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction MdSidenavModule_tsickle_Closure_declarations() {\n/** @type {?} */\nMdSidenavModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdSidenavModule.ctorParameters;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  ViewEncapsulation\n} from '@angular/core';\nimport {MdDrawer, MdDrawerContainer} from './drawer';\nimport {animate, state, style, transition, trigger} from '@angular/animations';\nexport class MdSidenav extends MdDrawer {static decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  moduleId: module.id,\n  selector: 'md-sidenav, mat-sidenav',\n  templateUrl: 'drawer.html',\n  animations: [\n    trigger('transform', [\n      state('open, open-instant', style({\n        transform: 'translate3d(0, 0, 0)',\n        visibility: 'visible',\n      })),\n      state('void', style({\n        visibility: 'hidden',\n      })),\n      transition('void => open-instant', animate('0ms')),\n      transition('void <=> open, open-instant => void',\n        animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'))\n    ])\n  ],\n  host: {\n    'class': 'mat-drawer mat-sidenav',\n    '[@transform]': '_animationState',\n    '(@transform.start)': '_onAnimationStart()',\n    '(@transform.done)': '_onAnimationEnd($event)',\n    '(keydown)': 'handleKeydown($event)',\n    // must prevent the browser from aligning text based on value\n    '[attr.align]': 'null',\n    '[class.mat-drawer-end]': 'position === \"end\"',\n    '[class.mat-drawer-over]': 'mode === \"over\"',\n    '[class.mat-drawer-push]': 'mode === \"push\"',\n    '[class.mat-drawer-side]': 'mode === \"side\"',\n    'tabIndex': '-1',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  preserveWhitespaces: false,\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction MdSidenav_tsickle_Closure_declarations() {\n/** @type {?} */\nMdSidenav.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdSidenav.ctorParameters;\n}\n\nexport class MdSidenavContainer extends MdDrawerContainer {\n   _drawers;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  moduleId: module.id,\n  selector: 'md-sidenav-container, mat-sidenav-container',\n  templateUrl: 'drawer-container.html',\n  styleUrls: [\n    'drawer.css',\n    'drawer-transitions.css',\n  ],\n  host: {\n    'class': 'mat-drawer-container mat-sidenav-container',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  preserveWhitespaces: false,\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'_drawers': [{ type: ContentChildren, args: [MdSidenav, ] },],\n};\n}\n\nfunction MdSidenavContainer_tsickle_Closure_declarations() {\n/** @type {?} */\nMdSidenavContainer.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdSidenavContainer.ctorParameters;\n/** @type {?} */\nMdSidenavContainer.propDecorators;\n/** @type {?} */\nMdSidenavContainer.prototype._drawers;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {animate, AnimationEvent, state, style, transition, trigger} from '@angular/animations';\nimport {FocusTrap, FocusTrapFactory} from '@angular/cdk/a11y';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  Input,\n  NgZone,\n  OnDestroy,\n  Optional,\n  Output,\n  QueryList,\n  Renderer2,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {ESCAPE, first, startWith, takeUntil} from '@angular/material/core';\nimport {DOCUMENT} from '@angular/platform-browser';\nimport {merge} from 'rxjs/observable/merge';\nimport {Subscription} from 'rxjs/Subscription';\n/**\n * Throws an exception when two MdDrawer are matching the same position.\n * @param {?} position\n * @return {?}\n */\nexport function throwMdDuplicatedDrawerError(position: string) {\n  throw Error(`A drawer was already declared for 'position=\"${position}\"'`);\n}\n/**\n * Drawer toggle promise result.\n * @deprecated\n */\nexport class MdDrawerToggleResult {\n/**\n * @param {?} type\n * @param {?} animationFinished\n */\nconstructor(public type: 'open' | 'close',\npublic animationFinished: boolean) {}\n}\n\nfunction MdDrawerToggleResult_tsickle_Closure_declarations() {\n/** @type {?} */\nMdDrawerToggleResult.prototype.type;\n/** @type {?} */\nMdDrawerToggleResult.prototype.animationFinished;\n}\n\n/**\n * <md-drawer> component.\n * \n * This component corresponds to a drawer that can be opened on the drawer container.\n * \n * Please refer to README.md for examples on how to use it.\n */\nexport class MdDrawer implements AfterContentInit, OnDestroy {\nprivate _focusTrap: FocusTrap;\nprivate _elementFocusedBeforeDrawerWasOpened: HTMLElement | null = null;\n/**\n * Whether the drawer is initialized. Used for disabling the initial animation.\n */\nprivate _enableAnimations = false;\n/**\n * The side that the drawer is attached to.\n * @return {?}\n */\nget position() { return this._position; }\n/**\n * @param {?} value\n * @return {?}\n */\nset position(value) {\n    // Make sure we have a valid value.\n    value = value === 'end' ? 'end' : 'start';\n    if (value != this._position) {\n      this._position = value;\n      this.onAlignChanged.emit();\n      this.onPositionChanged.emit();\n    }\n  }\nprivate _position: 'start' | 'end' = 'start';\n/**\n * @deprecated\n * @return {?}\n */\nget align() { return this.position; }\n/**\n * @param {?} value\n * @return {?}\n */\nset align(value) { this.position = value; }\n/**\n * Mode of the drawer; one of 'over', 'push' or 'side'.\n */\nmode: 'over' | 'push' | 'side' = 'over';\n/**\n * Whether the drawer can be closed with the escape key or by clicking on the backdrop.\n * @return {?}\n */\nget disableClose(): boolean { return this._disableClose; }\n/**\n * @param {?} value\n * @return {?}\n */\nset disableClose(value: boolean) { this._disableClose = coerceBooleanProperty(value); }\nprivate _disableClose: boolean = false;\n/**\n * Whether the drawer is opened.\n */\nprivate _opened: boolean = false;\n/**\n * Emits whenever the drawer has started animating.\n */\n_animationStarted = new EventEmitter<void>();\n/**\n * Whether the drawer is animating. Used to prevent overlapping animations.\n */\n_isAnimating = false;\n/**\n * Current state of the sidenav animation.\n */\n_animationState: 'open-instant' | 'open' | 'void' = 'void';\n/**\n * Promise that resolves when the open/close animation completes. It is here for backwards\n * compatibility and should be removed next time we do drawer breaking changes.\n * @deprecated\n */\nprivate _currentTogglePromise: Promise<MdDrawerToggleResult> | null;\n/**\n * Event emitted when the drawer is fully opened.\n */\nonOpen = new EventEmitter<MdDrawerToggleResult | void>();\n/**\n * Event emitted when the drawer is fully closed.\n */\nonClose = new EventEmitter<MdDrawerToggleResult | void>();\n/**\n * Event emitted when the drawer's position changes.\n */\nonPositionChanged = new EventEmitter<void>();\n/**\n * @deprecated\n */\nonAlignChanged = new EventEmitter<void>();\n/**\n * @return {?}\n */\nget isFocusTrapEnabled() {\n    // The focus trap is only enabled when the drawer is open in any mode other than side.\n    return this.opened && this.mode !== 'side';\n  }\n/**\n * @param {?} _elementRef\n * @param {?} _focusTrapFactory\n * @param {?} _doc\n */\nconstructor(private _elementRef: ElementRef,\nprivate _focusTrapFactory: FocusTrapFactory,\nprivate _doc: any) {\n    this.onOpen.subscribe(() => {\n      if (this._doc) {\n        this._elementFocusedBeforeDrawerWasOpened = this._doc.activeElement as HTMLElement;\n      }\n\n      if (this.isFocusTrapEnabled && this._focusTrap) {\n        this._focusTrap.focusInitialElementWhenReady();\n      }\n    });\n\n    this.onClose.subscribe(() => this._restoreFocus());\n  }\n/**\n * If focus is currently inside the drawer, restores it to where it was before the drawer\n * opened.\n * @return {?}\n */\nprivate _restoreFocus() {\n    let /** @type {?} */ activeEl = this._doc && this._doc.activeElement;\n    if (activeEl && this._elementRef.nativeElement.contains(activeEl)) {\n      if (this._elementFocusedBeforeDrawerWasOpened instanceof HTMLElement) {\n        this._elementFocusedBeforeDrawerWasOpened.focus();\n      } else {\n        this._elementRef.nativeElement.blur();\n      }\n    }\n\n    this._elementFocusedBeforeDrawerWasOpened = null;\n  }\n/**\n * @return {?}\n */\nngAfterContentInit() {\n    this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);\n    this._focusTrap.enabled = this.isFocusTrapEnabled;\n    this._enableAnimations = true;\n  }\n/**\n * @return {?}\n */\nngOnDestroy() {\n    if (this._focusTrap) {\n      this._focusTrap.destroy();\n    }\n  }\n/**\n * Whether the drawer is opened. We overload this because we trigger an event when it\n * starts or end.\n * @return {?}\n */\nget opened(): boolean { return this._opened; }\n/**\n * @param {?} v\n * @return {?}\n */\nset opened(v: boolean) {\n    this.toggle(coerceBooleanProperty(v));\n  }\n/**\n * Open the drawer.\n * @return {?}\n */\nopen(): Promise<MdDrawerToggleResult> {\n    return this.toggle(true);\n  }\n/**\n * Close the drawer.\n * @return {?}\n */\nclose(): Promise<MdDrawerToggleResult> {\n    return this.toggle(false);\n  }\n/**\n * Toggle this drawer.\n * @param {?=} isOpen Whether the drawer should be open.\n * @return {?}\n */\ntoggle(isOpen: boolean = !this.opened): Promise<MdDrawerToggleResult> {\n    if (!this._isAnimating) {\n      this._opened = isOpen;\n\n      if (isOpen) {\n        this._animationState = this._enableAnimations ? 'open' : 'open-instant';\n      } else {\n        this._animationState = 'void';\n      }\n\n      this._currentTogglePromise = new Promise(resolve => {\n        first.call(isOpen ? this.onOpen : this.onClose).subscribe(resolve);\n      });\n\n      if (this._focusTrap) {\n        this._focusTrap.enabled = this.isFocusTrapEnabled;\n      }\n    }\n\n    // TODO(crisbeto): This promise is here for backwards-compatibility.\n    // It should be removed next time we do breaking changes in the drawer.\n    return /** @type {?} */(( this._currentTogglePromise));\n  }\n/**\n * Handles the keyboard events.\n * \\@docs-private\n * @param {?} event\n * @return {?}\n */\nhandleKeydown(event: KeyboardEvent) {\n    if (event.keyCode === ESCAPE && !this.disableClose) {\n      this.close();\n      event.stopPropagation();\n    }\n  }\n/**\n * @return {?}\n */\n_onAnimationStart() {\n    this._isAnimating = true;\n    this._animationStarted.emit();\n  }\n/**\n * @param {?} event\n * @return {?}\n */\n_onAnimationEnd(event: AnimationEvent) {\n    const {fromState, toState} = event;\n\n    if (toState === 'open' && fromState === 'void') {\n      this.onOpen.emit(new MdDrawerToggleResult('open', true));\n    } else if (toState === 'void' && fromState === 'open') {\n      this.onClose.emit(new MdDrawerToggleResult('close', true));\n    }\n\n    // Note: as of Angular 4.3, the animations module seems to fire the `start` callback before\n    // the end if animations are disabled. Make this call async to ensure that it still fires\n    // at the appropriate time.\n    Promise.resolve().then(() => {\n      this._isAnimating = false;\n      this._currentTogglePromise = null;\n    });\n  }\n/**\n * @return {?}\n */\nget _width() {\n    return this._elementRef.nativeElement ? (this._elementRef.nativeElement.offsetWidth || 0) : 0;\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  moduleId: module.id,\n  selector: 'md-drawer, mat-drawer',\n  templateUrl: 'drawer.html',\n  animations: [\n    trigger('transform', [\n      state('open, open-instant', style({\n        transform: 'translate3d(0, 0, 0)',\n        visibility: 'visible',\n      })),\n      state('void', style({\n        visibility: 'hidden',\n      })),\n      transition('void => open-instant', animate('0ms')),\n      transition('void <=> open, open-instant => void',\n          animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'))\n    ])\n  ],\n  host: {\n    'class': 'mat-drawer',\n    '[@transform]': '_animationState',\n    '(@transform.start)': '_onAnimationStart()',\n    '(@transform.done)': '_onAnimationEnd($event)',\n    '(keydown)': 'handleKeydown($event)',\n    // must prevent the browser from aligning text based on value\n    '[attr.align]': 'null',\n    '[class.mat-drawer-end]': 'position === \"end\"',\n    '[class.mat-drawer-over]': 'mode === \"over\"',\n    '[class.mat-drawer-push]': 'mode === \"push\"',\n    '[class.mat-drawer-side]': 'mode === \"side\"',\n    'tabIndex': '-1',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  preserveWhitespaces: false,\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: FocusTrapFactory, },\n{type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT, ] }, ]},\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'position': [{ type: Input },],\n'align': [{ type: Input },],\n'mode': [{ type: Input },],\n'disableClose': [{ type: Input },],\n'onOpen': [{ type: Output, args: ['open', ] },],\n'onClose': [{ type: Output, args: ['close', ] },],\n'onPositionChanged': [{ type: Output, args: ['positionChanged', ] },],\n'onAlignChanged': [{ type: Output, args: ['align-changed', ] },],\n'opened': [{ type: Input },],\n};\n}\n\nfunction MdDrawer_tsickle_Closure_declarations() {\n/** @type {?} */\nMdDrawer.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdDrawer.ctorParameters;\n/** @type {?} */\nMdDrawer.propDecorators;\n/** @type {?} */\nMdDrawer.prototype._focusTrap;\n/** @type {?} */\nMdDrawer.prototype._elementFocusedBeforeDrawerWasOpened;\n/**\n * Whether the drawer is initialized. Used for disabling the initial animation.\n * @type {?}\n */\nMdDrawer.prototype._enableAnimations;\n/** @type {?} */\nMdDrawer.prototype._position;\n/**\n * Mode of the drawer; one of 'over', 'push' or 'side'.\n * @type {?}\n */\nMdDrawer.prototype.mode;\n/** @type {?} */\nMdDrawer.prototype._disableClose;\n/**\n * Whether the drawer is opened.\n * @type {?}\n */\nMdDrawer.prototype._opened;\n/**\n * Emits whenever the drawer has started animating.\n * @type {?}\n */\nMdDrawer.prototype._animationStarted;\n/**\n * Whether the drawer is animating. Used to prevent overlapping animations.\n * @type {?}\n */\nMdDrawer.prototype._isAnimating;\n/**\n * Current state of the sidenav animation.\n * @type {?}\n */\nMdDrawer.prototype._animationState;\n/**\n * Promise that resolves when the open/close animation completes. It is here for backwards\n * compatibility and should be removed next time we do drawer breaking changes.\n * @deprecated\n * @type {?}\n */\nMdDrawer.prototype._currentTogglePromise;\n/**\n * Event emitted when the drawer is fully opened.\n * @type {?}\n */\nMdDrawer.prototype.onOpen;\n/**\n * Event emitted when the drawer is fully closed.\n * @type {?}\n */\nMdDrawer.prototype.onClose;\n/**\n * Event emitted when the drawer's position changes.\n * @type {?}\n */\nMdDrawer.prototype.onPositionChanged;\n/**\n * @deprecated\n * @type {?}\n */\nMdDrawer.prototype.onAlignChanged;\n/** @type {?} */\nMdDrawer.prototype._elementRef;\n/** @type {?} */\nMdDrawer.prototype._focusTrapFactory;\n/** @type {?} */\nMdDrawer.prototype._doc;\n}\n\n/**\n * <md-drawer-container> component.\n * \n * This is the parent component to one or two <md-drawer>s that validates the state internally\n * and coordinates the backdrop and content styling.\n */\nexport class MdDrawerContainer implements AfterContentInit, OnDestroy {\n   _drawers: QueryList<MdDrawer>;\n/**\n * The drawer child with the `start` position.\n * @return {?}\n */\nget start() { return this._start; }\n/**\n * The drawer child with the `end` position.\n * @return {?}\n */\nget end() { return this._end; }\n/**\n * Event emitted when the drawer backdrop is clicked.\n */\nbackdropClick = new EventEmitter<void>();\n/**\n * The drawer at the start/end position, independent of direction.\n */\nprivate _start: MdDrawer | null;\nprivate _end: MdDrawer | null;\n/**\n * The drawer at the left/right. When direction changes, these will change as well.\n * They're used as aliases for the above to set the left/right style properly.\n * In LTR, _left == _start and _right == _end.\n * In RTL, _left == _end and _right == _start.\n */\nprivate _left: MdDrawer | null;\nprivate _right: MdDrawer | null;\n/**\n * Subscription to the Directionality change EventEmitter.\n */\nprivate _dirChangeSubscription = Subscription.EMPTY;\n/**\n * Inline styles to be applied to the container.\n */\n_styles: { marginLeft: string; marginRight: string; transform: string; };\n/**\n * @param {?} _dir\n * @param {?} _element\n * @param {?} _renderer\n * @param {?} _ngZone\n * @param {?} _changeDetectorRef\n */\nconstructor(\nprivate _dir: Directionality,\nprivate _element: ElementRef,\nprivate _renderer: Renderer2,\nprivate _ngZone: NgZone,\nprivate _changeDetectorRef: ChangeDetectorRef) {\n    // If a `Dir` directive exists up the tree, listen direction changes and update the left/right\n    // properties to point to the proper start/end.\n    if (_dir != null) {\n      this._dirChangeSubscription = _dir.change.subscribe(() => this._validateDrawers());\n    }\n  }\n/**\n * @return {?}\n */\nngAfterContentInit() {\n    startWith.call(this._drawers.changes, null).subscribe(() => {\n      this._validateDrawers();\n      this._drawers.forEach((drawer: MdDrawer) => {\n        this._watchDrawerToggle(drawer);\n        this._watchDrawerPosition(drawer);\n      });\n    });\n  }\n/**\n * @return {?}\n */\nngOnDestroy() {\n    this._dirChangeSubscription.unsubscribe();\n  }\n/**\n * Calls `open` of both start and end drawers\n * @return {?}\n */\nopen(): void {\n    this._drawers.forEach(drawer => drawer.open());\n  }\n/**\n * Calls `close` of both start and end drawers\n * @return {?}\n */\nclose(): void {\n    this._drawers.forEach(drawer => drawer.close());\n  }\n/**\n * Subscribes to drawer events in order to set a class on the main container element when the\n * drawer is open and the backdrop is visible. This ensures any overflow on the container element\n * is properly hidden.\n * @param {?} drawer\n * @return {?}\n */\nprivate _watchDrawerToggle(drawer: MdDrawer): void {\n    takeUntil.call(drawer._animationStarted, this._drawers.changes).subscribe(() => {\n      // Set the transition class on the container so that the animations occur. This should not\n      // be set initially because animations should only be triggered via a change in state.\n      this._renderer.addClass(this._element.nativeElement, 'mat-drawer-transition');\n      this._updateStyles();\n      this._changeDetectorRef.markForCheck();\n    });\n\n    if (drawer.mode !== 'side') {\n      takeUntil.call(merge(drawer.onOpen, drawer.onClose), this._drawers.changes).subscribe(() =>\n          this._setContainerClass(drawer.opened));\n    }\n  }\n/**\n * Subscribes to drawer onPositionChanged event in order to re-validate drawers when the position\n * changes.\n * @param {?} drawer\n * @return {?}\n */\nprivate _watchDrawerPosition(drawer: MdDrawer): void {\n    if (!drawer) {\n      return;\n    }\n    // NOTE: We need to wait for the microtask queue to be empty before validating,\n    // since both drawers may be swapping positions at the same time.\n    takeUntil.call(drawer.onPositionChanged, this._drawers.changes).subscribe(() => {\n      first.call(this._ngZone.onMicrotaskEmpty.asObservable()).subscribe(() => {\n        this._validateDrawers();\n      });\n    });\n  }\n/**\n * Toggles the 'mat-drawer-opened' class on the main 'md-drawer-container' element.\n * @param {?} isAdd\n * @return {?}\n */\nprivate _setContainerClass(isAdd: boolean): void {\n    if (isAdd) {\n      this._renderer.addClass(this._element.nativeElement, 'mat-drawer-opened');\n    } else {\n      this._renderer.removeClass(this._element.nativeElement, 'mat-drawer-opened');\n    }\n  }\n/**\n * Validate the state of the drawer children components.\n * @return {?}\n */\nprivate _validateDrawers() {\n    this._start = this._end = null;\n\n    // Ensure that we have at most one start and one end drawer.\n    this._drawers.forEach(drawer => {\n      if (drawer.position == 'end') {\n        if (this._end != null) {\n          throwMdDuplicatedDrawerError('end');\n        }\n        this._end = drawer;\n      } else {\n        if (this._start != null) {\n          throwMdDuplicatedDrawerError('start');\n        }\n        this._start = drawer;\n      }\n    });\n\n    this._right = this._left = null;\n\n    // Detect if we're LTR or RTL.\n    if (this._dir == null || this._dir.value == 'ltr') {\n      this._left = this._start;\n      this._right = this._end;\n    } else {\n      this._left = this._end;\n      this._right = this._start;\n    }\n  }\n/**\n * @return {?}\n */\n_onBackdropClicked() {\n    this.backdropClick.emit();\n    this._closeModalDrawer();\n  }\n/**\n * @return {?}\n */\n_closeModalDrawer() {\n    // Close all open drawers where closing is not disabled and the mode is not `side`.\n    [this._start, this._end]\n      .filter(drawer => drawer && !drawer.disableClose && drawer.mode !== 'side')\n      .forEach(drawer => /** @type {?} */(( drawer)).close());\n  }\n/**\n * @return {?}\n */\n_isShowingBackdrop(): boolean {\n    return (this._isDrawerOpen(this._start) && /** @type {?} */(( this._start)).mode != 'side')\n        || (this._isDrawerOpen(this._end) && /** @type {?} */(( this._end)).mode != 'side');\n  }\n/**\n * @param {?} drawer\n * @return {?}\n */\nprivate _isDrawerOpen(drawer: MdDrawer | null): boolean {\n    return drawer != null && drawer.opened;\n  }\n/**\n * Return the width of the drawer, if it's in the proper mode and opened.\n * This may relayout the view, so do not call this often.\n * @param {?} drawer\n * @param {?} mode\n * @return {?}\n */\nprivate _getDrawerEffectiveWidth(drawer: MdDrawer, mode: string): number {\n    return (this._isDrawerOpen(drawer) && drawer.mode == mode) ? drawer._width : 0;\n  }\n/**\n * Recalculates and updates the inline styles. Note that this\n * should be used sparingly, because it causes a reflow.\n * @return {?}\n */\nprivate _updateStyles() {\n    const /** @type {?} */ marginLeft = this._left ? this._getDrawerEffectiveWidth(this._left, 'side') : 0;\n    const /** @type {?} */ marginRight = this._right ? this._getDrawerEffectiveWidth(this._right, 'side') : 0;\n    const /** @type {?} */ leftWidth = this._left ? this._getDrawerEffectiveWidth(this._left, 'push') : 0;\n    const /** @type {?} */ rightWidth = this._right ? this._getDrawerEffectiveWidth(this._right, 'push') : 0;\n\n    this._styles = {\n      marginLeft: `${marginLeft}px`,\n      marginRight: `${marginRight}px`,\n      transform: `translate3d(${leftWidth - rightWidth}px, 0, 0)`\n    };\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  moduleId: module.id,\n  selector: 'md-drawer-container, mat-drawer-container',\n  templateUrl: 'drawer-container.html',\n  styleUrls: [\n    'drawer.css',\n    'drawer-transitions.css',\n  ],\n  host: {\n    'class': 'mat-drawer-container',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  preserveWhitespaces: false,\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: Directionality, decorators: [{ type: Optional }, ]},\n{type: ElementRef, },\n{type: Renderer2, },\n{type: NgZone, },\n{type: ChangeDetectorRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'_drawers': [{ type: ContentChildren, args: [MdDrawer, ] },],\n'backdropClick': [{ type: Output },],\n};\n}\n\nfunction MdDrawerContainer_tsickle_Closure_declarations() {\n/** @type {?} */\nMdDrawerContainer.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdDrawerContainer.ctorParameters;\n/** @type {?} */\nMdDrawerContainer.propDecorators;\n/** @type {?} */\nMdDrawerContainer.prototype._drawers;\n/**\n * Event emitted when the drawer backdrop is clicked.\n * @type {?}\n */\nMdDrawerContainer.prototype.backdropClick;\n/**\n * The drawer at the start/end position, independent of direction.\n * @type {?}\n */\nMdDrawerContainer.prototype._start;\n/** @type {?} */\nMdDrawerContainer.prototype._end;\n/**\n * The drawer at the left/right. When direction changes, these will change as well.\n * They're used as aliases for the above to set the left/right style properly.\n * In LTR, _left == _start and _right == _end.\n * In RTL, _left == _end and _right == _start.\n * @type {?}\n */\nMdDrawerContainer.prototype._left;\n/** @type {?} */\nMdDrawerContainer.prototype._right;\n/**\n * Subscription to the Directionality change EventEmitter.\n * @type {?}\n */\nMdDrawerContainer.prototype._dirChangeSubscription;\n/**\n * Inline styles to be applied to the container.\n * @type {?}\n */\nMdDrawerContainer.prototype._styles;\n/** @type {?} */\nMdDrawerContainer.prototype._dir;\n/** @type {?} */\nMdDrawerContainer.prototype._element;\n/** @type {?} */\nMdDrawerContainer.prototype._renderer;\n/** @type {?} */\nMdDrawerContainer.prototype._ngZone;\n/** @type {?} */\nMdDrawerContainer.prototype._changeDetectorRef;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"],"names":[],"mappings":"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"}

package/esm2015/slide-toggle.js

@@ -0,0 +1,429 @@
+/**
+ * @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 { ObserversModule } from '@angular/cdk/observers';
+import { Platform, PlatformModule } from '@angular/cdk/platform';
+import { Attribute, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, NgModule, Output, Renderer2, ViewChild, ViewEncapsulation, forwardRef } from '@angular/core';
+import { GestureConfig, MATERIAL_COMPATIBILITY_MODE, MdCommonModule, MdRipple, MdRippleModule, applyCssTransform, mixinColor, mixinDisableRipple, mixinDisabled, mixinTabIndex } from '@angular/material/core';
+import { HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
+import { A11yModule, FocusMonitor } from '@angular/cdk/a11y';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+// Increasing integer for generating unique ids for slide-toggle components.
+let nextUniqueId = 0;
+const MD_SLIDE_TOGGLE_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => MdSlideToggle),
+    multi: true
+};
+/**
+ * Change event object emitted by a MdSlideToggle.
+ */
+class MdSlideToggleChange {
+}
+/**
+ * \@docs-private
+ */
+class MdSlideToggleBase {
+    /**
+     * @param {?} _renderer
+     * @param {?} _elementRef
+     */
+    constructor(_renderer, _elementRef) {
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+    }
+}
+const _MdSlideToggleMixinBase = mixinTabIndex(mixinColor(mixinDisableRipple(mixinDisabled(MdSlideToggleBase)), 'accent'));
+/**
+ * Represents a slidable "switch" toggle that can be moved between on and off.
+ */
+class MdSlideToggle extends _MdSlideToggleMixinBase {
+    /**
+     * @param {?} elementRef
+     * @param {?} renderer
+     * @param {?} _platform
+     * @param {?} _focusMonitor
+     * @param {?} _changeDetectorRef
+     * @param {?} tabIndex
+     */
+    constructor(elementRef, renderer, _platform, _focusMonitor, _changeDetectorRef, tabIndex) {
+        super(renderer, elementRef);
+        this._platform = _platform;
+        this._focusMonitor = _focusMonitor;
+        this._changeDetectorRef = _changeDetectorRef;
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+        this._uniqueId = `md-slide-toggle-${++nextUniqueId}`;
+        this._required = false;
+        this._checked = false;
+        /**
+         * Name value will be applied to the input element if present
+         */
+        this.name = null;
+        /**
+         * A unique id for the slide-toggle input. If none is supplied, it will be auto-generated.
+         */
+        this.id = this._uniqueId;
+        /**
+         * Whether the label should appear after or before the slide-toggle. Defaults to 'after'
+         */
+        this.labelPosition = 'after';
+        /**
+         * Used to set the aria-label attribute on the underlying input element.
+         */
+        this.ariaLabel = null;
+        /**
+         * Used to set the aria-labelledby attribute on the underlying input element.
+         */
+        this.ariaLabelledby = null;
+        /**
+         * An event will be dispatched each time the slide-toggle changes its value.
+         */
+        this.change = new EventEmitter();
+        this.tabIndex = parseInt(tabIndex) || 0;
+    }
+    /**
+     * Whether the slide-toggle is required.
+     * @return {?}
+     */
+    get required() { return this._required; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set required(value) { this._required = coerceBooleanProperty(value); }
+    /**
+     * Whether the slide-toggle element is checked or not
+     * @return {?}
+     */
+    get checked() { return this._checked; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set checked(value) {
+        this._checked = !!value;
+        this._changeDetectorRef.markForCheck();
+    }
+    /**
+     * Returns the unique id for the visual hidden input.
+     * @return {?}
+     */
+    get inputId() { return `${this.id || this._uniqueId}-input`; }
+    /**
+     * @return {?}
+     */
+    ngAfterContentInit() {
+        this._slideRenderer = new SlideToggleRenderer(this._elementRef, this._platform);
+        this._focusMonitor
+            .monitor(this._inputElement.nativeElement, this._renderer, false)
+            .subscribe(focusOrigin => this._onInputFocusChange(focusOrigin));
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this._focusMonitor.stopMonitoring(this._inputElement.nativeElement);
+    }
+    /**
+     * This function will called if the underlying input changed its value through user interaction.
+     * @param {?} event
+     * @return {?}
+     */
+    _onChangeEvent(event) {
+        // We always have to stop propagation on the change event.
+        // Otherwise the change event, from the input element, will bubble up and
+        // emit its event object to the component's `change` output.
+        event.stopPropagation();
+        // Sync the value from the underlying input element with the slide-toggle component.
+        this.checked = this._inputElement.nativeElement.checked;
+        // Emit our custom change event if the native input emitted one.
+        // It is important to only emit it, if the native input triggered one, because we don't want
+        // to trigger a change event, when the `checked` variable changes programmatically.
+        this._emitChangeEvent();
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    _onInputClick(event) {
+        // In some situations the user will release the mouse on the label element. The label element
+        // redirects the click to the underlying input element and will result in a value change.
+        // Prevent the default behavior if dragging, because the value will be set after drag.
+        if (this._slideRenderer.dragging) {
+            event.preventDefault();
+        }
+        // We have to stop propagation for click events on the visual hidden input element.
+        // By default, when a user clicks on a label element, a generated click event will be
+        // dispatched on the associated input element. Since we are using a label element as our
+        // root container, the click event on the `slide-toggle` will be executed twice.
+        // The real click event will bubble up, and the generated click event also tries to bubble up.
+        // This will lead to multiple click events.
+        // Preventing bubbling for the second event will solve that issue.
+        event.stopPropagation();
+    }
+    /**
+     * Implemented as part of ControlValueAccessor.
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    /**
+     * Implemented as part of ControlValueAccessor.
+     * @param {?} fn
+     * @return {?}
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * Implemented as part of ControlValueAccessor.
+     * @param {?} fn
+     * @return {?}
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * Implemented as a part of ControlValueAccessor.
+     * @param {?} isDisabled
+     * @return {?}
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.markForCheck();
+    }
+    /**
+     * Focuses the slide-toggle.
+     * @return {?}
+     */
+    focus() {
+        this._focusMonitor.focusVia(this._inputElement.nativeElement, 'keyboard');
+    }
+    /**
+     * Toggles the checked state of the slide-toggle.
+     * @return {?}
+     */
+    toggle() {
+        this.checked = !this.checked;
+    }
+    /**
+     * Function is called whenever the focus changes for the input element.
+     * @param {?} focusOrigin
+     * @return {?}
+     */
+    _onInputFocusChange(focusOrigin) {
+        if (!this._focusRipple && focusOrigin === 'keyboard') {
+            // For keyboard focus show a persistent ripple as focus indicator.
+            this._focusRipple = this._ripple.launch(0, 0, { persistent: true, centered: true });
+        }
+        else if (!focusOrigin) {
+            this.onTouched();
+            // Fade out and clear the focus ripple if one is currently present.
+            if (this._focusRipple) {
+                this._focusRipple.fadeOut();
+                this._focusRipple = null;
+            }
+        }
+    }
+    /**
+     * Emits a change event on the `change` output. Also notifies the FormControl about the change.
+     * @return {?}
+     */
+    _emitChangeEvent() {
+        let /** @type {?} */ event = new MdSlideToggleChange();
+        event.source = this;
+        event.checked = this.checked;
+        this.change.emit(event);
+        this.onChange(this.checked);
+    }
+    /**
+     * @return {?}
+     */
+    _onDragStart() {
+        if (!this.disabled) {
+            this._slideRenderer.startThumbDrag(this.checked);
+        }
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    _onDrag(event) {
+        if (this._slideRenderer.dragging) {
+            this._slideRenderer.updateThumbPosition(event.deltaX);
+        }
+    }
+    /**
+     * @return {?}
+     */
+    _onDragEnd() {
+        if (this._slideRenderer.dragging) {
+            let /** @type {?} */ _previousChecked = this.checked;
+            this.checked = this._slideRenderer.dragPercentage > 50;
+            if (_previousChecked !== this.checked) {
+                this._emitChangeEvent();
+            }
+            // The drag should be stopped outside of the current event handler, because otherwise the
+            // click event will be fired before and will revert the drag change.
+            setTimeout(() => this._slideRenderer.stopThumbDrag());
+        }
+    }
+    /**
+     * Method being called whenever the label text changes.
+     * @return {?}
+     */
+    _onLabelTextChange() {
+        // This method is getting called whenever the label of the slide-toggle changes.
+        // Since the slide-toggle uses the OnPush strategy we need to notify it about the change
+        // that has been recognized by the cdkObserveContent directive.
+        this._changeDetectorRef.markForCheck();
+    }
+}
+MdSlideToggle.decorators = [
+    { type: Component, args: [{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"',
+                },
+                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}"],
+                providers: [MD_SLIDE_TOGGLE_VALUE_ACCESSOR],
+                viewProviders: [{ provide: MATERIAL_COMPATIBILITY_MODE, useValue: true }],
+                inputs: ['disabled', 'disableRipple', 'color', 'tabIndex'],
+                encapsulation: ViewEncapsulation.None,
+                preserveWhitespaces: false,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MdSlideToggle.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: Platform, },
+    { type: FocusMonitor, },
+    { type: ChangeDetectorRef, },
+    { type: undefined, decorators: [{ type: Attribute, args: ['tabindex',] },] },
+];
+MdSlideToggle.propDecorators = {
+    'name': [{ type: Input },],
+    'id': [{ type: Input },],
+    'labelPosition': [{ type: Input },],
+    'ariaLabel': [{ type: Input, args: ['aria-label',] },],
+    'ariaLabelledby': [{ type: Input, args: ['aria-labelledby',] },],
+    'required': [{ type: Input },],
+    'checked': [{ type: Input },],
+    'change': [{ type: Output },],
+    '_inputElement': [{ type: ViewChild, args: ['input',] },],
+    '_ripple': [{ type: ViewChild, args: [MdRipple,] },],
+};
+/**
+ * Renderer for the Slide Toggle component, which separates DOM modification in its own class
+ */
+class SlideToggleRenderer {
+    /**
+     * @param {?} elementRef
+     * @param {?} platform
+     */
+    constructor(elementRef, platform) {
+        /**
+         * Whether the thumb is currently being dragged.
+         */
+        this.dragging = false;
+        // We only need to interact with these elements when we're on the browser, so only grab
+        // the reference in that case.
+        if (platform.isBrowser) {
+            this._thumbEl = elementRef.nativeElement.querySelector('.mat-slide-toggle-thumb-container');
+            this._thumbBarEl = elementRef.nativeElement.querySelector('.mat-slide-toggle-bar');
+        }
+    }
+    /**
+     * Initializes the drag of the slide-toggle.
+     * @param {?} checked
+     * @return {?}
+     */
+    startThumbDrag(checked) {
+        if (this.dragging) {
+            return;
+        }
+        this._thumbBarWidth = this._thumbBarEl.clientWidth - this._thumbEl.clientWidth;
+        this._thumbEl.classList.add('mat-dragging');
+        this._previousChecked = checked;
+        this.dragging = true;
+    }
+    /**
+     * Resets the current drag and returns the new checked value.
+     * @return {?}
+     */
+    stopThumbDrag() {
+        if (!this.dragging) {
+            return false;
+        }
+        this.dragging = false;
+        this._thumbEl.classList.remove('mat-dragging');
+        // Reset the transform because the component will take care of the thumb position after drag.
+        applyCssTransform(this._thumbEl, '');
+        return this.dragPercentage > 50;
+    }
+    /**
+     * Updates the thumb containers position from the specified distance.
+     * @param {?} distance
+     * @return {?}
+     */
+    updateThumbPosition(distance) {
+        this.dragPercentage = this._getDragPercentage(distance);
+        // Calculate the moved distance based on the thumb bar width.
+        let /** @type {?} */ dragX = (this.dragPercentage / 100) * this._thumbBarWidth;
+        applyCssTransform(this._thumbEl, `translate3d(${dragX}px, 0, 0)`);
+    }
+    /**
+     * Retrieves the percentage of thumb from the moved distance. Percentage as fraction of 100.
+     * @param {?} distance
+     * @return {?}
+     */
+    _getDragPercentage(distance) {
+        let /** @type {?} */ percentage = (distance / this._thumbBarWidth) * 100;
+        // When the toggle was initially checked, then we have to start the drag at the end.
+        if (this._previousChecked) {
+            percentage += 100;
+        }
+        return Math.max(0, Math.min(percentage, 100));
+    }
+}
+
+class MdSlideToggleModule {
+}
+MdSlideToggleModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [MdRippleModule, MdCommonModule, PlatformModule, ObserversModule, A11yModule],
+                exports: [MdSlideToggle, MdCommonModule],
+                declarations: [MdSlideToggle],
+                providers: [
+                    { provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig }
+                ],
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MdSlideToggleModule.ctorParameters = () => [];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MdSlideToggleModule, MD_SLIDE_TOGGLE_VALUE_ACCESSOR, MdSlideToggleChange, MdSlideToggleBase, _MdSlideToggleMixinBase, MdSlideToggle, MD_SLIDE_TOGGLE_VALUE_ACCESSOR as MAT_SLIDE_TOGGLE_VALUE_ACCESSOR, MdSlideToggle as MatSlideToggle, MdSlideToggleBase as MatSlideToggleBase, MdSlideToggleChange as MatSlideToggleChange, MdSlideToggleModule as MatSlideToggleModule };
+//# sourceMappingURL=slide-toggle.js.map

package/esm2015/slide-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-toggle.js","sources":["../../../src/lib/slide-toggle/index.ts","../../../src/lib/slide-toggle/slide-toggle-module.ts","../../../src/lib/slide-toggle/slide-toggle.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {MdSlideToggleModule,MD_SLIDE_TOGGLE_VALUE_ACCESSOR,MdSlideToggleChange,MdSlideToggleBase,_MdSlideToggleMixinBase,MdSlideToggle,MAT_SLIDE_TOGGLE_VALUE_ACCESSOR,MatSlideToggle,MatSlideToggleBase,MatSlideToggleChange,MatSlideToggleModule} from './public_api';\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {ObserversModule} from '@angular/cdk/observers';\nimport {PlatformModule} from '@angular/cdk/platform';\nimport {NgModule} from '@angular/core';\nimport {\n  GestureConfig,\n  MdCommonModule,\n  MdRippleModule,\n} from '@angular/material/core';\nimport {HAMMER_GESTURE_CONFIG} from '@angular/platform-browser';\nimport {A11yModule} from '@angular/cdk/a11y';\nimport {MdSlideToggle} from './slide-toggle';\nexport class MdSlideToggleModule {static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n  imports: [MdRippleModule, MdCommonModule, PlatformModule, ObserversModule, A11yModule],\n  exports: [MdSlideToggle, MdCommonModule],\n  declarations: [MdSlideToggle],\n  providers: [\n    {provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig}\n  ],\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction MdSlideToggleModule_tsickle_Closure_declarations() {\n/** @type {?} */\nMdSlideToggleModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdSlideToggleModule.ctorParameters;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {\n  AfterContentInit,\n  Attribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  Input,\n  OnDestroy,\n  Output,\n  Renderer2,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\nimport {Platform} from '@angular/cdk/platform';\nimport {coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {\n  applyCssTransform,\n  CanColor,\n  CanDisable,\n  CanDisableRipple,\n  HammerInput,\n  HasTabIndex,\n  MATERIAL_COMPATIBILITY_MODE,\n  MdRipple,\n  mixinColor,\n  mixinDisabled,\n  mixinDisableRipple,\n  mixinTabIndex,\n  RippleRef,\n} from '@angular/material/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {FocusMonitor, FocusOrigin} from '@angular/cdk/a11y';\n\n// Increasing integer for generating unique ids for slide-toggle components.\nlet /** @type {?} */ nextUniqueId = 0;\n\nexport const /** @type {?} */ MD_SLIDE_TOGGLE_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => MdSlideToggle),\n  multi: true\n};\n/**\n * Change event object emitted by a MdSlideToggle.\n */\nexport class MdSlideToggleChange {\n  source: MdSlideToggle;\n  checked: boolean;\n}\n\nfunction MdSlideToggleChange_tsickle_Closure_declarations() {\n/** @type {?} */\nMdSlideToggleChange.prototype.source;\n/** @type {?} */\nMdSlideToggleChange.prototype.checked;\n}\n\n/**\n * \\@docs-private\n */\nexport class MdSlideToggleBase {\n/**\n * @param {?} _renderer\n * @param {?} _elementRef\n */\nconstructor(public _renderer: Renderer2,\npublic _elementRef: ElementRef) {}\n}\n\nfunction MdSlideToggleBase_tsickle_Closure_declarations() {\n/** @type {?} */\nMdSlideToggleBase.prototype._renderer;\n/** @type {?} */\nMdSlideToggleBase.prototype._elementRef;\n}\n\nexport const /** @type {?} */ _MdSlideToggleMixinBase =\n  mixinTabIndex(mixinColor(mixinDisableRipple(mixinDisabled(MdSlideToggleBase)), 'accent'));\n/**\n * Represents a slidable \"switch\" toggle that can be moved between on and off.\n */\nexport class MdSlideToggle extends _MdSlideToggleMixinBase implements OnDestroy, AfterContentInit,\n    ControlValueAccessor, CanDisable, CanColor, HasTabIndex, CanDisableRipple {\nprivate onChange = (_: any) => {};\nprivate onTouched = () => {};\nprivate _uniqueId: string = `md-slide-toggle-${++nextUniqueId}`;\nprivate _slideRenderer: SlideToggleRenderer;\nprivate _required: boolean = false;\nprivate _checked: boolean = false;\n/**\n * Reference to the focus state ripple.\n */\nprivate _focusRipple: RippleRef | null;\n/**\n * Name value will be applied to the input element if present\n */\nname: string | null = null;\n/**\n * A unique id for the slide-toggle input. If none is supplied, it will be auto-generated.\n */\nid: string = this._uniqueId;\n/**\n * Whether the label should appear after or before the slide-toggle. Defaults to 'after'\n */\nlabelPosition: 'before' | 'after' = 'after';\n/**\n * Used to set the aria-label attribute on the underlying input element.\n */\nariaLabel: string | null = null;\n/**\n * Used to set the aria-labelledby attribute on the underlying input element.\n */\nariaLabelledby: string | null = null;\n/**\n * Whether the slide-toggle is required.\n * @return {?}\n */\nget required(): boolean { return this._required; }\n/**\n * @param {?} value\n * @return {?}\n */\nset required(value) { this._required = coerceBooleanProperty(value); }\n/**\n * Whether the slide-toggle element is checked or not\n * @return {?}\n */\nget checked(): boolean { return this._checked; }\n/**\n * @param {?} value\n * @return {?}\n */\nset checked(value) {\n    this._checked = !!value;\n    this._changeDetectorRef.markForCheck();\n  }\n/**\n * An event will be dispatched each time the slide-toggle changes its value.\n */\nchange: EventEmitter<MdSlideToggleChange> = new EventEmitter<MdSlideToggleChange>();\n/**\n * Returns the unique id for the visual hidden input.\n * @return {?}\n */\nget inputId(): string { return `${this.id || this._uniqueId}-input`; }\n/**\n * Reference to the underlying input element.\n */\n_inputElement: ElementRef;\n/**\n * Reference to the ripple directive on the thumb container.\n */\n_ripple: MdRipple;\n/**\n * @param {?} elementRef\n * @param {?} renderer\n * @param {?} _platform\n * @param {?} _focusMonitor\n * @param {?} _changeDetectorRef\n * @param {?} tabIndex\n */\nconstructor(elementRef: ElementRef,\n              renderer: Renderer2,\nprivate _platform: Platform,\nprivate _focusMonitor: FocusMonitor,\nprivate _changeDetectorRef: ChangeDetectorRef,\n               tabIndex: string) {\n    super(renderer, elementRef);\n\n    this.tabIndex = parseInt(tabIndex) || 0;\n  }\n/**\n * @return {?}\n */\nngAfterContentInit() {\n    this._slideRenderer = new SlideToggleRenderer(this._elementRef, this._platform);\n\n    this._focusMonitor\n      .monitor(this._inputElement.nativeElement, this._renderer, false)\n      .subscribe(focusOrigin => this._onInputFocusChange(focusOrigin));\n  }\n/**\n * @return {?}\n */\nngOnDestroy() {\n    this._focusMonitor.stopMonitoring(this._inputElement.nativeElement);\n  }\n/**\n * This function will called if the underlying input changed its value through user interaction.\n * @param {?} event\n * @return {?}\n */\n_onChangeEvent(event: Event) {\n    // We always have to stop propagation on the change event.\n    // Otherwise the change event, from the input element, will bubble up and\n    // emit its event object to the component's `change` output.\n    event.stopPropagation();\n\n    // Sync the value from the underlying input element with the slide-toggle component.\n    this.checked = this._inputElement.nativeElement.checked;\n\n    // Emit our custom change event if the native input emitted one.\n    // It is important to only emit it, if the native input triggered one, because we don't want\n    // to trigger a change event, when the `checked` variable changes programmatically.\n    this._emitChangeEvent();\n  }\n/**\n * @param {?} event\n * @return {?}\n */\n_onInputClick(event: Event) {\n    // In some situations the user will release the mouse on the label element. The label element\n    // redirects the click to the underlying input element and will result in a value change.\n    // Prevent the default behavior if dragging, because the value will be set after drag.\n    if (this._slideRenderer.dragging) {\n      event.preventDefault();\n    }\n\n    // We have to stop propagation for click events on the visual hidden input element.\n    // By default, when a user clicks on a label element, a generated click event will be\n    // dispatched on the associated input element. Since we are using a label element as our\n    // root container, the click event on the `slide-toggle` will be executed twice.\n    // The real click event will bubble up, and the generated click event also tries to bubble up.\n    // This will lead to multiple click events.\n    // Preventing bubbling for the second event will solve that issue.\n    event.stopPropagation();\n  }\n/**\n * Implemented as part of ControlValueAccessor.\n * @param {?} value\n * @return {?}\n */\nwriteValue(value: any): void {\n    this.checked = !!value;\n  }\n/**\n * Implemented as part of ControlValueAccessor.\n * @param {?} fn\n * @return {?}\n */\nregisterOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n/**\n * Implemented as part of ControlValueAccessor.\n * @param {?} fn\n * @return {?}\n */\nregisterOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n/**\n * Implemented as a part of ControlValueAccessor.\n * @param {?} isDisabled\n * @return {?}\n */\nsetDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this._changeDetectorRef.markForCheck();\n  }\n/**\n * Focuses the slide-toggle.\n * @return {?}\n */\nfocus() {\n    this._focusMonitor.focusVia(this._inputElement.nativeElement, 'keyboard');\n  }\n/**\n * Toggles the checked state of the slide-toggle.\n * @return {?}\n */\ntoggle() {\n    this.checked = !this.checked;\n  }\n/**\n * Function is called whenever the focus changes for the input element.\n * @param {?} focusOrigin\n * @return {?}\n */\nprivate _onInputFocusChange(focusOrigin: FocusOrigin) {\n    if (!this._focusRipple && focusOrigin === 'keyboard') {\n      // For keyboard focus show a persistent ripple as focus indicator.\n      this._focusRipple = this._ripple.launch(0, 0, {persistent: true, centered: true});\n    } else if (!focusOrigin) {\n      this.onTouched();\n\n      // Fade out and clear the focus ripple if one is currently present.\n      if (this._focusRipple) {\n        this._focusRipple.fadeOut();\n        this._focusRipple = null;\n      }\n    }\n  }\n/**\n * Emits a change event on the `change` output. Also notifies the FormControl about the change.\n * @return {?}\n */\nprivate _emitChangeEvent() {\n    let /** @type {?} */ event = new MdSlideToggleChange();\n    event.source = this;\n    event.checked = this.checked;\n    this.change.emit(event);\n    this.onChange(this.checked);\n  }\n/**\n * @return {?}\n */\n_onDragStart() {\n    if (!this.disabled) {\n      this._slideRenderer.startThumbDrag(this.checked);\n    }\n  }\n/**\n * @param {?} event\n * @return {?}\n */\n_onDrag(event: HammerInput) {\n    if (this._slideRenderer.dragging) {\n      this._slideRenderer.updateThumbPosition(event.deltaX);\n    }\n  }\n/**\n * @return {?}\n */\n_onDragEnd() {\n    if (this._slideRenderer.dragging) {\n      let /** @type {?} */ _previousChecked = this.checked;\n      this.checked = this._slideRenderer.dragPercentage > 50;\n\n      if (_previousChecked !== this.checked) {\n        this._emitChangeEvent();\n      }\n\n      // The drag should be stopped outside of the current event handler, because otherwise the\n      // click event will be fired before and will revert the drag change.\n      setTimeout(() => this._slideRenderer.stopThumbDrag());\n    }\n  }\n/**\n * Method being called whenever the label text changes.\n * @return {?}\n */\n_onLabelTextChange() {\n    // This method is getting called whenever the label of the slide-toggle changes.\n    // Since the slide-toggle uses the OnPush strategy we need to notify it about the change\n    // that has been recognized by the cdkObserveContent directive.\n    this._changeDetectorRef.markForCheck();\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  moduleId: module.id,\n  selector: 'md-slide-toggle, mat-slide-toggle',\n  host: {\n    'class': 'mat-slide-toggle',\n    '[id]': 'id',\n    '[class.mat-checked]': 'checked',\n    '[class.mat-disabled]': 'disabled',\n    '[class.mat-slide-toggle-label-before]': 'labelPosition == \"before\"',\n  },\n  templateUrl: 'slide-toggle.html',\n  styleUrls: ['slide-toggle.css'],\n  providers: [MD_SLIDE_TOGGLE_VALUE_ACCESSOR],\n  viewProviders: [{provide: MATERIAL_COMPATIBILITY_MODE, useValue: true}],\n  inputs: ['disabled', 'disableRipple', 'color', 'tabIndex'],\n  encapsulation: ViewEncapsulation.None,\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: Platform, },\n{type: FocusMonitor, },\n{type: ChangeDetectorRef, },\n{type: undefined, decorators: [{ type: Attribute, args: ['tabindex', ] }, ]},\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'name': [{ type: Input },],\n'id': [{ type: Input },],\n'labelPosition': [{ type: Input },],\n'ariaLabel': [{ type: Input, args: ['aria-label', ] },],\n'ariaLabelledby': [{ type: Input, args: ['aria-labelledby', ] },],\n'required': [{ type: Input },],\n'checked': [{ type: Input },],\n'change': [{ type: Output },],\n'_inputElement': [{ type: ViewChild, args: ['input', ] },],\n'_ripple': [{ type: ViewChild, args: [MdRipple, ] },],\n};\n}\n\nfunction MdSlideToggle_tsickle_Closure_declarations() {\n/** @type {?} */\nMdSlideToggle.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdSlideToggle.ctorParameters;\n/** @type {?} */\nMdSlideToggle.propDecorators;\n/** @type {?} */\nMdSlideToggle.prototype.onChange;\n/** @type {?} */\nMdSlideToggle.prototype.onTouched;\n/** @type {?} */\nMdSlideToggle.prototype._uniqueId;\n/** @type {?} */\nMdSlideToggle.prototype._slideRenderer;\n/** @type {?} */\nMdSlideToggle.prototype._required;\n/** @type {?} */\nMdSlideToggle.prototype._checked;\n/**\n * Reference to the focus state ripple.\n * @type {?}\n */\nMdSlideToggle.prototype._focusRipple;\n/**\n * Name value will be applied to the input element if present\n * @type {?}\n */\nMdSlideToggle.prototype.name;\n/**\n * A unique id for the slide-toggle input. If none is supplied, it will be auto-generated.\n * @type {?}\n */\nMdSlideToggle.prototype.id;\n/**\n * Whether the label should appear after or before the slide-toggle. Defaults to 'after'\n * @type {?}\n */\nMdSlideToggle.prototype.labelPosition;\n/**\n * Used to set the aria-label attribute on the underlying input element.\n * @type {?}\n */\nMdSlideToggle.prototype.ariaLabel;\n/**\n * Used to set the aria-labelledby attribute on the underlying input element.\n * @type {?}\n */\nMdSlideToggle.prototype.ariaLabelledby;\n/**\n * An event will be dispatched each time the slide-toggle changes its value.\n * @type {?}\n */\nMdSlideToggle.prototype.change;\n/**\n * Reference to the underlying input element.\n * @type {?}\n */\nMdSlideToggle.prototype._inputElement;\n/**\n * Reference to the ripple directive on the thumb container.\n * @type {?}\n */\nMdSlideToggle.prototype._ripple;\n/** @type {?} */\nMdSlideToggle.prototype._platform;\n/** @type {?} */\nMdSlideToggle.prototype._focusMonitor;\n/** @type {?} */\nMdSlideToggle.prototype._changeDetectorRef;\n}\n\n/**\n * Renderer for the Slide Toggle component, which separates DOM modification in its own class\n */\nclass SlideToggleRenderer {\n/**\n * Reference to the thumb HTMLElement.\n */\nprivate _thumbEl: HTMLElement;\n/**\n * Reference to the thumb bar HTMLElement.\n */\nprivate _thumbBarEl: HTMLElement;\n/**\n * Width of the thumb bar of the slide-toggle.\n */\nprivate _thumbBarWidth: number;\n/**\n * Previous checked state before drag started.\n */\nprivate _previousChecked: boolean;\n/**\n * Percentage of the thumb while dragging. Percentage as fraction of 100.\n */\ndragPercentage: number;\n/**\n * Whether the thumb is currently being dragged.\n */\ndragging: boolean = false;\n/**\n * @param {?} elementRef\n * @param {?} platform\n */\nconstructor(elementRef: ElementRef, platform: Platform) {\n    // We only need to interact with these elements when we're on the browser, so only grab\n    // the reference in that case.\n    if (platform.isBrowser) {\n      this._thumbEl = elementRef.nativeElement.querySelector('.mat-slide-toggle-thumb-container');\n      this._thumbBarEl = elementRef.nativeElement.querySelector('.mat-slide-toggle-bar');\n    }\n  }\n/**\n * Initializes the drag of the slide-toggle.\n * @param {?} checked\n * @return {?}\n */\nstartThumbDrag(checked: boolean) {\n    if (this.dragging) { return; }\n\n    this._thumbBarWidth = this._thumbBarEl.clientWidth - this._thumbEl.clientWidth;\n    this._thumbEl.classList.add('mat-dragging');\n\n    this._previousChecked = checked;\n    this.dragging = true;\n  }\n/**\n * Resets the current drag and returns the new checked value.\n * @return {?}\n */\nstopThumbDrag(): boolean {\n    if (!this.dragging) { return false; }\n\n    this.dragging = false;\n    this._thumbEl.classList.remove('mat-dragging');\n\n    // Reset the transform because the component will take care of the thumb position after drag.\n    applyCssTransform(this._thumbEl, '');\n\n    return this.dragPercentage > 50;\n  }\n/**\n * Updates the thumb containers position from the specified distance.\n * @param {?} distance\n * @return {?}\n */\nupdateThumbPosition(distance: number) {\n    this.dragPercentage = this._getDragPercentage(distance);\n    // Calculate the moved distance based on the thumb bar width.\n    let /** @type {?} */ dragX = (this.dragPercentage / 100) * this._thumbBarWidth;\n    applyCssTransform(this._thumbEl, `translate3d(${dragX}px, 0, 0)`);\n  }\n/**\n * Retrieves the percentage of thumb from the moved distance. Percentage as fraction of 100.\n * @param {?} distance\n * @return {?}\n */\nprivate _getDragPercentage(distance: number) {\n    let /** @type {?} */ percentage = (distance / this._thumbBarWidth) * 100;\n\n    // When the toggle was initially checked, then we have to start the drag at the end.\n    if (this._previousChecked) {\n      percentage += 100;\n    }\n\n    return Math.max(0, Math.min(percentage, 100));\n  }\n\n}\n\nfunction SlideToggleRenderer_tsickle_Closure_declarations() {\n/**\n * Reference to the thumb HTMLElement.\n * @type {?}\n */\nSlideToggleRenderer.prototype._thumbEl;\n/**\n * Reference to the thumb bar HTMLElement.\n * @type {?}\n */\nSlideToggleRenderer.prototype._thumbBarEl;\n/**\n * Width of the thumb bar of the slide-toggle.\n * @type {?}\n */\nSlideToggleRenderer.prototype._thumbBarWidth;\n/**\n * Previous checked state before drag started.\n * @type {?}\n */\nSlideToggleRenderer.prototype._previousChecked;\n/**\n * Percentage of the thumb while dragging. Percentage as fraction of 100.\n * @type {?}\n */\nSlideToggleRenderer.prototype.dragPercentage;\n/**\n * Whether the thumb is currently being dragged.\n * @type {?}\n */\nSlideToggleRenderer.prototype.dragging;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"],"names":[],"mappings":"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"}