12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- import { Directive, HostListener, Input } from '@angular/core';
- import { MenuController } from '../app/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/demos/src/menu/
- * @see {@link /docs/components#menus Menu Component Docs}
- * @see {@link ../../menu/Menu Menu API Docs}
- */
- export class MenuClose {
- constructor(_menu) {
- this._menu = _menu;
- }
- /**
- * @hidden
- */
- close() {
- const menu = this._menu.get(this.menuClose);
- menu && menu.close();
- }
- }
- MenuClose.decorators = [
- { type: Directive, args: [{
- selector: '[menuClose]'
- },] },
- ];
- /** @nocollapse */
- MenuClose.ctorParameters = () => [
- { type: MenuController, },
- ];
- MenuClose.propDecorators = {
- 'menuClose': [{ type: Input },],
- 'close': [{ type: HostListener, args: ['click',] },],
- };
- //# sourceMappingURL=menu-close.js.map
|