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

package/select/select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["select/select.ts"],"names":[],"mappings":"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","file":"select.js","sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Optional,\n  Output,\n  QueryList,\n  Renderer,\n  ViewEncapsulation,\n  ViewChild,\n} from '@angular/core';\nimport {MdOption} from './option';\nimport {ENTER, SPACE} from '../core/keyboard/keycodes';\nimport {ListKeyManager} from '../core/a11y/list-key-manager';\nimport {Dir} from '../core/rtl/dir';\nimport {Subscription} from 'rxjs/Subscription';\nimport {transformPlaceholder, transformPanel, fadeInContent} from './select-animations';\nimport {ControlValueAccessor, NgControl} from '@angular/forms';\nimport {coerceBooleanProperty} from '../core/coercion/boolean-property';\nimport {ConnectedOverlayDirective} from '../core/overlay/overlay-directives';\nimport {ViewportRuler} from '../core/overlay/position/viewport-ruler';\n\n/**\n * The following style constants are necessary to save here in order\n * to properly calculate the alignment of the selected option over\n * the trigger element.\n */\n\n/** The fixed height of every option element. */\nexport const SELECT_OPTION_HEIGHT = 48;\n\n/** The max height of the select's overlay panel */\nexport const SELECT_PANEL_MAX_HEIGHT = 256;\n\n/** The max number of options visible at once in the select panel. */\nexport const SELECT_MAX_OPTIONS_DISPLAYED = 5;\n\n/** The fixed height of the select's trigger element. */\nexport const SELECT_TRIGGER_HEIGHT = 30;\n\n/**\n * Must adjust for the difference in height between the option and the trigger,\n * so the text will align on the y axis.\n * (SELECT_OPTION_HEIGHT (48) - SELECT_TRIGGER_HEIGHT (30)) / 2 = 9\n */\nexport const SELECT_OPTION_HEIGHT_ADJUSTMENT = 9;\n\n/** The panel's padding on the x-axis */\nexport const SELECT_PANEL_PADDING_X = 16;\n\n/**\n * The panel's padding on the y-axis. This padding indicates there are more\n * options available if you scroll.\n */\nexport const SELECT_PANEL_PADDING_Y = 16;\n\n/**\n * The select panel will only \"fit\" inside the viewport if it is positioned at\n * this value or more away from the viewport boundary.\n */\nexport const SELECT_PANEL_VIEWPORT_PADDING = 8;\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-select, mat-select',\n  templateUrl: 'select.html',\n  styleUrls: ['select.css'],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'role': 'listbox',\n    '[attr.tabindex]': '_getTabIndex()',\n    '[attr.aria-label]': 'placeholder',\n    '[attr.aria-required]': 'required.toString()',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '[attr.aria-invalid]': '_control?.invalid || \"false\"',\n    '[attr.aria-owns]': '_optionIds',\n    '[class.md-select-disabled]': 'disabled',\n    '(keydown)': '_handleKeydown($event)',\n    '(blur)': '_onBlur()'\n  },\n  animations: [\n    transformPlaceholder,\n    transformPanel,\n    fadeInContent\n  ],\n  exportAs: 'mdSelect',\n})\nexport class MdSelect implements AfterContentInit, ControlValueAccessor, OnDestroy {\n  /** Whether or not the overlay panel is open. */\n  private _panelOpen = false;\n\n  /** The currently selected option. */\n  private _selected: MdOption;\n\n  /** Subscriptions to option events. */\n  private _subscriptions: Subscription[] = [];\n\n  /** Subscription to changes in the option list. */\n  private _changeSubscription: Subscription;\n\n  /** Subscription to tab events while overlay is focused. */\n  private _tabSubscription: Subscription;\n\n  /** Whether filling out the select is required in the form.  */\n  private _required: boolean = false;\n\n  /** Whether the select is disabled.  */\n  private _disabled: boolean = false;\n\n  /** The scroll position of the overlay panel, calculated to center the selected option. */\n  private _scrollTop = 0;\n\n  /** The placeholder displayed in the trigger of the select. */\n  private _placeholder: string;\n\n  /** The animation state of the placeholder. */\n  _placeholderState = '';\n\n  /**\n   * The width of the trigger. Must be saved to set the min width of the overlay panel\n   * and the width of the selected value.\n   */\n  _triggerWidth: number;\n\n  /**\n   * The width of the selected option's value. Must be set programmatically\n   * to ensure its overflow is clipped, as it's absolutely positioned.\n   */\n  _selectedValueWidth: number;\n\n  /** Manages keyboard events for options in the panel. */\n  _keyManager: ListKeyManager;\n\n  /** View -> model callback called when value changes */\n  _onChange = (value: any) => {};\n\n  /** View -> model callback called when select has been touched */\n  _onTouched = () => {};\n\n  /** The IDs of child options to be passed to the aria-owns attribute. */\n  _optionIds: string = '';\n\n  /** The value of the select panel's transform-origin property. */\n  _transformOrigin: string = 'top';\n\n  /**\n   * The x-offset of the overlay panel in relation to the trigger's top start corner.\n   * This must be adjusted to align the selected option text over the trigger text when\n   * the panel opens. Will change based on LTR or RTL text direction.\n   */\n  _offsetX = 0;\n\n  /**\n   * The y-offset of the overlay panel in relation to the trigger's top start corner.\n   * This must be adjusted to align the selected option text over the trigger text.\n   * when the panel opens. Will change based on the y-position of the selected option.\n   */\n  _offsetY = 0;\n\n  /**\n   * This position config ensures that the top \"start\" corner of the overlay\n   * is aligned with with the top \"start\" of the origin by default (overlapping\n   * the trigger completely). If the panel cannot fit below the trigger, it\n   * will fall back to a position above the trigger.\n   */\n  _positions = [\n    {\n      originX: 'start',\n      originY: 'top',\n      overlayX: 'start',\n      overlayY: 'top',\n    },\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'bottom',\n    },\n  ];\n\n  /** Trigger that opens the select. */\n  @ViewChild('trigger') trigger: ElementRef;\n\n  /** Overlay pane containing the options. */\n  @ViewChild(ConnectedOverlayDirective) overlayDir: ConnectedOverlayDirective;\n\n  /** All of the defined select options. */\n  @ContentChildren(MdOption) options: QueryList<MdOption>;\n\n  /** Placeholder to be shown if no value has been selected. */\n  @Input()\n  get placeholder() { return this._placeholder; }\n  set placeholder(value: string) {\n    this._placeholder = value;\n\n    // Must wait to record the trigger width to ensure placeholder width is included.\n    Promise.resolve(null).then(() => this._triggerWidth = this._getWidth());\n  }\n\n  /** Whether the component is disabled. */\n  @Input()\n  get disabled() { return this._disabled; }\n  set disabled(value: any) {\n    this._disabled = coerceBooleanProperty(value);\n  }\n\n  /** Whether the component is required. */\n  @Input()\n  get required() { return this._required; }\n  set required(value: any) { this._required = coerceBooleanProperty(value); }\n\n  /** Event emitted when the select has been opened. */\n  @Output() onOpen = new EventEmitter();\n\n  /** Event emitted when the select has been closed. */\n  @Output() onClose = new EventEmitter();\n\n  constructor(private _element: ElementRef, private _renderer: Renderer,\n              private _viewportRuler: ViewportRuler, @Optional() private _dir: Dir,\n              @Optional() public _control: NgControl) {\n    if (this._control) {\n      this._control.valueAccessor = this;\n    }\n  }\n\n  ngAfterContentInit() {\n    this._initKeyManager();\n    this._resetOptions();\n    this._changeSubscription = this.options.changes.subscribe(() => this._resetOptions());\n  }\n\n  ngOnDestroy() {\n    this._dropSubscriptions();\n    this._changeSubscription.unsubscribe();\n    this._tabSubscription.unsubscribe();\n  }\n\n  /** Toggles the overlay panel open or closed. */\n  toggle(): void {\n    this.panelOpen ? this.close() : this.open();\n  }\n\n  /** Opens the overlay panel. */\n  open(): void {\n    if (this.disabled) {\n      return;\n    }\n    this._calculateOverlayPosition();\n    this._placeholderState = this._isRtl() ? 'floating-rtl' : 'floating-ltr';\n    this._panelOpen = true;\n  }\n\n  /** Closes the overlay panel and focuses the host element. */\n  close(): void {\n    this._panelOpen = false;\n    if (!this._selected) {\n      this._placeholderState = '';\n    }\n    this._focusHost();\n  }\n\n  /**\n   * Sets the select's value. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param value New value to be written to the model.\n   */\n  writeValue(value: any): void {\n    if (!this.options) {\n      // In reactive forms, writeValue() will be called synchronously before\n      // the select's child options have been created. It's necessary to call\n      // writeValue() again after the options have been created to ensure any\n      // initial view value is set.\n      Promise.resolve(null).then(() => this.writeValue(value));\n      return;\n    }\n\n    this._setSelectionByValue(value);\n  }\n\n  /**\n   * Saves a callback function to be invoked when the select's value\n   * changes from user input. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param fn Callback to be triggered when the value changes.\n   */\n  registerOnChange(fn: (value: any) => void): void {\n    this._onChange = fn;\n  }\n\n  /**\n   * Saves a callback function to be invoked when the select is blurred\n   * by the user. Part of the ControlValueAccessor interface required\n   * to integrate with Angular's core forms API.\n   *\n   * @param fn Callback to be triggered when the component has been touched.\n   */\n  registerOnTouched(fn: () => {}): void {\n    this._onTouched = fn;\n  }\n\n  /**\n   * Disables the select. Part of the ControlValueAccessor interface required\n   * to integrate with Angular's core forms API.\n   *\n   * @param isDisabled Sets whether the component is disabled.\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  /** Whether or not the overlay panel is open. */\n  get panelOpen(): boolean {\n    return this._panelOpen;\n  }\n\n  /** The currently selected option. */\n  get selected(): MdOption {\n    return this._selected;\n  }\n\n  _isRtl(): boolean {\n    return this._dir ? this._dir.value === 'rtl' : false;\n  }\n\n  /** The width of the trigger element. This is necessary to match\n   * the overlay width to the trigger width.\n   */\n  _getWidth(): number {\n    return this._getTriggerRect().width;\n  }\n\n  /** Ensures the panel opens if activated by the keyboard. */\n  _handleKeydown(event: KeyboardEvent): void {\n    if (event.keyCode === ENTER || event.keyCode === SPACE) {\n      this.open();\n    }\n  }\n\n  /**\n   * When the panel is finished animating, emits an event and focuses\n   * an option if the panel is open.\n   */\n  _onPanelDone(): void {\n    if (this.panelOpen) {\n      this._focusCorrectOption();\n      this.onOpen.emit();\n    } else {\n      this.onClose.emit();\n    }\n  }\n\n  /**\n   * Calls the touched callback only if the panel is closed. Otherwise, the trigger will\n   * \"blur\" to the panel when it opens, causing a false positive.\n   */\n  _onBlur() {\n    if (!this.panelOpen) {\n      this._onTouched();\n    }\n  }\n\n  /** Returns the correct tabindex for the select depending on disabled state. */\n  _getTabIndex() {\n    return this.disabled ? '-1' : '0';\n  }\n\n\n  /**\n   * Sets the scroll position of the scroll container. This must be called after\n   * the overlay pane is attached or the scroll container element will not yet be\n   * present in the DOM.\n   */\n  _setScrollTop(): void {\n    const scrollContainer =\n        this.overlayDir.overlayRef.overlayElement.querySelector('.md-select-panel');\n    scrollContainer.scrollTop = this._scrollTop;\n  }\n\n  /**\n   * Sets the selected option based on a value. If no option can be\n   * found with the designated value, the select trigger is cleared.\n   */\n  private _setSelectionByValue(value: any): void {\n    const options = this.options.toArray();\n\n    for (let i = 0; i < this.options.length; i++) {\n      if (options[i].value === value) {\n        options[i].select();\n        return;\n      }\n    }\n\n    // Clear selection if no item was selected.\n    this._clearSelection();\n  }\n\n  /** Clears the select trigger and deselects every option in the list. */\n  private _clearSelection(): void {\n    this._selected = null;\n    this._updateOptions();\n  }\n\n  private _getTriggerRect(): ClientRect {\n    return this.trigger.nativeElement.getBoundingClientRect();\n  }\n\n  /** Sets up a key manager to listen to keyboard events on the overlay panel. */\n  private _initKeyManager() {\n    this._keyManager = new ListKeyManager(this.options);\n    this._tabSubscription = this._keyManager.tabOut.subscribe(() => {\n      this.close();\n    });\n  }\n\n  /** Drops current option subscriptions and IDs and resets from scratch. */\n  private _resetOptions(): void {\n    this._dropSubscriptions();\n    this._listenToOptions();\n    this._setOptionIds();\n  }\n\n  /** Listens to selection events on each option. */\n  private _listenToOptions(): void {\n    this.options.forEach((option: MdOption) => {\n      const sub = option.onSelect.subscribe((isUserInput: boolean) => {\n        if (isUserInput) {\n          this._onChange(option.value);\n        }\n        this._onSelect(option);\n      });\n      this._subscriptions.push(sub);\n    });\n  }\n\n  /** Unsubscribes from all option subscriptions. */\n  private _dropSubscriptions(): void {\n    this._subscriptions.forEach((sub: Subscription) => sub.unsubscribe());\n    this._subscriptions = [];\n  }\n\n  /** Records option IDs to pass to the aria-owns property. */\n  private _setOptionIds() {\n    this._optionIds = this.options.map(option => option.id).join(' ');\n  }\n\n  /** When a new option is selected, deselects the others and closes the panel. */\n  private _onSelect(option: MdOption): void {\n    this._selected = option;\n    this._updateOptions();\n    this._setValueWidth();\n    this._placeholderState = '';\n    if (this.panelOpen) {\n      this.close();\n    }\n  }\n\n  /** Deselect each option that doesn't match the current selection. */\n  private _updateOptions(): void {\n    this.options.forEach((option: MdOption) => {\n      if (option !== this.selected) {\n        option.deselect();\n      }\n    });\n  }\n\n  /**\n   * Must set the width of the selected option's value programmatically\n   * because it is absolutely positioned and otherwise will not clip\n   * overflow. The selection arrow is 9px wide, add 4px of padding = 13\n   */\n  private _setValueWidth() {\n    this._selectedValueWidth =  this._triggerWidth - 13;\n  }\n\n  /** Focuses the selected item. If no option is selected, it will focus\n   * the first item instead.\n   */\n  private _focusCorrectOption(): void {\n    if (this.selected) {\n      this._keyManager.setFocus(this._getOptionIndex(this.selected));\n    } else {\n      this._keyManager.focusFirstItem();\n    }\n  }\n\n  /** Focuses the host element when the panel closes. */\n  private _focusHost(): void {\n    this._renderer.invokeElementMethod(this._element.nativeElement, 'focus');\n  }\n\n  /** Gets the index of the provided option in the option list. */\n  private _getOptionIndex(option: MdOption): number {\n    return this.options.reduce((result: number, current: MdOption, index: number) => {\n      return result === undefined ? (option === current ? index : undefined) : result;\n    }, undefined);\n  }\n\n  /** Calculates the scroll position and x- and y-offsets of the overlay panel. */\n  private _calculateOverlayPosition(): void {\n    this._offsetX = this._isRtl() ? SELECT_PANEL_PADDING_X : -SELECT_PANEL_PADDING_X;\n\n    const panelHeight =\n        Math.min(this.options.length * SELECT_OPTION_HEIGHT, SELECT_PANEL_MAX_HEIGHT);\n    const scrollContainerHeight = this.options.length * SELECT_OPTION_HEIGHT;\n\n    // The farthest the panel can be scrolled before it hits the bottom\n    const maxScroll = scrollContainerHeight - panelHeight;\n\n    if (this.selected) {\n      const selectedIndex = this._getOptionIndex(this.selected);\n      // We must maintain a scroll buffer so the selected option will be scrolled to the\n      // center of the overlay panel rather than the top.\n      const scrollBuffer = panelHeight / 2;\n      this._scrollTop = this._calculateOverlayScroll(selectedIndex, scrollBuffer, maxScroll);\n      this._offsetY = this._calculateOverlayOffset(selectedIndex, scrollBuffer, maxScroll);\n    } else {\n      // If no option is selected, the panel centers on the first option. In this case,\n      // we must only adjust for the height difference between the option element\n      // and the trigger element, then multiply it by -1 to ensure the panel moves\n      // in the correct direction up the page.\n      this._offsetY = (SELECT_OPTION_HEIGHT - SELECT_TRIGGER_HEIGHT) / 2 * -1;\n    }\n\n    this._checkOverlayWithinViewport(maxScroll);\n  }\n\n  /**\n   * Calculates the scroll position of the select's overlay panel.\n   *\n   * Attempts to center the selected option in the panel. If the option is\n   * too high or too low in the panel to be scrolled to the center, it clamps the\n   * scroll position to the min or max scroll positions respectively.\n   */\n  _calculateOverlayScroll(selectedIndex: number, scrollBuffer: number,\n                          maxScroll: number): number {\n    const optionOffsetFromScrollTop = SELECT_OPTION_HEIGHT * selectedIndex;\n    const halfOptionHeight = SELECT_OPTION_HEIGHT / 2;\n\n    // Starts at the optionOffsetFromScrollTop, which scrolls the option to the top of the\n    // scroll container, then subtracts the scroll buffer to scroll the option down to\n    // the center of the overlay panel. Half the option height must be re-added to the\n    // scrollTop so the option is centered based on its middle, not its top edge.\n    const optimalScrollPosition = optionOffsetFromScrollTop - scrollBuffer + halfOptionHeight;\n    return clampValue(0, optimalScrollPosition, maxScroll);\n  }\n\n  /**\n   * Calculates the y-offset of the select's overlay panel in relation to the\n   * top start corner of the trigger. It has to be adjusted in order for the\n   * selected option to be aligned over the trigger when the panel opens.\n   */\n  private _calculateOverlayOffset(selectedIndex: number, scrollBuffer: number,\n                                  maxScroll: number): number {\n    let optionOffsetFromPanelTop: number;\n\n    if (this._scrollTop === 0) {\n      optionOffsetFromPanelTop = selectedIndex * SELECT_OPTION_HEIGHT;\n    } else if (this._scrollTop === maxScroll) {\n      const firstDisplayedIndex = this.options.length - SELECT_MAX_OPTIONS_DISPLAYED;\n      const selectedDisplayIndex = selectedIndex - firstDisplayedIndex;\n\n      // Because the panel height is longer than the height of the options alone,\n      // there is always extra padding at the top or bottom of the panel. When\n      // scrolled to the very bottom, this padding is at the top of the panel and\n      // must be added to the offset.\n      optionOffsetFromPanelTop =\n          selectedDisplayIndex * SELECT_OPTION_HEIGHT + SELECT_PANEL_PADDING_Y;\n    } else {\n      // If the option was scrolled to the middle of the panel using a scroll buffer,\n      // its offset will be the scroll buffer minus the half height that was added to\n      // center it.\n      optionOffsetFromPanelTop = scrollBuffer - SELECT_OPTION_HEIGHT / 2;\n    }\n\n    // The final offset is the option's offset from the top, adjusted for the height\n    // difference, multiplied by -1 to ensure that the overlay moves in the correct\n    // direction up the page.\n    return optionOffsetFromPanelTop * -1 - SELECT_OPTION_HEIGHT_ADJUSTMENT;\n  }\n\n  /**\n   * Checks that the attempted overlay position will fit within the viewport.\n   * If it will not fit, tries to adjust the scroll position and the associated\n   * y-offset so the panel can open fully on-screen. If it still won't fit,\n   * sets the offset back to 0 to allow the fallback position to take over.\n   */\n  private _checkOverlayWithinViewport(maxScroll: number): void {\n    const viewportRect = this._viewportRuler.getViewportRect();\n    const triggerRect = this._getTriggerRect();\n\n    const topSpaceAvailable = triggerRect.top - SELECT_PANEL_VIEWPORT_PADDING;\n    const bottomSpaceAvailable =\n        viewportRect.height - triggerRect.bottom - SELECT_PANEL_VIEWPORT_PADDING;\n\n    const panelHeightTop = Math.abs(this._offsetY);\n    const totalPanelHeight =\n        Math.min(this.options.length * SELECT_OPTION_HEIGHT, SELECT_PANEL_MAX_HEIGHT);\n    const panelHeightBottom = totalPanelHeight -  panelHeightTop - triggerRect.height;\n\n    if (panelHeightBottom > bottomSpaceAvailable) {\n      this._adjustPanelUp(panelHeightBottom, bottomSpaceAvailable);\n    } else if (panelHeightTop > topSpaceAvailable) {\n     this._adjustPanelDown(panelHeightTop, topSpaceAvailable, maxScroll);\n    } else {\n      this._transformOrigin = this._getOriginBasedOnOption();\n    }\n  }\n\n  /** Adjusts the overlay panel up to fit in the viewport. */\n  private _adjustPanelUp(panelHeightBottom: number, bottomSpaceAvailable: number) {\n    const distanceBelowViewport = panelHeightBottom - bottomSpaceAvailable;\n\n    // Scrolls the panel up by the distance it was extending past the boundary, then\n    // adjusts the offset by that amount to move the panel up into the viewport.\n    this._scrollTop -= distanceBelowViewport;\n    this._offsetY -= distanceBelowViewport;\n    this._transformOrigin = this._getOriginBasedOnOption();\n\n    // If the panel is scrolled to the very top, it won't be able to fit the panel\n    // by scrolling, so set the offset to 0 to allow the fallback position to take\n    // effect.\n    if (this._scrollTop <= 0) {\n      this._scrollTop = 0;\n      this._offsetY = 0;\n      this._transformOrigin = `50% bottom 0px`;\n    }\n  }\n\n  /** Adjusts the overlay panel down to fit in the viewport. */\n  private _adjustPanelDown(panelHeightTop: number, topSpaceAvailable: number,\n                           maxScroll: number) {\n    const distanceAboveViewport = panelHeightTop - topSpaceAvailable;\n\n    // Scrolls the panel down by the distance it was extending past the boundary, then\n    // adjusts the offset by that amount to move the panel down into the viewport.\n    this._scrollTop += distanceAboveViewport;\n    this._offsetY += distanceAboveViewport;\n    this._transformOrigin = this._getOriginBasedOnOption();\n\n    // If the panel is scrolled to the very bottom, it won't be able to fit the\n    // panel by scrolling, so set the offset to 0 to allow the fallback position\n    // to take effect.\n    if (this._scrollTop >= maxScroll) {\n      this._scrollTop = maxScroll;\n      this._offsetY = 0;\n      this._transformOrigin = `50% top 0px`;\n      return;\n    }\n  }\n\n  /** Sets the transform origin point based on the selected option. */\n  private _getOriginBasedOnOption(): string {\n    const originY =\n        Math.abs(this._offsetY) - SELECT_OPTION_HEIGHT_ADJUSTMENT + SELECT_OPTION_HEIGHT / 2;\n    return `50% ${originY}px 0px`;\n  }\n\n}\n\n/** Clamps a value n between min and max values. */\nfunction clampValue(min: number, n: number, max: number): number {\n  return Math.min(Math.max(min, n), max);\n}\n"]}

package/select/select.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"SELECT_OPTION_HEIGHT":48,"SELECT_PANEL_MAX_HEIGHT":256,"SELECT_MAX_OPTIONS_DISPLAYED":5,"SELECT_TRIGGER_HEIGHT":30,"SELECT_OPTION_HEIGHT_ADJUSTMENT":9,"SELECT_PANEL_PADDING_X":16,"SELECT_PANEL_PADDING_Y":16,"SELECT_PANEL_VIEWPORT_PADDING":8,"MdSelect":{"__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-select, mat-select","templateUrl":"select.html","styleUrls":["select.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"host":{"role":"listbox","[attr.tabindex]":"_getTabIndex()","[attr.aria-label]":"placeholder","[attr.aria-required]":"required.toString()","[attr.aria-disabled]":"disabled.toString()","[attr.aria-invalid]":"_control?.invalid || \"false\"","[attr.aria-owns]":"_optionIds","[class.md-select-disabled]":"disabled","(keydown)":"_handleKeydown($event)","(blur)":"_onBlur()"},"animations":[{"__symbolic":"reference","module":"./select-animations","name":"transformPlaceholder"},{"__symbolic":"reference","module":"./select-animations","name":"transformPanel"},{"__symbolic":"reference","module":"./select-animations","name":"fadeInContent"}],"exportAs":"mdSelect"}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["trigger"]}]}],"overlayDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core/overlay/overlay-directives","name":"ConnectedOverlayDirective"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option","name":"MdOption"}]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__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"}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../core/overlay/position/viewport-ruler","name":"ViewportRuler"},{"__symbolic":"reference","module":"../core/rtl/dir","name":"Dir"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_isRtl":[{"__symbolic":"method"}],"_getWidth":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_onPanelDone":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_setSelectionByValue":[{"__symbolic":"method"}],"_clearSelection":[{"__symbolic":"method"}],"_getTriggerRect":[{"__symbolic":"method"}],"_initKeyManager":[{"__symbolic":"method"}],"_resetOptions":[{"__symbolic":"method"}],"_listenToOptions":[{"__symbolic":"method"}],"_dropSubscriptions":[{"__symbolic":"method"}],"_setOptionIds":[{"__symbolic":"method"}],"_onSelect":[{"__symbolic":"method"}],"_updateOptions":[{"__symbolic":"method"}],"_setValueWidth":[{"__symbolic":"method"}],"_focusCorrectOption":[{"__symbolic":"method"}],"_focusHost":[{"__symbolic":"method"}],"_getOptionIndex":[{"__symbolic":"method"}],"_calculateOverlayPosition":[{"__symbolic":"method"}],"_calculateOverlayScroll":[{"__symbolic":"method"}],"_calculateOverlayOffset":[{"__symbolic":"method"}],"_checkOverlayWithinViewport":[{"__symbolic":"method"}],"_adjustPanelUp":[{"__symbolic":"method"}],"_adjustPanelDown":[{"__symbolic":"method"}],"_getOriginBasedOnOption":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"SELECT_OPTION_HEIGHT":48,"SELECT_PANEL_MAX_HEIGHT":256,"SELECT_MAX_OPTIONS_DISPLAYED":5,"SELECT_TRIGGER_HEIGHT":30,"SELECT_OPTION_HEIGHT_ADJUSTMENT":9,"SELECT_PANEL_PADDING_X":16,"SELECT_PANEL_PADDING_Y":16,"SELECT_PANEL_VIEWPORT_PADDING":8,"MdSelect":{"__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-select, mat-select","templateUrl":"select.html","styleUrls":["select.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"host":{"role":"listbox","[attr.tabindex]":"_getTabIndex()","[attr.aria-label]":"placeholder","[attr.aria-required]":"required.toString()","[attr.aria-disabled]":"disabled.toString()","[attr.aria-invalid]":"_control?.invalid || \"false\"","[attr.aria-owns]":"_optionIds","[class.md-select-disabled]":"disabled","(keydown)":"_handleKeydown($event)","(blur)":"_onBlur()"},"animations":[{"__symbolic":"reference","module":"./select-animations","name":"transformPlaceholder"},{"__symbolic":"reference","module":"./select-animations","name":"transformPanel"},{"__symbolic":"reference","module":"./select-animations","name":"fadeInContent"}],"exportAs":"mdSelect"}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["trigger"]}]}],"overlayDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core/overlay/overlay-directives","name":"ConnectedOverlayDirective"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option","name":"MdOption"}]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__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"}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../core/overlay/position/viewport-ruler","name":"ViewportRuler"},{"__symbolic":"reference","module":"../core/rtl/dir","name":"Dir"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_isRtl":[{"__symbolic":"method"}],"_getWidth":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_onPanelDone":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_setScrollTop":[{"__symbolic":"method"}],"_setSelectionByValue":[{"__symbolic":"method"}],"_clearSelection":[{"__symbolic":"method"}],"_getTriggerRect":[{"__symbolic":"method"}],"_initKeyManager":[{"__symbolic":"method"}],"_resetOptions":[{"__symbolic":"method"}],"_listenToOptions":[{"__symbolic":"method"}],"_dropSubscriptions":[{"__symbolic":"method"}],"_setOptionIds":[{"__symbolic":"method"}],"_onSelect":[{"__symbolic":"method"}],"_updateOptions":[{"__symbolic":"method"}],"_setValueWidth":[{"__symbolic":"method"}],"_focusCorrectOption":[{"__symbolic":"method"}],"_focusHost":[{"__symbolic":"method"}],"_getOptionIndex":[{"__symbolic":"method"}],"_calculateOverlayPosition":[{"__symbolic":"method"}],"_calculateOverlayScroll":[{"__symbolic":"method"}],"_calculateOverlayOffset":[{"__symbolic":"method"}],"_checkOverlayWithinViewport":[{"__symbolic":"method"}],"_adjustPanelUp":[{"__symbolic":"method"}],"_adjustPanelDown":[{"__symbolic":"method"}],"_getOriginBasedOnOption":[{"__symbolic":"method"}]}}},"version":1}]

package/select/select.scss

@@ -1,131 +0,0 @@
-@import '../core/style/menu-common';
-@import '../core/style/list-common';
-@import '../core/style/form-common';
-@import '../core/a11y/a11y';
-
-$md-select-trigger-height: 30px !default;
-$md-select-trigger-min-width: 112px !default;
-$md-select-arrow-size: 5px !default;
-$md-select-arrow-margin: 4px !default;
-$md-select-panel-max-height: 256px !default;
-
-md-select {
-  display: inline-block;
-  outline: none;
-}
-
-.md-select-trigger {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: $md-select-trigger-height;
-  min-width: $md-select-trigger-min-width;
-  cursor: pointer;
-  position: relative;
-  box-sizing: border-box;
-
-  [aria-disabled='true'] & {
-    @include md-control-disabled-underline();
-    border-bottom: transparent;
-    background-position: 0 bottom;
-    cursor: default;
-    user-select: none;
-  }
-}
-
-.md-select-placeholder {
-  position: relative;
-  padding: 0 2px;
-  transform-origin: left top;
-
-  // These values are duplicated from animation code in order to
-  // allow placeholders to sometimes float without animating,
-  // for example when the value is set programmatically.
-  // TODO(kara): Change when animations API supports skipping animation.
-  &.md-floating-placeholder {
-    top: -22px;
-    left: -2px;
-    transform: scale(0.75);
-  }
-
-  [dir='rtl'] & {
-    transform-origin: right top;
-
-    &.md-floating-placeholder {
-      left: 2px;
-    }
-  }
-
-  // TODO: Double-check accessibility of this style
-  [aria-required=true] &::after {
-    content: '*';
-  }
-}
-
-.md-select-value {
-  position: absolute;
-  @include md-truncate-line();
-
-  // Firefox and some versions of IE incorrectly keep absolutely
-  // positioned children of flex containers in the flex flow when calculating
-  // position. This has been fixed for Firefox 52, slated for early 2017.
-  // Bug report: https://bugzilla.mozilla.org/show_bug.cgi?id=874718
-  //
-  // In the meantime, we must adjust the left position to 0 to mimic where it
-  // would be if it were correctly taken out of the flex flow. It's also necessary
-  // to adjust the top value because absolutely positioned elements should not be
-  // affected by the flex container's "align-items" property either. To center the text,
-  // we must offset by 6px (6px top + 6px bottom + 18px text height = 30px total height).
-  left: 0;
-  top: 6px;
-
-  [dir='rtl'] & {
-    left: auto;
-    right: 0;
-  }
-}
-
-.md-select-arrow {
-  width: 0;
-  height: 0;
-  border-left: $md-select-arrow-size solid transparent;
-  border-right: $md-select-arrow-size solid transparent;
-  border-top: $md-select-arrow-size solid;
-  margin: 0 $md-select-arrow-margin;
-}
-
-.md-select-panel {
-  @include md-menu-base();
-  padding-top: 0;
-  padding-bottom: 0;
-  max-height: $md-select-panel-max-height;
-
-  @include cdk-high-contrast {
-    outline: solid 1px;
-  }
-}
-
-md-option {
-  @include md-menu-item-base();
-  position: relative;
-  cursor: pointer;
-  outline: none;
-
-  &[aria-disabled='true'] {
-    cursor: default;
-    user-select: none;
-  }
-}
-
-.md-option-ripple {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-
-  // In high contrast mode this completely covers the text.
-  @include cdk-high-contrast {
-    opacity: 0.5;
-  }
-}

package/sidenav/OVERVIEW.md

@@ -1,70 +0,0 @@
-`<md-sidenav>` is a panel that can be placed next to or above some primary content. A sidenav is
-typically used for navigation, but can contain any content.
-
-<!-- example(sidenav-overview) -->
-
-The sidenav and its associated content live inside of an `<md-sidenav-container>`:
-```html
-<md-sidenav-container>
-  <md-sidenav>
-    <!-- sidenav content -->
-  </md-sidenav>
-
-  <!-- primary content -->
-</md-sidenav-container>
-```
-
-A sidenav container may contain one or two `<md-sidenav>` elements. When there are two 
-`<md-sidenav>` elements, each must be placed on a different side of the container.
-See the section on positioning below.
-
-### Sidenav mode
-The sidenav can render in one of three different ways based on the `mode` property.
-
-| Mode | Description                                                                               |
-|------|-------------------------------------------------------------------------------------------|
-| over | Sidenav floats _over_ the primary content, which is covered by a backdrop                 |
-| push | Sidenav _pushes_ the primary content out of its way, also covering it with a backdrop     |
-| side | Sidenav appears _side-by-side_ with the primary content                                   |
-
-
-### Positioning the sidenav
-The `align` property determines whether the sidenav appears at the `"start"` or `"end"` of the
-container. This is affected by the current text direction ("ltr" or "rtl"). By default, the sidenav
-appears at the start of the container.
-
-
-### Sizing the sidenav
-The `<md-sidenav>` will, by default, fit the size of its content. The width can be explicitly set
-via CSS:
-
-```css
-md-sidenav {
-  width: 200px;
-}
-```
-
-Try to avoid percent based width as `resize` events are not (yet) supported.
-
-For a fullscreen sidenav, the recommended approach is set up the DOM such that the
-`<md-sidenav-container>` can naturally take up the full space:
-
-```html
-<app>
-  <md-sidenav-container>
-    <md-sidenav mode="side" opened="true">Drawer content</md-sidenav>
-    <div class="my-content">Main content</div>
-  </md-sidenav-container>
-</app>
-```
-```css
-html, body, material-app, md-sidenav-container, .my-content {
-  margin: 0;
-  width: 100%;
-  height: 100%;
-}
-```
-
-### FABs inside sidenav
-For a sidenav with a FAB (or other floating element), the recommended approach is to place the FAB
-outside of the scrollable region and absolutely position it.

package/sidenav/README.md

@@ -1,166 +0,0 @@
-**NOTE: The <code>md-sidenav-layout</code> element is deprecated. <code>md-sidenav-container</code>
-should be used instead.**
-
-
-# MdSidenav
-
-MdSidenav is the side navigation component for Material 2. It is composed of two components: `<md-sidenav-container>` and `<md-sidenav>`.
-
-## Screenshots
-
-<img src="https://material.angularjs.org/material2_assets/sidenav-example.png">
-
-
-## `<md-sidenav-container>`
-
-The parent component. Contains the code necessary to coordinate one or two sidenav and the backdrop.
-
-## `<md-sidenav>`
-
-The sidenav panel.
-
-### Bound Properties
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `align` | `"start"|"end"` | The alignment of this sidenav. In LTR direction, `"start"` will be shown on the left, `"end"` on the right. In RTL, it is reversed. `"start"` is used by default. If there is more than 1 sidenav on either side the container will be considered invalid and none of the sidenavs will be visible or toggleable until the container is valid again. |
-| `mode` | `"over"|"push"|"side"` | The mode or styling of the sidenav, default being `"over"`. With `"over"` the sidenav will appear above the content, and a backdrop will be shown. With `"push"` the sidenav will push the content of the `<md-sidenav-container>` to the side, and show a backdrop over it. `"side"` will resize the content and keep the sidenav opened. Clicking the backdrop will close sidenavs that do not have `mode="side"`. |
-| `opened` | `boolean` | Whether or not the sidenav is opened. Use this binding to open/close the sidenav. |
-
-### Events
-
-| Name | Description |
-| --- | --- |
-| `open-start` | Emitted when the sidenav is starting opening. This should only be used to coordinate animations. |
-| `close-start` | Emitted when the sidenav is starting closing. This should only be used to coordinate animations. |
-| `open` | Emitted when the sidenav is done opening. Use this for, e.g., setting focus on controls or updating state. |
-| `close` | Emitted when the sidenav is done closing. |
-
-### Methods
-
-| Signature | Description |
-| --- | --- |
-| `open(): Promise<void>` | Open the sidenav. Equivalent to `opened = true`. Returns a promise that will resolve when the animation completes, or be rejected if the animation was cancelled. |
-| `close(): Promise<void>` | Close the sidenav. Equivalent to `opened = false`. Returns a promise that will resolve when the animation completes, or be rejected if the animation was cancelled. |
-| `toggle(): Promise<void>` | Toggle the sidenav. This is equivalent to `opened = !opened`. Returns a promise that will resolve when the animation completes, or be rejected if the animation was cancelled. |
-
-### Notes
-
-The `<md-sidenav>` will resize based on its content. You can also set its width in CSS, like so:
-
-```css
-md-sidenav {
-  width: 200px;
-}
-```
-
-Try to avoid percent based width as `resize` events are not (yet) supported.
-
-## Examples
-
-Here's a simple example of using the sidenav:
-
-```html
-<app>
-  <md-sidenav-container>
-    <md-sidenav #start (open)="closeStartButton.focus()">
-      Start Sidenav.
-      <br>
-      <button md-button #closeStartButton (click)="start.close()">Close</button>
-    </md-sidenav>
-    <md-sidenav #end align="end">
-      End Sidenav.
-      <button md-button (click)="end.close()">Close</button>
-    </md-sidenav>
-
-    My regular content. This will be moved into the proper DOM at runtime.
-    <button md-button (click)="start.open()">Open start sidenav</button>
-    <button md-button (click)="end.open()">Open end sidenav</button>
-
-  </md-sidenav-container>
-</app>
-```
-
-For a fullscreen sidenav, the recommended approach is set up the DOM such that the
-`md-sidenav-container` can naturally take up the full space:
-
-```html
-<app>
-  <md-sidenav-container>
-    <md-sidenav mode="side" opened="true">Drawer content</md-sidenav>
-    <div class="my-content">Main content</div>
-  </md-sidenav-container>
-</app>
-```
-```css
-html, body, material-app, md-sidenav-container, .my-content {
-  margin: 0;
-  width: 100%;
-  height: 100%;
-}
-```
-
-For a sidenav with a FAB (or other floating element), the recommended approach is to place the FAB
-outside of the scrollable region and absolutely position it.
-
-```html
-<app>
-  <md-sidenav-container class="my-container">
-    <md-sidenav mode="side" opened="true">
-      <button md-mini-fab class="my-fab">
-        <md-icon>add</md-icon>
-      </button>
-      <div class="my-scrolling-content">
-        Lorem ipsum dolor sit amet, pede a libero aenean phasellus, lectus metus sint ut risus,
-        fusce vel in pellentesque. Nisl rutrum etiam morbi consectetuer tempor magna, aenean nullam
-        nunc id, neque vivamus interdum sociis nulla scelerisque sem, dolor id wisi turpis magna
-        aliquam magna. Risus accumsan hac eget etiam donec sed, senectus erat mattis quam, tempor
-        vel urna occaecat cras, metus urna augue nec at. Et morbi amet dui praesent, nec eu at,
-        ligula ipsum dui sollicitudin, quis nisl massa viverra ligula, mauris fermentum orci arcu
-        enim fringilla. Arcu erat nulla in aenean lacinia ullamcorper, urna ante nam et sagittis,
-        tristique vehicula nibh ipsum vivamus, proin proin. Porta commodo nibh quis libero amet.
-        Taciti dui, sapien consectetuer.
-      </div>
-    </md-sidenav>
-    <button md-mini-fab class="my-fab">
-      <md-icon>add</md-icon>
-    </button>
-    <div class="my-scrolling-content">
-      Lorem ipsum dolor sit amet, pede a libero aenean phasellus, lectus metus sint ut risus, fusce
-      vel in pellentesque. Nisl rutrum etiam morbi consectetuer tempor magna, aenean nullam nunc id,
-      neque vivamus interdum sociis nulla scelerisque sem, dolor id wisi turpis magna aliquam magna.
-      Risus accumsan hac eget etiam donec sed, senectus erat mattis quam, tempor vel urna occaecat
-      cras, metus urna augue nec at. Et morbi amet dui praesent, nec eu at, ligula ipsum dui
-      sollicitudin, quis nisl massa viverra ligula, mauris fermentum orci arcu enim fringilla. Arcu
-      erat nulla in aenean lacinia ullamcorper, urna ante nam et sagittis, tristique vehicula nibh
-      ipsum vivamus, proin proin. Porta commodo nibh quis libero amet. Taciti dui, sapien
-      consectetuer.
-    </div>
-  </md-sidenav-container>
-</app>
-```
-```css
-.my-container {
-  width: 500px;
-  height: 300px;
-}
-
-.my-container md-sidenav {
-  max-width: 200px;
-}
-
-.my-container .md-sidenav-content,
-.my-container md-sidenav {
-  display: flex;
-}
-
-.my-scrolling-content {
-  overflow: auto;
-}
-
-button.my-fab {
-  position: absolute;
-  right: 20px;
-  bottom: 10px;
-}
-```

package/sidenav/_sidenav-theme.scss

@@ -1,37 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-sidenav-theme($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-
-  // We use invert() here to have the darken the background color expected to be used. If the
-  // background is light, we use a dark backdrop. If the background is dark, 
-  // we use a light backdrop.
-  $sidenav-backdrop-color: invert(md-color($background, card, 0.6)) !default;
-  $sidenav-background-color: md-color($background, dialog) !default;
-  $sidenav-container-background-color:  md-color($background, background) !default;
-  $sidenav-push-background-color: md-color($background, dialog) !default;
-
-  .md-sidenav-container {
-    background-color: $sidenav-container-background-color;
-    color: md-color($foreground, text);
-  }
-
-  md-sidenav {
-    background-color: $sidenav-background-color;
-    color: md-color($foreground, text);
-
-    &.md-sidenav-push {
-      background-color: $sidenav-push-background-color;
-    }
-  }
-
-  .md-sidenav-backdrop.md-sidenav-shown {
-    background-color: $sidenav-backdrop-color;
-  }
-}

package/sidenav/index.js

@@ -1,3 +0,0 @@
-export * from './sidenav';
-
-//# sourceMappingURL=index.js.map

package/sidenav/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["sidenav/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","file":"index.js","sourcesContent":["export * from './sidenav';\n"]}

package/sidenav/sidenav-container.html

@@ -1 +0,0 @@
-<div class="md-sidenav-backdrop" (click)="_onBackdropClicked()" [class.md-sidenav-shown]="_isShowingBackdrop()"></div><ng-content select="md-sidenav, mat-sidenav"></ng-content><div class="md-sidenav-content" [ngStyle]="_getStyles()"><ng-content></ng-content></div>

package/sidenav/sidenav-transitions.css

@@ -1 +0,0 @@
-.md-sidenav-content,md-sidenav{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.md-sidenav-backdrop.md-sidenav-shown{transition:background-color .4s cubic-bezier(.25,.8,.25,1)}

package/sidenav/sidenav-transitions.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["sidenav-transitions.css"],"names":[],"mappings":"AAAA;EACE,6DAA6D,EAAE;;AAEjE;EACE,6DAA6D,EAAE;;AAEjE;EACE,oEAAoE,EAAE","file":"sidenav-transitions.css","sourcesContent":["md-sidenav {\n  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }\n\n.md-sidenav-content {\n  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }\n\n.md-sidenav-backdrop.md-sidenav-shown {\n  transition: background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }\n"]}

package/sidenav/sidenav-transitions.scss

@@ -1,14 +0,0 @@
-// Separate transitions to be able to disable them in unit tests by omitting this file.
-@import '../core/style/variables';
-
-md-sidenav {
-  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
-}
-
-.md-sidenav-content {
-  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
-}
-
-.md-sidenav-backdrop.md-sidenav-shown {
-  transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function;
-}

package/sidenav/sidenav.css

@@ -1 +0,0 @@
-.md-sidenav-container,.md-sidenav-content{transform:translate3d(0,0,0);display:block}.md-sidenav-container{position:relative;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow:hidden}.md-sidenav-backdrop,.md-sidenav-container[fullscreen]{position:absolute;top:0;bottom:0;right:0;left:0}.md-sidenav-container[fullscreen].md-sidenav-opened{overflow:hidden}.md-sidenav-backdrop{display:block;z-index:2;visibility:hidden}.md-sidenav-backdrop.md-sidenav-shown{visibility:visible}@media screen and (-ms-high-contrast:active){.md-sidenav-backdrop{opacity:.5}}.md-sidenav-content{position:relative;height:100%;overflow:auto}md-sidenav,md-sidenav.md-sidenav-closing{transform:translate3d(-100%,0,0)}md-sidenav{display:block;position:absolute;top:0;bottom:0;z-index:3;min-width:5%;outline:0}md-sidenav.md-sidenav-closed{visibility:hidden}md-sidenav.md-sidenav-opened,md-sidenav.md-sidenav-opening{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);transform:translate3d(0,0,0)}md-sidenav.md-sidenav-opening{visibility:visible}md-sidenav.md-sidenav-end,md-sidenav.md-sidenav-end.md-sidenav-closing{transform:translate3d(100%,0,0)}md-sidenav.md-sidenav-side{z-index:1}md-sidenav.md-sidenav-end{right:0}md-sidenav.md-sidenav-end.md-sidenav-closed{visibility:hidden}md-sidenav.md-sidenav-end.md-sidenav-opened,md-sidenav.md-sidenav-end.md-sidenav-opening{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);transform:translate3d(0,0,0)}md-sidenav.md-sidenav-end.md-sidenav-opening{visibility:visible}[dir=rtl] md-sidenav,[dir=rtl] md-sidenav.md-sidenav-closing{transform:translate3d(100%,0,0)}[dir=rtl] md-sidenav.md-sidenav-closed{visibility:hidden}[dir=rtl] md-sidenav.md-sidenav-opened,[dir=rtl] md-sidenav.md-sidenav-opening{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);transform:translate3d(0,0,0)}[dir=rtl] md-sidenav.md-sidenav-opening{visibility:visible}[dir=rtl] md-sidenav.md-sidenav-end{left:0;right:auto;transform:translate3d(-100%,0,0)}[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-closed{visibility:hidden}[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-closing{transform:translate3d(-100%,0,0)}[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-opened,[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-opening{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);transform:translate3d(0,0,0)}[dir=rtl] md-sidenav.md-sidenav-end.md-sidenav-opening{visibility:visible}.md-sidenav-focus-trap{height:100%}.md-sidenav-focus-trap>.cdk-focus-trap-content{box-sizing:border-box;height:100%;overflow-y:auto;transform:translateZ(0)}.md-sidenav-invalid{display:none}

package/sidenav/sidenav.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["sidenav.css"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;EACE,mBAAmB;EACnB,gCAAgC;EAChC,uBAAuB;EACvB,kCAAkC;EAClC,eAAe;EACf,iBAAiB,EAAE;EACnB;IACE,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,SAAS;IACT,UAAU,EAAE;IACZ;MACE,iBAAiB,EAAE;;AAEzB;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACV,eAAe;EACf,WAAW;EACX,mBAAmB,EAAE;EACrB;IACE,oBAAoB,EAAE;EACxB;IACE;MACE,aAAa,EAAE,EAAE;;AAEvB;EACE,mBAAmB;EACnB,gCAAgC;EAChC,eAAe;EACf,aAAa;EACb,eAAe,EAAE;;AAEnB;EACE,mBAAmB;EACnB,gCAAgC;EAChC,eAAe;EACf,mBAAmB;EACnB,OAAO;EACP,UAAU;EACV,WAAW;EACX,cAAc;EACd,WAAW;EACX,oCAAoC,EAAE;EACtC;IACE,mBAAmB,EAAE;EACvB;IACE,oCAAoC,EAAE;EACxC;IACE,8HAA8H;IAC9H,oBAAoB;IACpB,gCAAgC,EAAE;EACpC;IACE,8HAA8H;IAC9H,gCAAgC,EAAE;EACpC;IACE,WAAW,EAAE;EACf;IACE,SAAS;IACT,mCAAmC,EAAE;IACrC;MACE,mBAAmB,EAAE;IACvB;MACE,mCAAmC,EAAE;IACvC;MACE,8HAA8H;MAC9H,oBAAoB;MACpB,gCAAgC,EAAE;IACpC;MACE,8HAA8H;MAC9H,gCAAgC,EAAE;EACtC;IACE,mCAAmC,EAAE;IACrC;MACE,mBAAmB,EAAE;IACvB;MACE,mCAAmC,EAAE;IACvC;MACE,8HAA8H;MAC9H,oBAAoB;MACpB,gCAAgC,EAAE;IACpC;MACE,8HAA8H;MAC9H,gCAAgC,EAAE;IACpC;MACE,QAAQ;MACR,YAAY;MACZ,oCAAoC,EAAE;MACtC;QACE,mBAAmB,EAAE;MACvB;QACE,oCAAoC,EAAE;MACxC;QACE,8HAA8H;QAC9H,oBAAoB;QACpB,gCAAgC,EAAE;MACpC;QACE,8HAA8H;QAC9H,gCAAgC,EAAE;;AAE1C;EACE,aAAa,EAAE;EACf;IACE,uBAAuB;IACvB,aAAa;IACb,iBAAiB;IACjB,yBAAyB,EAAE;;AAE/B;EACE,cAAc,EAAE","file":"sidenav.css","sourcesContent":["/**\n * Applies styles for users in high contrast mode. Note that this only applies\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\n * attribute, however Chrome handles high contrast differently.\n */\n.md-sidenav-container {\n  position: relative;\n  transform: translate3d(0, 0, 0);\n  box-sizing: border-box;\n  -webkit-overflow-scrolling: touch;\n  display: block;\n  overflow: hidden; }\n  .md-sidenav-container[fullscreen] {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0; }\n    .md-sidenav-container[fullscreen].md-sidenav-opened {\n      overflow: hidden; }\n\n.md-sidenav-backdrop {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: block;\n  z-index: 2;\n  visibility: hidden; }\n  .md-sidenav-backdrop.md-sidenav-shown {\n    visibility: visible; }\n  @media screen and (-ms-high-contrast: active) {\n    .md-sidenav-backdrop {\n      opacity: 0.5; } }\n\n.md-sidenav-content {\n  position: relative;\n  transform: translate3d(0, 0, 0);\n  display: block;\n  height: 100%;\n  overflow: auto; }\n\nmd-sidenav {\n  position: relative;\n  transform: translate3d(0, 0, 0);\n  display: block;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 3;\n  min-width: 5%;\n  outline: 0;\n  transform: translate3d(-100%, 0, 0); }\n  md-sidenav.md-sidenav-closed {\n    visibility: hidden; }\n  md-sidenav.md-sidenav-closing {\n    transform: translate3d(-100%, 0, 0); }\n  md-sidenav.md-sidenav-opening {\n    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n    visibility: visible;\n    transform: translate3d(0, 0, 0); }\n  md-sidenav.md-sidenav-opened {\n    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n    transform: translate3d(0, 0, 0); }\n  md-sidenav.md-sidenav-side {\n    z-index: 1; }\n  md-sidenav.md-sidenav-end {\n    right: 0;\n    transform: translate3d(100%, 0, 0); }\n    md-sidenav.md-sidenav-end.md-sidenav-closed {\n      visibility: hidden; }\n    md-sidenav.md-sidenav-end.md-sidenav-closing {\n      transform: translate3d(100%, 0, 0); }\n    md-sidenav.md-sidenav-end.md-sidenav-opening {\n      box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n      visibility: visible;\n      transform: translate3d(0, 0, 0); }\n    md-sidenav.md-sidenav-end.md-sidenav-opened {\n      box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n      transform: translate3d(0, 0, 0); }\n  [dir='rtl'] md-sidenav {\n    transform: translate3d(100%, 0, 0); }\n    [dir='rtl'] md-sidenav.md-sidenav-closed {\n      visibility: hidden; }\n    [dir='rtl'] md-sidenav.md-sidenav-closing {\n      transform: translate3d(100%, 0, 0); }\n    [dir='rtl'] md-sidenav.md-sidenav-opening {\n      box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n      visibility: visible;\n      transform: translate3d(0, 0, 0); }\n    [dir='rtl'] md-sidenav.md-sidenav-opened {\n      box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n      transform: translate3d(0, 0, 0); }\n    [dir='rtl'] md-sidenav.md-sidenav-end {\n      left: 0;\n      right: auto;\n      transform: translate3d(-100%, 0, 0); }\n      [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-closed {\n        visibility: hidden; }\n      [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-closing {\n        transform: translate3d(-100%, 0, 0); }\n      [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-opening {\n        box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n        visibility: visible;\n        transform: translate3d(0, 0, 0); }\n      [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-opened {\n        box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n        transform: translate3d(0, 0, 0); }\n\n.md-sidenav-focus-trap {\n  height: 100%; }\n  .md-sidenav-focus-trap > .cdk-focus-trap-content {\n    box-sizing: border-box;\n    height: 100%;\n    overflow-y: auto;\n    transform: translateZ(0); }\n\n.md-sidenav-invalid {\n  display: none; }\n"]}