Object Handles in Flex

<?xml version="1.0" encoding="utf-8"?>
<mx:Application backgroundColor="#fffffff" creationComplete="update()" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="1251"  xmlns:ns1="*" xmlns:objecthandles="com.roguedevelopment.objecthandles.*" >
<mx:Script>
       <![CDATA[
        
           import flash.events.MouseEvent;
           import mx.events.FlexEvent;
           import flash.geom.*;
           import flash.events.MouseEvent;
           import com.roguedevelopment.objecthandles.ObjectHandles; 
           //var rotateHandle:Class;
           public function update():void 
           {
           var obh:ObjectHandles=new ObjectHandles();
           //var obh2:ObjectHandles=new ObjectHandles();
             var hh:ap=new ap();
             obh.allowHResize=true;
             obh.allowVResize=true;
             //tex.percentHeight=100;
             //tex.percentWidth=100;
             //obh2.width=100;
             //obh2.height=100;
             hh.percentHeight=100;
             hh.percentWidth=100;
             obh.width=100;
             obh.height=100;
             
             cc.addChild(hh);
             cc.addChild(obh);
             //cc.addChild(obh2);
             
             //obh2.addChild(tex);
             obh.addChild(hh);
           }
    
       ]]>
   </mx:Script>


        <mx:Canvas id="cc" x="424" y="123" width="583" height="626" backgroundColor="#ffffff">
        </mx:Canvas>
        <mx:Button click="update()" x="674" y="82" label="Click"/>


</mx:Application>

SCREEN SHOT &  DEMO HERE