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

package/typings/select/select.d.ts

@@ -0,0 +1,412 @@
+/**
+ * @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 { FocusKeyManager } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import { SelectionModel } from '@angular/cdk/collections';
+import { ConnectedOverlayDirective, Overlay, RepositionScrollStrategy, ScrollStrategy, ViewportRuler } from '@angular/cdk/overlay';
+import { Platform } from '@angular/cdk/platform';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
+import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { CanColor, CanDisable, FloatPlaceholderType, HasTabIndex, MdOptgroup, MdOption, MdOptionSelectionChange, PlaceholderOptions } from '@angular/material/core';
+import { Observable } from 'rxjs/Observable';
+/**
+ * The following style constants are necessary to save here in order
+ * to properly calculate the alignment of the selected option over
+ * the trigger element.
+ */
+/** The fixed height of every option element (option, group header etc.). */
+export declare const SELECT_ITEM_HEIGHT = 48;
+/** The max height of the select's overlay panel */
+export declare const SELECT_PANEL_MAX_HEIGHT = 256;
+/** The max number of options visible at once in the select panel. */
+export declare const SELECT_MAX_OPTIONS_DISPLAYED: number;
+/** The fixed height of the select's trigger element. */
+export declare const SELECT_TRIGGER_HEIGHT = 30;
+/**
+ * Must adjust for the difference in height between the option and the trigger,
+ * so the text will align on the y axis.
+ */
+export declare const SELECT_OPTION_HEIGHT_ADJUSTMENT: number;
+/** The panel's padding on the x-axis */
+export declare const SELECT_PANEL_PADDING_X = 16;
+/** The panel's x axis padding if it is indented (e.g. there is an option group). */
+export declare const SELECT_PANEL_INDENT_PADDING_X: number;
+/**
+ * Distance between the panel edge and the option text in
+ * multi-selection mode.
+ *
+ * (SELECT_PADDING * 1.75) + 20 = 48
+ * The padding is multiplied by 1.75 because the checkbox's margin is half the padding, and
+ * the browser adds ~4px, because we're using inline elements.
+ * The checkbox width is 20px.
+ */
+export declare const SELECT_MULTIPLE_PANEL_PADDING_X: number;
+/**
+ * The panel's padding on the y-axis. This padding indicates there are more
+ * options available if you scroll.
+ */
+export declare const SELECT_PANEL_PADDING_Y = 16;
+/**
+ * The select panel will only "fit" inside the viewport if it is positioned at
+ * this value or more away from the viewport boundary.
+ */
+export declare const SELECT_PANEL_VIEWPORT_PADDING = 8;
+/** Injection token that determines the scroll handling while a select is open. */
+export declare const MD_SELECT_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function MD_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => RepositionScrollStrategy;
+/** @docs-private */
+export declare const MD_SELECT_SCROLL_STRATEGY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: typeof Overlay[];
+    useFactory: (overlay: Overlay) => () => RepositionScrollStrategy;
+};
+/** Change event object that is emitted when the select value has changed. */
+export declare class MdSelectChange {
+    source: MdSelect;
+    value: any;
+    constructor(source: MdSelect, value: any);
+}
+/** @docs-private */
+export declare class MdSelectBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MdSelectMixinBase: (new (...args: any[]) => HasTabIndex) & (new (...args: any[]) => CanColor) & (new (...args: any[]) => CanDisable) & typeof MdSelectBase;
+/**
+ * Allows the user to customize the trigger that is displayed when the select has a value.
+ */
+export declare class MdSelectTrigger {
+}
+export declare class MdSelect extends _MdSelectMixinBase implements AfterContentInit, OnDestroy, OnInit, ControlValueAccessor, CanColor, CanDisable, HasTabIndex {
+    private _viewportRuler;
+    private _changeDetectorRef;
+    private _platform;
+    private _dir;
+    private _parentForm;
+    private _parentFormGroup;
+    _control: NgControl;
+    private _scrollStrategyFactory;
+    /** Whether or not the overlay panel is open. */
+    private _panelOpen;
+    /** Subscriptions to option events. */
+    private _optionSubscription;
+    /** Subscription to changes in the option list. */
+    private _changeSubscription;
+    /** Subscription to tab events while overlay is focused. */
+    private _tabSubscription;
+    /** Whether filling out the select is required in the form.  */
+    private _required;
+    /** The scroll position of the overlay panel, calculated to center the selected option. */
+    private _scrollTop;
+    /** The placeholder displayed in the trigger of the select. */
+    private _placeholder;
+    /** Whether the component is in multiple selection mode. */
+    private _multiple;
+    /** Comparison function to specify which option is displayed. Defaults to object equality. */
+    private _compareWith;
+    /** Deals with the selection logic. */
+    _selectionModel: SelectionModel<MdOption>;
+    /** The animation state of the placeholder. */
+    private _placeholderState;
+    /** Deals with configuring placeholder options */
+    private _placeholderOptions;
+    /**
+     * The width of the trigger. Must be saved to set the min width of the overlay panel
+     * and the width of the selected value.
+     */
+    _triggerWidth: number;
+    /** Manages keyboard events for options in the panel. */
+    _keyManager: FocusKeyManager<MdOption>;
+    /**
+     * The width of the selected option's value. Must be set programmatically
+     * to ensure its overflow is clipped, as it's absolutely positioned.
+     */
+    _selectedValueWidth: number;
+    /** View -> model callback called when value changes */
+    _onChange: (value: any) => void;
+    /** View -> model callback called when select has been touched */
+    _onTouched: () => void;
+    /** The IDs of child options to be passed to the aria-owns attribute. */
+    _optionIds: string;
+    /** The value of the select panel's transform-origin property. */
+    _transformOrigin: string;
+    /** Whether the panel's animation is done. */
+    _panelDoneAnimating: boolean;
+    /** Strategy that will be used to handle scrolling while the select panel is open. */
+    _scrollStrategy: any;
+    /**
+     * The y-offset of the overlay panel in relation to the trigger's top start corner.
+     * This must be adjusted to align the selected option text over the trigger text.
+     * when the panel opens. Will change based on the y-position of the selected option.
+     */
+    _offsetY: number;
+    /**
+     * This position config ensures that the top "start" corner of the overlay
+     * is aligned with with the top "start" of the origin by default (overlapping
+     * the trigger completely). If the panel cannot fit below the trigger, it
+     * will fall back to a position above the trigger.
+     */
+    _positions: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    }[];
+    /** Trigger that opens the select. */
+    trigger: ElementRef;
+    /** Overlay pane containing the options. */
+    overlayDir: ConnectedOverlayDirective;
+    /** All of the defined select options. */
+    options: QueryList<MdOption>;
+    /** All of the defined groups of options. */
+    optionGroups: QueryList<MdOptgroup>;
+    /** Classes to be passed to the select panel. Supports the same syntax as `ngClass`. */
+    panelClass: string | string[] | Set<string> | {
+        [key: string]: any;
+    };
+    /** User-supplied override of the trigger element. */
+    customTrigger: MdSelectTrigger;
+    /** Placeholder to be shown if no value has been selected. */
+    placeholder: string;
+    /** Whether the component is required. */
+    required: any;
+    /** Whether the user should be allowed to select multiple options. */
+    multiple: boolean;
+    /**
+     * A function to compare the option values with the selected values. The first argument
+     * is a value from an option. The second is a value from the selection. A boolean
+     * should be returned.
+     */
+    compareWith: (o1: any, o2: any) => boolean;
+    /** Whether to float the placeholder text. */
+    floatPlaceholder: FloatPlaceholderType;
+    private _floatPlaceholder;
+    /** Value of the select control. */
+    value: any;
+    private _value;
+    /** Whether ripples for all options in the select are disabled. */
+    disableRipple: boolean;
+    private _disableRipple;
+    /** Aria label of the select. If not specified, the placeholder will be used as label. */
+    ariaLabel: string;
+    /** Input that can be used to specify the `aria-labelledby` attribute. */
+    ariaLabelledby: string;
+    /** Combined stream of all of the child options' change events. */
+    readonly optionSelectionChanges: Observable<MdOptionSelectionChange>;
+    /** Event emitted when the select has been opened. */
+    onOpen: EventEmitter<void>;
+    /** Event emitted when the select has been closed. */
+    onClose: EventEmitter<void>;
+    /** Event emitted when the selected value has been changed by the user. */
+    change: EventEmitter<MdSelectChange>;
+    /**
+     * Event that emits whenever the raw value of the select changes. This is here primarily
+     * to facilitate the two-way binding for the `value` input.
+     * @docs-private
+     */
+    valueChange: EventEmitter<any>;
+    constructor(_viewportRuler: ViewportRuler, _changeDetectorRef: ChangeDetectorRef, _platform: Platform, renderer: Renderer2, elementRef: ElementRef, _dir: Directionality, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _control: NgControl, tabIndex: string, placeholderOptions: PlaceholderOptions, _scrollStrategyFactory: any);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Toggles the overlay panel open or closed. */
+    toggle(): void;
+    /** Opens the overlay panel. */
+    open(): void;
+    /** Closes the overlay panel and focuses the host element. */
+    close(): void;
+    /**
+     * Sets the select's value. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param value New value to be written to the model.
+     */
+    writeValue(value: any): void;
+    /**
+     * Saves a callback function to be invoked when the select's value
+     * changes from user input. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the value changes.
+     */
+    registerOnChange(fn: (value: any) => void): void;
+    /**
+     * Saves a callback function to be invoked when the select is blurred
+     * by the user. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the component has been touched.
+     */
+    registerOnTouched(fn: () => {}): void;
+    /**
+     * Disables the select. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param isDisabled Sets whether the component is disabled.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /** Whether or not the overlay panel is open. */
+    readonly panelOpen: boolean;
+    /** The currently selected option. */
+    readonly selected: MdOption | MdOption[];
+    /** The value displayed in the trigger. */
+    readonly triggerValue: string;
+    /** Whether the element is in RTL mode. */
+    _isRtl(): boolean;
+    /**
+     * Sets the width of the trigger element. This is necessary to match
+     * the overlay width to the trigger width.
+     */
+    private _setTriggerWidth();
+    /** Handles the keyboard interactions of a closed select. */
+    _handleClosedKeydown(event: KeyboardEvent): void;
+    /** Handles keypresses inside the panel. */
+    _handlePanelKeydown(event: KeyboardEvent): void;
+    /**
+     * When the panel element is finished transforming in (though not fading in), it
+     * emits an event and focuses an option if the panel is open.
+     */
+    _onPanelDone(): void;
+    /**
+     * When the panel content is done fading in, the _panelDoneAnimating property is
+     * set so the proper class can be added to the panel.
+     */
+    _onFadeInDone(): void;
+    /**
+     * Calls the touched callback only if the panel is closed. Otherwise, the trigger will
+     * "blur" to the panel when it opens, causing a false positive.
+     */
+    _onBlur(): void;
+    /**
+     * Callback that is invoked when the overlay panel has been attached.
+     */
+    _onAttached(): void;
+    /** Whether the select has a value. */
+    _hasValue(): boolean;
+    /** Whether the select is in an error state. */
+    _isErrorState(): boolean;
+    /**
+     * Sets the scroll position of the scroll container. This must be called after
+     * the overlay pane is attached or the scroll container element will not yet be
+     * present in the DOM.
+     */
+    private _setScrollTop();
+    private _initializeSelection();
+    /**
+     * Sets the selected option based on a value. If no option can be
+     * found with the designated value, the select trigger is cleared.
+     */
+    private _setSelectionByValue(value, isUserInput?);
+    /**
+     * Finds and selects and option based on its value.
+     * @returns Option that has the corresponding value.
+     */
+    private _selectValue(value, isUserInput?);
+    /**
+     * Clears the select trigger and deselects every option in the list.
+     * @param skip Option that should not be deselected.
+     */
+    private _clearSelection(skip?);
+    private _getTriggerRect();
+    /** Sets up a key manager to listen to keyboard events on the overlay panel. */
+    private _initKeyManager();
+    /** Drops current option subscriptions and IDs and resets from scratch. */
+    private _resetOptions();
+    /** Listens to user-generated selection events on each option. */
+    private _listenToOptions();
+    /** Invoked when an option is clicked. */
+    private _onSelect(option);
+    /**
+     * Sorts the model values, ensuring that they keep the same
+     * order that they have in the panel.
+     */
+    private _sortValues();
+    /** Unsubscribes from all option subscriptions. */
+    private _dropSubscriptions();
+    /** Emits change event to set the model value. */
+    private _propagateChanges(fallbackValue?);
+    /** Records option IDs to pass to the aria-owns property. */
+    private _setOptionIds();
+    /**
+     * Sets the `multiple` property on each option. The promise is necessary
+     * in order to avoid Angular errors when modifying the property after init.
+     */
+    private _setOptionMultiple();
+    /** Sets the `disableRipple` property on each option. */
+    private _setOptionDisableRipple();
+    /**
+     * Must set the width of the selected option's value programmatically
+     * because it is absolutely positioned and otherwise will not clip
+     * overflow. The selection arrow is 9px wide, add 4px of padding = 13
+     */
+    private _setValueWidth();
+    /**
+     * Focuses the selected item. If no option is selected, it will focus
+     * the first item instead.
+     */
+    private _focusCorrectOption();
+    /** Focuses the select element. */
+    focus(): void;
+    /** Gets the index of the provided option in the option list. */
+    private _getOptionIndex(option);
+    /** Calculates the scroll position and x- and y-offsets of the overlay panel. */
+    private _calculateOverlayPosition();
+    /**
+     * Calculates the scroll position of the select's overlay panel.
+     *
+     * Attempts to center the selected option in the panel. If the option is
+     * too high or too low in the panel to be scrolled to the center, it clamps the
+     * scroll position to the min or max scroll positions respectively.
+     */
+    _calculateOverlayScroll(selectedIndex: number, scrollBuffer: number, maxScroll: number): number;
+    /**
+     * Figures out the appropriate animation state for the placeholder.
+     */
+    _getPlaceholderAnimationState(): string;
+    /**
+     * Determines the CSS `opacity` of the placeholder element.
+     */
+    _getPlaceholderOpacity(): string;
+    /** Returns the aria-label of the select component. */
+    readonly _ariaLabel: string | null;
+    /**
+     * Sets the x-offset of the overlay panel in relation to the trigger's top start corner.
+     * This must be adjusted to align the selected option text over the trigger text when
+     * the panel opens. Will change based on LTR or RTL text direction. Note that the offset
+     * can't be calculated until the panel has been attached, because we need to know the
+     * content width in order to constrain the panel within the viewport.
+     */
+    private _calculateOverlayOffsetX();
+    /**
+     * Calculates the y-offset of the select's overlay panel in relation to the
+     * top start corner of the trigger. It has to be adjusted in order for the
+     * selected option to be aligned over the trigger when the panel opens.
+     */
+    private _calculateOverlayOffsetY(selectedIndex, scrollBuffer, maxScroll);
+    /**
+     * Checks that the attempted overlay position will fit within the viewport.
+     * If it will not fit, tries to adjust the scroll position and the associated
+     * y-offset so the panel can open fully on-screen. If it still won't fit,
+     * sets the offset back to 0 to allow the fallback position to take over.
+     */
+    private _checkOverlayWithinViewport(maxScroll);
+    /** Adjusts the overlay panel up to fit in the viewport. */
+    private _adjustPanelUp(panelHeightBottom, bottomSpaceAvailable);
+    /** Adjusts the overlay panel down to fit in the viewport. */
+    private _adjustPanelDown(panelHeightTop, topSpaceAvailable, maxScroll);
+    /** Sets the transform origin point based on the selected option. */
+    private _getOriginBasedOnOption();
+    /** Figures out the floating placeholder state value. */
+    private _floatPlaceholderState();
+    /** Handles the user pressing the arrow keys on a closed select.  */
+    private _handleArrowKey(event);
+    /** Calculates the amount of items in the select. This includes options and group labels. */
+    private _getItemCount();
+}

package/typings/sidenav/drawer.d.ts

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

package/typings/sidenav/index.d.ts

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

package/typings/sidenav/index.metadata.json

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

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

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { MdDrawer, MdDrawerContainer, MdDrawerToggleResult } from './drawer';
+import { MdSidenav, MdSidenavContainer } from './sidenav';
+import { MdSidenavModule } from './sidenav-module';
+export { MdDrawerToggleResult as MatDrawerToggleResult };
+export { MdDrawer as MatDrawer };
+export { MdDrawerContainer as MatDrawerContainer };
+export { MdSidenav as MatSidenav };
+export { MdSidenavContainer as MatSidenavContainer };
+export { MdSidenavModule as MatSidenavModule };