[polymer] interop with polymer-element and polymer.js

pkg/polymer/lib/src/instance.dart

 // Copyright (c) 2013, 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 polymer;
 
 /// Use this annotation to publish a field as an attribute. For example:
 ///
 ///     class MyPlaybackElement extends PolymerElement {
 ///       // This will be available as an HTML attribute, for example:
@@ skipping 35 matching lines @@
 
   const ObserveProperty(this._names);
 }
 
 /// The mixin class for Polymer elements. It provides convenience features on
 /// top of the custom elements web standard.
 ///
 /// If this class is used as a mixin,
 /// you must call `polymerCreated()` from the body of your constructor.
 abstract class Polymer implements Element, Observable, NodeBindExtension {
-  // Fully ported from revision:
-  // https://github.com/Polymer/polymer/blob/37eea00e13b9f86ab21c85a955585e8e4237e3d2
-  //
-  //   src/boot.js (static APIs on "Polymer" object)
-  //   src/instance/attributes.js
-  //   src/instance/base.js
-  //   src/instance/events.js
-  //   src/instance/mdv.js
-  //   src/instance/properties.js
-  //   src/instance/style.js
-  //   src/instance/utils.js
 
   // TODO(jmesserly): should this really be public?
   /// Regular expression that matches data-bindings.
   static final bindPattern = new RegExp(r'\{\{([^{}]*)}}');
 
   /// Like [document.register] but for Polymer elements.
   ///
   /// Use the [name] to specify custom elment's tag name, for example:
   /// "fancy-button" if the tag is used as `<fancy-button>`.
   ///
   /// The [type] is the type to construct. If not supplied, it defaults to
   /// [PolymerElement].
   // NOTE: this is called "element" in src/declaration/polymer-element.js, and
   // exported as "Polymer".
   static void register(String name, [Type type]) {
     //console.log('registering [' + name + ']');
     if (type == null) type = PolymerElement;
 
     _typesByName[name] = type;
-    // notify the registrar waiting for 'name', if any
-    _notifyType(name);
+
+    // Dart note: here we notify JS of the element registration. We don't pass
+    // the Dart type because we will handle that in PolymerDeclaration.
+    // See _hookJsPolymerDeclaration for how this is done.
+    (js.context['Polymer'] as JsFunction).apply([name]);
   }
 
   /// The one syntax to rule them all.
   static final BindingDelegate _polymerSyntax =
       new _PolymerExpressionsWithEventDelegate();
 
   static int _preparingElements = 0;
 
   static final Completer _ready = new Completer();
 
@@ skipping 95 matching lines @@
   }
 
   void leftView() {
     if (!preventDispose) asyncUnbindAll();
   }
 
   /// Recursive ancestral <element> initialization, oldest first.
   void parseDeclarations(PolymerDeclaration declaration) {
     if (declaration != null) {
       parseDeclarations(declaration.superDeclaration);
-      parseDeclaration(declaration);
+      parseDeclaration(declaration.element);
     }
   }
 
   /// Parse input `<polymer-element>` as needed, override for custom behavior.
   void parseDeclaration(Element elementElement) {
     var template = fetchTemplate(elementElement);
 
     var root = null;
     if (template != null) {
-      if (_declaration.attributes.containsKey('lightdom')) {
+      if (_declaration.element.attributes.containsKey('lightdom')) {
         lightFromTemplate(template);
       } else {
         root = shadowFromTemplate(template);
       }
     }
 
     // Dart note: the following code is to support the getShadowRoot method.
     if (root is! ShadowRoot) return;
 
     var name = elementElement.attributes['name'];
@@ skipping 636 matching lines @@
         var style = decl.cssTextToScopeStyle(cssText.toString(),
               _STYLE_CONTROLLER_SCOPE);
         // TODO(sorvell): for now these styles are not shimmed
         // but we may need to shim them
         Polymer.applyStyleToScope(style, scope);
       }
     }
   }
 
   Node findStyleController() {
-    if (js.context != null && js.context['ShadowDOMPolyfill'] != null) {
+    if (js.context.hasProperty('ShadowDOMPolyfill')) {
       return document.querySelector('head'); // get wrapped <head>.
     } else {
       // find the shadow root that contains this element
       var n = this;
       while (n.parentNode != null) {
         n = n.parentNode;
       }
       return identical(n, document) ? document.head : n;
     }
   }
@@ skipping 13 matching lines @@
     // var clone = style.cloneNode(true);
     var clone = new StyleElement()..text = style.text;
 
     var attr = style.attributes[_STYLE_SCOPE_ATTRIBUTE];
     if (attr != null) {
       clone.attributes[_STYLE_SCOPE_ATTRIBUTE] = attr;
     }
 
     scope.append(clone);
   }
-
-  /// Prevents flash of unstyled content
-  /// This is the list of selectors for veiled elements
-  static List<Element> veiledElements = ['body'];
-
-  /// Apply unveil class.
-  static void unveilElements() {
-    window.requestAnimationFrame((_) {
-      var nodes = document.querySelectorAll('.$_VEILED_CLASS');
-      for (var node in nodes) {
-        (node.classes)..add(_UNVEIL_CLASS)..remove(_VEILED_CLASS);
-      }
-      // NOTE: depends on transition end event to remove 'unveil' class.
-      if (nodes.isNotEmpty) {
-        window.onTransitionEnd.first.then((_) {
-          for (var node in nodes) {
-            node.classes.remove(_UNVEIL_CLASS);
-          }
-        });
-      }
-    });
-  }
 }
 
 // Dart note: Polymer addresses n-way bindings by metaprogramming: redefine
 // the property on the PolymerElement instance to always get its value from the
 // model@path. We can't replicate this in Dart so we do the next best thing:
 // listen to changes on both sides and update the values.
 // TODO(jmesserly): our approach leads to race conditions in the bindings.
 // See http://code.google.com/p/dart/issues/detail?id=13567
 class _PolymerBinding extends Bindable {
   final Polymer _target;
@@ skipping 111 matching lines @@
     if (_sub != null) {
       if (_eventsLog.isLoggable(Level.FINE)) {
         _eventsLog.fine(
             'event.remove: [$_node].$_eventName => [$_model].$_path())');
       }
      _sub.cancel();
       _sub = null;
     }
   }
 }