The API states that EXT.Application class represents a sencha application. I cannot find it used in any example. I would think that I would code something like:

Code:
Ext.setup({
	glossOnIcon: false,

	onReady: function() {
        bh.Main = new bh.views.Main();
		bh.Application = new Ext.Application({
			name: 'bh',
		    profiles: {
				phone: function() {
					return Ext.is.Phone;
				},
				tabletPortrait: function() {
					return Ext.is.Tablet && Ext.orientation == 'portrait';
				},
				tabletLandscape: function() {
					return Ext.is.Tablet && Ext.orientation == 'landscape';
				}
			},
			launch: function() {
				this.viewport = new Ext.Panel({
					fullscreen: true,
					
					id    : 'mainPanel',
					layout: 'card',
					items : [
						bh.Main
					]
				});
			}
		});
	}
});
but when I do I get:

Code:
TypeError: Result of expression 'Ext.Application' [undefined] is not a constructor.
If I test for Ext.Application:

Code:
alert(Ext.Application);
the results is that Ext.Application is undefined.


Can someone explain 'Ext.Application' and how it should be used?