ionic-angular
Version:
A powerful framework for building mobile and progressive web apps with JavaScript and Angular 2
71 lines • 1.87 kB
JavaScript
import { Directive, HostListener, Input } from '@angular/core';
import { MenuController } from './menu-controller';
/**
* \@name MenuClose
* \@description
* The `menuClose` directive can be placed on any button to close an open menu.
*
* \@usage
*
* A simple `menuClose` button can be added using the following markup:
*
* ```html
* <button ion-button menuClose>Close Menu</button>
* ```
*
* To close a certain menu by its id or side, give the `menuClose`
* directive a value.
*
* ```html
* <button ion-button menuClose="left">Close Left Menu</button>
* ```
*
* \@demo /docs/v2/demos/src/menu/
* @see {\@link /docs/v2/components#menus Menu Component Docs}
* @see {\@link ../../menu/Menu Menu API Docs}
*/
export var MenuClose = (function () {
/**
* @param {?} _menu
*/
function MenuClose(_menu) {
this._menu = _menu;
}
/**
* @return {?}
*/
MenuClose.prototype.close = function () {
var /** @type {?} */ menu = this._menu.get(this.menuClose);
menu && menu.close();
};
MenuClose.decorators = [
{ type: Directive, args: [{
selector: '[menuClose]'
},] },
];
/** @nocollapse */
MenuClose.ctorParameters = function () { return [
{ type: MenuController, },
]; };
MenuClose.propDecorators = {
'menuClose': [{ type: Input },],
'close': [{ type: HostListener, args: ['click',] },],
};
return MenuClose;
}());
function MenuClose_tsickle_Closure_declarations() {
/** @type {?} */
MenuClose.decorators;
/**
* @nocollapse
* @type {?}
*/
MenuClose.ctorParameters;
/** @type {?} */
MenuClose.propDecorators;
/** @type {?} */
MenuClose.prototype.menuClose;
/** @type {?} */
MenuClose.prototype._menu;
}
//# sourceMappingURL=menu-close.js.map