resin 0.3.1 → 0.4.0

data/amber/js/Benchfib.js

@@ -9,9 +9,9 @@ category: 'not yet classified',
 fn: function (){
 var self=this;
 var result;
-result=smalltalk.send((0),"_tinyBenchmarks",[]);
-smalltalk.send(console,"_log_",[smalltalk.send("0 tinyBenchmarks => ","__comma",[result])]);
-return self},
+return smalltalk.withContext(function($ctx1) { 
+_st(console)._log_(_st("0 tinyBenchmarks => ").__comma(result));
+return self}, function($ctx1) {$ctx1.fill(self,"main",{result:result}, smalltalk.Benchfib.klass)})},
 args: [],
 source: "main\x0a\x0a\x09| result |\x0a\x09result := 0 tinyBenchmarks.\x0a\x09console log: '0 tinyBenchmarks => ' , result",
 messageSends: ["tinyBenchmarks", "log:", ","],
@@ -27,15 +27,15 @@ selector: "benchFib",
 category: '*Benchfib',
 fn: function (){
 var self=this;
-var $2,$1;
-$2=smalltalk.send(self,"__lt",[(2)]);
+return smalltalk.withContext(function($ctx1) { 
+$2=_st(self).__lt((2));
 if(smalltalk.assert($2)){
 $1=(1);
 } else {
-$1=smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(self,"__minus",[(1)]),"_benchFib",[]),"__plus",[smalltalk.send(smalltalk.send(self,"__minus",[(2)]),"_benchFib",[])]),"__plus",[(1)]);
+$1=_st(_st(_st(_st(self).__minus((1)))._benchFib()).__plus(_st(_st(self).__minus((2)))._benchFib())).__plus((1));
 };
 return $1;
-},
+}, function($ctx1) {$ctx1.fill(self,"benchFib",{}, smalltalk.Number)})},
 args: [],
 source: "benchFib \x0a\x09\x22Handy send-heavy benchmark\x22\x0a\x09\x22(result // seconds to run) = approx calls per second\x22\x0a\x09\x22 | r t |\x0a\x09  t := Time millisecondsToRun: [r := 26 benchFib].\x0a\x09  (r * 1000) // t\x22\x0a\x09\x22138000 on a Mac 8100/100\x22\x0a\x09^ self < 2 \x0a\x09\x09ifTrue: [1] \x0a\x09\x09ifFalse: [(self-1) benchFib + (self-2) benchFib + 1]",
 messageSends: ["ifTrue:ifFalse:", "+", "benchFib", "-", "<"],
@@ -50,42 +50,43 @@ selector: "benchmark",
 category: '*Benchfib',
 fn: function (){
 var self=this;
-var $1;
-var size;
-var flags;
-var prime;
-var k;
-var count;
+var size,flags,prime,k,count;
+return smalltalk.withContext(function($ctx1) { 
 size=(8190);
-smalltalk.send((1),"_to_do_",[self,(function(iter){
-count=(0);
+$1=self;
+$2=(function(iter){
+return smalltalk.withContext(function($ctx2) {
 count;
-flags=smalltalk.send((smalltalk.Array || Array),"_new",[]);
+flags=_st((smalltalk.Array || Array))._new();
 flags;
-smalltalk.send(size,"_timesRepeat_",[(function(){
-return smalltalk.send(flags,"_add_",[true]);
-})]);
-return smalltalk.send((1),"_to_do_",[size,(function(i){
-$1=smalltalk.send(flags,"_at_",[i]);
-if(smalltalk.assert($1)){
-prime=smalltalk.send(i,"__plus",[(1)]);
+_st(size)._timesRepeat_((function(){
+return smalltalk.withContext(function($ctx3) {
+}, function($ctx3) {$ctx3.fillBlock({},$ctx1)})}));
+$3=size;
+$4=(function(i){
+return smalltalk.withContext(function($ctx3) {
+if(smalltalk.assert($5)){
+prime=_st(i).__plus((1));
 prime;
-k=smalltalk.send(i,"__plus",[prime]);
+k=_st(i).__plus(prime);
 k;
-smalltalk.send((function(){
-return smalltalk.send(k,"__lt_eq",[size]);
-}),"_whileTrue_",[(function(){
-smalltalk.send(flags,"_at_put_",[k,false]);
-k=smalltalk.send(k,"__plus",[prime]);
+_st((function(){
+return smalltalk.withContext(function($ctx4) {
+}, function($ctx4) {$ctx4.fillBlock({},$ctx1)})}))._whileTrue_((function(){
+return smalltalk.withContext(function($ctx4) {
+k=_st(k).__plus(prime);
 return k;
-})]);
-count=smalltalk.send(count,"__plus",[(1)]);
+}, function($ctx4) {$ctx4.fillBlock({},$ctx1)})}));
+count=_st(count).__plus((1));
 return count;
 };
-})]);
-})]);
-return count;
-},
+}, function($ctx3) {$ctx3.fillBlock({i:i},$ctx1)})});
+return _st((1))._to_do_($3,$4);
+}, function($ctx2) {$ctx2.fillBlock({iter:iter},$ctx1)})});
+_st((1))._to_do_($1,$2);
+$6=count;
+return $6;
+}, function($ctx1) {$ctx1.fill(self,"benchmark",{size:size,flags:flags,prime:prime,k:k,count:count}, smalltalk.Number)})},
 args: [],
 source: "benchmark \x0a\x09\x22Handy bytecode-heavy benchmark\x22\x0a\x09\x22(500000 // time to run) = approx bytecodes per second\x22\x0a\x09\x225000000 // (Time millisecondsToRun: [10 benchmark]) * 1000\x22\x0a\x09\x223059000 on a Mac 8100/100\x22\x0a    | size flags prime k count |\x0a    size := 8190.\x0a    1 to: self do:\x0a        [:iter |\x0a        count := 0.\x0a        flags := Array new.\x0a        size timesRepeat: [ flags add: true].\x0a        1 to: size do:\x0a            [:i | (flags at: i) ifTrue:\x0a                [prime := i+1.\x0a                k := i + prime.\x0a                [k <= size] whileTrue:\x0a                    [flags at: k put: false.\x0a                    k := k + prime].\x0a                count := count + 1]]].\x0a    ^ count",
 messageSends: ["to:do:", "new", "timesRepeat:", "add:", "ifTrue:", "+", "whileTrue:", "at:put:", "<=", "at:"],
@@ -100,12 +101,11 @@ selector: "jsbenchFib",
 category: '*Benchfib',
 fn: function (){
 var self=this;
-if (this < 2) {
+return smalltalk.withContext(function($ctx1) { 
 return 1;
 } else {
 return (this-1)._jsbenchFib() + (this-2)._jsbenchFib() + 1;};
-;
-return self},
+return self}, function($ctx1) {$ctx1.fill(self,"jsbenchFib",{}, smalltalk.Number)})},
 args: [],
 source: "jsbenchFib\x0a \x0a\x09<if (this < 2) {\x0areturn 1;\x0a} else {\x0areturn (this-1)._jsbenchFib() + (this-2)._jsbenchFib() + 1;}>",
 messageSends: [],
@@ -120,7 +120,7 @@ selector: "jsbenchmark",
 category: '*Benchfib',
 fn: function (){
 var self=this;
-
+return smalltalk.withContext(function($ctx1) { 
 var size = 8190;
 var count;
 for (var z=0;z<this;z++) {
@@ -142,8 +142,7 @@ for (var z=0;z<this;z++) {
   }
 }
 return count;
-;
-return self},
+return self}, function($ctx1) {$ctx1.fill(self,"jsbenchmark",{}, smalltalk.Number)})},
 args: [],
 source: "jsbenchmark\x0a\x0a<\x0avar size = 8190;\x0avar count;\x0afor (var z=0;z<this;z++) {\x0a  count = 0;\x0a  var flags = new Array();\x0a  for (var p=0; p<size; p++) {\x0a    flags[p] = true;\x0a  }\x0a  for (var i=1;i<=size;i++) {\x0a    if (flags[i-1]) {\x0a      var prime = i+1;\x0a      var k = i + prime;\x0a      while (k <= size) {\x0a        flags[k-1] = false;\x0a        k = k + prime;\x0a      }\x0a      count = count + 1;\x0a    }\x0a  }\x0a}\x0areturn count>",
 messageSends: [],
@@ -158,38 +157,34 @@ selector: "jstinyBenchmarks",
 category: '*Benchfib',
 fn: function (){
 var self=this;
-var $1;
-var t1;
-var t2;
-var r;
-var n1;
-var n2;
+var t1,t2,r,n1,n2;
+return smalltalk.withContext(function($ctx1) { 
 n1=(1);
-smalltalk.send((function(){
-t1=smalltalk.send((smalltalk.Date || Date),"_millisecondsToRun_",[(function(){
-return smalltalk.send(n1,"_jsbenchmark",[]);
-})]);
+_st((function(){
+return smalltalk.withContext(function($ctx2) {
+return smalltalk.withContext(function($ctx3) {
+}, function($ctx3) {$ctx3.fillBlock({},$ctx1)})}));
 t1;
-return smalltalk.send(t1,"__lt",[(1000)]);
-}),"_whileTrue_",[(function(){
-n1=smalltalk.send(n1,"__star",[(2)]);
+return _st(t1).__lt((1000));
+}, function($ctx2) {$ctx2.fillBlock({},$ctx1)})}))._whileTrue_((function(){
+return smalltalk.withContext(function($ctx2) {
 return n1;
-})]);
+}, function($ctx2) {$ctx2.fillBlock({},$ctx1)})}));
 n2=(28);
-smalltalk.send((function(){
-t2=smalltalk.send((smalltalk.Date || Date),"_millisecondsToRun_",[(function(){
-r=smalltalk.send(n2,"_jsbenchFib",[]);
+_st((function(){
+return smalltalk.withContext(function($ctx2) {
+return smalltalk.withContext(function($ctx3) {
 return r;
-})]);
+}, function($ctx3) {$ctx3.fillBlock({},$ctx1)})}));
 t2;
-return smalltalk.send(t2,"__lt",[(1000)]);
-}),"_whileTrue_",[(function(){
-n2=smalltalk.send(n2,"__plus",[(1)]);
+return _st(t2).__lt((1000));
+}, function($ctx2) {$ctx2.fillBlock({},$ctx1)})}))._whileTrue_((function(){
+return smalltalk.withContext(function($ctx2) {
 return n2;
-})]);
-$1=smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(n1,"__star",[(500000)]),"__star",[(1000)]),"__slash",[t1]),"_printString",[]),"__comma",[" bytecodes/sec; "]),"__comma",[smalltalk.send(smalltalk.send(smalltalk.send(r,"__star",[(1000)]),"__slash",[t2]),"_printString",[])]),"__comma",[" sends/sec"]);
+}, function($ctx2) {$ctx2.fillBlock({},$ctx1)})}));
+$1=_st(_st(_st(_st(_st(_st(_st(n1).__star((500000))).__star((1000))).__slash(t1))._printString()).__comma(" bytecodes/sec; ")).__comma(_st(_st(_st(r).__star((1000))).__slash(t2))._printString())).__comma(" sends/sec");
 return $1;
-},
+}, function($ctx1) {$ctx1.fill(self,"jstinyBenchmarks",{t1:t1,t2:t2,r:r,n1:n1,n2:n2}, smalltalk.Number)})},
 args: [],
 source: "jstinyBenchmarks\x0a\x09\x220 jstinyBenchmarks\x22\x0a\x0a\x09| t1 t2 r n1 n2 |\x0a\x09n1 := 1.\x0a\x09[t1 := Date millisecondsToRun: [n1 jsbenchmark].\x0a\x09t1 < 1000] whileTrue:[n1 := n1 * 2]. \x22Note: #benchmark's runtime is about O(n)\x22\x0a\x0a\x09n2 := 28.\x0a\x09[t2 := Date millisecondsToRun: [r := n2 jsbenchFib].\x0a\x09t2 < 1000] whileTrue:[n2 := n2 + 1]. \x0a\x09\x22Note: #jsbenchFib's runtime is about O(k^n),\x0a\x09\x09where k is the golden number = (1 + 5 sqrt) / 2 = 1.618....\x22\x0a\x0a\x09^ ((n1 * 500000 * 1000) / t1) printString, ' bytecodes/sec; ',\x0a\x09  ((r * 1000) / t2) printString, ' sends/sec'",
 messageSends: ["whileTrue:", "*", "millisecondsToRun:", "jsbenchmark", "<", "+", "jsbenchFib", ",", "printString", "/"],
@@ -204,38 +199,34 @@ selector: "tinyBenchmarks",
 category: '*Benchfib',
 fn: function (){
 var self=this;
-var $1;
-var t1;
-var t2;
-var r;
-var n1;
-var n2;
+var t1,t2,r,n1,n2;
+return smalltalk.withContext(function($ctx1) { 
 n1=(1);
-smalltalk.send((function(){
-t1=smalltalk.send((smalltalk.Date || Date),"_millisecondsToRun_",[(function(){
-return smalltalk.send(n1,"_benchmark",[]);
-})]);
+_st((function(){
+return smalltalk.withContext(function($ctx2) {
+return smalltalk.withContext(function($ctx3) {
+}, function($ctx3) {$ctx3.fillBlock({},$ctx1)})}));
 t1;
-return smalltalk.send(t1,"__lt",[(1000)]);
-}),"_whileTrue_",[(function(){
-n1=smalltalk.send(n1,"__star",[(2)]);
+return _st(t1).__lt((1000));
+}, function($ctx2) {$ctx2.fillBlock({},$ctx1)})}))._whileTrue_((function(){
+return smalltalk.withContext(function($ctx2) {
 return n1;
-})]);
+}, function($ctx2) {$ctx2.fillBlock({},$ctx1)})}));
 n2=(16);
-smalltalk.send((function(){
-t2=smalltalk.send((smalltalk.Date || Date),"_millisecondsToRun_",[(function(){
-r=smalltalk.send(n2,"_benchFib",[]);
+_st((function(){
+return smalltalk.withContext(function($ctx2) {
+return smalltalk.withContext(function($ctx3) {
 return r;
-})]);
+}, function($ctx3) {$ctx3.fillBlock({},$ctx1)})}));
 t2;
-return smalltalk.send(t2,"__lt",[(1000)]);
-}),"_whileTrue_",[(function(){
-n2=smalltalk.send(n2,"__plus",[(1)]);
+return _st(t2).__lt((1000));
+}, function($ctx2) {$ctx2.fillBlock({},$ctx1)})}))._whileTrue_((function(){
+return smalltalk.withContext(function($ctx2) {
 return n2;
-})]);
-$1=smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(n1,"__star",[(500000)]),"__star",[(1000)]),"__slash",[t1]),"_printString",[]),"__comma",[" bytecodes/sec; "]),"__comma",[smalltalk.send(smalltalk.send(smalltalk.send(r,"__star",[(1000)]),"__slash",[t2]),"_printString",[])]),"__comma",[" sends/sec"]);
+}, function($ctx2) {$ctx2.fillBlock({},$ctx1)})}));
+$1=_st(_st(_st(_st(_st(_st(_st(n1).__star((500000))).__star((1000))).__slash(t1))._printString()).__comma(" bytecodes/sec; ")).__comma(_st(_st(_st(r).__star((1000))).__slash(t2))._printString())).__comma(" sends/sec");
 return $1;
-},
+}, function($ctx1) {$ctx1.fill(self,"tinyBenchmarks",{t1:t1,t2:t2,r:r,n1:n1,n2:n2}, smalltalk.Number)})},
 args: [],
 source: "tinyBenchmarks \x0a\x09\x22Report the results of running the two tiny Squeak benchmarks.\x0a\x09ar 9/10/1999: Adjusted to run at least 1 sec to get more stable results\x22\x0a\x09\x220 tinyBenchmarks\x22\x0a\x09\x22On a 292 MHz G3 Mac: 22727272 bytecodes/sec; 984169 sends/sec\x22\x0a\x09\x22On a 400 MHz PII/Win98:  18028169 bytecodes/sec; 1081272 sends/sec\x22\x0a\x09| t1 t2 r n1 n2 |\x0a\x09n1 := 1.\x0a\x09[t1 := Date millisecondsToRun: [n1 benchmark].\x0a\x09t1 < 1000] whileTrue:[n1 := n1 * 2]. \x22Note: #benchmark's runtime is about O(n)\x22\x0a\x0a\x09n2 := 16.\x0a\x09[t2 := Date millisecondsToRun: [r := n2 benchFib].\x0a\x09t2 < 1000] whileTrue:[n2 := n2 + 1]. \x0a\x09\x22Note: #benchFib's runtime is about O(k^n),\x0a\x09\x09where k is the golden number = (1 + 5 sqrt) / 2 = 1.618....\x22\x0a\x0a\x09^ ((n1 * 500000 * 1000) / t1) printString, ' bytecodes/sec; ',\x0a\x09  ((r * 1000) / t2) printString, ' sends/sec'",
 messageSends: ["whileTrue:", "*", "millisecondsToRun:", "benchmark", "<", "+", "benchFib", ",", "printString", "/"],

data/amber/js/Canvas.deploy.js

@@ -6,10 +6,10 @@ smalltalk.method({
 selector: "a",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["a"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("a");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"a",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -19,10 +19,10 @@ smalltalk.method({
 selector: "abbr",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["abbr"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("abbr");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"abbr",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -32,10 +32,10 @@ smalltalk.method({
 selector: "address",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["address"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("address");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"address",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -45,10 +45,10 @@ smalltalk.method({
 selector: "area",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["area"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("area");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"area",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -58,10 +58,10 @@ smalltalk.method({
 selector: "article",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["article"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("article");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"article",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -71,10 +71,10 @@ smalltalk.method({
 selector: "aside",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["aside"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("aside");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"aside",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -84,10 +84,10 @@ smalltalk.method({
 selector: "audio",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["audio"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("audio");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"audio",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -97,10 +97,10 @@ smalltalk.method({
 selector: "base",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["base"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("base");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"base",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -110,10 +110,10 @@ smalltalk.method({
 selector: "blockquote",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["blockquote"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("blockquote");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"blockquote",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -123,10 +123,10 @@ smalltalk.method({
 selector: "body",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["body"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("body");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"body",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -136,10 +136,10 @@ smalltalk.method({
 selector: "br",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["br"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("br");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"br",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -149,10 +149,10 @@ smalltalk.method({
 selector: "button",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["button"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("button");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"button",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -162,10 +162,10 @@ smalltalk.method({
 selector: "canvas",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["canvas"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("canvas");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"canvas",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -175,10 +175,10 @@ smalltalk.method({
 selector: "caption",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["caption"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("caption");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"caption",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -188,10 +188,10 @@ smalltalk.method({
 selector: "cite",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["cite"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("cite");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"cite",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -201,10 +201,10 @@ smalltalk.method({
 selector: "code",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["code"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("code");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"code",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -214,10 +214,10 @@ smalltalk.method({
 selector: "col",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["col"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("col");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"col",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -227,10 +227,10 @@ smalltalk.method({
 selector: "colgroup",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["colgroup"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("colgroup");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"colgroup",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -240,10 +240,10 @@ smalltalk.method({
 selector: "command",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["command"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("command");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"command",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -253,10 +253,10 @@ smalltalk.method({
 selector: "datalist",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["datalist"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("datalist");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"datalist",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -266,10 +266,10 @@ smalltalk.method({
 selector: "dd",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["dd"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("dd");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"dd",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -279,10 +279,10 @@ smalltalk.method({
 selector: "del",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["del"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("del");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"del",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -292,10 +292,10 @@ smalltalk.method({
 selector: "details",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["details"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("details");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"details",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -305,10 +305,10 @@ smalltalk.method({
 selector: "div",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["div"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("div");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"div",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -318,10 +318,10 @@ smalltalk.method({
 selector: "div:",
 fn: function (aBlock){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_div",[]),"_with_",[aBlock]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._div())._with_(aBlock);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"div:",{aBlock:aBlock}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -331,10 +331,10 @@ smalltalk.method({
 selector: "dl",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["dl"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("dl");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"dl",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -344,10 +344,10 @@ smalltalk.method({
 selector: "dt",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["dt"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("dt");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"dt",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -357,10 +357,10 @@ smalltalk.method({
 selector: "em",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["em"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("em");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"em",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -370,10 +370,10 @@ smalltalk.method({
 selector: "embed",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["embed"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("embed");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"embed",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -383,10 +383,10 @@ smalltalk.method({
 selector: "fieldset",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["fieldset"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("fieldset");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"fieldset",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -396,10 +396,10 @@ smalltalk.method({
 selector: "figcaption",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["figcaption"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("figcaption");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"figcaption",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -409,10 +409,10 @@ smalltalk.method({
 selector: "figure",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["figure"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("figure");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"figure",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -422,10 +422,10 @@ smalltalk.method({
 selector: "footer",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["footer"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("footer");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"footer",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -435,10 +435,10 @@ smalltalk.method({
 selector: "form",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["form"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("form");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"form",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -448,10 +448,10 @@ smalltalk.method({
 selector: "h1",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["h1"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("h1");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h1",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -461,10 +461,10 @@ smalltalk.method({
 selector: "h1:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_h1",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._h1())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h1:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -474,10 +474,10 @@ smalltalk.method({
 selector: "h2",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["h2"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("h2");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h2",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -487,10 +487,10 @@ smalltalk.method({
 selector: "h2:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_h2",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._h2())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h2:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -500,10 +500,10 @@ smalltalk.method({
 selector: "h3",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["h3"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("h3");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h3",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -513,10 +513,10 @@ smalltalk.method({
 selector: "h3:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_h3",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._h3())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h3:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -526,10 +526,10 @@ smalltalk.method({
 selector: "h4",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["h4"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("h4");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h4",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -539,10 +539,10 @@ smalltalk.method({
 selector: "h4:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_h4",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._h4())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h4:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -552,10 +552,10 @@ smalltalk.method({
 selector: "h5",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["h5"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("h5");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h5",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -565,10 +565,10 @@ smalltalk.method({
 selector: "h5:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_h5",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._h5())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h5:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -578,10 +578,10 @@ smalltalk.method({
 selector: "h6",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["h6"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("h6");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h6",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -591,10 +591,10 @@ smalltalk.method({
 selector: "h6:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_h6",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._h6())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"h6:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -604,10 +604,10 @@ smalltalk.method({
 selector: "head",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["head"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("head");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"head",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -617,10 +617,10 @@ smalltalk.method({
 selector: "header",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["header"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("header");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"header",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -630,10 +630,10 @@ smalltalk.method({
 selector: "hgroup",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["hgroup"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("hgroup");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"hgroup",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -643,10 +643,10 @@ smalltalk.method({
 selector: "hr",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["hr"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("hr");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"hr",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -656,10 +656,10 @@ smalltalk.method({
 selector: "html",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["html"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("html");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"html",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -669,10 +669,10 @@ smalltalk.method({
 selector: "iframe",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["iframe"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("iframe");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"iframe",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -682,10 +682,10 @@ smalltalk.method({
 selector: "iframe:",
 fn: function (aString){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_iframe",[]),"_src_",[aString]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._iframe())._src_(aString);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"iframe:",{aString:aString}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -695,10 +695,10 @@ smalltalk.method({
 selector: "img",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["img"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("img");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"img",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -708,10 +708,10 @@ smalltalk.method({
 selector: "img:",
 fn: function (aString){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_img",[]),"_src_",[aString]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._img())._src_(aString);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"img:",{aString:aString}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -721,14 +721,16 @@ smalltalk.method({
 selector: "initialize",
 fn: function (){
 var self=this;
-smalltalk.send(self,"_initialize",[],smalltalk.Object);
-if(($receiver = self["@root"]) == nil || $receiver == undefined){
-self["@root"]=smalltalk.send((smalltalk.TagBrush || TagBrush),"_fromString_canvas_",["div",self]);
+return smalltalk.withContext(function($ctx1) { 
+smalltalk.Object.fn.prototype._initialize.apply(_st(self), []);
+$1=self["@root"];
+if(($receiver = $1) == nil || $receiver == undefined){
+self["@root"]=_st((smalltalk.TagBrush || TagBrush))._fromString_canvas_("div",self);
 self["@root"];
 } else {
-self["@root"];
+$1;
 };
-return self}
+return self}, function($ctx1) {$ctx1.fill(self,"initialize",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -738,8 +740,8 @@ smalltalk.method({
 selector: "initializeFromJQuery:",
 fn: function (aJQuery){
 var self=this;
-self["@root"]=smalltalk.send((smalltalk.TagBrush || TagBrush),"_fromJQuery_canvas_",[aJQuery,self]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"initializeFromJQuery:",{aJQuery:aJQuery}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -749,10 +751,10 @@ smalltalk.method({
 selector: "input",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["input"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("input");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"input",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -762,10 +764,10 @@ smalltalk.method({
 selector: "label",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["label"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("label");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"label",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -775,10 +777,10 @@ smalltalk.method({
 selector: "legend",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["legend"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("legend");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"legend",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -788,10 +790,10 @@ smalltalk.method({
 selector: "li",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["li"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("li");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"li",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -801,10 +803,10 @@ smalltalk.method({
 selector: "li:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_li",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._li())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"li:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -814,10 +816,10 @@ smalltalk.method({
 selector: "link",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["link"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("link");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"link",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -827,10 +829,10 @@ smalltalk.method({
 selector: "map",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["map"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("map");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"map",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -840,10 +842,10 @@ smalltalk.method({
 selector: "mark",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["mark"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("mark");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"mark",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -853,10 +855,10 @@ smalltalk.method({
 selector: "menu",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["menu"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("menu");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"menu",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -866,10 +868,10 @@ smalltalk.method({
 selector: "meta",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["meta"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("meta");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"meta",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -879,10 +881,10 @@ smalltalk.method({
 selector: "nav",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["nav"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("nav");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"nav",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -892,10 +894,10 @@ smalltalk.method({
 selector: "newTag:",
 fn: function (aString){
 var self=this;
-var $1;
-$1=smalltalk.send((smalltalk.TagBrush || TagBrush),"_fromString_canvas_",[aString,self]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st((smalltalk.TagBrush || TagBrush))._fromString_canvas_(aString,self);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"newTag:",{aString:aString}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -905,10 +907,10 @@ smalltalk.method({
 selector: "noscript",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["noscript"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("noscript");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"noscript",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -918,10 +920,10 @@ smalltalk.method({
 selector: "object",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["object"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("object");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"object",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -931,10 +933,10 @@ smalltalk.method({
 selector: "ol",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["ol"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("ol");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"ol",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -944,10 +946,10 @@ smalltalk.method({
 selector: "ol:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_ol",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._ol())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"ol:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -957,10 +959,10 @@ smalltalk.method({
 selector: "optgroup",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["optgroup"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("optgroup");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"optgroup",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -970,10 +972,10 @@ smalltalk.method({
 selector: "option",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["option"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("option");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"option",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -983,10 +985,10 @@ smalltalk.method({
 selector: "output",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["output"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("output");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"output",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -996,10 +998,10 @@ smalltalk.method({
 selector: "p",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["p"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("p");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"p",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1009,10 +1011,10 @@ smalltalk.method({
 selector: "p:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_p",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._p())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"p:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1022,10 +1024,10 @@ smalltalk.method({
 selector: "param",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["param"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("param");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"param",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1035,10 +1037,10 @@ smalltalk.method({
 selector: "pre",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["pre"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("pre");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"pre",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1048,10 +1050,10 @@ smalltalk.method({
 selector: "progress",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["progress"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("progress");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"progress",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1061,8 +1063,10 @@ smalltalk.method({
 selector: "root",
 fn: function (){
 var self=this;
-return self["@root"];
-}
+return smalltalk.withContext(function($ctx1) { 
+$1=self["@root"];
+return $1;
+}, function($ctx1) {$ctx1.fill(self,"root",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1072,8 +1076,8 @@ smalltalk.method({
 selector: "root:",
 fn: function (aTagBrush){
 var self=this;
-self["@root"]=aTagBrush;
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"root:",{aTagBrush:aTagBrush}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1083,10 +1087,10 @@ smalltalk.method({
 selector: "script",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["script"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("script");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"script",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1096,10 +1100,10 @@ smalltalk.method({
 selector: "section",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["section"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("section");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"section",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1109,10 +1113,10 @@ smalltalk.method({
 selector: "select",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["select"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("select");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"select",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1122,10 +1126,10 @@ smalltalk.method({
 selector: "small",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["small"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("small");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"small",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1135,10 +1139,10 @@ smalltalk.method({
 selector: "source",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["source"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("source");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"source",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1148,10 +1152,10 @@ smalltalk.method({
 selector: "span",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["span"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("span");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"span",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1161,10 +1165,10 @@ smalltalk.method({
 selector: "span:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_span",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._span())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"span:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1174,10 +1178,10 @@ smalltalk.method({
 selector: "strong",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["strong"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("strong");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"strong",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1187,10 +1191,10 @@ smalltalk.method({
 selector: "strong:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_strong",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._strong())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"strong:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1200,10 +1204,10 @@ smalltalk.method({
 selector: "style",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self["@root"],"_addBrush_",[smalltalk.send((smalltalk.StyleTag || StyleTag),"_canvas_",[self])]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self["@root"])._addBrush_(_st((smalltalk.StyleTag || StyleTag))._canvas_(self));
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"style",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1213,13 +1217,13 @@ smalltalk.method({
 selector: "style:",
 fn: function (aString){
 var self=this;
-var $2,$3,$1;
-$2=smalltalk.send(self,"_style",[]);
-smalltalk.send($2,"_with_",[aString]);
-$3=smalltalk.send($2,"_yourself",[]);
+return smalltalk.withContext(function($ctx1) { 
+$2=_st(self)._style();
+_st($2)._with_(aString);
+$3=_st($2)._yourself();
 $1=$3;
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"style:",{aString:aString}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1229,10 +1233,10 @@ smalltalk.method({
 selector: "sub",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["sub"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("sub");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"sub",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1242,10 +1246,10 @@ smalltalk.method({
 selector: "summary",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["summary"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("summary");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"summary",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1255,10 +1259,10 @@ smalltalk.method({
 selector: "sup",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["sup"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("sup");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"sup",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1268,10 +1272,10 @@ smalltalk.method({
 selector: "table",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["table"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("table");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"table",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1281,10 +1285,10 @@ smalltalk.method({
 selector: "tag:",
 fn: function (aString){
 var self=this;
-var $1;
-$1=smalltalk.send(self["@root"],"_addBrush_",[smalltalk.send(self,"_newTag_",[aString])]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self["@root"])._addBrush_(_st(self)._newTag_(aString));
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"tag:",{aString:aString}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1294,10 +1298,10 @@ smalltalk.method({
 selector: "tbody",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["tbody"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("tbody");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"tbody",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1307,10 +1311,10 @@ smalltalk.method({
 selector: "td",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["td"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("td");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"td",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1320,10 +1324,10 @@ smalltalk.method({
 selector: "textarea",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["textarea"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("textarea");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"textarea",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1333,10 +1337,10 @@ smalltalk.method({
 selector: "tfoot",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["tfoot"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("tfoot");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"tfoot",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1346,10 +1350,10 @@ smalltalk.method({
 selector: "th",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["th"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("th");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"th",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1359,10 +1363,10 @@ smalltalk.method({
 selector: "thead",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["thead"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("thead");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"thead",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1372,10 +1376,10 @@ smalltalk.method({
 selector: "time",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["time"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("time");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"time",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1385,10 +1389,10 @@ smalltalk.method({
 selector: "title",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["title"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("title");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"title",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1398,10 +1402,10 @@ smalltalk.method({
 selector: "tr",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["tr"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("tr");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"tr",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1411,10 +1415,10 @@ smalltalk.method({
 selector: "ul",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["ul"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("ul");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"ul",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1424,10 +1428,10 @@ smalltalk.method({
 selector: "ul:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_ul",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._ul())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"ul:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1437,10 +1441,10 @@ smalltalk.method({
 selector: "video",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(self,"_tag_",["video"]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(self)._tag_("video");
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"video",{}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1450,10 +1454,10 @@ smalltalk.method({
 selector: "with:",
 fn: function (anObject){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(self,"_root",[]),"_with_",[anObject]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(self)._root())._with_(anObject);
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"with:",{anObject:anObject}, smalltalk.HTMLCanvas)})}
 }),
 smalltalk.HTMLCanvas);
 
@@ -1464,10 +1468,10 @@ smalltalk.method({
 selector: "browserVersion",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(jQuery,"_at_",[smalltalk.symbolFor("browser")]),"_version",[]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(jQuery)._at_(smalltalk.symbolFor("browser")))._version();
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"browserVersion",{}, smalltalk.HTMLCanvas.klass)})}
 }),
 smalltalk.HTMLCanvas.klass);
 
@@ -1477,10 +1481,10 @@ smalltalk.method({
 selector: "isMSIE",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(smalltalk.send(jQuery,"_at_",[smalltalk.symbolFor("browser")]),"_at_",[smalltalk.symbolFor("msie")]),"_notNil",[]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(_st(jQuery)._at_(smalltalk.symbolFor("browser")))._at_(smalltalk.symbolFor("msie")))._notNil();
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"isMSIE",{}, smalltalk.HTMLCanvas.klass)})}
 }),
 smalltalk.HTMLCanvas.klass);
 
@@ -1490,10 +1494,10 @@ smalltalk.method({
 selector: "isMozilla",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(smalltalk.send(jQuery,"_at_",[smalltalk.symbolFor("browser")]),"_at_",[smalltalk.symbolFor("mozilla")]),"_notNil",[]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(_st(jQuery)._at_(smalltalk.symbolFor("browser")))._at_(smalltalk.symbolFor("mozilla")))._notNil();
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"isMozilla",{}, smalltalk.HTMLCanvas.klass)})}
 }),
 smalltalk.HTMLCanvas.klass);
 
@@ -1503,10 +1507,10 @@ smalltalk.method({
 selector: "isOpera",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(smalltalk.send(jQuery,"_at_",[smalltalk.symbolFor("browser")]),"_at_",[smalltalk.symbolFor("opera")]),"_notNil",[]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(_st(jQuery)._at_(smalltalk.symbolFor("browser")))._at_(smalltalk.symbolFor("opera")))._notNil();
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"isOpera",{}, smalltalk.HTMLCanvas.klass)})}
 }),
 smalltalk.HTMLCanvas.klass);
 
@@ -1516,10 +1520,10 @@ smalltalk.method({
 selector: "isWebkit",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(smalltalk.send(smalltalk.send(jQuery,"_at_",[smalltalk.symbolFor("browser")]),"_at_",[smalltalk.symbolFor("webkit")]),"_notNil",[]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(_st(_st(jQuery)._at_(smalltalk.symbolFor("browser")))._at_(smalltalk.symbolFor("webkit")))._notNil();
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"isWebkit",{}, smalltalk.HTMLCanvas.klass)})}
 }),
 smalltalk.HTMLCanvas.klass);
 
@@ -1529,14 +1533,14 @@ smalltalk.method({
 selector: "onJQuery:",
 fn: function (aJQuery){
 var self=this;
-var $2,$3,$1;
-$2=smalltalk.send(self,"_basicNew",[]);
-smalltalk.send($2,"_initializeFromJQuery_",[aJQuery]);
-smalltalk.send($2,"_initialize",[]);
-$3=smalltalk.send($2,"_yourself",[]);
+return smalltalk.withContext(function($ctx1) { 
+$2=_st(self)._basicNew();
+_st($2)._initializeFromJQuery_(aJQuery);
+_st($2)._initialize();
+$3=_st($2)._yourself();
 $1=$3;
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"onJQuery:",{aJQuery:aJQuery}, smalltalk.HTMLCanvas.klass)})}
 }),
 smalltalk.HTMLCanvas.klass);
 
@@ -1548,8 +1552,8 @@ smalltalk.method({
 selector: "accesskey:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["accesskey",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"accesskey:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1559,8 +1563,8 @@ smalltalk.method({
 selector: "action:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["action",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"action:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1570,9 +1574,11 @@ smalltalk.method({
 selector: "addBrush:",
 fn: function (aTagBrush){
 var self=this;
-smalltalk.send(self,"_appendChild_",[smalltalk.send(aTagBrush,"_element",[])]);
-return aTagBrush;
-}
+return smalltalk.withContext(function($ctx1) { 
+_st(self)._appendChild_(_st(aTagBrush)._element());
+$1=aTagBrush;
+return $1;
+}, function($ctx1) {$ctx1.fill(self,"addBrush:",{aTagBrush:aTagBrush}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1582,8 +1588,8 @@ smalltalk.method({
 selector: "align:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["align",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"align:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1593,8 +1599,8 @@ smalltalk.method({
 selector: "alt:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["alt",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"alt:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1604,8 +1610,8 @@ smalltalk.method({
 selector: "append:",
 fn: function (anObject){
 var self=this;
-smalltalk.send(anObject,"_appendToBrush_",[self]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"append:",{anObject:anObject}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1616,11 +1622,11 @@ selector: "appendBlock:",
 fn: function (aBlock){
 var self=this;
 var root;
-root=smalltalk.send(self["@canvas"],"_root",[]);
-smalltalk.send(self["@canvas"],"_root_",[self]);
-smalltalk.send(aBlock,"_value_",[self["@canvas"]]);
-smalltalk.send(self["@canvas"],"_root_",[root]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+_st(self["@canvas"])._root_(self);
+_st(aBlock)._value_(self["@canvas"]);
+_st(self["@canvas"])._root_(root);
+return self}, function($ctx1) {$ctx1.fill(self,"appendBlock:",{aBlock:aBlock,root:root}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1630,14 +1636,13 @@ smalltalk.method({
 selector: "appendChild:",
 fn: function (anElement){
 var self=this;
-var element=self['@element'];
+return smalltalk.withContext(function($ctx1) { 
  	if (null == element.canHaveChildren || element.canHaveChildren) {
 		element.appendChild(anElement);
  	} else {
  		element.text = String(element.text) +  anElement.innerHTML;
  	} ;
-;
-return self}
+return self}, function($ctx1) {$ctx1.fill(self,"appendChild:",{anElement:anElement}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1647,8 +1652,8 @@ smalltalk.method({
 selector: "appendString:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_appendChild_",[smalltalk.send(self,"_createTextNodeFor_",[aString])]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendString:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1658,8 +1663,8 @@ smalltalk.method({
 selector: "appendToBrush:",
 fn: function (aTagBrush){
 var self=this;
-smalltalk.send(aTagBrush,"_addBrush_",[self]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToBrush:",{aTagBrush:aTagBrush}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1669,10 +1674,10 @@ smalltalk.method({
 selector: "asJQuery",
 fn: function (){
 var self=this;
-var $1;
-$1=smalltalk.send(window,"_jQuery_",[smalltalk.send(self,"_element",[])]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st(window)._jQuery_(_st(self)._element());
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"asJQuery",{}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1682,9 +1687,8 @@ smalltalk.method({
 selector: "at:put:",
 fn: function (aString,aValue){
 var self=this;
-self['@element'].setAttribute(aString, aValue);
-;
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"at:put:",{aString:aString,aValue:aValue}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1694,9 +1698,8 @@ smalltalk.method({
 selector: "class:",
 fn: function (aString){
 var self=this;
-self['@element'].className = aString;
-;
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"class:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1706,8 +1709,8 @@ smalltalk.method({
 selector: "cols:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["cols",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"cols:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1717,8 +1720,8 @@ smalltalk.method({
 selector: "contenteditable:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["contenteditable",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"contenteditable:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1728,10 +1731,11 @@ smalltalk.method({
 selector: "contents:",
 fn: function (anObject){
 var self=this;
-var $1;
-smalltalk.send(self,"_empty",[]);
-$1=smalltalk.send(self,"_append_",[anObject]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+$1=self;
+_st($1)._empty();
+$2=_st($1)._append_(anObject);
+return self}, function($ctx1) {$ctx1.fill(self,"contents:",{anObject:anObject}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1741,8 +1745,8 @@ smalltalk.method({
 selector: "contextmenu:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["contextmenu",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"contextmenu:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1752,9 +1756,8 @@ smalltalk.method({
 selector: "createElementFor:",
 fn: function (aString){
 var self=this;
-return document.createElement(String(aString));
-;
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"createElementFor:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1764,9 +1767,8 @@ smalltalk.method({
 selector: "createTextNodeFor:",
 fn: function (aString){
 var self=this;
-return document.createTextNode(String(aString));
-;
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"createTextNodeFor:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1776,8 +1778,8 @@ smalltalk.method({
 selector: "draggable:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["draggable",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"draggable:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1787,8 +1789,10 @@ smalltalk.method({
 selector: "element",
 fn: function (){
 var self=this;
-return self["@element"];
-}
+return smalltalk.withContext(function($ctx1) { 
+$1=self["@element"];
+return $1;
+}, function($ctx1) {$ctx1.fill(self,"element",{}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1798,8 +1802,8 @@ smalltalk.method({
 selector: "empty",
 fn: function (){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_empty",[]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"empty",{}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1809,8 +1813,8 @@ smalltalk.method({
 selector: "for:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["for",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"for:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1820,8 +1824,8 @@ smalltalk.method({
 selector: "height:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["height",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"height:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1831,8 +1835,8 @@ smalltalk.method({
 selector: "hidden",
 fn: function (){
 var self=this;
-smalltalk.send(self,"_at_put_",["hidden","hidden"]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"hidden",{}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1842,8 +1846,8 @@ smalltalk.method({
 selector: "href:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["href",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"href:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1853,8 +1857,8 @@ smalltalk.method({
 selector: "id:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["id",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"id:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1864,9 +1868,9 @@ smalltalk.method({
 selector: "initializeFromJQuery:canvas:",
 fn: function (aJQuery,aCanvas){
 var self=this;
-self["@element"]=smalltalk.send(aJQuery,"_get_",[(0)]);
+return smalltalk.withContext(function($ctx1) { 
 self["@canvas"]=aCanvas;
-return self}
+return self}, function($ctx1) {$ctx1.fill(self,"initializeFromJQuery:canvas:",{aJQuery:aJQuery,aCanvas:aCanvas}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1876,9 +1880,9 @@ smalltalk.method({
 selector: "initializeFromString:canvas:",
 fn: function (aString,aCanvas){
 var self=this;
-self["@element"]=smalltalk.send(self,"_createElementFor_",[aString]);
+return smalltalk.withContext(function($ctx1) { 
 self["@canvas"]=aCanvas;
-return self}
+return self}, function($ctx1) {$ctx1.fill(self,"initializeFromString:canvas:",{aString:aString,aCanvas:aCanvas}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1888,8 +1892,8 @@ smalltalk.method({
 selector: "media:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["media",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"media:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1899,8 +1903,8 @@ smalltalk.method({
 selector: "method:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["method",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"method:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1910,8 +1914,8 @@ smalltalk.method({
 selector: "name:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["name",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"name:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1921,8 +1925,8 @@ smalltalk.method({
 selector: "onBlur:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["blur",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onBlur:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1932,8 +1936,8 @@ smalltalk.method({
 selector: "onChange:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["change",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onChange:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1943,8 +1947,8 @@ smalltalk.method({
 selector: "onClick:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["click",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onClick:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1954,8 +1958,8 @@ smalltalk.method({
 selector: "onDblClick:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["dblclick",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onDblClick:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1965,8 +1969,8 @@ smalltalk.method({
 selector: "onFocus:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["focus",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onFocus:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1976,8 +1980,8 @@ smalltalk.method({
 selector: "onFocusIn:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["focusin",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onFocusIn:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1987,8 +1991,8 @@ smalltalk.method({
 selector: "onFocusOut:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["focusout",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onFocusOut:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -1998,8 +2002,8 @@ smalltalk.method({
 selector: "onHover:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["hover",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onHover:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2009,8 +2013,8 @@ smalltalk.method({
 selector: "onKeyDown:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["keydown",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onKeyDown:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2020,8 +2024,8 @@ smalltalk.method({
 selector: "onKeyPress:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["keypress",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onKeyPress:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2031,8 +2035,8 @@ smalltalk.method({
 selector: "onKeyUp:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["keyup",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onKeyUp:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2042,8 +2046,8 @@ smalltalk.method({
 selector: "onMouseDown:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["mousedown",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onMouseDown:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2053,8 +2057,8 @@ smalltalk.method({
 selector: "onMouseEnter:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["mouseenter",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onMouseEnter:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2064,8 +2068,8 @@ smalltalk.method({
 selector: "onMouseLeave:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["mouseleave",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onMouseLeave:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2075,8 +2079,8 @@ smalltalk.method({
 selector: "onMouseMove:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["mousemove",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onMouseMove:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2086,8 +2090,8 @@ smalltalk.method({
 selector: "onMouseOut:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["mouseout",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onMouseOut:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2097,8 +2101,8 @@ smalltalk.method({
 selector: "onMouseOver:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["mouseover",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onMouseOver:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2108,8 +2112,8 @@ smalltalk.method({
 selector: "onMouseUp:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["mouseup",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onMouseUp:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2119,8 +2123,8 @@ smalltalk.method({
 selector: "onSelect:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["select",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onSelect:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2130,8 +2134,8 @@ smalltalk.method({
 selector: "onSubmit:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["submit",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onSubmit:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2141,8 +2145,8 @@ smalltalk.method({
 selector: "onUnload:",
 fn: function (aBlock){
 var self=this;
-smalltalk.send(smalltalk.send(self,"_asJQuery",[]),"_bind_do_",["unload",aBlock]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"onUnload:",{aBlock:aBlock}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2152,8 +2156,8 @@ smalltalk.method({
 selector: "placeholder:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["placeholder",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"placeholder:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2163,8 +2167,8 @@ smalltalk.method({
 selector: "rel:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["rel",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"rel:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2174,9 +2178,8 @@ smalltalk.method({
 selector: "removeAt:",
 fn: function (aString){
 var self=this;
-self['@element'].removeAttribute(aString);
-;
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"removeAt:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2186,8 +2189,8 @@ smalltalk.method({
 selector: "rows:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["rows",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"rows:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2197,8 +2200,8 @@ smalltalk.method({
 selector: "src:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["src",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"src:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2208,8 +2211,8 @@ smalltalk.method({
 selector: "style:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["style",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"style:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2219,8 +2222,8 @@ smalltalk.method({
 selector: "tabindex:",
 fn: function (aNumber){
 var self=this;
-smalltalk.send(self,"_at_put_",["tabindex",aNumber]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"tabindex:",{aNumber:aNumber}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2230,8 +2233,8 @@ smalltalk.method({
 selector: "target:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["target",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"target:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2241,8 +2244,8 @@ smalltalk.method({
 selector: "title:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["title",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"title:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2252,8 +2255,8 @@ smalltalk.method({
 selector: "type:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["type",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"type:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2263,8 +2266,8 @@ smalltalk.method({
 selector: "valign:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["valign",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"valign:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2274,8 +2277,8 @@ smalltalk.method({
 selector: "value:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["value",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"value:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2285,8 +2288,8 @@ smalltalk.method({
 selector: "width:",
 fn: function (aString){
 var self=this;
-smalltalk.send(self,"_at_put_",["width",aString]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"width:",{aString:aString}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2296,8 +2299,8 @@ smalltalk.method({
 selector: "with:",
 fn: function (anObject){
 var self=this;
-smalltalk.send(self,"_append_",[anObject]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"with:",{anObject:anObject}, smalltalk.TagBrush)})}
 }),
 smalltalk.TagBrush);
 
@@ -2308,13 +2311,13 @@ smalltalk.method({
 selector: "fromJQuery:canvas:",
 fn: function (aJQuery,aCanvas){
 var self=this;
-var $2,$3,$1;
-$2=smalltalk.send(self,"_new",[]);
-smalltalk.send($2,"_initializeFromJQuery_canvas_",[aJQuery,aCanvas]);
-$3=smalltalk.send($2,"_yourself",[]);
+return smalltalk.withContext(function($ctx1) { 
+$2=_st(self)._new();
+_st($2)._initializeFromJQuery_canvas_(aJQuery,aCanvas);
+$3=_st($2)._yourself();
 $1=$3;
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"fromJQuery:canvas:",{aJQuery:aJQuery,aCanvas:aCanvas}, smalltalk.TagBrush.klass)})}
 }),
 smalltalk.TagBrush.klass);
 
@@ -2324,13 +2327,13 @@ smalltalk.method({
 selector: "fromString:canvas:",
 fn: function (aString,aCanvas){
 var self=this;
-var $2,$3,$1;
-$2=smalltalk.send(self,"_new",[]);
-smalltalk.send($2,"_initializeFromString_canvas_",[aString,aCanvas]);
-$3=smalltalk.send($2,"_yourself",[]);
+return smalltalk.withContext(function($ctx1) { 
+$2=_st(self)._new();
+_st($2)._initializeFromString_canvas_(aString,aCanvas);
+$3=_st($2)._yourself();
 $1=$3;
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"fromString:canvas:",{aString:aString,aCanvas:aCanvas}, smalltalk.TagBrush.klass)})}
 }),
 smalltalk.TagBrush.klass);
 
@@ -2342,14 +2345,14 @@ smalltalk.method({
 selector: "with:",
 fn: function (aString){
 var self=this;
-var $1;
-$1=smalltalk.send((smalltalk.HTMLCanvas || HTMLCanvas),"_isMSIE",[]);
+return smalltalk.withContext(function($ctx1) { 
+$1=_st((smalltalk.HTMLCanvas || HTMLCanvas))._isMSIE();
 if(smalltalk.assert($1)){
-smalltalk.send(smalltalk.send(smalltalk.send(self,"_element",[]),"_styleSheet",[]),"_cssText_",[aString]);
+_st(_st(_st(self)._element())._styleSheet())._cssText_(aString);
 } else {
-smalltalk.send(self,"_with_",[aString],smalltalk.TagBrush);
+smalltalk.TagBrush.fn.prototype._with_.apply(_st(self), [aString]);
 };
-return self}
+return self}, function($ctx1) {$ctx1.fill(self,"with:",{aString:aString}, smalltalk.StyleTag)})}
 }),
 smalltalk.StyleTag);
 
@@ -2360,13 +2363,13 @@ smalltalk.method({
 selector: "canvas:",
 fn: function (aCanvas){
 var self=this;
-var $2,$3,$1;
-$2=smalltalk.send(self,"_new",[]);
-smalltalk.send($2,"_initializeFromString_canvas_",["style",aCanvas]);
-$3=smalltalk.send($2,"_yourself",[]);
+return smalltalk.withContext(function($ctx1) { 
+$2=_st(self)._new();
+_st($2)._initializeFromString_canvas_("style",aCanvas);
+$3=_st($2)._yourself();
 $1=$3;
 return $1;
-}
+}, function($ctx1) {$ctx1.fill(self,"canvas:",{aCanvas:aCanvas}, smalltalk.StyleTag.klass)})}
 }),
 smalltalk.StyleTag.klass);
 
@@ -2378,8 +2381,8 @@ smalltalk.method({
 selector: "appendToBrush:",
 fn: function (aTagBrush){
 var self=this;
-smalltalk.send(self,"_appendToJQuery_",[smalltalk.send(aTagBrush,"_asJQuery",[])]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToBrush:",{aTagBrush:aTagBrush}, smalltalk.Widget)})}
 }),
 smalltalk.Widget);
 
@@ -2389,8 +2392,8 @@ smalltalk.method({
 selector: "appendToJQuery:",
 fn: function (aJQuery){
 var self=this;
-smalltalk.send(self,"_renderOn_",[smalltalk.send((smalltalk.HTMLCanvas || HTMLCanvas),"_onJQuery_",[aJQuery])]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToJQuery:",{aJQuery:aJQuery}, smalltalk.Widget)})}
 }),
 smalltalk.Widget);
 
@@ -2400,7 +2403,7 @@ smalltalk.method({
 selector: "renderOn:",
 fn: function (html){
 var self=this;
-return self}
+return smalltalk.withContext(function($ctx1) { 
 }),
 smalltalk.Widget);
 
@@ -2412,8 +2415,8 @@ smalltalk.method({
 selector: "appendToBrush:",
 fn: function (aTagBrush){
 var self=this;
-smalltalk.send(aTagBrush,"_append_",[smalltalk.send(self,"_asString",[])]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToBrush:",{aTagBrush:aTagBrush}, smalltalk.Object)})}
 }),
 smalltalk.Object);
 
@@ -2423,8 +2426,8 @@ smalltalk.method({
 selector: "appendToJQuery:",
 fn: function (aJQuery){
 var self=this;
-smalltalk.send(aJQuery,"_append_",[smalltalk.send(self,"_asString",[])]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToJQuery:",{aJQuery:aJQuery}, smalltalk.Object)})}
 }),
 smalltalk.Object);
 
@@ -2434,8 +2437,8 @@ smalltalk.method({
 selector: "appendToBrush:",
 fn: function (aTagBrush){
 var self=this;
-smalltalk.send(aTagBrush,"_appendBlock_",[self]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToBrush:",{aTagBrush:aTagBrush}, smalltalk.BlockClosure)})}
 }),
 smalltalk.BlockClosure);
 
@@ -2445,8 +2448,8 @@ smalltalk.method({
 selector: "appendToJQuery:",
 fn: function (aJQuery){
 var self=this;
-smalltalk.send(self,"_value_",[smalltalk.send((smalltalk.HTMLCanvas || HTMLCanvas),"_onJQuery_",[aJQuery])]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToJQuery:",{aJQuery:aJQuery}, smalltalk.BlockClosure)})}
 }),
 smalltalk.BlockClosure);
 
@@ -2456,8 +2459,8 @@ smalltalk.method({
 selector: "appendToBrush:",
 fn: function (aTagBrush){
 var self=this;
-smalltalk.send(aTagBrush,"_appendString_",[self]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToBrush:",{aTagBrush:aTagBrush}, smalltalk.String)})}
 }),
 smalltalk.String);
 
@@ -2467,8 +2470,8 @@ smalltalk.method({
 selector: "appendToJQuery:",
 fn: function (aJQuery){
 var self=this;
-smalltalk.send(aJQuery,"_append_",[self]);
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"appendToJQuery:",{aJQuery:aJQuery}, smalltalk.String)})}
 }),
 smalltalk.String);
 
@@ -2478,9 +2481,19 @@ smalltalk.method({
 selector: "asJQuery",
 fn: function (){
 var self=this;
-return jQuery(String(self));
-;
-return self}
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"asJQuery",{}, smalltalk.String)})}
 }),
 smalltalk.String);
 
+smalltalk.addMethod(
+"_asJQuery",
+smalltalk.method({
+selector: "asJQuery",
+fn: function (){
+var self=this;
+return smalltalk.withContext(function($ctx1) { 
+return self}, function($ctx1) {$ctx1.fill(self,"asJQuery",{}, smalltalk.JSObjectProxy)})}
+}),
+smalltalk.JSObjectProxy);
+