Move ivars from `obj["@x"]` to `obj.x`.

Step 3: Inline JS.

src/DOMite.js

@@ -328,15 +328,15 @@ return $core.withContext(function($ctx1) {
 //>>excludeEnd("ctx");
 
 	var result = document.createDocumentFragment(),
-		start = $self["@reference"],
-		end = aDomite["@reference"],
+		start = $self.reference,
+		end = aDomite.reference,
 		tmp;
 	while (start && start != end) {
 		tmp = start;
 		start = start.nextSibling;
 		result.appendChild(tmp);
 	}
-	$self["@reference"] = start;
+	$self.reference = start;
 	return $self._class()._fromElement_(result);;
 return self;
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
@@ -345,7 +345,7 @@ return self;
 },
 //>>excludeStart("ide", pragmas.excludeIdeData);
 args: ["aDomite"],
-source: "cutUpTo: aDomite\x0a<inlineJS: '\x0a\x09var result = document.createDocumentFragment(),\x0a\x09\x09start = $self[\x22@reference\x22],\x0a\x09\x09end = aDomite[\x22@reference\x22],\x0a\x09\x09tmp;\x0a\x09while (start && start != end) {\x0a\x09\x09tmp = start;\x0a\x09\x09start = start.nextSibling;\x0a\x09\x09result.appendChild(tmp);\x0a\x09}\x0a\x09$self[\x22@reference\x22] = start;\x0a\x09return $self._class()._fromElement_(result);\x0a'>",
+source: "cutUpTo: aDomite\x0a<inlineJS: '\x0a\x09var result = document.createDocumentFragment(),\x0a\x09\x09start = $self.reference,\x0a\x09\x09end = aDomite.reference,\x0a\x09\x09tmp;\x0a\x09while (start && start != end) {\x0a\x09\x09tmp = start;\x0a\x09\x09start = start.nextSibling;\x0a\x09\x09result.appendChild(tmp);\x0a\x09}\x0a\x09$self.reference = start;\x0a\x09return $self._class()._fromElement_(result);\x0a'>",
 referencedClasses: [],
 //>>excludeEnd("ide");
 messageSends: []
@@ -896,9 +896,9 @@ var self=this,$self=this;
 return $core.withContext(function($ctx1) {
 //>>excludeEnd("ctx");
 
-	var element = $self["@element"], child;
+	var element = $self.element, child;
 	while (child = element.firstChild) element.removeChild(child);
-	$self["@reference"] = null;;
+	$self.reference = null;;
 return self;
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 }, function($ctx1) {$ctx1.fill(self,"resetContents",{},$globals.Domite)});
@@ -906,7 +906,7 @@ return self;
 },
 //>>excludeStart("ide", pragmas.excludeIdeData);
 args: [],
-source: "resetContents\x0a<inlineJS: '\x0a\x09var element = $self[\x22@element\x22], child;\x0a\x09while (child = element.firstChild) element.removeChild(child);\x0a\x09$self[\x22@reference\x22] = null;\x0a'>",
+source: "resetContents\x0a<inlineJS: '\x0a\x09var element = $self.element, child;\x0a\x09while (child = element.firstChild) element.removeChild(child);\x0a\x09$self.reference = null;\x0a'>",
 referencedClasses: [],
 //>>excludeEnd("ide");
 messageSends: []

src/DOMite.st

@@ -137,24 +137,24 @@ asJQuery
 cutUpTo: aDomite
 <inlineJS: '
 	var result = document.createDocumentFragment(),
-		start = $self["@reference"],
-		end = aDomite["@reference"],
+		start = $self.reference,
+		end = aDomite.reference,
 		tmp;
 	while (start && start !!= end) {
 		tmp = start;
 		start = start.nextSibling;
 		result.appendChild(tmp);
 	}
-	$self["@reference"] = start;
+	$self.reference = start;
 	return $self._class()._fromElement_(result);
 '>
 !
 
 resetContents
 <inlineJS: '
-	var element = $self["@element"], child;
+	var element = $self.element, child;
 	while (child = element.firstChild) element.removeChild(child);
-	$self["@reference"] = null;
+	$self.reference = null;
 '>
 ! !