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

package/typings/core/ripple/ripple-renderer.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @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 { ElementRef, NgZone } from '@angular/core';
+import { Platform } from '@angular/cdk/platform';
+import { ViewportRuler } from '@angular/cdk/scrolling';
+import { RippleRef } from './ripple-ref';
+/** Fade-in duration for the ripples. Can be modified with the speedFactor option. */
+export declare const RIPPLE_FADE_IN_DURATION = 450;
+/** Fade-out duration for the ripples in milliseconds. This can't be modified by the speedFactor. */
+export declare const RIPPLE_FADE_OUT_DURATION = 400;
+export declare type RippleConfig = {
+    color?: string;
+    centered?: boolean;
+    radius?: number;
+    speedFactor?: number;
+    persistent?: boolean;
+};
+/**
+ * Helper service that performs DOM manipulations. Not intended to be used outside this module.
+ * The constructor takes a reference to the ripple directive's host element and a map of DOM
+ * event handlers to be installed on the element that triggers ripple animations.
+ * This will eventually become a custom renderer once Angular support exists.
+ * @docs-private
+ */
+export declare class RippleRenderer {
+    private _ngZone;
+    private _ruler;
+    /** Element where the ripples are being added to. */
+    private _containerElement;
+    /** Element which triggers the ripple elements on mouse events. */
+    private _triggerElement;
+    /** Whether the mouse is currently down or not. */
+    private _isMousedown;
+    /** Events to be registered on the trigger element. */
+    private _triggerEvents;
+    /** Set of currently active ripple references. */
+    private _activeRipples;
+    /** Ripple config for all ripples created by events. */
+    rippleConfig: RippleConfig;
+    /** Whether mouse ripples should be created or not. */
+    rippleDisabled: boolean;
+    constructor(elementRef: ElementRef, _ngZone: NgZone, _ruler: ViewportRuler, platform: Platform);
+    /** Fades in a ripple at the given coordinates. */
+    fadeInRipple(pageX: number, pageY: number, config?: RippleConfig): RippleRef;
+    /** Fades out a ripple reference. */
+    fadeOutRipple(rippleRef: RippleRef): void;
+    /** Fades out all currently active ripples. */
+    fadeOutAll(): void;
+    /** Sets the trigger element and registers the mouse events. */
+    setTriggerElement(element: HTMLElement | null): void;
+    /** Listener being called on mousedown event. */
+    private onMousedown(event);
+    /** Listener being called on mouseup event. */
+    private onMouseup();
+    /** Listener being called on mouseleave event. */
+    private onMouseLeave();
+    /** Runs a timeout outside of the Angular zone to avoid triggering the change detection. */
+    private runTimeoutOutsideZone(fn, delay?);
+}

package/typings/core/ripple/ripple.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @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 { ElementRef, NgZone, OnChanges, SimpleChanges, OnDestroy, InjectionToken } from '@angular/core';
+import { ViewportRuler } from '@angular/cdk/scrolling';
+import { Platform } from '@angular/cdk/platform';
+import { RippleConfig } from './ripple-renderer';
+import { RippleRef } from './ripple-ref';
+export interface RippleGlobalOptions {
+    disabled?: boolean;
+    baseSpeedFactor?: number;
+}
+/** Injection token that can be used to specify the global ripple options. */
+export declare const MD_RIPPLE_GLOBAL_OPTIONS: InjectionToken<RippleGlobalOptions>;
+export declare class MdRipple implements OnChanges, OnDestroy {
+    /**
+     * The element that triggers the ripple when click events are received. Defaults to the
+     * directive's host element.
+     */
+    trigger: HTMLElement | HTMLElement;
+    /**
+     * Whether the ripple always originates from the center of the host element's bounds, rather
+     * than originating from the location of the click event.
+     */
+    centered: boolean;
+    /**
+     * Whether click events will not trigger the ripple. Ripples can be still launched manually
+     * by using the `launch()` method.
+     */
+    disabled: boolean;
+    /**
+     * If set, the radius in pixels of foreground ripples when fully expanded. If unset, the radius
+     * will be the distance from the center of the ripple to the furthest corner of the host element's
+     * bounding rectangle.
+     */
+    radius: number;
+    /**
+     * If set, the normal duration of ripple animations is divided by this value. For example,
+     * setting it to 0.5 will cause the animations to take twice as long.
+     * A changed speedFactor will not modify the fade-out duration of the ripples.
+     */
+    speedFactor: number;
+    /** Custom color for ripples. */
+    color: string;
+    /** Whether foreground ripples should be visible outside the component's bounds. */
+    unbounded: boolean;
+    _matRippleTrigger: HTMLElement;
+    _matRippleCentered: boolean;
+    _matRippleDisabled: boolean;
+    _matRippleRadius: number;
+    _matRippleSpeedFactor: number;
+    _matRippleColor: string;
+    _matRippleUnbounded: boolean;
+    /** Renderer for the ripple DOM manipulations. */
+    private _rippleRenderer;
+    /** Options that are set globally for all ripples. */
+    private _globalOptions;
+    constructor(elementRef: ElementRef, ngZone: NgZone, ruler: ViewportRuler, platform: Platform, globalOptions: RippleGlobalOptions);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** Launches a manual ripple at the specified position. */
+    launch(pageX: number, pageY: number, config?: RippleConfig): RippleRef;
+    /** Fades out all currently showing ripple elements. */
+    fadeOutAll(): void;
+    /** Ripple configuration from the directive's input values. */
+    readonly rippleConfig: RippleConfig;
+    /** Updates the ripple renderer with the latest ripple configuration. */
+    _updateRippleRenderer(): void;
+}

package/typings/core/rxjs/index.d.ts

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

package/typings/core/rxjs/rx-chain.d.ts

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

package/typings/core/rxjs/rx-operators.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export { StrictRxChain, FinallyBrand, CatchBrand, DoBrand, MapBrand, FilterBrand, ShareBrand, FirstBrand, SwitchMapBrand, StartWithBrand, DebounceTimeBrand, AuditTimeBrand, TakeUntilBrand, finallyOperatorType, catchOperatorType, doOperatorType, mapOperatorType, filterOperatorType, shareOperatorType, firstOperatorType, switchMapOperatorType, startWithOperatorType, debounceTimeOperatorType, auditTimeOperatorType, takeUntilOperatorType, finallyOperator, catchOperator, doOperator, map, filter, share, first, switchMap, startWith, debounceTime, auditTime, takeUntil } from '@angular/cdk/rxjs';

package/typings/core/selection/index.d.ts

@@ -0,0 +1,3 @@
+export declare class MdPseudoCheckboxModule {
+}
+export * from './pseudo-checkbox/pseudo-checkbox';

package/typings/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts

@@ -0,0 +1,20 @@
+export declare type MdPseudoCheckboxState = 'unchecked' | 'checked' | 'indeterminate';
+/**
+ * Component that shows a simplified checkbox without including any kind of "real" checkbox.
+ * Meant to be used when the checkbox is purely decorative and a large number of them will be
+ * included, such as for the options in a multi-select. Uses no SVGs or complex animations.
+ * Note that theming is meant to be handled by the parent element, e.g.
+ * `mat-primary .mat-pseudo-checkbox`.
+ *
+ * Note that this component will be completely invisible to screen-reader users. This is *not*
+ * interchangeable with <md-checkbox> and should *not* be used if the user would directly interact
+ * with the checkbox. The pseudo-checkbox should only be used as an implementation detail of
+ * more complex components that appropriately handle selected / checked state.
+ * @docs-private
+ */
+export declare class MdPseudoCheckbox {
+    /** Display state of the checkbox. */
+    state: MdPseudoCheckboxState;
+    /** Whether the checkbox is disabled. */
+    disabled: boolean;
+}

package/typings/core/style/apply-transform.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Applies a CSS transform to an element, including browser-prefixed properties.
+ * @param element
+ * @param transformValue
+ */
+export declare function applyCssTransform(element: HTMLElement, transformValue: string): void;

package/typings/core/style/index.d.ts

@@ -0,0 +1,5 @@
+/** @deprecated */
+export declare class StyleModule {
+}
+export { CdkMonitorFocus, FocusMonitor, FOCUS_MONITOR_PROVIDER, FocusOrigin } from '@angular/cdk/a11y';
+export * from './apply-transform';

package/typings/core/testing/month-constants.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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
+ */
+/**
+ * When constructing a Date, the month is zero-based. This can be confusing, since people are
+ * used to seeing them one-based. So we create these aliases to make writing the tests easier.
+ */
+export declare const JAN = 0, FEB = 1, MAR = 2, APR = 3, MAY = 4, JUN = 5, JUL = 6, AUG = 7, SEP = 8, OCT = 9, NOV = 10, DEC = 11;

package/typings/core/util/object-extend.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @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
+ */
+/**
+ * Extends an object with the *enumerable* and *own* properties of one or more source objects,
+ * similar to Object.assign.
+ *
+ * @param dest The object which will have properties copied to it.
+ * @param sources The source objects from which properties will be copied.
+ */
+export declare function extendObject(dest: any, ...sources: any[]): any;

package/typings/datepicker/calendar-body.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @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 { EventEmitter } from '@angular/core';
+/**
+ * An internal class that represents the data corresponding to a single calendar cell.
+ * @docs-private
+ */
+export declare class MdCalendarCell {
+    value: number;
+    displayValue: string;
+    ariaLabel: string;
+    enabled: boolean;
+    constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean);
+}
+/**
+ * An internal component used to display calendar data in a table.
+ * @docs-private
+ */
+export declare class MdCalendarBody {
+    /** The label for the table. (e.g. "Jan 2017"). */
+    label: string;
+    /** The cells to display in the table. */
+    rows: MdCalendarCell[][];
+    /** The value in the table that corresponds to today. */
+    todayValue: number;
+    /** The value in the table that is currently selected. */
+    selectedValue: number;
+    /** The minimum number of free cells needed to fit the label in the first row. */
+    labelMinRequiredCells: number;
+    /** The number of columns in the table. */
+    numCols: number;
+    /** Whether to allow selection of disabled cells. */
+    allowDisabledSelection: boolean;
+    /** The cell number of the active cell in the table. */
+    activeCell: number;
+    /**
+     * The aspect ratio (width / height) to use for the cells in the table. This aspect ratio will be
+     * maintained even as the table resizes.
+     */
+    cellAspectRatio: number;
+    /** Emits when a new value is selected. */
+    selectedValueChange: EventEmitter<number>;
+    _cellClicked(cell: MdCalendarCell): void;
+    /** The number of blank cells to put at the beginning for the first row. */
+    readonly _firstRowOffset: number;
+    _isActiveCell(rowIndex: number, colIndex: number): boolean;
+}

package/typings/datepicker/calendar.d.ts

@@ -0,0 +1,90 @@
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
+import { DateAdapter, MdDateFormats } from '@angular/material/core';
+import { MdDatepickerIntl } from './datepicker-intl';
+/**
+ * A calendar that is used as part of the datepicker.
+ * @docs-private
+ */
+export declare class MdCalendar<D> implements AfterContentInit, OnDestroy {
+    private _elementRef;
+    private _intl;
+    private _ngZone;
+    private _dateAdapter;
+    private _dateFormats;
+    private _intlChanges;
+    /** A date representing the period (month or year) to start the calendar in. */
+    startAt: D | null;
+    private _startAt;
+    /** Whether the calendar should be started in month or year view. */
+    startView: 'month' | 'year';
+    /** The currently selected date. */
+    selected: D | null;
+    private _selected;
+    /** The minimum selectable date. */
+    minDate: D | null;
+    private _minDate;
+    /** The maximum selectable date. */
+    maxDate: D | null;
+    private _maxDate;
+    /** A function used to filter which dates are selectable. */
+    dateFilter: (date: D) => boolean;
+    /** Emits when the currently selected date changes. */
+    selectedChange: EventEmitter<D>;
+    /** Emits when any date is selected. */
+    userSelection: EventEmitter<void>;
+    /** Date filter for the month and year views. */
+    _dateFilterForViews: (date: D) => boolean;
+    /**
+     * The current active date. This determines which time period is shown and which date is
+     * highlighted when using keyboard navigation.
+     */
+    _activeDate: D;
+    private _clampedActiveDate;
+    /** Whether the calendar is in month view. */
+    _monthView: boolean;
+    /** The label for the current calendar view. */
+    readonly _periodButtonText: string;
+    readonly _periodButtonLabel: string;
+    /** The label for the the previous button. */
+    readonly _prevButtonLabel: string;
+    /** The label for the the next button. */
+    readonly _nextButtonLabel: string;
+    constructor(_elementRef: ElementRef, _intl: MdDatepickerIntl, _ngZone: NgZone, _dateAdapter: DateAdapter<D>, _dateFormats: MdDateFormats, changeDetectorRef: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Handles date selection in the month view. */
+    _dateSelected(date: D): void;
+    _userSelected(): void;
+    /** Handles month selection in the year view. */
+    _monthSelected(month: D): void;
+    /** Handles user clicks on the period label. */
+    _currentPeriodClicked(): void;
+    /** Handles user clicks on the previous button. */
+    _previousClicked(): void;
+    /** Handles user clicks on the next button. */
+    _nextClicked(): void;
+    /** Whether the previous period button is enabled. */
+    _previousEnabled(): boolean;
+    /** Whether the next period button is enabled. */
+    _nextEnabled(): boolean;
+    /** Handles keydown events on the calendar body. */
+    _handleCalendarBodyKeydown(event: KeyboardEvent): void;
+    /** Focuses the active cell after the microtask queue is empty. */
+    _focusActiveCell(): void;
+    /** Whether the two dates represent the same view in the current view mode (month or year). */
+    private _isSameView(date1, date2);
+    /** Handles keydown events on the calendar body when calendar is in month view. */
+    private _handleCalendarBodyKeydownInMonthView(event);
+    /** Handles keydown events on the calendar body when calendar is in year view. */
+    private _handleCalendarBodyKeydownInYearView(event);
+    /**
+     * Determine the date for the month that comes before the given month in the same column in the
+     * calendar table.
+     */
+    private _prevMonthInSameCol(date);
+    /**
+     * Determine the date for the month that comes after the given month in the same column in the
+     * calendar table.
+     */
+    private _nextMonthInSameCol(date);
+}

package/typings/datepicker/coerce-date-property.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @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 { DateAdapter } from '@angular/material/core';
+/**
+ * Function that attempts to coerce a value to a date using a DateAdapter. Date instances, null,
+ * and undefined will be passed through. Empty strings will be coerced to null. Valid ISO 8601
+ * strings (https://www.ietf.org/rfc/rfc3339.txt) will be coerced to dates. All other values will
+ * result in an error being thrown.
+ * @param adapter The date adapter to use for coercion
+ * @param value The value to coerce.
+ * @return A date object coerced from the value.
+ * @throws Throws when the value cannot be coerced.
+ */
+export declare function coerceDateProperty<D>(adapter: DateAdapter<D>, value: any): D | null;

package/typings/datepicker/datepicker-errors.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** @docs-private */
+export declare function createMissingDateImplError(provider: string): Error;

package/typings/datepicker/datepicker-input.d.ts

@@ -0,0 +1,94 @@
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { DateAdapter, MdDateFormats } from '@angular/material/core';
+import { MdFormField } from '@angular/material/form-field';
+import { MdDatepicker } from './datepicker';
+export declare const MD_DATEPICKER_VALUE_ACCESSOR: any;
+export declare const MD_DATEPICKER_VALIDATORS: any;
+/**
+ * An event used for datepicker input and change events. We don't always have access to a native
+ * input or change event because the event may have been triggered by the user clicking on the
+ * calendar popup. For consistency, we always use MdDatepickerInputEvent instead.
+ */
+export declare class MdDatepickerInputEvent<D> {
+    target: MdDatepickerInput<D>;
+    targetElement: HTMLElement;
+    /** The new value for the target datepicker input. */
+    value: D | null;
+    constructor(target: MdDatepickerInput<D>, targetElement: HTMLElement);
+}
+/** Directive used to connect an input to a MdDatepicker. */
+export declare class MdDatepickerInput<D> implements AfterContentInit, ControlValueAccessor, OnDestroy, Validator {
+    private _elementRef;
+    private _renderer;
+    private _dateAdapter;
+    private _dateFormats;
+    private _mdFormField;
+    /** The datepicker that this input is associated with. */
+    mdDatepicker: MdDatepicker<D>;
+    _datepicker: MdDatepicker<D>;
+    private registerDatepicker(value);
+    matDatepicker: MdDatepicker<D>;
+    mdDatepickerFilter: (date: D | null) => boolean;
+    _dateFilter: (date: D | null) => boolean;
+    matDatepickerFilter: (date: D | null) => boolean;
+    /** The value of the input. */
+    value: D | null;
+    private _value;
+    /** The minimum valid date. */
+    min: D | null;
+    private _min;
+    /** The maximum valid date. */
+    max: D | null;
+    private _max;
+    /** Whether the datepicker-input is disabled. */
+    disabled: any;
+    private _disabled;
+    /** Emits when a `change` event is fired on this `<input>`. */
+    dateChange: EventEmitter<MdDatepickerInputEvent<D>>;
+    /** Emits when an `input` event is fired on this `<input>`. */
+    dateInput: EventEmitter<MdDatepickerInputEvent<D>>;
+    /** Emits when the value changes (either due to user input or programmatic change). */
+    _valueChange: EventEmitter<D | null>;
+    /** Emits when the disabled state has changed */
+    _disabledChange: EventEmitter<boolean>;
+    _onTouched: () => void;
+    private _cvaOnChange;
+    private _validatorOnChange;
+    private _datepickerSubscription;
+    private _localeSubscription;
+    /** The form control validator for whether the input parses. */
+    private _parseValidator;
+    /** The form control validator for the min date. */
+    private _minValidator;
+    /** The form control validator for the max date. */
+    private _maxValidator;
+    /** The form control validator for the date filter. */
+    private _filterValidator;
+    /** The combined form control validator for this input. */
+    private _validator;
+    /** Whether the last value set on the input was valid. */
+    private _lastValueValid;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2, _dateAdapter: DateAdapter<D>, _dateFormats: MdDateFormats, _mdFormField: MdFormField);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    registerOnValidatorChange(fn: () => void): void;
+    validate(c: AbstractControl): ValidationErrors | null;
+    /**
+     * Gets the element that the datepicker popup should be connected to.
+     * @return The element to connect the popup to.
+     */
+    getPopupConnectionElementRef(): ElementRef;
+    writeValue(value: D): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    _onKeydown(event: KeyboardEvent): void;
+    _onInput(value: string): void;
+    _onChange(): void;
+    /**
+     * @param obj The object to check.
+     * @returns The given object if it is both a date instance and valid, otherwise null.
+     */
+    private _getValidDateOrNull(obj);
+}

package/typings/datepicker/datepicker-intl.d.ts

@@ -0,0 +1,25 @@
+import { Subject } from 'rxjs/Subject';
+/** Datepicker data that requires internationalization. */
+export declare class MdDatepickerIntl {
+    /**
+     * Stream that emits whenever the labels here are changed. Use this to notify
+     * components if the labels have changed after initialization.
+     */
+    changes: Subject<void>;
+    /** A label for the calendar popup (used by screen readers). */
+    calendarLabel: string;
+    /** A label for the button used to open the calendar popup (used by screen readers). */
+    openCalendarLabel: string;
+    /** A label for the previous month button (used by screen readers). */
+    prevMonthLabel: string;
+    /** A label for the next month button (used by screen readers). */
+    nextMonthLabel: string;
+    /** A label for the previous year button (used by screen readers). */
+    prevYearLabel: string;
+    /** A label for the next year button (used by screen readers). */
+    nextYearLabel: string;
+    /** A label for the 'switch to month view' button (used by screen readers). */
+    switchToMonthViewLabel: string;
+    /** A label for the 'switch to year view' button (used by screen readers). */
+    switchToYearViewLabel: string;
+}

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

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

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

@@ -0,0 +1,24 @@
+/**
+ * @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 { OnDestroy, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { MdDatepicker } from './datepicker';
+import { MdDatepickerIntl } from './datepicker-intl';
+export declare class MdDatepickerToggle<D> implements OnChanges, OnDestroy {
+    _intl: MdDatepickerIntl;
+    private _changeDetectorRef;
+    private _stateChanges;
+    /** Datepicker instance that the button will toggle. */
+    datepicker: MdDatepicker<D>;
+    /** Whether the toggle button is disabled. */
+    disabled: any;
+    private _disabled;
+    constructor(_intl: MdDatepickerIntl, _changeDetectorRef: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    _open(event: Event): void;
+}