Changed to use JSInterop

tools/dom/templates/html/impl/impl_Element.darttemplate

 // Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 part of $LIBRARYNAME;
 
 class _ChildrenElementList extends ListBase<Element>
     implements NodeListWrapper {
   // Raw Element.
   final Element _element;
@@ skipping 245 matching lines @@
 // Wrapper over an immutable NodeList to make it implement ElementList.
 //
 // Clients are {`Document`, `DocumentFragment`}.`querySelectorAll` which are
 // declared to return `ElementList`.  This provides all the static analysis
 // benefit so there is no need for this class have a constrained type parameter.
 //
 class _FrozenElementList extends ListBase
     implements ElementList, NodeListWrapper {
   final List<Node> _nodeList;
 
+$if JSINTEROP
+  var dartClass_instance;
+
+  _FrozenElementList._wrap(this._nodeList) {
+      this.dartClass_instance = this._nodeList;
+  }
+$else
   _FrozenElementList._wrap(this._nodeList);
+$endif
 
   int get length => _nodeList.length;
 
   Element operator [](int index) => _nodeList[index];
 
   void operator []=(int index, Element value) {
     throw new UnsupportedError('Cannot modify list');
   }
 
   void set length(int newLength) {
@@ skipping 288 matching lines @@
    *
    * This collection can be used to add and remove elements from the document.
    *
    *     var item = new DivElement();
    *     item.text = 'Something';
    *     document.body.children.add(item) // Item is now displayed on the page.
    *     for (var element in document.body.children) {
    *       element.style.background = 'red'; // Turns every child of body red.
    *     }
    */
+$if DART2JS
   List<Element> get children => new _ChildrenElementList._wrap(this);
+$else
+  $if JSINTEROP
+  List<Element> get children => new FilteredElementList(this);
+  $else
+  List<Element> get children => new _ChildrenElementList._wrap(this);
+  $endif
+$endif
 
   void set children(List<Element> value) {
     // Copy list first since we don't want liveness during iteration.
     List copy = new List.from(value);
     var children = this.children;
     children.clear();
     children.addAll(copy);
   }
 
   /**
    * Finds all descendent elements of this element that match the specified
    * group of selectors.
    *
    * [selectors] should be a string using CSS selector syntax.
    *
    *     var items = element.querySelectorAll('.itemClassName');
    *
    * For details about CSS selector syntax, see the
    * [CSS selector specification](http://www.w3.org/TR/css3-selectors/).
    */
   @DomName('Element.querySelectorAll')
   ElementList<Element> querySelectorAll(String selectors) =>
+$if JSINTEROP
+    _querySelectorAll(selectors);
+$else
     new _FrozenElementList._wrap(_querySelectorAll(selectors));
+$endif
 
   /**
    * Alias for [querySelector]. Note this function is deprecated because its
    * semantics will be changing in the future.
    */
   @deprecated
   @DomName('Element.querySelector')
   @Experimental()
   Element query(String relativeSelectors) => querySelector(relativeSelectors);
 
@@ skipping 871 matching lines @@
   @DocsEditable()
   void set scrollTop(int value) {
     JS("void", "#.scrollTop = #", this, value.round());
   }
 
   @DomName('Element.scrollWidth')
   @DocsEditable()
   int get scrollWidth => JS('num', '#.scrollWidth', this).round();
 
 $else
+  $if JSINTEROP
   @DomName('Element.offsetHeight')
   @DocsEditable()
-  int get offsetHeight => _blink.BlinkElement.offsetHeight_Getter(this).round();
+  int get offsetHeight => _blink.BlinkElement.instance.offsetHeight_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.offsetLeft')
   @DocsEditable()
-  int get offsetLeft => _blink.BlinkElement.offsetLeft_Getter(this).round();
+  int get offsetLeft => _blink.BlinkElement.instance.offsetLeft_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.offsetTop')
   @DocsEditable()
-  int get offsetTop => _blink.BlinkElement.offsetTop_Getter(this).round();
+  int get offsetTop => _blink.BlinkElement.instance.offsetTop_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.offsetWidth')
   @DocsEditable()
-  int get offsetWidth => _blink.BlinkElement.offsetWidth_Getter(this).round();
+  int get offsetWidth => _blink.BlinkElement.instance.offsetWidth_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.clientHeight')
   @DocsEditable()
-  int get clientHeight => _blink.BlinkElement.clientHeight_Getter(this).round();
+  int get clientHeight => _blink.BlinkElement.instance.clientHeight_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.clientLeft')
   @DocsEditable()
-  int get clientLeft => _blink.BlinkElement.clientLeft_Getter(this).round();
+  int get clientLeft => _blink.BlinkElement.instance.clientLeft_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.clientTop')
   @DocsEditable()
-  int get clientTop => _blink.BlinkElement.clientTop_Getter(this).round();
+  int get clientTop => _blink.BlinkElement.instance.clientTop_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.clientWidth')
   @DocsEditable()
-  int get clientWidth => _blink.BlinkElement.clientWidth_Getter(this).round();
+  int get clientWidth => _blink.BlinkElement.instance.clientWidth_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.scrollHeight')
   @DocsEditable()
-  int get scrollHeight => _blink.BlinkElement.scrollHeight_Getter(this).round();
+  int get scrollHeight => _blink.BlinkElement.instance.scrollHeight_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.scrollLeft')
   @DocsEditable()
-  int get scrollLeft => _blink.BlinkElement.scrollLeft_Getter(this).round();
+  int get scrollLeft => _blink.BlinkElement.instance.scrollLeft_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.scrollLeft')
   @DocsEditable()
-  void set scrollLeft(int value) => _blink.BlinkElement.scrollLeft_Setter(this, value.round());
+  void set scrollLeft(int value) => _blink.BlinkElement.instance.scrollLeft_Setter_(unwrap_jso(this), value.round());
 
   @DomName('Element.scrollTop')
   @DocsEditable()
-  int get scrollTop => _blink.BlinkElement.scrollTop_Getter(this).round();
+  int get scrollTop => _blink.BlinkElement.instance.scrollTop_Getter_(unwrap_jso(this)).round();
 
   @DomName('Element.scrollTop')
   @DocsEditable()
-  void set scrollTop(int value) => _blink.BlinkElement.scrollTop_Setter(this, value.round());
+  void set scrollTop(int value) => _blink.BlinkElement.instance.scrollTop_Setter_(unwrap_jso(this), value.round());
 
   @DomName('Element.scrollWidth')
   @DocsEditable()
-  int get scrollWidth => _blink.BlinkElement.scrollWidth_Getter(this).round();
+  int get scrollWidth => _blink.BlinkElement.instance.scrollWidth_Getter_(unwrap_jso(this)).round();
+  $else
+  @DomName('Element.offsetHeight')
+  @DocsEditable()
+  int get offsetHeight => _blink.BlinkElement.offsetHeight_Getter_(this).round();
+
+  @DomName('Element.offsetLeft')
+  @DocsEditable()
+  int get offsetLeft => _blink.BlinkElement.offsetLeft_Getter_(this).round();
+
+  @DomName('Element.offsetTop')
+  @DocsEditable()
+  int get offsetTop => _blink.BlinkElement.offsetTop_Getter_(thi)).round();
+
+  @DomName('Element.offsetWidth')
+  @DocsEditable()
+  int get offsetWidth => _blink.BlinkElement.offsetWidth_Getter_(this).round();
+
+  @DomName('Element.clientHeight')
+  @DocsEditable()
+  int get clientHeight => _blink.BlinkElement.clientHeight_Getter_(this).round();
+
+  @DomName('Element.clientLeft')
+  @DocsEditable()
+  int get clientLeft => _blink.BlinkElement.clientLeft_Getter_(this).round();
+
+  @DomName('Element.clientTop')
+  @DocsEditable()
+  int get clientTop => _blink.BlinkElement.clientTop_Getter_(this).round();
+
+  @DomName('Element.clientWidth')
+  @DocsEditable()
+  int get clientWidth => _blink.BlinkElement.clientWidth_Getter_(this).round();
+
+  @DomName('Element.scrollHeight')
+  @DocsEditable()
+  int get scrollHeight => _blink.BlinkElement.scrollHeight_Getter_(this).round();
+
+  @DomName('Element.scrollLeft')
+  @DocsEditable()
+  int get scrollLeft => _blink.BlinkElement.scrollLeft_Getter_(this).round();
+
+  @DomName('Element.scrollLeft')
+  @DocsEditable()
+  void set scrollLeft(int value) => _blink.BlinkElement.scrollLeft_Setter_(this, value.round());
+
+  @DomName('Element.scrollTop')
+  @DocsEditable()
+  int get scrollTop => _blink.BlinkElement.scrollTop_Getter_(this).round();
+
+  @DomName('Element.scrollTop')
+  @DocsEditable()
+  void set scrollTop(int value) => _blink.BlinkElement.scrollTop_Setter_(this, value.round());
+
+  @DomName('Element.scrollWidth')
+  @DocsEditable()
+  int get scrollWidth => _blink.BlinkElement.scrollWidth_Getter_(this).round();
+  $endif
 $endif
 
 $!MEMBERS
 }
 
 
 class _ElementFactoryProvider {
 
   @DomName('Document.createElement')
 $if DART2JS
@@ skipping 27 matching lines @@
   const ScrollAlignment._internal(this._value);
   toString() => 'ScrollAlignment.$_value';
 
   /// Attempt to align the element to the top of the scrollable area.
   static const TOP = const ScrollAlignment._internal('TOP');
   /// Attempt to center the element in the scrollable area.
   static const CENTER = const ScrollAlignment._internal('CENTER');
   /// Attempt to align the element to the bottom of the scrollable area.
   static const BOTTOM = const ScrollAlignment._internal('BOTTOM');
 }