(function (factory) { if (typeof module === "object" && typeof module.exports === "object") { var v = factory(require, exports); if (v !== undefined) module.exports = v; } else if (typeof define === "function" && define.amd) { define(["require", "exports", "@angular/core", "../app/app", "../../config/config", "./toast"], factory); } })(function (require, exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var core_1 = require("@angular/core"); var app_1 = require("../app/app"); var config_1 = require("../../config/config"); var toast_1 = require("./toast"); /** * @name ToastController * @description * A Toast is a subtle notification commonly used in modern applications. * It can be used to provide feedback about an operation or to * display a system message. The toast appears on top of the app's content, * and can be dismissed by the app to resume user interaction with * the app. * * ### Creating * All of the toast options should be passed in the first argument of * the create method: `create(opts)`. The message to display should be * passed in the `message` property. The `showCloseButton` option can be set to * true in order to display a close button on the toast. See the [create](#create) * method below for all available options. * * ### Positioning * Toasts can be positioned at the top, bottom or middle of the * view port. The position can be passed to the `Toast.create(opts)` method. * The position option is a string, and the values accepted are `top`, `bottom` and `middle`. * If the position is not specified, the toast will be displayed at the bottom of the view port. * * ### Dismissing * The toast can be dismissed automatically after a specific amount of time * by passing the number of milliseconds to display it in the `duration` of * the toast options. If `showCloseButton` is set to true, then the close button * will dismiss the toast. To dismiss the toast after creation, call the `dismiss()` * method on the Toast instance. The `onDidDismiss` function can be called to perform an action after the toast * is dismissed. * * @usage * ```ts * import { ToastController } from 'ionic-angular'; * * constructor(public toastCtrl: ToastController) { } * * presentToast() { * const toast = this.toastCtrl.create({ * message: 'User was added successfully', * duration: 3000, * position: 'top' * }); * * toast.onDidDismiss(() => { * console.log('Dismissed toast'); * }); * * toast.present(); * } * ``` * @advanced * | Property | Type | Default | Description | * |-----------------------|-----------|-----------------|---------------------------------------------------------------------------------------------------------------| * | message | `string` | - | The message for the toast. Long strings will wrap and the toast container will expand. | * | duration | `number` | - | How many milliseconds to wait before hiding the toast. By default, it will show until `dismiss()` is called. | * | position | `string` | "bottom" | The position of the toast on the screen. Accepted values: "top", "middle", "bottom". | * | cssClass | `string` | - | Additional classes for custom styles, separated by spaces. | * | showCloseButton | `boolean` | false | Whether or not to show a button to close the toast. | * | closeButtonText | `string` | "Close" | Text to display in the close button. | * | dismissOnPageChange | `boolean` | false | Whether to dismiss the toast when navigating to a new page. | * * @demo /docs/demos/src/toast/ */ var ToastController = (function () { function ToastController(_app, config) { this._app = _app; this.config = config; } /** * Create a new toast component. See options below * @param {ToastOptions} opts Toast options. See the below table for available options. */ ToastController.prototype.create = function (opts) { if (opts === void 0) { opts = {}; } return new toast_1.Toast(this._app, opts, this.config); }; ToastController.decorators = [ { type: core_1.Injectable }, ]; /** @nocollapse */ ToastController.ctorParameters = function () { return [ { type: app_1.App, }, { type: config_1.Config, }, ]; }; return ToastController; }()); exports.ToastController = ToastController; }); //# sourceMappingURL=toast-controller.js.map