/**
 * Provides a handle for 9-point resizing of Elements or Components.
 */
Ext.define('Ext.resizer.Handle', {
    extend: 'Ext.Component',
    handleCls: '',
    baseHandleCls: Ext.baseCSSPrefix + 'resizable-handle',
    // Ext.resizer.Resizer.prototype.possiblePositions define the regions 
    // which will be passed in as a region configuration. 
    region: '',
    
    ariaRole: 'presentation',
 
    beforeRender: function() {
        var me = this;
 
        me.callParent();
 
        me.protoEl.unselectable();
 
        me.addCls(
            me.baseHandleCls,
            me.baseHandleCls + '-' + me.region,
            me.handleCls
        );
    }
});