@polymer/neon-animation - npm Package Compare versions

Comparing version 3.0.0-pre.4 to 3.0.0-pre.6

animations/cascaded-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -34,3 +33,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -37,0 +36,0 @@

animations/fade-in-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -31,3 +30,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -34,0 +33,0 @@

animations/fade-out-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -31,3 +30,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -34,0 +33,0 @@

animations/hero-animation.js

 import '../../polymer/polymer.js';
-import { NeonSharedElementAnimationBehavior } from '../neon-shared-element-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-shared-element-animation-behavior.js';
 
@@ -29,3 +28,3 @@ /**
   timing: <animation-timing>,
-  toPage: <node>, /* define for the destination page */
+  toPage: <node>, /* define for the destination page *\/
   fromPage: <node>, /* define for the source page */
@@ -40,3 +39,3 @@ }
   behaviors: [
-    NeonSharedElementAnimationBehavior
+    Polymer.NeonSharedElementAnimationBehavior
   ],
@@ -43,0 +42,0 @@

animations/opaque-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -23,3 +22,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -26,0 +25,0 @@

animations/reverse-ripple-animation.js

 import '../../polymer/polymer.js';
-import { NeonSharedElementAnimationBehavior } from '../neon-shared-element-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-shared-element-animation-behavior.js';
 /**
@@ -26,3 +25,3 @@ @license
   name: 'reverse-ripple-animation`.
-  id: <shared-element-id>, /* set this or gesture */
+  id: <shared-element-id>, /* set this or gesture *\/
   gesture: {x: <page-x>, y: <page-y>}, /* set this or id */
@@ -39,3 +38,3 @@ timing: <animation-timing>,
   behaviors: [
-    NeonSharedElementAnimationBehavior
+    Polymer.NeonSharedElementAnimationBehavior
   ],
@@ -42,0 +41,0 @@

animations/ripple-animation.js

 import '../../polymer/polymer.js';
-import { NeonSharedElementAnimationBehavior } from '../neon-shared-element-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-shared-element-animation-behavior.js';
 
@@ -29,3 +28,3 @@ /**
   name: 'ripple-animation`.
-  id: <shared-element-id>, /* set this or gesture */
+  id: <shared-element-id>, /* set this or gesture *\/
   gesture: {x: <page-x>, y: <page-y>}, /* set this or id */
@@ -43,3 +42,3 @@ timing: <animation-timing>,
   behaviors: [
-    NeonSharedElementAnimationBehavior
+    Polymer.NeonSharedElementAnimationBehavior
   ],
@@ -46,0 +45,0 @@

animations/scale-down-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -34,3 +33,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -37,0 +36,0 @@

animations/scale-up-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -34,3 +33,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -37,0 +36,0 @@

animations/slide-down-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -33,3 +32,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -36,0 +35,0 @@

animations/slide-from-bottom-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -33,3 +32,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -36,0 +35,0 @@

animations/slide-from-left-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -34,3 +33,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -37,0 +36,0 @@

animations/slide-from-right-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -34,3 +33,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -37,0 +36,0 @@

animations/slide-from-top-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -33,3 +32,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -36,0 +35,0 @@

animations/slide-left-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -33,3 +32,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -36,0 +35,0 @@

animations/slide-right-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -33,3 +32,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -36,0 +35,0 @@

animations/slide-up-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -33,3 +32,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -36,0 +35,0 @@

animations/transform-animation.js

 import '../../polymer/polymer.js';
-import { NeonAnimationBehavior } from '../neon-animation-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../neon-animation-behavior.js';
 
@@ -35,3 +34,3 @@ /**
   behaviors: [
-    NeonAnimationBehavior
+    Polymer.NeonAnimationBehavior
   ],
@@ -38,0 +37,0 @@

demo/card/x-card.js

@@ -1,7 +0,6 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../iron-flex-layout/iron-flex-layout.js';
-import { NeonSharedElementAnimatableBehavior } from '../../neon-shared-element-animatable-behavior.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
+import '../../neon-shared-element-animatable-behavior.js';
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -28,3 +27,3 @@ :host {
   behaviors: [
-    NeonSharedElementAnimatableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior
   ],
@@ -31,0 +30,0 @@

demo/card/x-cards-list.js

@@ -1,7 +0,6 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../iron-flex-layout/iron-flex-layout.js';
-import { NeonSharedElementAnimatableBehavior } from '../../neon-shared-element-animatable-behavior.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
+import '../../neon-shared-element-animatable-behavior.js';
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -29,3 +28,3 @@ :host {
   behaviors: [
-    NeonSharedElementAnimatableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior
   ],
@@ -32,0 +31,0 @@

demo/doc/my-animatable.js

@@ -1,5 +0,4 @@
-import { html } from '../../../polymer/polymer.js';
-import { NeonAnimationRunnerBehavior } from '../../neon-animation-runner-behavior.js';
+import '../../../polymer/polymer.js';
+import '../../neon-animation-runner-behavior.js';
 import '../../animations/scale-down-animation.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
 
@@ -16,3 +15,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -33,3 +32,3 @@ :host {
   behaviors: [
-    NeonAnimationRunnerBehavior
+    Polymer.NeonAnimationRunnerBehavior
   ],
@@ -36,0 +35,0 @@

demo/doc/my-dialog.js

@@ -1,7 +0,6 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../paper-styles/shadow.js';
-import { NeonAnimationRunnerBehavior } from '../../neon-animation-runner-behavior.js';
+import '../../neon-animation-runner-behavior.js';
 import '../../animations/scale-up-animation.js';
 import '../../animations/fade-out-animation.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
 
@@ -18,3 +17,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -38,3 +37,3 @@ :host {
   behaviors: [
-    NeonAnimationRunnerBehavior
+    Polymer.NeonAnimationRunnerBehavior
   ],
@@ -41,0 +40,0 @@

demo/dropdown/animated-dropdown.js

@@ -1,5 +0,4 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../paper-styles/shadow.js';
-import { NeonAnimationRunnerBehavior } from '../../neon-animation-runner-behavior.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
+import '../../neon-animation-runner-behavior.js';
 
@@ -16,3 +15,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -34,3 +33,3 @@ :host {
   behaviors: [
-    NeonAnimationRunnerBehavior
+    Polymer.NeonAnimationRunnerBehavior
   ],
@@ -37,0 +36,0 @@

demo/grid/animated-grid.js

@@ -1,8 +0,6 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../paper-styles/typography.js';
 import '../../../iron-flex-layout/iron-flex-layout.js';
-import { NeonSharedElementAnimatableBehavior } from '../../neon-shared-element-animatable-behavior.js';
+import '../../neon-shared-element-animatable-behavior.js';
 import '../shared-styles.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
-import { dom } from '../../../polymer/lib/legacy/polymer.dom.js';
 
@@ -19,3 +17,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style include="shared-styles">
@@ -86,3 +84,3 @@
   behaviors: [
-    NeonSharedElementAnimatableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior
   ],
@@ -134,6 +132,6 @@
   _onClick: function(event) {
-    var target = dom(event).rootTarget;
+    var target = Polymer.dom(event).rootTarget;
 
     if (!target.item) {
-      target = dom(target).parentNode;
+      target = Polymer.dom(target).parentNode;
     }
@@ -140,0 +138,0 @@

demo/grid/fullsize-page-with-card.js

@@ -1,6 +0,5 @@
-import { html } from '../../../polymer/polymer.js';
-import { NeonSharedElementAnimatableBehavior } from '../../neon-shared-element-animatable-behavior.js';
+import '../../../polymer/polymer.js';
+import '../../neon-shared-element-animatable-behavior.js';
 import '../../../paper-styles/color.js';
 import '../shared-styles.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
 
@@ -17,3 +16,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style include="shared-styles"></style>
@@ -49,3 +48,3 @@ <style>
   behaviors: [
-    NeonSharedElementAnimatableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior
   ],
@@ -52,0 +51,0 @@

demo/list/full-view.js

@@ -1,7 +0,6 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../iron-flex-layout/iron-flex-layout.js';
 import '../../../paper-styles/shadow.js';
 import '../../../app-layout/app-toolbar/app-toolbar.js';
-import { NeonAnimatableBehavior } from '../../neon-animatable-behavior.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
+import '../../neon-animatable-behavior.js';
 
@@ -18,3 +17,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -71,3 +70,3 @@ :host {
   behaviors: [
-    NeonAnimatableBehavior
+    Polymer.NeonAnimatableBehavior
   ],
@@ -74,0 +73,0 @@

demo/list/list-demo.js

@@ -1,2 +0,2 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../neon-animated-pages.js';
@@ -6,3 +6,2 @@ import '../../neon-animations.js';
 import './full-view.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
 
@@ -19,3 +18,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -22,0 +21,0 @@ :host {

demo/list/list-view.js

@@ -1,2 +0,2 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../iron-icons/iron-icons.js';
@@ -10,5 +10,3 @@ import '../../../iron-icon/iron-icon.js';
 import '../../../paper-styles/color.js';
-import { NeonAnimatableBehavior } from '../../neon-animatable-behavior.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
-import { dom } from '../../../polymer/lib/legacy/polymer.dom.js';
+import '../../neon-animatable-behavior.js';
 
@@ -25,3 +23,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -70,3 +68,3 @@ :host {
   behaviors: [
-    NeonAnimatableBehavior
+    Polymer.NeonAnimatableBehavior
   ],
@@ -115,3 +113,3 @@
   _onClick: function(event) {
-    var target = dom(event).rootTarget;
+    var target = Polymer.dom(event).rootTarget;
 
@@ -118,0 +116,0 @@ // configure the page animation

demo/load/animated-grid.js

@@ -1,9 +0,7 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../iron-flex-layout/iron-flex-layout.js';
-import { NeonSharedElementAnimatableBehavior } from '../../neon-shared-element-animatable-behavior.js';
+import '../../neon-shared-element-animatable-behavior.js';
 import '../../../paper-styles/typography.js';
 import '../../../paper-styles/color.js';
 import '../shared-styles.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
-import { dom } from '../../../polymer/lib/legacy/polymer.dom.js';
 
@@ -20,3 +18,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style include="shared-styles">
@@ -86,3 +84,3 @@ :host {
   behaviors: [
-    NeonSharedElementAnimatableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior
   ],
@@ -131,3 +129,3 @@
     this.async(function() {
-      var nodeList = dom(this.root).querySelectorAll('.tile');
+      var nodeList = Polymer.dom(this.root).querySelectorAll('.tile');
       this.animationConfig['entry'][0].nodes = Array.prototype.slice.call(nodeList);
@@ -134,0 +132,0 @@ });

demo/load/full-page.js

@@ -1,8 +0,7 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../iron-flex-layout/iron-flex-layout.js';
-import { NeonAnimatableBehavior } from '../../neon-animatable-behavior.js';
-import { NeonAnimationRunnerBehavior } from '../../neon-animation-runner-behavior.js';
+import '../../neon-animatable-behavior.js';
+import '../../neon-animation-runner-behavior.js';
 import '../../../paper-styles/shadow.js';
 import './animated-grid.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
 
@@ -19,3 +18,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -48,4 +47,4 @@ :host {
   behaviors: [
-    NeonAnimatableBehavior,
-    NeonAnimationRunnerBehavior
+    Polymer.NeonAnimatableBehavior,
+    Polymer.NeonAnimationRunnerBehavior
   ],
@@ -52,0 +51,0 @@

demo/tiles/circles-page.js

@@ -1,6 +0,4 @@
-import { html } from '../../../polymer/polymer.js';
+import '../../../polymer/polymer.js';
 import '../../../iron-flex-layout/iron-flex-layout.js';
-import { NeonSharedElementAnimatableBehavior } from '../../neon-shared-element-animatable-behavior.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
-import { dom } from '../../../polymer/lib/legacy/polymer.dom.js';
+import '../../neon-shared-element-animatable-behavior.js';
 
@@ -17,3 +15,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -47,3 +45,3 @@ :host {
   behaviors: [
-    NeonSharedElementAnimatableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior
   ],
@@ -67,3 +65,3 @@
 
-    var circles = dom(this.root).querySelectorAll('.circle');
+    var circles = Polymer.dom(this.root).querySelectorAll('.circle');
     var circlesArray = Array.prototype.slice.call(circles);
@@ -89,3 +87,3 @@ this.animationConfig = {
   _onClick: function(event) {
-    var target = dom(event).rootTarget;
+    var target = Polymer.dom(event).rootTarget;
 
@@ -99,3 +97,3 @@ if (target.classList.contains('circle')) {
       var nodesToScale = [];
-      var circles = dom(this.root).querySelectorAll('.circle');
+      var circles = Polymer.dom(this.root).querySelectorAll('.circle');
 
@@ -102,0 +100,0 @@ for (var node, index = 0; node = circles[index]; index++) {

demo/tiles/squares-page.js

@@ -1,5 +0,3 @@
-import { html } from '../../../polymer/polymer.js';
-import { NeonSharedElementAnimatableBehavior } from '../../neon-shared-element-animatable-behavior.js';
-import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js';
-import { dom } from '../../../polymer/lib/legacy/polymer.dom.js';
+import '../../../polymer/polymer.js';
+import '../../neon-shared-element-animatable-behavior.js';
 
@@ -16,3 +14,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -51,3 +49,3 @@ .header {
   behaviors: [
-    NeonSharedElementAnimatableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior
   ],
@@ -72,3 +70,3 @@
     this.sharedElements = { 'hero': this.$.header };
-    var squares = dom(this.root).querySelectorAll('.square');
+    var squares = Polymer.dom(this.root).querySelectorAll('.square');
     var squaresArray = Array.prototype.slice.call(squares);
@@ -75,0 +73,0 @@ this.animationConfig = {

neon-animatable-behavior.js

 import '../polymer/polymer.js';
 
-export const NeonAnimatableBehavior = {
+/**
+ * `Polymer.NeonAnimatableBehavior` is implemented by elements containing animations for use with
+ * elements implementing `Polymer.NeonAnimationRunnerBehavior`.
+ * @polymerBehavior
+ */
+/**
+@license
+Copyright (c) 2015 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
+*/
+Polymer.NeonAnimatableBehavior = {
 
@@ -5,0 +19,0 @@ properties: {

neon-animatable.js

@@ -1,5 +0,4 @@
-import { html } from '../polymer/polymer.js';
-import { IronResizableBehavior } from '../iron-resizable-behavior/iron-resizable-behavior.js';
-import { NeonAnimatableBehavior } from './neon-animatable-behavior.js';
-import { Polymer } from '../polymer/lib/legacy/polymer-fn.js';
+import '../polymer/polymer.js';
+import '../iron-resizable-behavior/iron-resizable-behavior.js';
+import './neon-animatable-behavior.js';
 
@@ -28,3 +27,3 @@ /**
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -42,5 +41,5 @@ :host {
   behaviors: [
-    NeonAnimatableBehavior,
-    IronResizableBehavior
+    Polymer.NeonAnimatableBehavior,
+    Polymer.IronResizableBehavior
   ]
 });

neon-animated-pages.js

@@ -1,10 +0,8 @@
-import { html } from '../polymer/polymer.js';
-import { IronResizableBehavior } from '../iron-resizable-behavior/iron-resizable-behavior.js';
-import { IronSelectableBehavior } from '../iron-selector/iron-selectable.js';
-import { NeonAnimationRunnerBehavior } from './neon-animation-runner-behavior.js';
-import { Polymer } from '../polymer/lib/legacy/polymer-fn.js';
-import { dom } from '../polymer/lib/legacy/polymer.dom.js';
+import '../polymer/polymer.js';
+import '../iron-resizable-behavior/iron-resizable-behavior.js';
+import '../iron-selector/iron-selectable.js';
+import './neon-animation-runner-behavior.js';
 
 Polymer({
-  _template: html`
+  _template: Polymer.html`
     <style>
@@ -40,5 +38,5 @@ :host {
   behaviors: [
-    IronResizableBehavior,
-    IronSelectableBehavior,
-    NeonAnimationRunnerBehavior
+    Polymer.IronResizableBehavior,
+    Polymer.IronSelectableBehavior,
+    Polymer.NeonAnimationRunnerBehavior
   ],
@@ -169,3 +167,3 @@
     if (!selectedPage || !oldPage) {
-      var nodes = dom(this.$.content).getDistributedNodes();
+      var nodes = Polymer.dom(this.$.content).getDistributedNodes();
       for (var node, index = 0; node = nodes[index]; index++) {
@@ -172,0 +170,0 @@ node.classList && node.classList.remove('neon-animating');

neon-animation-behavior.js

 import '../polymer/polymer.js';
 
-export const NeonAnimationBehavior = {
+/**
+ * Use `Polymer.NeonAnimationBehavior` to implement an animation.
+ * @polymerBehavior
+ */
+/**
+@license
+Copyright (c) 2015 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
+*/
+Polymer.NeonAnimationBehavior = {
 
@@ -5,0 +18,0 @@ properties: {

neon-animation-runner-behavior.js

 import '../polymer/polymer.js';
-import { NeonAnimatableBehavior } from './neon-animatable-behavior.js';
+import './neon-animatable-behavior.js';
 
-export const NeonAnimationRunnerBehaviorImpl = {
+/**
+ * `Polymer.NeonAnimationRunnerBehavior` adds a method to run animations.
+ *
+ * @polymerBehavior Polymer.NeonAnimationRunnerBehavior
+ */
+/**
+@license
+Copyright (c) 2015 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
+*/
+Polymer.NeonAnimationRunnerBehaviorImpl = {
 
@@ -134,5 +148,6 @@ _configureAnimations: function(configs) {
 
-export const NeonAnimationRunnerBehavior = [
-  NeonAnimatableBehavior,
-  NeonAnimationRunnerBehaviorImpl
+/** @polymerBehavior Polymer.NeonAnimationRunnerBehavior */
+Polymer.NeonAnimationRunnerBehavior = [
+  Polymer.NeonAnimatableBehavior,
+  Polymer.NeonAnimationRunnerBehaviorImpl
 ];

neon-shared-element-animatable-behavior.js

 import '../polymer/polymer.js';
-import { NeonAnimatableBehavior } from './neon-animatable-behavior.js';
+import './neon-animatable-behavior.js';
 
-export const NeonSharedElementAnimatableBehaviorImpl = {
+/**
+ * Use `Polymer.NeonSharedElementAnimatableBehavior` to implement elements containing shared element
+ * animations.
+ * @polymerBehavior Polymer.NeonSharedElementAnimatableBehavior
+ */
+/**
+@license
+Copyright (c) 2015 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
+*/
+Polymer.NeonSharedElementAnimatableBehaviorImpl = {
 
@@ -20,5 +34,6 @@ properties: {
 
-export const NeonSharedElementAnimatableBehavior = [
-  NeonAnimatableBehavior,
-  NeonSharedElementAnimatableBehaviorImpl
+/** @polymerBehavior Polymer.NeonSharedElementAnimatableBehavior */
+Polymer.NeonSharedElementAnimatableBehavior = [
+  Polymer.NeonAnimatableBehavior,
+  Polymer.NeonSharedElementAnimatableBehaviorImpl
 ];

neon-shared-element-animation-behavior.js

 import '../polymer/polymer.js';
-import { NeonAnimationBehavior } from './neon-animation-behavior.js';
+import './neon-animation-behavior.js';
 
-export const NeonSharedElementAnimationBehaviorImpl = {
+/**
+ * Use `Polymer.NeonSharedElementAnimationBehavior` to implement shared element animations.
+ * @polymerBehavior Polymer.NeonSharedElementAnimationBehavior
+ */
+/**
+@license
+Copyright (c) 2015 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
+*/
+Polymer.NeonSharedElementAnimationBehaviorImpl = {
 
@@ -50,5 +63,6 @@ properties: {
 
-export const NeonSharedElementAnimationBehavior = [
-  NeonAnimationBehavior,
-  NeonSharedElementAnimationBehaviorImpl
+/** @polymerBehavior Polymer.NeonSharedElementAnimationBehavior */
+Polymer.NeonSharedElementAnimationBehavior = [
+  Polymer.NeonAnimationBehavior,
+  Polymer.NeonSharedElementAnimationBehaviorImpl
 ];

package.json

 {
   "name": "@polymer/neon-animation",
   "flat": true,
-  "version": "3.0.0-pre.4",
+  "version": "3.0.0-pre.6",
   "description": "A system for animating Polymer-based web components",
@@ -22,17 +22,17 @@ "contributors": [
   "dependencies": {
-    "@polymer/iron-resizable-behavior": "^3.0.0-pre.4",
-    "@polymer/iron-selector": "^3.0.0-pre.4",
-    "@polymer/polymer": "^3.0.0-pre.4"
+    "@polymer/iron-resizable-behavior": "^3.0.0-pre.6",
+    "@polymer/iron-selector": "^3.0.0-pre.6",
+    "@polymer/polymer": "^3.0.0-pre.6"
   },
   "devDependencies": {
-    "@polymer/app-layout": "^3.0.0-pre.4",
-    "@polymer/iron-component-page": "^3.0.0-pre.4",
-    "@polymer/iron-flex-layout": "^3.0.0-pre.4",
-    "@polymer/iron-icon": "^3.0.0-pre.4",
-    "@polymer/iron-icons": "^3.0.0-pre.4",
-    "@polymer/paper-icon-button": "^3.0.0-pre.4",
-    "@polymer/paper-item": "^3.0.0-pre.4",
-    "@polymer/paper-styles": "^3.0.0-pre.4",
+    "@polymer/app-layout": "^3.0.0-pre.6",
+    "@polymer/iron-component-page": "^3.0.0-pre.6",
+    "@polymer/iron-flex-layout": "^3.0.0-pre.6",
+    "@polymer/iron-icon": "^3.0.0-pre.6",
+    "@polymer/iron-icons": "^3.0.0-pre.6",
+    "@polymer/paper-icon-button": "^3.0.0-pre.6",
+    "@polymer/paper-item": "^3.0.0-pre.6",
+    "@polymer/paper-styles": "^3.0.0-pre.6",
     "web-animations-js": "^2.3.1",
-    "wct-browser-legacy": "0.0.1-pre.10",
+    "wct-browser-legacy": "0.0.1-pre.11",
     "@webcomponents/webcomponentsjs": "^1.0.0"
@@ -39,0 +39,0 @@ },

test/test-resizable-pages.js

@@ -1,8 +0,7 @@
-import { html } from '../../polymer/polymer.js';
-import { NeonSharedElementAnimatableBehavior } from '../neon-shared-element-animatable-behavior.js';
-import { IronResizableBehavior } from '../../iron-resizable-behavior/iron-resizable-behavior.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
+import '../../polymer/polymer.js';
+import '../neon-shared-element-animatable-behavior.js';
+import '../../iron-resizable-behavior/iron-resizable-behavior.js';
 
 Polymer({
-  _template: html`
+  _template: Polymer.html`
 
@@ -14,4 +13,4 @@ `,
   behaviors: [
-    NeonSharedElementAnimatableBehavior,
-    IronResizableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior,
+    Polymer.IronResizableBehavior
   ]
@@ -21,3 +20,3 @@ });
 Polymer({
-  _template: html`
+  _template: Polymer.html`
 
@@ -29,4 +28,4 @@ `,
   behaviors: [
-    NeonSharedElementAnimatableBehavior,
-    IronResizableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior,
+    Polymer.IronResizableBehavior
   ]
@@ -36,3 +35,3 @@ });
 Polymer({
-  _template: html`
+  _template: Polymer.html`
 
@@ -44,5 +43,5 @@ `,
   behaviors: [
-    NeonSharedElementAnimatableBehavior,
-    IronResizableBehavior
+    Polymer.NeonSharedElementAnimatableBehavior,
+    Polymer.IronResizableBehavior
   ]
 });

No alert changes

Improved metrics

Lines of code

2869

increased by1.06%

Worsened metrics

Total package byte prevSize

160767

decreased by-0.34%

Dependency changes

• Updated@polymer/iron-resizable-behavior@^3.0.0-pre.6

• Updated@polymer/iron-selector@^3.0.0-pre.6

• Updated@polymer/polymer@^3.0.0-pre.6