ionic-framework/src/components/action-sheet/action-sheet.ts

import { ActionSheetCmp } from './action-sheet-component';
import { ActionSheetButton, ActionSheetOptions } from './action-sheet-options';
import { ActionSheetMdSlideIn, ActionSheetMdSlideOut, ActionSheetSlideIn, ActionSheetSlideOut, ActionSheetWpSlideIn, ActionSheetWpSlideOut } from './action-sheet-transitions';
import { App } from '../app/app';
import { Config } from '../../config/config';
import { isPresent } from '../../util/util';
import { NavOptions } from '../../navigation/nav-util';
import { ViewController } from '../../navigation/view-controller';


/**
 * @hidden
 */
export class ActionSheet extends ViewController {
  private _app: App;

  constructor(app: App, opts: ActionSheetOptions, config: Config) {
    opts.buttons = opts.buttons || [];
    opts.enableBackdropDismiss = isPresent(opts.enableBackdropDismiss) ? !!opts.enableBackdropDismiss : true;

    super(ActionSheetCmp, opts, null);
    this._app = app;
    this.isOverlay = true;

    config.setTransition('action-sheet-slide-in', ActionSheetSlideIn);
    config.setTransition('action-sheet-slide-out', ActionSheetSlideOut);
    config.setTransition('action-sheet-md-slide-in', ActionSheetMdSlideIn);
    config.setTransition('action-sheet-md-slide-out', ActionSheetMdSlideOut);
    config.setTransition('action-sheet-wp-slide-in', ActionSheetWpSlideIn);
    config.setTransition('action-sheet-wp-slide-out', ActionSheetWpSlideOut);
  }

  /**
   * @hidden
   */
  getTransitionName(direction: string): string {
    const key = 'actionSheet' + (direction === 'back' ? 'Leave' : 'Enter');
    return this._nav && this._nav.config.get(key);
  }

  /**
   * @param {string} title Action sheet title
   */
  setTitle(title: string): ActionSheet {
    this.data.title = title;
    return this;
  }

  /**
   * @param {string} subTitle Action sheet subtitle
   */
  setSubTitle(subTitle: string): ActionSheet {
    this.data.subTitle = subTitle;
    return this;
  }

  /**
   * @param {object} button Action sheet button
   */
  addButton(button: ActionSheetButton|string): ActionSheet {
    this.data.buttons.push(button);
    return this;
  }

  /**
   * Present the action sheet instance.
   *
   * @param {NavOptions} [navOptions={}] Nav options to go with this transition.
   * @returns {Promise} Returns a promise which is resolved when the transition has completed.
   */
  present(navOptions: NavOptions = {}): Promise<any> {
    navOptions.minClickBlockDuration = navOptions.minClickBlockDuration || 400;
    return this._app.present(this, navOptions);
  }

}