|  | @@ -1316,7 +1316,7 @@ return self._renderButtonsOn_(html);
 | 
	
		
			
				|  |  |  }, function($ctx2) {$ctx2.fillBlock({},$ctx1,2)});
 | 
	
		
			
				|  |  |  //>>excludeEnd("ctx");
 | 
	
		
			
				|  |  |  }));
 | 
	
		
			
				|  |  | -self._setEditorOn_($recv(self["@code"])._element());
 | 
	
		
			
				|  |  | +self._setEditorOn_($recv(self["@code"])._asDomNode());
 | 
	
		
			
				|  |  |  self._configureEditor();
 | 
	
		
			
				|  |  |  self._updateState();
 | 
	
		
			
				|  |  |  return self;
 | 
	
	
		
			
				|  | @@ -1326,10 +1326,10 @@ return self;
 | 
	
		
			
				|  |  |  },
 | 
	
		
			
				|  |  |  //>>excludeStart("ide", pragmas.excludeIdeData);
 | 
	
		
			
				|  |  |  args: ["html"],
 | 
	
		
			
				|  |  | -source: "renderContentOn: html\x0a\x09html div class: 'editor'; with: [\x0a\x09\x09code := html textarea ].\x0a\x09state := html div class: 'state'.\x0a\x09\x0a\x09html div \x0a\x09\x09class: 'buttons_bar';\x0a\x09\x09with: [ self renderButtonsOn: html ].\x0a\x09\x0a\x09self \x0a\x09\x09setEditorOn: code element;\x0a\x09\x09configureEditor;\x0a\x09\x09updateState",
 | 
	
		
			
				|  |  | +source: "renderContentOn: html\x0a\x09html div class: 'editor'; with: [\x0a\x09\x09code := html textarea ].\x0a\x09state := html div class: 'state'.\x0a\x09\x0a\x09html div \x0a\x09\x09class: 'buttons_bar';\x0a\x09\x09with: [ self renderButtonsOn: html ].\x0a\x09\x0a\x09self \x0a\x09\x09setEditorOn: code asDomNode;\x0a\x09\x09configureEditor;\x0a\x09\x09updateState",
 | 
	
		
			
				|  |  |  referencedClasses: [],
 | 
	
		
			
				|  |  |  //>>excludeEnd("ide");
 | 
	
		
			
				|  |  | -messageSends: ["class:", "div", "with:", "textarea", "renderButtonsOn:", "setEditorOn:", "element", "configureEditor", "updateState"]
 | 
	
		
			
				|  |  | +messageSends: ["class:", "div", "with:", "textarea", "renderButtonsOn:", "setEditorOn:", "asDomNode", "configureEditor", "updateState"]
 | 
	
		
			
				|  |  |  }),
 | 
	
		
			
				|  |  |  $globals.HLCodeWidget);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -1383,17 +1383,17 @@ var self=this;
 | 
	
		
			
				|  |  |  //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 | 
	
		
			
				|  |  |  return $core.withContext(function($ctx1) {
 | 
	
		
			
				|  |  |  //>>excludeEnd("ctx");
 | 
	
		
			
				|  |  | -return $recv($recv(self["@code"])._element())._selectionEnd();
 | 
	
		
			
				|  |  | +return $recv($recv(self["@code"])._asDomNode())._selectionEnd();
 | 
	
		
			
				|  |  |  //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 | 
	
		
			
				|  |  |  }, function($ctx1) {$ctx1.fill(self,"selectionEnd",{},$globals.HLCodeWidget)});
 | 
	
		
			
				|  |  |  //>>excludeEnd("ctx");
 | 
	
		
			
				|  |  |  },
 | 
	
		
			
				|  |  |  //>>excludeStart("ide", pragmas.excludeIdeData);
 | 
	
		
			
				|  |  |  args: [],
 | 
	
		
			
				|  |  | -source: "selectionEnd\x0a   ^code element selectionEnd",
 | 
	
		
			
				|  |  | +source: "selectionEnd\x0a   ^ code asDomNode selectionEnd",
 | 
	
		
			
				|  |  |  referencedClasses: [],
 | 
	
		
			
				|  |  |  //>>excludeEnd("ide");
 | 
	
		
			
				|  |  | -messageSends: ["selectionEnd", "element"]
 | 
	
		
			
				|  |  | +messageSends: ["selectionEnd", "asDomNode"]
 | 
	
		
			
				|  |  |  }),
 | 
	
		
			
				|  |  |  $globals.HLCodeWidget);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -1406,7 +1406,7 @@ var self=this;
 | 
	
		
			
				|  |  |  //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 | 
	
		
			
				|  |  |  return $core.withContext(function($ctx1) {
 | 
	
		
			
				|  |  |  //>>excludeEnd("ctx");
 | 
	
		
			
				|  |  | -$recv($recv(self["@code"])._element())._selectionEnd_(anInteger);
 | 
	
		
			
				|  |  | +$recv($recv(self["@code"])._asDomNode())._selectionEnd_(anInteger);
 | 
	
		
			
				|  |  |  return self;
 | 
	
		
			
				|  |  |  //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 | 
	
		
			
				|  |  |  }, function($ctx1) {$ctx1.fill(self,"selectionEnd:",{anInteger:anInteger},$globals.HLCodeWidget)});
 | 
	
	
		
			
				|  | @@ -1414,10 +1414,10 @@ return self;
 | 
	
		
			
				|  |  |  },
 | 
	
		
			
				|  |  |  //>>excludeStart("ide", pragmas.excludeIdeData);
 | 
	
		
			
				|  |  |  args: ["anInteger"],
 | 
	
		
			
				|  |  | -source: "selectionEnd: anInteger\x0a   code element selectionEnd: anInteger",
 | 
	
		
			
				|  |  | +source: "selectionEnd: anInteger\x0a   code asDomNode selectionEnd: anInteger",
 | 
	
		
			
				|  |  |  referencedClasses: [],
 | 
	
		
			
				|  |  |  //>>excludeEnd("ide");
 | 
	
		
			
				|  |  | -messageSends: ["selectionEnd:", "element"]
 | 
	
		
			
				|  |  | +messageSends: ["selectionEnd:", "asDomNode"]
 | 
	
		
			
				|  |  |  }),
 | 
	
		
			
				|  |  |  $globals.HLCodeWidget);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -1430,17 +1430,17 @@ var self=this;
 | 
	
		
			
				|  |  |  //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 | 
	
		
			
				|  |  |  return $core.withContext(function($ctx1) {
 | 
	
		
			
				|  |  |  //>>excludeEnd("ctx");
 | 
	
		
			
				|  |  | -return $recv($recv(self["@code"])._element())._selectionStart();
 | 
	
		
			
				|  |  | +return $recv($recv(self["@code"])._asDomNode())._selectionStart();
 | 
	
		
			
				|  |  |  //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 | 
	
		
			
				|  |  |  }, function($ctx1) {$ctx1.fill(self,"selectionStart",{},$globals.HLCodeWidget)});
 | 
	
		
			
				|  |  |  //>>excludeEnd("ctx");
 | 
	
		
			
				|  |  |  },
 | 
	
		
			
				|  |  |  //>>excludeStart("ide", pragmas.excludeIdeData);
 | 
	
		
			
				|  |  |  args: [],
 | 
	
		
			
				|  |  | -source: "selectionStart\x0a   ^code element selectionStart",
 | 
	
		
			
				|  |  | +source: "selectionStart\x0a   ^ code asDomNode selectionStart",
 | 
	
		
			
				|  |  |  referencedClasses: [],
 | 
	
		
			
				|  |  |  //>>excludeEnd("ide");
 | 
	
		
			
				|  |  | -messageSends: ["selectionStart", "element"]
 | 
	
		
			
				|  |  | +messageSends: ["selectionStart", "asDomNode"]
 | 
	
		
			
				|  |  |  }),
 | 
	
		
			
				|  |  |  $globals.HLCodeWidget);
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -1453,7 +1453,7 @@ var self=this;
 | 
	
		
			
				|  |  |  //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 | 
	
		
			
				|  |  |  return $core.withContext(function($ctx1) {
 | 
	
		
			
				|  |  |  //>>excludeEnd("ctx");
 | 
	
		
			
				|  |  | -$recv($recv(self["@code"])._element())._selectionStart_(anInteger);
 | 
	
		
			
				|  |  | +$recv($recv(self["@code"])._asDomNode())._selectionStart_(anInteger);
 | 
	
		
			
				|  |  |  return self;
 | 
	
		
			
				|  |  |  //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 | 
	
		
			
				|  |  |  }, function($ctx1) {$ctx1.fill(self,"selectionStart:",{anInteger:anInteger},$globals.HLCodeWidget)});
 | 
	
	
		
			
				|  | @@ -1461,10 +1461,10 @@ return self;
 | 
	
		
			
				|  |  |  },
 | 
	
		
			
				|  |  |  //>>excludeStart("ide", pragmas.excludeIdeData);
 | 
	
		
			
				|  |  |  args: ["anInteger"],
 | 
	
		
			
				|  |  | -source: "selectionStart: anInteger\x0a   code element selectionStart: anInteger",
 | 
	
		
			
				|  |  | +source: "selectionStart: anInteger\x0a   code asDomNode selectionStart: anInteger",
 | 
	
		
			
				|  |  |  referencedClasses: [],
 | 
	
		
			
				|  |  |  //>>excludeEnd("ide");
 | 
	
		
			
				|  |  | -messageSends: ["selectionStart:", "element"]
 | 
	
		
			
				|  |  | +messageSends: ["selectionStart:", "asDomNode"]
 | 
	
		
			
				|  |  |  }),
 | 
	
		
			
				|  |  |  $globals.HLCodeWidget);
 | 
	
		
			
				|  |  |  
 |