1 files changed, 102 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/neon-animation/demo/list/list-demo.html b/catapult/third_party/polymer/components/neon-animation/demo/list/list-demo.html
new file mode 100644
index 00000000..45808c8c
--- /dev/null
+++ b/catapult/third_party/polymer/components/neon-animation/demo/list/list-demo.html
@@ -0,0 +1,102 @@
+<!--
+@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
+-->
+<link rel="import" href="../../../polymer/polymer.html">
+<link rel="import" href="../../../paper-toolbar/paper-toolbar.html">
+<link rel="import" href="../../neon-animated-pages.html">
+<link rel="import" href="../../neon-animations.html">
+<link rel="import" href="list-view.html">
+<link rel="import" href="full-view.html">
+
+<dom-module id="list-demo">
+  <template>
+    <style>
+      :host {
+        display: block;
+      }
+      neon-animated-pages {
+        height: 100%;
+      }
+    </style>
+    <neon-animated-pages id="pages" selected="0">
+      <list-view data="[[fileData]]" on-item-click="_onItemClick"></list-view>
+      <full-view on-close="_onClose"></full-view>
+    </neon-animated-pages>
+  </template>
+
+</dom-module>
+
+<script>
+
+  Polymer({
+
+    is: 'list-demo',
+
+    properties: {
+
+      fileData: {
+        type: Array,
+        value: function() {
+          return [
+            {fileName: 'IMG_4130.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4131.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4132.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4133.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4134.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4135.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4136.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4137.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4138.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4139.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4140.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4141.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4142.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4143.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4144.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4145.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4146.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4147.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4148.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4149.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4150.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4151.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4152.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4153.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4154.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4155.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4156.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4157.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4158.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4159.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4160.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4161.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4162.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4163.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4164.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4165.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4166.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4167.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4168.jpg', modifiedDate: 'May 12 2015'},
+            {fileName: 'IMG_4169.jpg', modifiedDate: 'May 12 2015'}
+          ]
+        }
+      }
+    },
+
+    _onItemClick: function() {
+      this.$.pages.selected = 1;
+    },
+
+    _onClose: function() {
+      this.$.pages.selected = 0;
+    }
+
+  });
+
+</script>