Effective children

src/lib/dom-api-classlist.html

@@ -0,0 +1,54 @@
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+(function() {
+  'use strict';
+
+  var DomApi = Polymer.DomApi.ctor;
+
+  Object.defineProperty(DomApi.prototype, 'classList', {
+    get: function() {
+      if (!this._classList) {
+        this._classList = new DomApi.ClassList(this);
+      }
+      return this._classList;
+    },
+    configurable: true
+  });
+
+  DomApi.ClassList = function(host) {
+    this.domApi = host;
+    this.node = host.node;
+  }
+
+  DomApi.ClassList.prototype = {
+    add: function() {
+      this.node.classList.add.apply(this.node.classList, arguments);
+      this.domApi._distributeParent();
+    },
+
+    remove: function() {
+      this.node.classList.remove.apply(this.node.classList, arguments);
+      this.domApi._distributeParent();
+    },
+
+    toggle: function() {
+      this.node.classList.toggle.apply(this.node.classList, arguments);
+      this.domApi._distributeParent();
+    },
+    contains: function() {
+      return this.node.classList.contains.apply(this.node.classList,
+        arguments);
+    }
+  }
+
+})();
+</script>

src/lib/dom-api-event.html

@@ -0,0 +1,93 @@
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="settings.html">
+<script>
+Polymer.EventApi = (function() {
+  'use strict';
+
+  var DomApi = Polymer.DomApi.ctor;
+  var Settings = Polymer.Settings;
+
+  DomApi.Event = function(event) {
+    this.event = event;
+  };
+
+  if (Settings.useShadow) {
+
+    DomApi.Event.prototype = {
+
+      get rootTarget() {
+        return this.event.path[0];
+      },
+
+      get localTarget() {
+        return this.event.target;
+      },
+
+      get path() {
+        return this.event.path;
+      }
+
+    };
+
+  } else {
+
+    DomApi.Event.prototype = {
+
+      get rootTarget() {
+        return this.event.target;
+      },
+
+      get localTarget() {
+        var current = this.event.currentTarget;
+        var currentRoot = current && Polymer.dom(current).getOwnerRoot();
+        var p$ = this.path;
+        for (var i=0; i < p$.length; i++) {
+          if (Polymer.dom(p$[i]).getOwnerRoot() === currentRoot) {
+            return p$[i];
+          }
+        }
+      },
+
+      // TODO(sorvell): simulate event.path. This probably incorrect for
+      // non-bubbling events.
+      get path() {
+        if (!this.event._path) {
+          var path = [];
+          var o = this.rootTarget;
+          while (o) {
+            path.push(o);
+            o = Polymer.dom(o).parentNode || o.host;
+          }
+          // event path includes window in most recent native implementations
+          path.push(window);
+          this.event._path = path;
+        }
+        return this.event._path;
+      }
+
+    };
+
+  }
+
+  var factory = function(event) {
+    if (!event.__eventApi) {
+      event.__eventApi = new DomApi.Event(event);
+    }
+    return event.__eventApi;
+  };
+
+  return {
+    factory: factory
+  };
+
+})();
+
+</script>

src/lib/dom-api-flush.html

@@ -0,0 +1,88 @@
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+  // add Polymer.dom flush api...
+  Polymer.Base.extend(Polymer.dom, {
+
+    _flushGuard: 0,
+    _FLUSH_MAX: 100,
+    _needsTakeRecords: !Polymer.Settings.useNativeCustomElements,
+    _debouncers: [],
+    _preFlushList: [],
+    _finishDebouncer: null,
+
+    // flush and debounce exposed as statics on Polymer.dom
+    flush: function() {
+      for (var i=0; i < this._preFlushList.length; i++) {
+        this._preFlushList[i]();
+      }
+      this._flush();
+    },
+
+    _flush: function() {
+      // flush debouncers
+      for (var i=0; i < this._debouncers.length; i++) {
+        this._debouncers[i].complete();
+      }
+      // clear the list of debouncers
+      if (this._finishDebouncer) {
+        this._finishDebouncer.complete();
+      }
+      // again make any pending CE mutations that might trigger debouncer
+      // additions go...
+      this._flushPolyfills();
+      // flush again if there are now any debouncers to process
+      if (this._debouncers.length && this._flushGuard < this._FLUSH_MAX) {
+        this._flushGuard++;
+        this._flush();
+      } else {
+        if (this._flushGuard >= this._FLUSH_MAX) {
+          console.warn('Polymer.dom.flush aborted. Flush may not be complete.')
+        }
+        this._flushGuard = 0;
+      }
+    },
+
+    // TODO(sorvell): There is currently not a good way 
+    // to process all custom elements mutations under SD polyfill because
+    // these mutations may be inside shadowRoots. 
+    _flushPolyfills: function() {
+      if (this._needsTakeRecords) {
+        CustomElements.takeRecords();
+      }
+    },
+
+    addPreflush: function(fn) {
+      this._preFlushList.push(fn);
+    },
+
+    // TODO(sorvell): Map when we can?
+    removePreflush: function(fn) {
+      var i = this._preFlushList.indexOf(fn);
+      if (i >= 0) {
+        this._preFlushList.splice(i, 1);
+      }
+    },
+
+    addDebouncer: function(debouncer) {
+      this._debouncers.push(debouncer);
+      // ensure the list of active debouncers is cleared when done.
+      this._finishDebouncer = Polymer.Debounce(this._finishDebouncer, 
+        this._finishFlush);
+    },
+
+    _finishFlush: function() {
+      Polymer.dom._debouncers = [];
+    }
+
+  });
+
+</script>

src/lib/dom-api-mutation-content.html

@@ -0,0 +1,111 @@
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="settings.html">
+<script>
+(function() {
+  'use strict';
+
+    var DomApi = Polymer.DomApi.ctor;
+    var Settings = Polymer.Settings;
+
+    DomApi.MutationContent = function(domApi) {
+      DomApi.Mutation.call(this, domApi);
+    };
+
+    DomApi.MutationContent.prototype = Object.create(DomApi.Mutation.prototype);
+
+    Polymer.Base.extend(DomApi.MutationContent.prototype, {
+
+      addListener: function(callback, options) {
+        var h = DomApi.Mutation.prototype.addListener.call(this, callback, 
+          options);
+        this._scheduleNotify();
+        return h;
+      },
+
+      _ensureSetup: function(options) {},
+
+      notify: function() {
+        if (this._hasListeners()) {
+          this._scheduleNotify();
+        }
+      },
+
+      _notify: function() {
+        var info = this._suspendChangeInfo ? {} : this._calcChanges();
+        if (info) {
+          info.target = this.node;
+          this._callListeners(info);
+        }
+      },
+
+      _calcChanges: function() {
+        var changes = {
+          addedNodes: [],
+          removedNodes: []
+        };
+        var o$ = this.node.__distributedNodes = this.node.__distributedNodes ||
+          [];
+        var n$ = this.domApi.getDistributedNodes();
+        this.node.__distributedNodes = n$;
+        var splices = Polymer.ArraySplice.calculateSplices(n$, o$);
+        // process removals
+        for (var i=0, s; (i<splices.length) && (s=splices[i]); i++) {
+          for (var j=0, n; (j < s.removed.length) && (n=s.removed[j]); j++) {
+            changes.removedNodes.push(n);
+          }
+        }
+        // process adds
+        for (var i=0, s; (i<splices.length) && (s=splices[i]); i++) {
+          for (var j=s.index; j < s.index + s.addedCount; j++) {
+            changes.addedNodes.push(n$[j]);
+          }
+        }
+        if (changes.addedNodes.length || changes.removedNodes.length) {
+          return changes;
+        }
+      }
+
+    });
+
+    if (Settings.useShadow) {
+
+      Polymer.Base.extend(DomApi.MutationContent.prototype, {
+
+        _ensureSetup: function(options) {
+          this._trackAttributes = this._trackAttributes ||
+            options.attributes;
+          if (!this._observer) {
+            var root = this.domApi.getOwnerRoot();
+            var host = root && root.host;
+            if (host) {
+              this._observer = Polymer.dom(host).observeNodes(
+                this.notify.bind(this), {attributes: this._trackAttributes});
+            }
+          }
+        },
+
+        _ensureCleanup: function() {
+          if (this._observer) {
+            var root = this.domApi.getOwnerRoot();
+            var host = root && root.host;
+            if (host) {
+              Polymer.dom(host).unobserveNodes(this._observer);
+            }
+          }
+        }
+
+      });
+
+    }
+
+})();
+
+</script>