/**
 * @class Ext.ActionSheet
 * @extend Ext.Sheet
 * @alias widget.actionsheet
 *
 * ActionSheet is a `Sheet` that is docked at the bottom of the screen by default.
 *
*            @example packages=[extangular]
*            import { Component } from '@angular/core'
*            declare var Ext: any;
*
*            @Component({
*                selector: 'app-root-1',
*                styles: [`
*                        `],
*                template: `
*                    <container #item>
*                        <actionsheet #item [displayed]="true">
*                            <button #item ui="decline" text="Delete Draft"></button>
*                            <button #item text="Save Draft"></button>
*                            <button #item text="Cancel"></button>
*                        </actionsheet>
*                    </container>
*                        `
*            })
*            export class AppComponent {
*            
*            }
 *
 */
 
/**
 * @cfg [left=0]
 * @inheritdoc
 */
 
/**
 * @cfg [right=0]
 * @inheritdoc
 */
 
/**
 * @cfg [bottom=0]
 * @inheritdoc
 */
 
/**
 * @cfg [height='auto']
 * @inheritdoc
 */
 
/**
 * @cfg [defaultType=button]
 * @inheritdoc
 */