/**
 * @class Ext.Toast
 * @extend Ext.Sheet
 *
 * A 'Toast' is a simple modal message that is displayed on the screen and then automatically closed by a timeout or by a user tapping
 * outside of the toast itself. Think about it like a text only alert box that will self destruct.
 *
 * **A Toast should not be instantiated manually**, rather by calling 'Ext.toast(message, timeout)'.
 *
 * This will create one reusable toast container and content will be swapped out as
 * toast messages are queued or displayed.
 *
*            @example packages=[extangular]
*            import { Component } from '@angular/core'
*            declare var Ext: any;
*
*            @Component({
*                selector: 'app-root-1',
*                styles: [`
*                        `],
*                template: `
*                        <container #item [layout]="{type: 'vbox', align: 'left'}">
*                            <button #item`
*                                ui="action"
*                                [handler]="buttonHandler"
*                                text="Show Toast"
*                            ></button>
*                        </container>
*                        `
*            })
*            export class AppComponent {
*                buttonHandler = function() {
*                    Ext.toast('Hello World!');
*                }
*            }
 */
 
/**
 * @cfg [centered=false]
 * @inheritdoc
 */
 
/**
 * @cfg [ui='dark']
 * @inheritdoc
 */
 
/**
 * @cfg showAnimation
 * @inheritdoc
 */
 
/**
 * @cfg hideAnimation
 * @inheritdoc
 */
 
/**
 * @cfg {Number} [zIndex=999]
 * Override the default `zIndex` so it is normally always above positioned components.
 */
 
/**
 * @cfg {String} [message='']
 * The message to be displayed in the {@link Ext.Toast}.
 * @accessor
 */
 
/**
 * @cfg {Number} [timeout=1000]
 * The amount of time in milliseconds to wait before destroying the toast automatically
 */
 
/**
 * @cfg {Boolean/Object} [messageAnimation=true]
 * The animation that should be used between toast messages when they are queued up
 */
 
/**
 * @cfg [hideOnMaskTap=true]
 * @inheritdoc
 */
 
/**
 * @cfg {Boolean} [modal=false]
 * @hide
 */
 
/**
 * @cfg layout
 * @inheritdoc
 */