├── .gitignore
├── LICENSE
├── README.md
├── bower.json
├── bower_components
    ├── core-component-page
    │   ├── .bower.json
    │   ├── README.md
    │   ├── bowager-logo.png
    │   ├── bower.json
    │   ├── core-component-page.html
    │   ├── demo.html
    │   └── index.html
    ├── futu-process-arrow
    │   ├── .bower.json
    │   ├── LICENSE.txt
    │   ├── README.md
    │   ├── bower.json
    │   ├── futu-process-arrow.html
    │   └── index.html
    ├── platform
    │   ├── .bower.json
    │   ├── README.md
    │   ├── bower.json
    │   ├── build.log
    │   ├── platform.js
    │   └── platform.js.map
    └── polymer
    │   ├── .bower.json
    │   ├── README.md
    │   ├── bower.json
    │   ├── build.log
    │   ├── layout.html
    │   ├── polymer.html
    │   ├── polymer.js
    │   └── polymer.js.map
├── dist
    └── js
    │   └── app.js
├── index.html
├── package.json
└── src
    ├── app.js
    ├── binder.js
    ├── intent.js
    ├── model.js
    ├── renderer.js
    ├── replicate.js
    └── view.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) <year> <copyright holders>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | mvi-wc-poc
2 | ===========
3 | 
4 | A proof of concept for Web Components working controlled by a Virtual DOM architecture.
5 | 
6 | [OPEN THE DEMO](http://staltz.com/mvi-wc-poc/)
7 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "mvi-wc-poc",
 3 |   "version": "0.1.0",
 4 |   "authors": [
 5 |     "Andre Staltz <andrestaltz@gmail.com>"
 6 |   ],
 7 |   "description": "MVI Web Components Proof-of-Concept",
 8 |   "main": "index.html",
 9 |   "license": "MIT",
10 |   "private": true,
11 |   "ignore": [
12 |     "**/.*",
13 |     "node_modules",
14 |     "bower_components",
15 |     "test",
16 |     "tests"
17 |   ],
18 |   "dependencies": {
19 |     "futu-process-arrow": "futurice/futu-process-arrow#~0.3.0"
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/bower_components/core-component-page/.bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "core-component-page",
 3 |   "private": true,
 4 |   "dependencies": {
 5 |     "platform": "Polymer/platform#^0.3.0",
 6 |     "polymer": "Polymer/polymer#^0.3.0"
 7 |   },
 8 |   "homepage": "https://github.com/Polymer/core-component-page",
 9 |   "version": "0.3.6",
10 |   "_release": "0.3.6",
11 |   "_resolution": {
12 |     "type": "version",
13 |     "tag": "0.3.6",
14 |     "commit": "6d8924190ed91412fdf99f417045dacb3456115e"
15 |   },
16 |   "_source": "git://github.com/Polymer/core-component-page.git",
17 |   "_target": "^0.3.0",
18 |   "_originalSource": "Polymer/core-component-page"
19 | }


--------------------------------------------------------------------------------
/bower_components/core-component-page/README.md:
--------------------------------------------------------------------------------
1 | core-component-page
2 | ===================
3 | 
4 | See the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-component-page) for more information.
5 | 
6 | Note: this is the vulcanized version of [`core-component-page-dev`](https://github.com/Polymer/core-component-page-dev) (the source).
7 | 


--------------------------------------------------------------------------------
/bower_components/core-component-page/bowager-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/staltz/mvi-wc-poc/4370b274e33f7f2ad14776585cc15da33b914182/bower_components/core-component-page/bowager-logo.png


--------------------------------------------------------------------------------
/bower_components/core-component-page/bower.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "core-component-page",
3 |   "private": true,
4 |   "dependencies": {
5 |     "platform": "Polymer/platform#^0.3.0",
6 |     "polymer": "Polymer/polymer#^0.3.0"
7 |   }
8 | }


--------------------------------------------------------------------------------
/bower_components/core-component-page/demo.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <!--
 3 | Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 4 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
 5 | The complete set of authors may be found at http://polymer.github.io/AUTHORS
 6 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
 7 | Code distributed by Google as part of the polymer project is also
 8 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
 9 | -->
10 | <html>
11 | <head>
12 | 
13 |   <script src="../platform/platform.js"></script>
14 |   <link rel="import" href="../polymer/polymer.html">
15 |   <link rel="import" href="core-component-page.html">
16 | 
17 | </head>
18 | <body unresolved>
19 | 
20 |   <core-component-page></core-component-page>
21 | 
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/bower_components/core-component-page/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <!--
 3 | Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 4 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
 5 | The complete set of authors may be found at http://polymer.github.io/AUTHORS
 6 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
 7 | Code distributed by Google as part of the polymer project is also
 8 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
 9 | -->
10 | <html>
11 | <head>
12 | 
13 |   <script src="../platform/platform.js"></script>
14 |   <link rel="import" href="../core-component-page/core-component-page.html">
15 | 
16 | </head>
17 | <body unresolved>
18 | 
19 |   <core-component-page></core-component-page>
20 | 
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/bower_components/futu-process-arrow/.bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "futu-process-arrow",
 3 |   "version": "0.3.0",
 4 |   "homepage": "https://github.com/futurice-oss/futu-process-arrow",
 5 |   "authors": [
 6 |     "Futurice Oy"
 7 |   ],
 8 |   "license": "BSD (3-clause)",
 9 |   "main": "futu-process-arrow.html",
10 |   "ignore": [
11 |     "**/.*",
12 |     "node_modules",
13 |     "bower_components",
14 |     "test",
15 |     "tests"
16 |   ],
17 |   "dependencies": {
18 |     "polymer": "Polymer/polymer#~0.3.4"
19 |   },
20 |   "_release": "0.3.0",
21 |   "_resolution": {
22 |     "type": "version",
23 |     "tag": "0.3.0",
24 |     "commit": "45bf027efb1ceed633299e8eb95e482fa3185e47"
25 |   },
26 |   "_source": "git://github.com/futurice/futu-process-arrow.git",
27 |   "_target": "~0.3.0",
28 |   "_originalSource": "futurice/futu-process-arrow",
29 |   "_direct": true
30 | }


--------------------------------------------------------------------------------
/bower_components/futu-process-arrow/LICENSE.txt:
--------------------------------------------------------------------------------
 1 | LICENSE: BSD (3-clause)
 2 | 
 3 | Copyright (c) 2014, Futurice Oy
 4 | All rights reserved.
 5 | 
 6 | Redistribution and use in source and binary forms, with or without
 7 | modification, are permitted provided that the following conditions are met:
 8 | 
 9 | * Redistributions of source code must retain the above copyright notice, this
10 |   list of conditions and the following disclaimer.
11 | 
12 | * Redistributions in binary form must reproduce the above copyright notice,
13 |   this list of conditions and the following disclaimer in the documentation
14 |   and/or other materials provided with the distribution.
15 | 
16 | * Neither the name of the {organization} nor the names of its
17 |   contributors may be used to endorse or promote products derived from
18 |   this software without specific prior written permission.
19 | 
20 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
21 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
22 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
23 | DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
24 | FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
25 | DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
26 | SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
27 | CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
28 | OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
29 | OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
30 | 
31 | 


--------------------------------------------------------------------------------
/bower_components/futu-process-arrow/README.md:
--------------------------------------------------------------------------------
1 | futu-process-arrow
2 | =====================
3 | 
4 | Simple [Polymer](https://github.com/Polymer/) component for drawing a process arrow and showing the current stage.
5 | 
6 | There is a [demo page](http://futurice-oss.github.io/futu-process-arrow/), please have a look!
7 | 


--------------------------------------------------------------------------------
/bower_components/futu-process-arrow/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "futu-process-arrow",
 3 |   "version": "0.3.0",
 4 |   "homepage": "https://github.com/futurice-oss/futu-process-arrow",
 5 |   "authors": [
 6 |     "Futurice Oy"
 7 |   ],
 8 |   "license": "BSD (3-clause)",
 9 |   "main": "futu-process-arrow.html",
10 |   "ignore": [
11 |     "**/.*",
12 |     "node_modules",
13 |     "bower_components",
14 |     "test",
15 |     "tests"
16 |   ],
17 |   "dependencies": {
18 |     "polymer": "Polymer/polymer#~0.3.4"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/bower_components/futu-process-arrow/futu-process-arrow.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | Copyright (c) 2014, Futurice Oy.
  3 | All rights reserved.
  4 | 
  5 | License available at
  6 | https://github.com/futurice-oss/futu-process-arrow/blob/master/LICENSE.txt
  7 | 
  8 | 
  9 | Example usage:
 10 | <futu-process-arrow
 11 |   selected="3">
 12 |   <span>Baby</span>
 13 |   <span>Child</span>
 14 |   <span>Teenager</span>
 15 |   <span>Working-class hero</span>
 16 |   <span>Retired</span>
 17 | </futu-process-arrow>
 18 | 
 19 | You style the process arrow by setting for example the height, color, font,
 20 | text-align and so on for the element itself.
 21 | 
 22 | See the demo page for a live example on styling:
 23 | http://futurice-oss.github.io/futu-process-arrow/
 24 | -->
 25 | 
 26 | <!--
 27 | @element futu-process-arrow
 28 | @status beta
 29 | -->
 30 | <polymer-element name="futu-process-arrow" attributes="selected">
 31 |   <template>
 32 |     <style>
 33 |       :host {
 34 |         display: block;
 35 |       }
 36 | 
 37 |       #container {
 38 |         height: 100%;
 39 |       }
 40 | 
 41 |       .stage-element {
 42 |         position: relative;
 43 |         margin: 0 2px 0 0;
 44 |         padding: 0 0.8em;
 45 |         font-size: 0.7em;
 46 |       }
 47 | 
 48 |       .stage-element p {
 49 |         position: relative;
 50 |         z-index: 1;
 51 |         margin: 0;
 52 |         width: 100%;
 53 |         overflow: hidden;
 54 |         text-overflow: ellipsis;
 55 |         white-space: nowrap;
 56 |         color: currentColor;
 57 |       }
 58 | 
 59 |       .stage-element[highlighted] p {
 60 |         color: #fff;
 61 |       }
 62 | 
 63 |       .stage-element::before, .stage-element::after {
 64 |         content: "";
 65 |         display: block;
 66 |         position: absolute;
 67 |         height: 50%;
 68 |         width: 100%;
 69 |         background-color: rgba(0,0,0,0.1);
 70 |         left: 0;
 71 |       }
 72 | 
 73 |       .stage-element::before {
 74 |         top: 0;
 75 |         -webkit-transform: skew(30deg);
 76 |         -moz-transform: skew(30deg);
 77 |         transform: skew(30deg);
 78 |       }
 79 | 
 80 |       .stage-element::after {
 81 |         bottom: 0;
 82 |         -webkit-transform: skew(-30deg);
 83 |         -moz-transform: skew(-30deg);
 84 |         transform: skew(-30deg);
 85 |       }
 86 | 
 87 |       .stage-element[highlighted]::before, .stage-element[highlighted]::after {
 88 |         background-color: currentColor;
 89 |       }
 90 | 
 91 |       .stage-element:last-child {
 92 |         margin-right: 0;
 93 |       }
 94 | 
 95 |       .stage-element core-tooltip {
 96 |         max-width: 100%;
 97 |       }
 98 | 
 99 |       #stages {
100 |         display: none;
101 |       }
102 | 
103 |     </style>
104 |     <div id="container" layout horizontal>
105 |       <template repeat="{{stage in stages}}">
106 |           <div
107 |             class="stage-element" flex layout horizontal center
108 |             highlighted?="{{ activeStages[stage] }}"
109 |             title="{{ stage }}">
110 |             <p>{{ stage }}</p>
111 |           </div>
112 |       </template>
113 | 
114 |       <div id="stages" selected="{{ selected }}">
115 |         <content select="*"></content>
116 |       </div>
117 |     </div>
118 |   </template>
119 |   <script>
120 |     Polymer('futu-process-arrow', {
121 |       created: function(){
122 |         this.stages = [];
123 |       },
124 |       ready: function(){
125 |         this.childrenUpdated();
126 |       },
127 |       childrenUpdated: function(observer, mutations){
128 |         var self = this,
129 |           nodes = this.querySelectorAll("span");
130 | 
131 |         [].forEach.call(nodes, function(node){
132 |           var clone = document.importNode(node, true);
133 |           self.stages.push(clone.textContent);
134 |         });
135 | 
136 |         // Listen for new changes
137 |         this.onMutation(this, this.childrenUpdated);
138 |       },
139 |       selectedChanged: function(){
140 |         this.activeStages = {};
141 |         if (this.stages) {
142 |           for (var i = 0; i < this.stages.length; i++) {
143 |             if (i <= this.selected) {
144 |               this.activeStages[this.stages[i]] = true;
145 |             }
146 |           }
147 |         }
148 |       }
149 |     });
150 |   </script>
151 | </polymer-element>
152 | 


--------------------------------------------------------------------------------
/bower_components/futu-process-arrow/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <title>Demo</title>
 5 |   <script src="bower_components/platform/platform.js"></script>
 6 |   <link rel="import" href="bower_components/polymer/polymer.html">
 7 |   <link rel="import" href="futu-process-arrow.html">
 8 | 
 9 |   <style>
10 |   body {
11 |     font-family: sans-serif;
12 |     line-height: 1.35;
13 |     padding: 0 1em;
14 |   }
15 | 
16 |   textarea {
17 |     margin-left: 1em;
18 |   }
19 | 
20 |   </style>
21 | </head>
22 | <body>
23 |   <h1>Element live demo</h1>
24 | 
25 |   <p>Code used to include the process arrow:</p>
26 | <pre><code>
27 | &lt;!-- in head --&gt;
28 | &lt;link rel="import" href="futu-process-arrow.html"&gt;
29 | 
30 | &lt;!-- in body --&gt;
31 | &lt;futu-process-arrow
32 |   selected="3"&gt;
33 |   &lt;span&gt;Baby&lt;/span&gt;
34 |   &lt;span&gt;Child&lt;/span&gt;
35 |   &lt;span&gt;Teenager&lt;/span&gt;
36 |   &lt;span&gt;Working-class hero&lt;/span&gt;
37 |   &lt;span&gt;Retired&lt;/span&gt;
38 | &lt;/futu-process-arrow&gt;
39 | </code></pre>
40 | 
41 |   <h2>Unstyled</h2>
42 | 
43 |   <futu-process-arrow
44 |     selected="3">
45 |     <span>Baby</span>
46 |     <span>Child</span>
47 |     <span>Teenager</span>
48 |     <span>Working-class hero</span>
49 |     <span>Retired</span>
50 |   </futu-process-arrow>
51 | 
52 |   <h2>Styled</h2>
53 |   <p>You can edit the styles here, they are reflected in the element below. &hearts;</p>
54 | <pre><code>futu-process-arrow.styled {
55 | <textarea id="styles" cols="40" rows="7">
56 | color: #663399;
57 | height: 2.5rem;
58 | font-family: "Arial", sans-serif;
59 | font-weight: bold;
60 | text-transform: uppercase;
61 | text-align: center;
62 | </textarea>
63 | }</code></pre>
64 | 
65 |   <futu-process-arrow
66 |     class="styled"
67 |     selected="3">
68 |     <span>Baby</span>
69 |     <span>Child</span>
70 |     <span>Teenager</span>
71 |     <span>Working-class hero</span>
72 |     <span>Retired</span>
73 |   </futu-process-arrow>
74 | 
75 | 
76 |   <script>
77 |   var styles = document.querySelector("#styles"),
78 |     el = document.querySelector(".styled");
79 | 
80 |   el.setAttribute('style', styles.value);
81 | 
82 |   styles.onkeyup = function() {
83 |     el.setAttribute('style', styles.value);
84 |   };
85 |   </script>
86 | </body>
87 | </html>
88 | 


--------------------------------------------------------------------------------
/bower_components/platform/.bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "platform",
 3 |   "main": "platform.js",
 4 |   "homepage": "https://github.com/Polymer/platform",
 5 |   "authors": [
 6 |     "The Polymer Authors"
 7 |   ],
 8 |   "description": "Integrate platform polyfills: load, build, test",
 9 |   "keywords": [
10 |     "polymer",
11 |     "web",
12 |     "components"
13 |   ],
14 |   "license": "BSD",
15 |   "private": true,
16 |   "version": "0.3.6",
17 |   "_release": "0.3.6",
18 |   "_resolution": {
19 |     "type": "version",
20 |     "tag": "0.3.6",
21 |     "commit": "413707498b62d2c66f923dcac6809d56e7d6dab6"
22 |   },
23 |   "_source": "git://github.com/Polymer/platform.git",
24 |   "_target": "^0.3.0",
25 |   "_originalSource": "Polymer/platform"
26 | }


--------------------------------------------------------------------------------
/bower_components/platform/README.md:
--------------------------------------------------------------------------------
1 | Platform
2 | ========
3 | 
4 | Aggregated polyfills the Polymer platform. 
5 | 
6 | [![Analytics](https://ga-beacon.appspot.com/UA-39334307-2/Polymer/platform/README)](https://github.com/igrigorik/ga-beacon)
7 | 


--------------------------------------------------------------------------------
/bower_components/platform/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "platform",
 3 |   "main": "platform.js",
 4 |   "homepage": "https://github.com/Polymer/platform",
 5 |   "authors": [
 6 |     "The Polymer Authors"
 7 |   ],
 8 |   "description": "Integrate platform polyfills: load, build, test",
 9 |   "keywords": [
10 |     "polymer",
11 |     "web",
12 |     "components"
13 |   ],
14 |   "license": "BSD",
15 |   "private": true
16 | }


--------------------------------------------------------------------------------
/bower_components/platform/build.log:
--------------------------------------------------------------------------------
 1 | BUILD LOG
 2 | ---------
 3 | Build Time: 2014-08-07T17:12:14
 4 | 
 5 | NODEJS INFORMATION
 6 | ==================
 7 | nodejs: v0.10.28
 8 | chai: 1.9.1
 9 | grunt: 0.4.4
10 | grunt-audit: 0.0.3
11 | grunt-concat-sourcemap: 0.4.1
12 | grunt-contrib-concat: 0.4.0
13 | grunt-contrib-uglify: 0.5.0
14 | grunt-contrib-yuidoc: 0.5.2
15 | grunt-karma: 0.8.3
16 | karma: 0.12.14
17 | karma-crbot-reporter: 0.0.4
18 | karma-firefox-launcher: 0.1.3
19 | karma-ie-launcher: 0.1.5
20 | karma-mocha: 0.1.4
21 | karma-safari-launcher: 0.1.1
22 | karma-script-launcher: 0.1.0
23 | mocha: 1.20.1
24 | Platform: 0.3.5
25 | 
26 | REPO REVISIONS
27 | ==============
28 | CustomElements: 7fb280cb30f9fe26ed60c0fdb75a1eebe4c9dab1
29 | HTMLImports: fe9a92700b7a0bc7a9d582f4767ab23ec195a423
30 | NodeBind: c47bc1b40d1cf0123b29620820a7111471e83ff3
31 | ShadowDOM: c4da63735ba6c00a7d6af5c1b118f84bd6a2e114
32 | TemplateBinding: f11e2e7faa074f54e711f5abb40e278f3005500d
33 | WeakMap: 6662df5cb7146707238b08e7a65cf70056ae516a
34 | observe-js: 08b8dfa21bf49d9ac60bc495e77a0bfa57f84cde
35 | platform-dev: e1453ea29013959ee3e1f893eaf97806629631dc
36 | 
37 | BUILD HASHES
38 | ============
39 | build/platform.js: d4d1dc11321913bf930bb5109da0b5ed434c0a00


--------------------------------------------------------------------------------
/bower_components/polymer/.bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "polymer",
 3 |   "private": true,
 4 |   "dependencies": {
 5 |     "platform": "Polymer/platform#^0.3.0",
 6 |     "core-component-page": "Polymer/core-component-page#^0.3.0"
 7 |   },
 8 |   "homepage": "https://github.com/Polymer/polymer",
 9 |   "version": "0.3.6",
10 |   "_release": "0.3.6",
11 |   "_resolution": {
12 |     "type": "version",
13 |     "tag": "0.3.6",
14 |     "commit": "441a1bd4043387789f8f4be22cafdaadb8d2d860"
15 |   },
16 |   "_source": "git://github.com/Polymer/polymer.git",
17 |   "_target": "~0.3.4",
18 |   "_originalSource": "Polymer/polymer"
19 | }


--------------------------------------------------------------------------------
/bower_components/polymer/README.md:
--------------------------------------------------------------------------------
 1 | # Polymer
 2 | 
 3 | [![Analytics](https://ga-beacon.appspot.com/UA-39334307-2/Polymer/polymer/README)](https://github.com/igrigorik/ga-beacon)
 4 | 
 5 | Build Status: [http://build.chromium.org/p/client.polymer/waterfall](http://build.chromium.org/p/client.polymer/waterfall)
 6 | 
 7 | ## Brief Overview
 8 | 
 9 | For more detailed info goto [http://polymer-project.org/](http://polymer-project.org/).
10 | 
11 | Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries.
12 | 
13 | Polymer is based on a set of future technologies, including [Shadow DOM](https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html), [Custom Elements](https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/custom/index.html) and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds.
14 | 
15 | ## Tools & Testing
16 | 
17 | For running tests or building minified files, consult the [tooling information](http://www.polymer-project.org/resources/tooling-strategy.html).
18 | 


--------------------------------------------------------------------------------
/bower_components/polymer/bower.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "polymer",
3 |   "private": true,
4 |   "dependencies": {
5 |     "platform": "Polymer/platform#^0.3.0",
6 |     "core-component-page": "Polymer/core-component-page#^0.3.0"
7 |   }
8 | }


--------------------------------------------------------------------------------
/bower_components/polymer/build.log:
--------------------------------------------------------------------------------
 1 | BUILD LOG
 2 | ---------
 3 | Build Time: 2014-08-07T17:12:22
 4 | 
 5 | NODEJS INFORMATION
 6 | ==================
 7 | nodejs: v0.10.28
 8 | chai: 1.9.1
 9 | grunt: 0.4.4
10 | grunt-audit: 0.0.3
11 | grunt-contrib-uglify: 0.4.0
12 | grunt-contrib-yuidoc: 0.5.2
13 | grunt-karma: 0.8.3
14 | grunt-string-replace: 0.2.7
15 | karma: 0.12.14
16 | karma-crbot-reporter: 0.0.4
17 | karma-firefox-launcher: 0.1.3
18 | karma-ie-launcher: 0.1.5
19 | karma-mocha: 0.1.3
20 | karma-safari-launcher: 0.1.1
21 | karma-script-launcher: 0.1.0
22 | mocha: 1.18.2
23 | Polymer: 0.3.5
24 | 
25 | REPO REVISIONS
26 | ==============
27 | polymer-expressions: 529532103a215b641d4efd607536ce87ec7723f6
28 | polymer-gestures: 725191c5457b6e96c37a9db852e943fe3b40635f
29 | polymer-dev: 56417b55d75f0a69d19e313c218c86b23c1daf18
30 | 
31 | BUILD HASHES
32 | ============
33 | build/polymer.js: d1d70d03f791f2808e9dad16dc0e43bcbbd25c2d


--------------------------------------------------------------------------------
/bower_components/polymer/layout.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
  3 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  4 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  5 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  6 | Code distributed by Google as part of the polymer project is also
  7 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  8 | -->
  9 | <style shim-shadowdom>
 10 | /*******************************
 11 |           Flex Layout
 12 | *******************************/
 13 | 
 14 | html /deep/ [layout][horizontal], html /deep/ [layout][vertical] {
 15 |   display: -ms-flexbox;
 16 |   display: -webkit-flex;
 17 |   display: flex;
 18 | }
 19 | 
 20 | html /deep/ [layout][horizontal][inline], html /deep/ [layout][vertical][inline] {
 21 |   display: -ms-inline-flexbox;
 22 |   display: -webkit-inline-flex;
 23 |   display: inline-flex;
 24 | }
 25 | 
 26 | html /deep/ [layout][horizontal] {
 27 |   -ms-flex-direction: row;
 28 |   -webkit-flex-direction: row;
 29 |   flex-direction: row;
 30 | }
 31 | 
 32 | html /deep/ [layout][horizontal][reverse] {
 33 |   -ms-flex-direction: row-reverse;
 34 |   -webkit-flex-direction: row-reverse;
 35 |   flex-direction: row-reverse;
 36 | }
 37 | 
 38 | html /deep/ [layout][vertical] {
 39 |   -ms-flex-direction: column;
 40 |   -webkit-flex-direction: column;
 41 |   flex-direction: column;
 42 | }
 43 | 
 44 | html /deep/ [layout][vertical][reverse] {
 45 |   -ms-flex-direction: column-reverse;
 46 |   -webkit-flex-direction: column-reverse;
 47 |   flex-direction: column-reverse;
 48 | }
 49 | 
 50 | html /deep/ [layout][wrap] {
 51 |   -ms-flex-wrap: wrap;
 52 |   -webkit-flex-wrap: wrap;
 53 |   flex-wrap: wrap;
 54 | }
 55 | 
 56 | html /deep/ [layout][wrap-reverse] {
 57 |   -ms-flex-wrap: wrap-reverse;
 58 |   -webkit-flex-wrap: wrap-reverse;
 59 |   flex-wrap: wrap-reverse;
 60 | }
 61 | 
 62 | html /deep/ [flex] {
 63 |   -ms-flex: 1;
 64 |   -webkit-flex: 1;
 65 |   flex: 1;
 66 | }
 67 | 
 68 | html /deep/ [flex][auto] {
 69 |   -ms-flex: 1 1 auto;
 70 |   -webkit-flex: 1 1 auto;
 71 |   flex: 1 1 auto;
 72 | }
 73 | 
 74 | html /deep/ [flex][none] {
 75 |   -ms-flex: none;
 76 |   -webkit-flex: none;
 77 |   flex: none;
 78 | }
 79 | 
 80 | html /deep/ [flex][one] {
 81 |   -ms-flex: 1;
 82 |   -webkit-flex: 1;
 83 |   flex: 1;
 84 | }
 85 | 
 86 | html /deep/ [flex][two] {
 87 |   -ms-flex: 2;
 88 |   -webkit-flex: 2;
 89 |   flex: 2;
 90 | }
 91 | 
 92 | html /deep/ [flex][three] {
 93 |   -ms-flex: 3;
 94 |   -webkit-flex: 3;
 95 |   flex: 3;
 96 | }
 97 | 
 98 | html /deep/ [flex][four] {
 99 |   -ms-flex: 4;
100 |   -webkit-flex: 4;
101 |   flex: 4;
102 | }
103 | 
104 | html /deep/ [flex][five] {
105 |   -ms-flex: 5;
106 |   -webkit-flex: 5;
107 |   flex: 5;
108 | }
109 | 
110 | html /deep/ [flex][six] {
111 |   -ms-flex: 6;
112 |   -webkit-flex: 6;
113 |   flex: 6;
114 | }
115 | 
116 | html /deep/ [flex][seven] {
117 |   -ms-flex: 7;
118 |   -webkit-flex: 7;
119 |   flex: 7;
120 | }
121 | 
122 | html /deep/ [flex][eight] {
123 |   -ms-flex: 8;
124 |   -webkit-flex: 8;
125 |   flex: 8;
126 | }
127 | 
128 | html /deep/ [flex][nine] {
129 |   -ms-flex: 9;
130 |   -webkit-flex: 9;
131 |   flex: 9;
132 | }
133 | 
134 | html /deep/ [flex][ten] {
135 |   -ms-flex: 10;
136 |   -webkit-flex: 10;
137 |   flex: 10;
138 | }
139 | 
140 | html /deep/ [flex][eleven] {
141 |   -ms-flex: 11;
142 |   -webkit-flex: 11;
143 |   flex: 11;
144 | }
145 | 
146 | html /deep/ [flex][twelve] {
147 |   -ms-flex: 12;
148 |   -webkit-flex: 12;
149 |   flex: 12;
150 | }
151 | 
152 | /* alignment in cross axis */
153 | 
154 | html /deep/ [layout][start] {
155 |   -ms-flex-align: start;
156 |   -webkit-align-items: flex-start;
157 |   align-items: flex-start;
158 | }
159 | 
160 | html /deep/ [layout][center], html /deep/ [layout][center-center] {
161 |   -ms-flex-align: center;
162 |   -webkit-align-items: center;
163 |   align-items: center;
164 | }
165 | 
166 | html /deep/ [layout][end] {
167 |   -ms-flex-align: end;
168 |   -webkit-align-items: flex-end;
169 |   align-items: flex-end;
170 | }
171 | 
172 | /* alignment in main axis */
173 | 
174 | html /deep/ [layout][start-justified] {
175 |   -ms-flex-pack: start;
176 |   -webkit-justify-content: flex-start;
177 |   justify-content: flex-start;
178 | }
179 | 
180 | html /deep/ [layout][center-justified], html /deep/ [layout][center-center] {
181 |   -ms-flex-pack: center;
182 |   -webkit-justify-content: center;
183 |   justify-content: center;
184 | }
185 | 
186 | html /deep/ [layout][end-justified] {
187 |   -ms-flex-pack: end;
188 |   -webkit-justify-content: flex-end;
189 |   justify-content: flex-end;
190 | }
191 | 
192 | html /deep/ [layout][around-justified] {
193 |   -ms-flex-pack: around;
194 |   -webkit-justify-content: space-around;
195 |   justify-content: space-around;
196 | }
197 | 
198 | html /deep/ [layout][justified] {
199 |   -ms-flex-pack: justify;
200 |   -webkit-justify-content: space-between;
201 |   justify-content: space-between;
202 | }
203 | 
204 | /* self alignment */
205 | 
206 | html /deep/ [self-start] {
207 |   -ms-align-self: flex-start;
208 |   -webkit-align-self: flex-start;
209 |   align-self: flex-start;
210 | }
211 | 
212 | html /deep/ [self-center] {
213 |   -ms-align-self: center;
214 |   -webkit-align-self: center;
215 |   align-self: center;
216 | }
217 | 
218 | html /deep/ [self-end] {
219 |   -ms-align-self: flex-end;
220 |   -webkit-align-self: flex-end;
221 |   align-self: flex-end;
222 | }
223 | 
224 | html /deep/ [self-stretch] {
225 |   -ms-align-self: stretch;
226 |   -webkit-align-self: stretch;
227 |   align-self: stretch;
228 | }
229 | 
230 | /*******************************
231 |           Other Layout
232 | *******************************/
233 | 
234 | html /deep/ [block] {
235 |   display: block;
236 | }
237 | 
238 | /* ie support for hidden */
239 | html /deep/ [hidden] {
240 |   display: none !important;
241 | }
242 | 
243 | html /deep/ [relative] {
244 |   position: relative;
245 | }
246 | 
247 | html /deep/ [fit] {
248 |   position: absolute;
249 |   top: 0;
250 |   right: 0;
251 |   bottom: 0;
252 |   left: 0;
253 | }
254 | 
255 | body[fullbleed] {
256 |   margin: 0;
257 |   height: 100vh;
258 | }
259 | 
260 | /*******************************
261 |             Other
262 | *******************************/
263 | 
264 | html /deep/ [segment], html /deep/ segment {
265 |   display: block;
266 |   position: relative;
267 |   -webkit-box-sizing: border-box;
268 |   -ms-box-sizing: border-box;
269 |   box-sizing: border-box;
270 |   margin: 1em 0.5em;
271 |   padding: 1em;
272 |   background-color: white;
273 |   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
274 |   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
275 |   border-radius: 5px 5px 5px 5px;
276 | }
277 | 
278 | </style>


--------------------------------------------------------------------------------
/bower_components/polymer/polymer.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 3 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 4 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 5 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 6 | Code distributed by Google as part of the polymer project is also
 7 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 8 | -->
 9 | 
10 | <link rel="import" href="layout.html">
11 | 
12 | <script src="polymer.js"></script>
13 | <!--<link rel="import" href="../polymer-dev/polymer.html">--> 


--------------------------------------------------------------------------------
/bower_components/polymer/polymer.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * @license
 3 |  * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 4 |  * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 5 |  * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 6 |  * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 7 |  * Code distributed by Google as part of the polymer project is also
 8 |  * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 9 |  */
10 | // @version: 0.3.5
11 | window.PolymerGestures={},function(a){var b=!1,c=document.createElement("meta");if(c.createShadowRoot){var d=c.createShadowRoot(),e=document.createElement("span");d.appendChild(e),c.addEventListener("testpath",function(a){a.path&&(b=a.path[0]===e),a.stopPropagation()});var f=new CustomEvent("testpath",{bubbles:!0});document.head.appendChild(c),e.dispatchEvent(f),c.parentNode.removeChild(c),d=e=null}c=null;var g={shadow:function(a){return a?a.shadowRoot||a.webkitShadowRoot:void 0},canTarget:function(a){return a&&Boolean(a.elementFromPoint)},targetingShadow:function(a){var b=this.shadow(a);return this.canTarget(b)?b:void 0},olderShadow:function(a){var b=a.olderShadowRoot;if(!b){var c=a.querySelector("shadow");c&&(b=c.olderShadowRoot)}return b},allShadows:function(a){for(var b=[],c=this.shadow(a);c;)b.push(c),c=this.olderShadow(c);return b},searchRoot:function(a,b,c){var d,e;return a?(d=a.elementFromPoint(b,c),d?e=this.targetingShadow(d):a!==document&&(e=this.olderShadow(a)),this.searchRoot(e,b,c)||d):void 0},owner:function(a){if(!a)return document;for(var b=a;b.parentNode;)b=b.parentNode;return b.nodeType!=Node.DOCUMENT_NODE&&b.nodeType!=Node.DOCUMENT_FRAGMENT_NODE&&(b=document),b},findTarget:function(a){if(b&&a.path)return a.path[0];var c=a.clientX,d=a.clientY,e=this.owner(a.target);return e.elementFromPoint(c,d)||(e=document),this.searchRoot(e,c,d)},findTouchAction:function(a){var c;if(b&&a.path){for(var d=a.path,e=0;e<d.length;e++)if(c=d[e],c.nodeType===Node.ELEMENT_NODE&&c.hasAttribute("touch-action"))return c.getAttribute("touch-action")}else for(c=a.target;c;){if(c.hasAttribute("touch-action"))return c.getAttribute("touch-action");c=c.parentNode||c.host}return"auto"},LCA:function(a,b){if(a===b)return a;if(a&&!b)return a;if(b&&!a)return b;if(!b&&!a)return document;if(a.contains&&a.contains(b))return a;if(b.contains&&b.contains(a))return b;var c=this.depth(a),d=this.depth(b),e=c-d;for(e>=0?a=this.walk(a,e):b=this.walk(b,-e);a&&b&&a!==b;)a=a.parentNode||a.host,b=b.parentNode||b.host;return a},walk:function(a,b){for(var c=0;a&&b>c;c++)a=a.parentNode||a.host;return a},depth:function(a){for(var b=0;a;)b++,a=a.parentNode||a.host;return b},deepContains:function(a,b){var c=this.LCA(a,b);return c===a},insideNode:function(a,b,c){var d=a.getBoundingClientRect();return d.left<=b&&b<=d.right&&d.top<=c&&c<=d.bottom}};a.targetFinding=g,a.findTarget=g.findTarget.bind(g),a.deepContains=g.deepContains.bind(g),a.insideNode=g.insideNode}(window.PolymerGestures),function(){function a(a){return"html /deep/ "+b(a)}function b(a){return'[touch-action="'+a+'"]'}function c(a){return"{ -ms-touch-action: "+a+"; touch-action: "+a+";}"}var d=["none","auto","pan-x","pan-y",{rule:"pan-x pan-y",selectors:["pan-x pan-y","pan-y pan-x"]},"manipulation"],e="",f="string"==typeof document.head.style.touchAction,g=!window.ShadowDOMPolyfill&&document.head.createShadowRoot;if(f){d.forEach(function(d){String(d)===d?(e+=b(d)+c(d)+"\n",g&&(e+=a(d)+c(d)+"\n")):(e+=d.selectors.map(b)+c(d.rule)+"\n",g&&(e+=d.selectors.map(a)+c(d.rule)+"\n"))});var h=document.createElement("style");h.textContent=e,document.head.appendChild(h)}}(),function(a){var b=["bubbles","cancelable","view","detail","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","pageX","pageY"],c=[!1,!1,null,null,0,0,0,0,!1,!1,!1,!1,0,null,0,0],d=function(){return function(){}},e={preventTap:d,makeBaseEvent:function(a,b){var c=document.createEvent("Event");return c.initEvent(a,b.bubbles||!1,b.cancelable||!1),c.preventTap=e.preventTap(c),c},makeGestureEvent:function(a,b){b=b||Object.create(null);for(var c,d=this.makeBaseEvent(a,b),e=0,f=Object.keys(b);e<f.length;e++)c=f[e],d[c]=b[c];return d},makePointerEvent:function(a,d){d=d||Object.create(null);for(var e,f=this.makeBaseEvent(a,d),g=0;g<b.length;g++)e=b[g],f[e]=d[e]||c[g];f.buttons=d.buttons||0;var h=0;return h=d.pressure?d.pressure:f.buttons?.5:0,f.x=f.clientX,f.y=f.clientY,f.pointerId=d.pointerId||0,f.width=d.width||0,f.height=d.height||0,f.pressure=h,f.tiltX=d.tiltX||0,f.tiltY=d.tiltY||0,f.pointerType=d.pointerType||"",f.hwTimestamp=d.hwTimestamp||0,f.isPrimary=d.isPrimary||!1,f._source=d._source||"",f}};a.eventFactory=e}(window.PolymerGestures),function(a){function b(){if(c){var a=new Map;return a.pointers=d,a}this.keys=[],this.values=[]}var c=window.Map&&window.Map.prototype.forEach,d=function(){return this.size};b.prototype={set:function(a,b){var c=this.keys.indexOf(a);c>-1?this.values[c]=b:(this.keys.push(a),this.values.push(b))},has:function(a){return this.keys.indexOf(a)>-1},"delete":function(a){var b=this.keys.indexOf(a);b>-1&&(this.keys.splice(b,1),this.values.splice(b,1))},get:function(a){var b=this.keys.indexOf(a);return this.values[b]},clear:function(){this.keys.length=0,this.values.length=0},forEach:function(a,b){this.values.forEach(function(c,d){a.call(b,c,this.keys[d],this)},this)},pointers:function(){return this.keys.length}},a.PointerMap=b}(window.PolymerGestures),function(a){var b=["bubbles","cancelable","view","detail","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","buttons","pointerId","width","height","pressure","tiltX","tiltY","pointerType","hwTimestamp","isPrimary","type","target","currentTarget","which","pageX","pageY","timeStamp","preventTap","tapPrevented","_source"],c=[!1,!1,null,null,0,0,0,0,!1,!1,!1,!1,0,null,0,0,0,0,0,0,0,"",0,!1,"",null,null,0,0,0,0,function(){},!1],d="undefined"!=typeof SVGElementInstance,e=a.eventFactory,f={pointermap:new a.PointerMap,eventMap:Object.create(null),eventSources:Object.create(null),eventSourceList:[],gestures:[],dependencyMap:{down:{listeners:0,index:-1},up:{listeners:0,index:-1}},gestureQueue:[],registerSource:function(a,b){var c=b,d=c.events;d&&(d.forEach(function(a){c[a]&&(this.eventMap[a]=c[a].bind(c))},this),this.eventSources[a]=c,this.eventSourceList.push(c))},registerGesture:function(a,b){var c=Object.create(null);c.listeners=0,c.index=this.gestures.length;for(var d,e=0;e<b.exposes.length;e++)d=b.exposes[e].toLowerCase(),this.dependencyMap[d]=c;this.gestures.push(b)},register:function(a,b){for(var c,d=this.eventSourceList.length,e=0;d>e&&(c=this.eventSourceList[e]);e++)c.register.call(c,a,b)},unregister:function(a){for(var b,c=this.eventSourceList.length,d=0;c>d&&(b=this.eventSourceList[d]);d++)b.unregister.call(b,a)},down:function(a){this.fireEvent("down",a)},move:function(a){a.type="move",this.fillGestureQueue(a)},up:function(a){this.fireEvent("up",a)},cancel:function(a){a.tapPrevented=!0,this.fireEvent("up",a)},eventHandler:function(a){if(!a._handledByPG){var b=a.type,c=this.eventMap&&this.eventMap[b];c&&c(a),a._handledByPG=!0}},listen:function(a,b){for(var c,d=0,e=b.length;e>d&&(c=b[d]);d++)this.addEvent(a,c)},unlisten:function(a,b){for(var c,d=0,e=b.length;e>d&&(c=b[d]);d++)this.removeEvent(a,c)},addEvent:function(a,b){a.addEventListener(b,this.boundHandler)},removeEvent:function(a,b){a.removeEventListener(b,this.boundHandler)},makeEvent:function(a,b){var c=e.makePointerEvent(a,b);return c.preventDefault=b.preventDefault,c.tapPrevented=b.tapPrevented,c._target=c._target||b.target,c},fireEvent:function(a,b){var c=this.makeEvent(a,b);return this.dispatchEvent(c)},cloneEvent:function(a){for(var e,f=Object.create(null),g=0;g<b.length;g++)e=b[g],f[e]=a[e]||c[g],("target"===e||"relatedTarget"===e)&&d&&f[e]instanceof SVGElementInstance&&(f[e]=f[e].correspondingUseElement);return f.preventDefault=function(){a.preventDefault()},f},dispatchEvent:function(a){var b=a._target;if(b){b.dispatchEvent(a);var c=this.cloneEvent(a);c.target=b,this.fillGestureQueue(c)}},gestureTrigger:function(){for(var a,b=0;b<this.gestureQueue.length;b++){a=this.gestureQueue[b];for(var c,d,e=0;e<this.gestures.length;e++)c=this.gestures[e],d=c[a.type],c.enabled&&d&&d.call(c,a)}this.gestureQueue.length=0},fillGestureQueue:function(a){this.gestureQueue.length||requestAnimationFrame(this.boundGestureTrigger),this.gestureQueue.push(a)}};f.boundHandler=f.eventHandler.bind(f),f.boundGestureTrigger=f.gestureTrigger.bind(f),a.dispatcher=f,a.activateGesture=function(a,b){var c=b.toLowerCase(),d=f.dependencyMap[c];if(d){var e=f.gestures[d.index];if(0===d.listeners&&e&&(e.enabled=!0),d.listeners++,a._pgListeners||(f.register(a),a._pgListeners=0),e){var g,h=e.defaultActions&&e.defaultActions[c];switch(a.nodeType){case Node.ELEMENT_NODE:g=a;break;case Node.DOCUMENT_FRAGMENT_NODE:g=a.host;break;default:g=null}h&&g&&!g.hasAttribute("touch-action")&&g.setAttribute("touch-action",h)}a._pgListeners++}return Boolean(d)},a.addEventListener=function(b,c,d,e){d&&(a.activateGesture(b,c),b.addEventListener(c,d,e))},a.deactivateGesture=function(a,b){var c=b.toLowerCase(),d=f.dependencyMap[c];if(d){if(d.listeners>0&&d.listeners--,0===d.listeners){var e=f.gestures[d.index];e&&(e.enabled=!1)}a._pgListeners>0&&a._pgListeners--,0===a._pgListeners&&f.unregister(a)}return Boolean(d)},a.removeEventListener=function(b,c,d,e){d&&(a.deactivateGesture(b,c),b.removeEventListener(c,d,e))}}(window.PolymerGestures),function(a){var b=a.dispatcher,c=b.pointermap,d=25,e=[0,1,4,2],f=!1;try{f=1===new MouseEvent("test",{buttons:1}).buttons}catch(g){}var h={POINTER_ID:1,POINTER_TYPE:"mouse",events:["mousedown","mousemove","mouseup"],exposes:["down","up","move"],register:function(a){b.listen(a,this.events)},unregister:function(a){b.unlisten(a,this.events)},lastTouches:[],isEventSimulatedFromTouch:function(a){for(var b,c=this.lastTouches,e=a.clientX,f=a.clientY,g=0,h=c.length;h>g&&(b=c[g]);g++){var i=Math.abs(e-b.x),j=Math.abs(f-b.y);if(d>=i&&d>=j)return!0}},prepareEvent:function(a){var c=b.cloneEvent(a);return c.pointerId=this.POINTER_ID,c.isPrimary=!0,c.pointerType=this.POINTER_TYPE,c._source="mouse",f||(c.buttons=e[c.which]||0),c},mousedown:function(d){if(!this.isEventSimulatedFromTouch(d)){var e=c.has(this.POINTER_ID);e&&this.mouseup(d);var f=this.prepareEvent(d);f.target=a.findTarget(d),c.set(this.POINTER_ID,f.target),b.down(f)}},mousemove:function(a){if(!this.isEventSimulatedFromTouch(a)){var d=c.get(this.POINTER_ID);if(d){var e=this.prepareEvent(a);e.target=d,0===e.buttons?(b.cancel(e),this.cleanupMouse()):b.move(e)}}},mouseup:function(d){if(!this.isEventSimulatedFromTouch(d)){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(this.POINTER_ID),b.up(e),this.cleanupMouse()}},cleanupMouse:function(){c["delete"](this.POINTER_ID)}};a.mouseEvents=h}(window.PolymerGestures),function(a){var b=a.dispatcher,c=(a.targetFinding.allShadows.bind(a.targetFinding),b.pointermap),d=(Array.prototype.map.call.bind(Array.prototype.map),2500),e=200,f=20,g=!1,h={events:["touchstart","touchmove","touchend","touchcancel"],exposes:["down","up","move"],register:function(a,c){c||b.listen(a,this.events)},unregister:function(a){b.unlisten(a,this.events)},scrollTypes:{EMITTER:"none",XSCROLLER:"pan-x",YSCROLLER:"pan-y"},touchActionToScrollType:function(a){var b=a,c=this.scrollTypes;return b===c.EMITTER?"none":b===c.XSCROLLER?"X":b===c.YSCROLLER?"Y":"XY"},POINTER_TYPE:"touch",firstTouch:null,isPrimaryTouch:function(a){return this.firstTouch===a.identifier},setPrimaryTouch:function(a){(0===c.pointers()||1===c.pointers()&&c.has(1))&&(this.firstTouch=a.identifier,this.firstXY={X:a.clientX,Y:a.clientY},this.scrolling=null,this.cancelResetClickCount())},removePrimaryPointer:function(a){a.isPrimary&&(this.firstTouch=null,this.firstXY=null,this.resetClickCount())},clickCount:0,resetId:null,resetClickCount:function(){var a=function(){this.clickCount=0,this.resetId=null}.bind(this);this.resetId=setTimeout(a,e)},cancelResetClickCount:function(){this.resetId&&clearTimeout(this.resetId)},typeToButtons:function(a){var b=0;return("touchstart"===a||"touchmove"===a)&&(b=1),b},findTarget:function(b,d){if("touchstart"===this.currentTouchEvent.type){if(this.isPrimaryTouch(b)){var e={clientX:b.clientX,clientY:b.clientY,path:this.currentTouchEvent.path,target:this.currentTouchEvent.target};return a.findTarget(e)}return a.findTarget(b)}return c.get(d)},touchToPointer:function(a){var c=this.currentTouchEvent,d=b.cloneEvent(a),e=d.pointerId=a.identifier+2;d.target=this.findTarget(a,e),d.bubbles=!0,d.cancelable=!0,d.detail=this.clickCount,d.buttons=this.typeToButtons(c.type),d.width=a.webkitRadiusX||a.radiusX||0,d.height=a.webkitRadiusY||a.radiusY||0,d.pressure=a.webkitForce||a.force||.5,d.isPrimary=this.isPrimaryTouch(a),d.pointerType=this.POINTER_TYPE,d._source="touch";var f=this;return d.preventDefault=function(){f.scrolling=!1,f.firstXY=null,c.preventDefault()},d},processTouches:function(a,b){var d=a.changedTouches;this.currentTouchEvent=a;for(var e,f,g=0;g<d.length;g++)e=d[g],f=this.touchToPointer(e),"touchstart"===a.type&&c.set(f.pointerId,f.target),c.has(f.pointerId)&&b.call(this,f),("touchend"===a.type||a._cancel)&&this.cleanUpPointer(f)},shouldScroll:function(b){if(this.firstXY){var c,d=a.targetFinding.findTouchAction(b),e=this.touchActionToScrollType(d);if("none"===e)c=!1;else if("XY"===e)c=!0;else{var f=b.changedTouches[0],g=e,h="Y"===e?"X":"Y",i=Math.abs(f["client"+g]-this.firstXY[g]),j=Math.abs(f["client"+h]-this.firstXY[h]);c=i>=j}return c}},findTouch:function(a,b){for(var c,d=0,e=a.length;e>d&&(c=a[d]);d++)if(c.identifier===b)return!0},vacuumTouches:function(a){var b=a.touches;if(c.pointers()>=b.length){var d=[];c.forEach(function(a,c){if(1!==c&&!this.findTouch(b,c-2)){var e=a;d.push(e)}},this),d.forEach(function(a){this.cancel(a),c.delete(a.pointerId)})}},touchstart:function(a){this.vacuumTouches(a),this.setPrimaryTouch(a.changedTouches[0]),this.dedupSynthMouse(a),this.scrolling||(this.clickCount++,this.processTouches(a,this.down))},down:function(a){b.down(a)},touchmove:function(a){if(g)a.cancelable&&this.processTouches(a,this.move);else if(this.scrolling){if(this.firstXY){var b=a.changedTouches[0],c=b.clientX-this.firstXY.X,d=b.clientY-this.firstXY.Y,e=Math.sqrt(c*c+d*d);e>=f&&(this.touchcancel(a),this.scrolling=!0,this.firstXY=null)}}else null===this.scrolling&&this.shouldScroll(a)?this.scrolling=!0:(this.scrolling=!1,a.preventDefault(),this.processTouches(a,this.move))},move:function(a){b.move(a)},touchend:function(a){this.dedupSynthMouse(a),this.processTouches(a,this.up)},up:function(c){c.relatedTarget=a.findTarget(c),b.up(c)},cancel:function(a){b.cancel(a)},touchcancel:function(a){a._cancel=!0,this.processTouches(a,this.cancel)},cleanUpPointer:function(a){c["delete"](a.pointerId),this.removePrimaryPointer(a)},dedupSynthMouse:function(b){var c=a.mouseEvents.lastTouches,e=b.changedTouches[0];if(this.isPrimaryTouch(e)){var f={x:e.clientX,y:e.clientY};c.push(f);var g=function(a,b){var c=a.indexOf(b);c>-1&&a.splice(c,1)}.bind(null,c,f);setTimeout(g,d)}}};a.touchEvents=h}(window.PolymerGestures),function(a){var b=a.dispatcher,c=b.pointermap,d=window.MSPointerEvent&&"number"==typeof window.MSPointerEvent.MSPOINTER_TYPE_MOUSE,e={events:["MSPointerDown","MSPointerMove","MSPointerUp","MSPointerCancel"],register:function(a){a===document&&b.listen(a,this.events)},unregister:function(a){b.unlisten(a,this.events)},POINTER_TYPES:["","unavailable","touch","pen","mouse"],prepareEvent:function(a){var c=a;return c=b.cloneEvent(a),d&&(c.pointerType=this.POINTER_TYPES[a.pointerType]),c._source="ms",c},cleanup:function(a){c["delete"](a)},MSPointerDown:function(d){var e=this.prepareEvent(d);e.target=a.findTarget(d),c.set(d.pointerId,e.target),b.down(e)},MSPointerMove:function(a){var d=this.prepareEvent(a);d.target=c.get(d.pointerId),b.move(d)},MSPointerUp:function(d){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(e.pointerId),b.up(e),this.cleanup(d.pointerId)},MSPointerCancel:function(d){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(e.pointerId),b.cancel(e),this.cleanup(d.pointerId)}};a.msEvents=e}(window.PolymerGestures),function(a){var b=a.dispatcher,c=b.pointermap,d={events:["pointerdown","pointermove","pointerup","pointercancel"],prepareEvent:function(a){var c=b.cloneEvent(a);return c._source="pointer",c},register:function(a){a===document&&b.listen(a,this.events)},unregister:function(a){b.unlisten(a,this.events)},cleanup:function(a){c["delete"](a)},pointerdown:function(d){var e=this.prepareEvent(d);e.target=a.findTarget(d),c.set(e.pointerId,e.target),b.down(e)},pointermove:function(a){var d=this.prepareEvent(a);d.target=c.get(d.pointerId),b.move(d)},pointerup:function(d){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(e.pointerId),b.up(e),this.cleanup(d.pointerId)},pointercancel:function(d){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(e.pointerId),b.cancel(e),this.cleanup(d.pointerId)}};a.pointerEvents=d}(window.PolymerGestures),function(a){var b=a.dispatcher,c=window.navigator;if(window.PointerEvent)b.registerSource("pointer",a.pointerEvents);else if(c.msPointerEnabled)b.registerSource("ms",a.msEvents);else if(b.registerSource("mouse",a.mouseEvents),void 0!==window.ontouchstart){b.registerSource("touch",a.touchEvents);var d=c.userAgent.match("Safari")&&!c.userAgent.match("Chrome");d&&document.body.addEventListener("touchstart",function(){})}b.register(document,!0)}(window.PolymerGestures),function(a){var b=a.dispatcher,c=a.eventFactory,d=new a.PointerMap,e={events:["down","move","up"],exposes:["trackstart","track","trackx","tracky","trackend"],defaultActions:{track:"none",trackx:"pan-y",tracky:"pan-x"},WIGGLE_THRESHOLD:4,clampDir:function(a){return a>0?1:-1},calcPositionDelta:function(a,b){var c=0,d=0;return a&&b&&(c=b.pageX-a.pageX,d=b.pageY-a.pageY),{x:c,y:d}},fireTrack:function(a,b,d){var e=d,f=this.calcPositionDelta(e.downEvent,b),g=this.calcPositionDelta(e.lastMoveEvent,b);if(g.x)e.xDirection=this.clampDir(g.x);else if("trackx"===a)return;if(g.y)e.yDirection=this.clampDir(g.y);else if("tracky"===a)return;var h={bubbles:!0,cancelable:!0,trackInfo:e.trackInfo,relatedTarget:b.relatedTarget,pointerType:b.pointerType,pointerId:b.pointerId,_source:"track"};"tracky"!==a&&(h.x=b.x,h.dx=f.x,h.ddx=g.x,h.clientX=b.clientX,h.pageX=b.pageX,h.screenX=b.screenX,h.xDirection=e.xDirection),"trackx"!==a&&(h.dy=f.y,h.ddy=g.y,h.y=b.y,h.clientY=b.clientY,h.pageY=b.pageY,h.screenY=b.screenY,h.yDirection=e.yDirection);var i=c.makeGestureEvent(a,h);e.downTarget.dispatchEvent(i)},down:function(a){if(a.isPrimary&&("mouse"===a.pointerType?1===a.buttons:!0)){var b={downEvent:a,downTarget:a.target,trackInfo:{},lastMoveEvent:null,xDirection:0,yDirection:0,tracking:!1};d.set(a.pointerId,b)}},move:function(a){var b=d.get(a.pointerId);if(b){if(!b.tracking){var c=this.calcPositionDelta(b.downEvent,a),e=c.x*c.x+c.y*c.y;e>this.WIGGLE_THRESHOLD&&(b.tracking=!0,b.lastMoveEvent=b.downEvent,this.fireTrack("trackstart",a,b))}b.tracking&&(this.fireTrack("track",a,b),this.fireTrack("trackx",a,b),this.fireTrack("tracky",a,b)),b.lastMoveEvent=a}},up:function(a){var b=d.get(a.pointerId);b&&(b.tracking&&this.fireTrack("trackend",a,b),d.delete(a.pointerId))}};b.registerGesture("track",e)}(window.PolymerGestures),function(a){var b=a.dispatcher,c=a.eventFactory,d={HOLD_DELAY:200,WIGGLE_THRESHOLD:16,events:["down","move","up"],exposes:["hold","holdpulse","release"],heldPointer:null,holdJob:null,pulse:function(){var a=Date.now()-this.heldPointer.timeStamp,b=this.held?"holdpulse":"hold";this.fireHold(b,a),this.held=!0},cancel:function(){clearInterval(this.holdJob),this.held&&this.fireHold("release"),this.held=!1,this.heldPointer=null,this.target=null,this.holdJob=null},down:function(a){a.isPrimary&&!this.heldPointer&&(this.heldPointer=a,this.target=a.target,this.holdJob=setInterval(this.pulse.bind(this),this.HOLD_DELAY))},up:function(a){this.heldPointer&&this.heldPointer.pointerId===a.pointerId&&this.cancel()},move:function(a){if(this.heldPointer&&this.heldPointer.pointerId===a.pointerId){var b=a.clientX-this.heldPointer.clientX,c=a.clientY-this.heldPointer.clientY;b*b+c*c>this.WIGGLE_THRESHOLD&&this.cancel()}},fireHold:function(a,b){var d={bubbles:!0,cancelable:!0,pointerType:this.heldPointer.pointerType,pointerId:this.heldPointer.pointerId,x:this.heldPointer.clientX,y:this.heldPointer.clientY,_source:"hold"};b&&(d.holdTime=b);var e=c.makeGestureEvent(a,d);this.target.dispatchEvent(e)}};b.registerGesture("hold",d)}(window.PolymerGestures),function(a){var b=a.dispatcher,c=a.eventFactory,d=new a.PointerMap,e={events:["down","up"],exposes:["tap"],down:function(a){a.isPrimary&&!a.tapPrevented&&d.set(a.pointerId,{target:a.target,buttons:a.buttons,x:a.clientX,y:a.clientY})},shouldTap:function(a,b){return"mouse"===a.pointerType?1===b.buttons:!a.tapPrevented},up:function(b){var e=d.get(b.pointerId);if(e&&this.shouldTap(b,e)){var f=a.targetFinding.LCA(e.target,b.relatedTarget);if(f){var g=c.makeGestureEvent("tap",{bubbles:!0,cancelable:!0,x:b.clientX,y:b.clientY,detail:b.detail,pointerType:b.pointerType,pointerId:b.pointerId,altKey:b.altKey,ctrlKey:b.ctrlKey,metaKey:b.metaKey,shiftKey:b.shiftKey,_source:"tap"});f.dispatchEvent(g)}}d.delete(b.pointerId)}};c.preventTap=function(a){return function(){a.tapPrevented=!0,d.delete(a.pointerId)}},b.registerGesture("tap",e)}(window.PolymerGestures),function(a){"use strict";function b(a,b){if(!a)throw new Error("ASSERT: "+b)}function c(a){return a>=48&&57>=a}function d(a){return 32===a||9===a||11===a||12===a||160===a||a>=5760&&"\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\ufeff".indexOf(String.fromCharCode(a))>0}function e(a){return 10===a||13===a||8232===a||8233===a}function f(a){return 36===a||95===a||a>=65&&90>=a||a>=97&&122>=a}function g(a){return 36===a||95===a||a>=65&&90>=a||a>=97&&122>=a||a>=48&&57>=a}function h(a){return"this"===a}function i(){for(;Y>X&&d(W.charCodeAt(X));)++X}function j(){var a,b;for(a=X++;Y>X&&(b=W.charCodeAt(X),g(b));)++X;return W.slice(a,X)}function k(){var a,b,c;return a=X,b=j(),c=1===b.length?S.Identifier:h(b)?S.Keyword:"null"===b?S.NullLiteral:"true"===b||"false"===b?S.BooleanLiteral:S.Identifier,{type:c,value:b,range:[a,X]}}function l(){var a,b,c=X,d=W.charCodeAt(X),e=W[X];switch(d){case 46:case 40:case 41:case 59:case 44:case 123:case 125:case 91:case 93:case 58:case 63:return++X,{type:S.Punctuator,value:String.fromCharCode(d),range:[c,X]};default:if(a=W.charCodeAt(X+1),61===a)switch(d){case 37:case 38:case 42:case 43:case 45:case 47:case 60:case 62:case 124:return X+=2,{type:S.Punctuator,value:String.fromCharCode(d)+String.fromCharCode(a),range:[c,X]};case 33:case 61:return X+=2,61===W.charCodeAt(X)&&++X,{type:S.Punctuator,value:W.slice(c,X),range:[c,X]}}}return b=W[X+1],e===b&&"&|".indexOf(e)>=0?(X+=2,{type:S.Punctuator,value:e+b,range:[c,X]}):"<>=!+-*%&|^/".indexOf(e)>=0?(++X,{type:S.Punctuator,value:e,range:[c,X]}):void s({},V.UnexpectedToken,"ILLEGAL")}function m(){var a,d,e;if(e=W[X],b(c(e.charCodeAt(0))||"."===e,"Numeric literal must start with a decimal digit or a decimal point"),d=X,a="","."!==e){for(a=W[X++],e=W[X],"0"===a&&e&&c(e.charCodeAt(0))&&s({},V.UnexpectedToken,"ILLEGAL");c(W.charCodeAt(X));)a+=W[X++];e=W[X]}if("."===e){for(a+=W[X++];c(W.charCodeAt(X));)a+=W[X++];e=W[X]}if("e"===e||"E"===e)if(a+=W[X++],e=W[X],("+"===e||"-"===e)&&(a+=W[X++]),c(W.charCodeAt(X)))for(;c(W.charCodeAt(X));)a+=W[X++];else s({},V.UnexpectedToken,"ILLEGAL");return f(W.charCodeAt(X))&&s({},V.UnexpectedToken,"ILLEGAL"),{type:S.NumericLiteral,value:parseFloat(a),range:[d,X]}}function n(){var a,c,d,f="",g=!1;for(a=W[X],b("'"===a||'"'===a,"String literal must starts with a quote"),c=X,++X;Y>X;){if(d=W[X++],d===a){a="";break}if("\\"===d)if(d=W[X++],d&&e(d.charCodeAt(0)))"\r"===d&&"\n"===W[X]&&++X;else switch(d){case"n":f+="\n";break;case"r":f+="\r";break;case"t":f+="	";break;case"b":f+="\b";break;case"f":f+="\f";break;case"v":f+="";break;default:f+=d}else{if(e(d.charCodeAt(0)))break;f+=d}}return""!==a&&s({},V.UnexpectedToken,"ILLEGAL"),{type:S.StringLiteral,value:f,octal:g,range:[c,X]}}function o(a){return a.type===S.Identifier||a.type===S.Keyword||a.type===S.BooleanLiteral||a.type===S.NullLiteral}function p(){var a;return i(),X>=Y?{type:S.EOF,range:[X,X]}:(a=W.charCodeAt(X),40===a||41===a||58===a?l():39===a||34===a?n():f(a)?k():46===a?c(W.charCodeAt(X+1))?m():l():c(a)?m():l())}function q(){var a;return a=$,X=a.range[1],$=p(),X=a.range[1],a}function r(){var a;a=X,$=p(),X=a}function s(a,c){var d,e=Array.prototype.slice.call(arguments,2),f=c.replace(/%(\d)/g,function(a,c){return b(c<e.length,"Message reference must be in range"),e[c]});throw d=new Error(f),d.index=X,d.description=f,d}function t(a){s(a,V.UnexpectedToken,a.value)}function u(a){var b=q();(b.type!==S.Punctuator||b.value!==a)&&t(b)}function v(a){return $.type===S.Punctuator&&$.value===a}function w(a){return $.type===S.Keyword&&$.value===a}function x(){var a=[];for(u("[");!v("]");)v(",")?(q(),a.push(null)):(a.push(bb()),v("]")||u(","));return u("]"),Z.createArrayExpression(a)}function y(){var a;return i(),a=q(),a.type===S.StringLiteral||a.type===S.NumericLiteral?Z.createLiteral(a):Z.createIdentifier(a.value)}function z(){var a,b;return a=$,i(),(a.type===S.EOF||a.type===S.Punctuator)&&t(a),b=y(),u(":"),Z.createProperty("init",b,bb())}function A(){var a=[];for(u("{");!v("}");)a.push(z()),v("}")||u(",");return u("}"),Z.createObjectExpression(a)}function B(){var a;return u("("),a=bb(),u(")"),a}function C(){var a,b,c;return v("(")?B():(a=$.type,a===S.Identifier?c=Z.createIdentifier(q().value):a===S.StringLiteral||a===S.NumericLiteral?c=Z.createLiteral(q()):a===S.Keyword?w("this")&&(q(),c=Z.createThisExpression()):a===S.BooleanLiteral?(b=q(),b.value="true"===b.value,c=Z.createLiteral(b)):a===S.NullLiteral?(b=q(),b.value=null,c=Z.createLiteral(b)):v("[")?c=x():v("{")&&(c=A()),c?c:void t(q()))}function D(){var a=[];if(u("("),!v(")"))for(;Y>X&&(a.push(bb()),!v(")"));)u(",");return u(")"),a}function E(){var a;return a=q(),o(a)||t(a),Z.createIdentifier(a.value)}function F(){return u("."),E()}function G(){var a;return u("["),a=bb(),u("]"),a}function H(){var a,b,c;for(a=C();;)if(v("["))c=G(),a=Z.createMemberExpression("[",a,c);else if(v("."))c=F(),a=Z.createMemberExpression(".",a,c);else{if(!v("("))break;b=D(),a=Z.createCallExpression(a,b)}return a}function I(){var a,b;return $.type!==S.Punctuator&&$.type!==S.Keyword?b=ab():v("+")||v("-")||v("!")?(a=q(),b=I(),b=Z.createUnaryExpression(a.value,b)):w("delete")||w("void")||w("typeof")?s({},V.UnexpectedToken):b=ab(),b}function J(a){var b=0;if(a.type!==S.Punctuator&&a.type!==S.Keyword)return 0;switch(a.value){case"||":b=1;break;case"&&":b=2;break;case"==":case"!=":case"===":case"!==":b=6;break;case"<":case">":case"<=":case">=":case"instanceof":b=7;break;case"in":b=7;break;case"+":case"-":b=9;break;case"*":case"/":case"%":b=11}return b}function K(){var a,b,c,d,e,f,g,h;if(g=I(),b=$,c=J(b),0===c)return g;for(b.prec=c,q(),e=I(),d=[g,b,e];(c=J($))>0;){for(;d.length>2&&c<=d[d.length-2].prec;)e=d.pop(),f=d.pop().value,g=d.pop(),a=Z.createBinaryExpression(f,g,e),d.push(a);b=q(),b.prec=c,d.push(b),a=I(),d.push(a)}for(h=d.length-1,a=d[h];h>1;)a=Z.createBinaryExpression(d[h-1].value,d[h-2],a),h-=2;return a}function L(){var a,b,c;return a=K(),v("?")&&(q(),b=L(),u(":"),c=L(),a=Z.createConditionalExpression(a,b,c)),a}function M(){var a,b;return a=q(),a.type!==S.Identifier&&t(a),b=v("(")?D():[],Z.createFilter(a.value,b)}function N(){for(;v("|");)q(),M()}function O(){i(),r();var a=bb();a&&(","===$.value||"in"==$.value&&a.type===U.Identifier?Q(a):(N(),"as"===$.value?P(a):Z.createTopLevel(a))),$.type!==S.EOF&&t($)}function P(a){q();var b=q().value;Z.createAsExpression(a,b)}function Q(a){var b;","===$.value&&(q(),$.type!==S.Identifier&&t($),b=q().value),q();var c=bb();N(),Z.createInExpression(a.name,b,c)}function R(a,b){return Z=b,W=a,X=0,Y=W.length,$=null,_={labelSet:{}},O()}var S,T,U,V,W,X,Y,Z,$,_;S={BooleanLiteral:1,EOF:2,Identifier:3,Keyword:4,NullLiteral:5,NumericLiteral:6,Punctuator:7,StringLiteral:8},T={},T[S.BooleanLiteral]="Boolean",T[S.EOF]="<end>",T[S.Identifier]="Identifier",T[S.Keyword]="Keyword",T[S.NullLiteral]="Null",T[S.NumericLiteral]="Numeric",T[S.Punctuator]="Punctuator",T[S.StringLiteral]="String",U={ArrayExpression:"ArrayExpression",BinaryExpression:"BinaryExpression",CallExpression:"CallExpression",ConditionalExpression:"ConditionalExpression",EmptyStatement:"EmptyStatement",ExpressionStatement:"ExpressionStatement",Identifier:"Identifier",Literal:"Literal",LabeledStatement:"LabeledStatement",LogicalExpression:"LogicalExpression",MemberExpression:"MemberExpression",ObjectExpression:"ObjectExpression",Program:"Program",Property:"Property",ThisExpression:"ThisExpression",UnaryExpression:"UnaryExpression"},V={UnexpectedToken:"Unexpected token %0",UnknownLabel:"Undefined label '%0'",Redeclaration:"%0 '%1' has already been declared"};var ab=H,bb=L;a.esprima={parse:R}}(this),function(a){"use strict";function b(a,b,d,e){var f;try{if(f=c(a),f.scopeIdent&&(d.nodeType!==Node.ELEMENT_NODE||"TEMPLATE"!==d.tagName||"bind"!==b&&"repeat"!==b))throw Error("as and in can only be used within <template bind/repeat>")}catch(g){return void console.error("Invalid expression syntax: "+a,g)}return function(a,b,c){var d=f.getBinding(a,e,c);return f.scopeIdent&&d&&(b.polymerExpressionScopeIdent_=f.scopeIdent,f.indexIdent&&(b.polymerExpressionIndexIdent_=f.indexIdent)),d}}function c(a){var b=q[a];if(!b){var c=new j;esprima.parse(a,c),b=new l(c),q[a]=b}return b}function d(a){this.value=a,this.valueFn_=void 0}function e(a){this.name=a,this.path=Path.get(a)}function f(a,b,c){this.computed="["==c,this.dynamicDeps="function"==typeof a||a.dynamicDeps||this.computed&&!(b instanceof d),this.simplePath=!this.dynamicDeps&&(b instanceof e||b instanceof d)&&(a instanceof f||a instanceof e),this.object=this.simplePath?a:i(a),this.property=!this.computed||this.simplePath?b:i(b)}function g(a,b){this.name=a,this.args=[];for(var c=0;c<b.length;c++)this.args[c]=i(b[c])}function h(){throw Error("Not Implemented")}function i(a){return"function"==typeof a?a:a.valueFn()}function j(){this.expression=null,this.filters=[],this.deps={},this.currentPath=void 0,this.scopeIdent=void 0,this.indexIdent=void 0,this.dynamicDeps=!1}function k(a){this.value_=a}function l(a){if(this.scopeIdent=a.scopeIdent,this.indexIdent=a.indexIdent,!a.expression)throw Error("No expression found.");this.expression=a.expression,i(this.expression),this.filters=a.filters,this.dynamicDeps=a.dynamicDeps}function m(a){return String(a).replace(/[A-Z]/g,function(a){return"-"+a.toLowerCase()})}function n(a,b){for(;a[t]&&!Object.prototype.hasOwnProperty.call(a,b);)a=a[t];return a}function o(a){switch(a){case"":return!1;case"false":case"null":case"true":return!0}return isNaN(Number(a))?!1:!0}function p(){}var q=Object.create(null);d.prototype={valueFn:function(){if(!this.valueFn_){var a=this.value;this.valueFn_=function(){return a}}return this.valueFn_}},e.prototype={valueFn:function(){if(!this.valueFn_){var a=(this.name,this.path);this.valueFn_=function(b,c){return c&&c.addPath(b,a),a.getValueFrom(b)}}return this.valueFn_},setValue:function(a,b){return 1==this.path.length,a=n(a,this.path[0]),this.path.setValueFrom(a,b)}},f.prototype={get fullPath(){if(!this.fullPath_){var a=this.object instanceof f?this.object.fullPath.slice():[this.object.name];a.push(this.property instanceof e?this.property.name:this.property.value),this.fullPath_=Path.get(a)}return this.fullPath_},valueFn:function(){if(!this.valueFn_){var a=this.object;if(this.simplePath){var b=this.fullPath;this.valueFn_=function(a,c){return c&&c.addPath(a,b),b.getValueFrom(a)}}else if(this.computed){var c=this.property;this.valueFn_=function(b,d,e){var f=a(b,d,e),g=c(b,d,e);return d&&d.addPath(f,[g]),f?f[g]:void 0}}else{var b=Path.get(this.property.name);this.valueFn_=function(c,d,e){var f=a(c,d,e);return d&&d.addPath(f,b),b.getValueFrom(f)}}}return this.valueFn_},setValue:function(a,b){if(this.simplePath)return this.fullPath.setValueFrom(a,b),b;var c=this.object(a),d=this.property instanceof e?this.property.name:this.property(a);return c[d]=b}},g.prototype={transform:function(a,b,c,d,e){var f=c[this.name],g=a;
12 | if(f)g=void 0;else if(f=g[this.name],!f)return void console.error("Cannot find function or filter: "+this.name);if(d?f=f.toModel:"function"==typeof f.toDOM&&(f=f.toDOM),"function"!=typeof f)return void console.error("Cannot find function or filter: "+this.name);for(var h=e||[],j=0;j<this.args.length;j++)h.push(i(this.args[j])(a,b,c));return f.apply(g,h)}};var r={"+":function(a){return+a},"-":function(a){return-a},"!":function(a){return!a}},s={"+":function(a,b){return a+b},"-":function(a,b){return a-b},"*":function(a,b){return a*b},"/":function(a,b){return a/b},"%":function(a,b){return a%b},"<":function(a,b){return b>a},">":function(a,b){return a>b},"<=":function(a,b){return b>=a},">=":function(a,b){return a>=b},"==":function(a,b){return a==b},"!=":function(a,b){return a!=b},"===":function(a,b){return a===b},"!==":function(a,b){return a!==b},"&&":function(a,b){return a&&b},"||":function(a,b){return a||b}};j.prototype={createUnaryExpression:function(a,b){if(!r[a])throw Error("Disallowed operator: "+a);return b=i(b),function(c,d,e){return r[a](b(c,d,e))}},createBinaryExpression:function(a,b,c){if(!s[a])throw Error("Disallowed operator: "+a);switch(b=i(b),c=i(c),a){case"||":return this.dynamicDeps=!0,function(a,d,e){return b(a,d,e)||c(a,d,e)};case"&&":return this.dynamicDeps=!0,function(a,d,e){return b(a,d,e)&&c(a,d,e)}}return function(d,e,f){return s[a](b(d,e,f),c(d,e,f))}},createConditionalExpression:function(a,b,c){return a=i(a),b=i(b),c=i(c),this.dynamicDeps=!0,function(d,e,f){return a(d,e,f)?b(d,e,f):c(d,e,f)}},createIdentifier:function(a){var b=new e(a);return b.type="Identifier",b},createMemberExpression:function(a,b,c){var d=new f(b,c,a);return d.dynamicDeps&&(this.dynamicDeps=!0),d},createCallExpression:function(a,b){if(!(a instanceof e))throw Error("Only identifier function invocations are allowed");var c=new g(a.name,b);return function(a,b,d){return c.transform(a,b,d,!1)}},createLiteral:function(a){return new d(a.value)},createArrayExpression:function(a){for(var b=0;b<a.length;b++)a[b]=i(a[b]);return function(b,c,d){for(var e=[],f=0;f<a.length;f++)e.push(a[f](b,c,d));return e}},createProperty:function(a,b,c){return{key:b instanceof e?b.name:b.value,value:c}},createObjectExpression:function(a){for(var b=0;b<a.length;b++)a[b].value=i(a[b].value);return function(b,c,d){for(var e={},f=0;f<a.length;f++)e[a[f].key]=a[f].value(b,c,d);return e}},createFilter:function(a,b){this.filters.push(new g(a,b))},createAsExpression:function(a,b){this.expression=a,this.scopeIdent=b},createInExpression:function(a,b,c){this.expression=c,this.scopeIdent=a,this.indexIdent=b},createTopLevel:function(a){this.expression=a},createThisExpression:h},k.prototype={open:function(){return this.value_},discardChanges:function(){return this.value_},deliver:function(){},close:function(){}},l.prototype={getBinding:function(a,b,c){function d(){if(h)return h=!1,g;i.dynamicDeps&&f.startReset();var c=i.getValue(a,i.dynamicDeps?f:void 0,b);return i.dynamicDeps&&f.finishReset(),c}function e(c){return i.setValue(a,c,b),c}if(c)return this.getValue(a,void 0,b);var f=new CompoundObserver,g=this.getValue(a,f,b),h=!0,i=this;return new ObserverTransform(f,d,e,!0)},getValue:function(a,b,c){for(var d=i(this.expression)(a,b,c),e=0;e<this.filters.length;e++)d=this.filters[e].transform(a,b,c,!1,[d]);return d},setValue:function(a,b,c){for(var d=this.filters?this.filters.length:0;d-->0;)b=this.filters[d].transform(a,void 0,c,!0,[b]);return this.expression.setValue?this.expression.setValue(a,b):void 0}};var t="@"+Math.random().toString(36).slice(2);p.prototype={styleObject:function(a){var b=[];for(var c in a)b.push(m(c)+": "+a[c]);return b.join("; ")},tokenList:function(a){var b=[];for(var c in a)a[c]&&b.push(c);return b.join(" ")},prepareInstancePositionChanged:function(a){var b=a.polymerExpressionIndexIdent_;if(b)return function(a,c){a.model[b]=c}},prepareBinding:function(a,c,d){var e=Path.get(a);{if(o(a)||!e.valid)return b(a,c,d,this);if(1==e.length)return function(a,b,c){if(c)return e.getValueFrom(a);var d=n(a,e[0]);return new PathObserver(d,e)}}},prepareInstanceModel:function(a){var b=a.polymerExpressionScopeIdent_;if(b){var c=a.templateInstance?a.templateInstance.model:a.model,d=a.polymerExpressionIndexIdent_;return function(a){return u(c,a,b,d)}}}};var u="__proto__"in{}?function(a,b,c,d){var e={};return e[c]=b,e[d]=void 0,e[t]=a,e.__proto__=a,e}:function(a,b,c,d){var e=Object.create(a);return Object.defineProperty(e,c,{value:b,configurable:!0,writable:!0}),Object.defineProperty(e,d,{value:void 0,configurable:!0,writable:!0}),Object.defineProperty(e,t,{value:a,configurable:!0,writable:!0}),e};a.PolymerExpressions=p,p.getExpression=c}(this),Polymer={version:"0.3.5"},"function"==typeof window.Polymer&&(Polymer={}),function(a){function b(a,b){return a&&b&&Object.getOwnPropertyNames(b).forEach(function(c){var d=Object.getOwnPropertyDescriptor(b,c);d&&(Object.defineProperty(a,c,d),"function"==typeof d.value&&(d.value.nom=c))}),a}a.extend=b}(Polymer),function(a){function b(a,b,d){return a?a.stop():a=new c(this),a.go(b,d),a}var c=function(a){this.context=a,this.boundComplete=this.complete.bind(this)};c.prototype={go:function(a,b){this.callback=a;var c;b?(c=setTimeout(this.boundComplete,b),this.handle=function(){clearTimeout(c)}):(c=requestAnimationFrame(this.boundComplete),this.handle=function(){cancelAnimationFrame(c)})},stop:function(){this.handle&&(this.handle(),this.handle=null)},complete:function(){this.handle&&(this.stop(),this.callback.call(this.context))}},a.job=b}(Polymer),function(){var a={};HTMLElement.register=function(b,c){a[b]=c},HTMLElement.getPrototypeForTag=function(b){var c=b?a[b]:HTMLElement.prototype;return c||Object.getPrototypeOf(document.createElement(b))};var b=Event.prototype.stopPropagation;Event.prototype.stopPropagation=function(){this.cancelBubble=!0,b.apply(this,arguments)}}(Polymer),function(a){function b(a){var e=b.caller,g=e.nom,h=e._super;h||(g||(g=e.nom=c.call(this,e)),g||console.warn("called super() on a method not installed declaratively (has no .nom property)"),h=d(e,g,f(this)));var i=h[g];return i?(i._super||d(i,g,h),i.apply(this,a||[])):void 0}function c(a){for(var b=this.__proto__;b&&b!==HTMLElement.prototype;){for(var c,d=Object.getOwnPropertyNames(b),e=0,f=d.length;f>e&&(c=d[e]);e++){var g=Object.getOwnPropertyDescriptor(b,c);if("function"==typeof g.value&&g.value===a)return c}b=b.__proto__}}function d(a,b,c){var d=e(c,b,a);return d[b]&&(d[b].nom=b),a._super=d}function e(a,b,c){for(;a;){if(a[b]!==c&&a[b])return a;a=f(a)}return Object}function f(a){return a.__proto__}a.super=b}(Polymer),function(a){function b(a){return a}function c(a,b){var c=typeof b;return b instanceof Date&&(c="date"),d[c](a,b)}var d={string:b,undefined:b,date:function(a){return new Date(Date.parse(a)||Date.now())},"boolean":function(a){return""===a?!0:"false"===a?!1:!!a},number:function(a){var b=parseFloat(a);return 0===b&&(b=parseInt(a)),isNaN(b)?a:b},object:function(a,b){if(null===b)return a;try{return JSON.parse(a.replace(/'/g,'"'))}catch(c){return a}},"function":function(a,b){return b}};a.deserializeValue=c}(Polymer),function(a){var b=a.extend,c={};c.declaration={},c.instance={},c.publish=function(a,c){for(var d in a)b(c,a[d])},a.api=c}(Polymer),function(a){var b={async:function(a,b,c){Platform.flush(),b=b&&b.length?b:[b];var d=function(){(this[a]||a).apply(this,b)}.bind(this),e=c?setTimeout(d,c):requestAnimationFrame(d);return c?e:~e},cancelAsync:function(a){0>a?cancelAnimationFrame(~a):clearTimeout(a)},fire:function(a,b,c,d,e){var f=c||this,b=null===b||void 0===b?{}:b,g=new CustomEvent(a,{bubbles:void 0!==d?d:!0,cancelable:void 0!==e?e:!0,detail:b});return f.dispatchEvent(g),g},asyncFire:function(){this.async("fire",arguments)},classFollows:function(a,b,c){b&&b.classList.remove(c),a&&a.classList.add(c)},injectBoundHTML:function(a,b){var c=document.createElement("template");c.innerHTML=a;var d=this.instanceTemplate(c);return b&&(b.textContent="",b.appendChild(d)),d}},c=function(){},d={};b.asyncMethod=b.async,a.api.instance.utils=b,a.nop=c,a.nob=d}(Polymer),function(a){var b=window.logFlags||{},c="on-",d={EVENT_PREFIX:c,addHostListeners:function(){var a=this.eventDelegates;b.events&&Object.keys(a).length>0&&console.log("[%s] addHostListeners:",this.localName,a);for(var c in a){var d=a[c];PolymerGestures.addEventListener(this,c,this.element.getEventHandler(this,this,d))}},dispatchMethod:function(a,c,d){if(a){b.events&&console.group("[%s] dispatch [%s]",a.localName,c);var e="function"==typeof c?c:a[c];e&&e[d?"apply":"call"](a,d),b.events&&console.groupEnd(),Platform.flush()}}};a.api.instance.events=d,a.addEventListener=PolymerGestures.addEventListener,a.removeEventListener=PolymerGestures.removeEventListener}(Polymer),function(a){var b={copyInstanceAttributes:function(){var a=this._instanceAttributes;for(var b in a)this.hasAttribute(b)||this.setAttribute(b,a[b])},takeAttributes:function(){if(this._publishLC)for(var a,b=0,c=this.attributes,d=c.length;(a=c[b])&&d>b;b++)this.attributeToProperty(a.name,a.value)},attributeToProperty:function(b,c){var b=this.propertyForAttribute(b);if(b){if(c&&c.search(a.bindPattern)>=0)return;var d=this[b],c=this.deserializeValue(c,d);c!==d&&(this[b]=c)}},propertyForAttribute:function(a){var b=this._publishLC&&this._publishLC[a];return b},deserializeValue:function(b,c){return a.deserializeValue(b,c)},serializeValue:function(a,b){return"boolean"===b?a?"":void 0:"object"!==b&&"function"!==b&&void 0!==a?a:void 0},reflectPropertyToAttribute:function(a){var b=typeof this[a],c=this.serializeValue(this[a],b);void 0!==c?this.setAttribute(a,c):"boolean"===b&&this.removeAttribute(a)}};a.api.instance.attributes=b}(Polymer),function(a){function b(a,b){return a===b?0!==a||1/a===1/b:f(a)&&f(b)?!0:a!==a&&b!==b}function c(a,b){return void 0===b&&null===a?b:null===b||void 0===b?a:b}var d=window.logFlags||{},e={object:void 0,type:"update",name:void 0,oldValue:void 0},f=Number.isNaN||function(a){return"number"==typeof a&&isNaN(a)},g={createPropertyObserver:function(){var a=this._observeNames;if(a&&a.length){var b=this._propertyObserver=new CompoundObserver(!0);this.registerObserver(b);for(var c,d=0,e=a.length;e>d&&(c=a[d]);d++)b.addPath(this,c),this.observeArrayValue(c,this[c],null)}},openPropertyObserver:function(){this._propertyObserver&&this._propertyObserver.open(this.notifyPropertyChanges,this)},notifyPropertyChanges:function(a,b,c){var d,e,f={};for(var g in b)if(d=c[2*g+1],e=this.observe[d]){var h=b[g],i=a[g];this.observeArrayValue(d,i,h),f[e]||(void 0!==h&&null!==h||void 0!==i&&null!==i)&&(f[e]=!0,this.invokeMethod(e,[h,i,arguments]))}},deliverChanges:function(){this._propertyObserver&&this._propertyObserver.deliver()},propertyChanged_:function(a){this.reflect[a]&&this.reflectPropertyToAttribute(a)},observeArrayValue:function(a,b,c){var e=this.observe[a];if(e&&(Array.isArray(c)&&(d.observe&&console.log("[%s] observeArrayValue: unregister observer [%s]",this.localName,a),this.closeNamedObserver(a+"__array")),Array.isArray(b))){d.observe&&console.log("[%s] observeArrayValue: register observer [%s]",this.localName,a,b);var f=new ArrayObserver(b);f.open(function(a,b){this.invokeMethod(e,[b])},this),this.registerNamedObserver(a+"__array",f)}},emitPropertyChangeRecord:function(a,c,d){if(!b(c,d)&&(this.propertyChanged_(a,c,d),Observer.hasObjectObserve)){var f=this.notifier_;f||(f=this.notifier_=Object.getNotifier(this)),e.object=this,e.name=a,e.oldValue=d,f.notify(e)}},bindToAccessor:function(a,c,d){var e=a+"_",f=a+"Observable_";this[f]=c;var g=this[e],h=this,i=c.open(function(b,c){h[e]=b,h.emitPropertyChangeRecord(a,b,c)});if(d&&!b(g,i)){var j=d(g,i);b(i,j)||(i=j,c.setValue&&c.setValue(i))}this[e]=i,this.emitPropertyChangeRecord(a,i,g);var k={close:function(){c.close(),h[f]=void 0}};return this.registerObserver(k),k},createComputedProperties:function(){if(this._computedNames)for(var a=0;a<this._computedNames.length;a++){var b=this._computedNames[a],c=this.computed[b];try{var d=PolymerExpressions.getExpression(c),e=d.getBinding(this,this.element.syntax);this.bindToAccessor(b,e)}catch(f){console.error("Failed to create computed property",f)}}},bindProperty:function(a,b,d){return d?void(this[a]=b):this.bindToAccessor(a,b,c)},invokeMethod:function(a,b){var c=this[a]||a;"function"==typeof c&&c.apply(this,b)},registerObserver:function(a){return this._observers?void this._observers.push(a):void(this._observers=[a])},closeObservers:function(){if(this._observers){for(var a=this._observers,b=0;b<a.length;b++){var c=a[b];c&&"function"==typeof c.close&&c.close()}this._observers=[]}},registerNamedObserver:function(a,b){var c=this._namedObservers||(this._namedObservers={});c[a]=b},closeNamedObserver:function(a){var b=this._namedObservers;return b&&b[a]?(b[a].close(),b[a]=null,!0):void 0},closeNamedObservers:function(){if(this._namedObservers){for(var a in this._namedObservers)this.closeNamedObserver(a);this._namedObservers={}}}};a.api.instance.properties=g}(Polymer),function(a){var b=window.logFlags||0,c={instanceTemplate:function(a){for(var b=this.syntax||!a.bindingDelegate&&this.element.syntax,c=a.createInstance(this,b),d=c.bindings_,e=0;e<d.length;e++)this.registerObserver(d[e]);return c},bind:function(a,b,c){var d=this.propertyForAttribute(a);if(d){var e=this.bindProperty(d,b,c);return Platform.enableBindingsReflection&&e&&(e.path=b.path_,this._recordBinding(d,e)),this.reflect[d]&&this.reflectPropertyToAttribute(d),e}return this.mixinSuper(arguments)},bindFinished:function(){this.makeElementReady()},_recordBinding:function(a,b){this.bindings_=this.bindings_||{},this.bindings_[a]=b},asyncUnbindAll:function(){this._unbound||(b.unbind&&console.log("[%s] asyncUnbindAll",this.localName),this._unbindAllJob=this.job(this._unbindAllJob,this.unbindAll,0))},unbindAll:function(){this._unbound||(this.closeObservers(),this.closeNamedObservers(),this._unbound=!0)},cancelUnbindAll:function(){return this._unbound?void(b.unbind&&console.warn("[%s] already unbound, cannot cancel unbindAll",this.localName)):(b.unbind&&console.log("[%s] cancelUnbindAll",this.localName),void(this._unbindAllJob&&(this._unbindAllJob=this._unbindAllJob.stop())))}},d=/\{\{([^{}]*)}}/;a.bindPattern=d,a.api.instance.mdv=c}(Polymer),function(a){function b(a){return a.hasOwnProperty("PolymerBase")}function c(){}var d={PolymerBase:!0,job:function(a,b,c){if("string"!=typeof a)return Polymer.job.call(this,a,b,c);var d="___"+a;this[d]=Polymer.job.call(this,this[d],b,c)},"super":Polymer.super,created:function(){},ready:function(){},createdCallback:function(){this.templateInstance&&this.templateInstance.model&&console.warn("Attributes on "+this.localName+" were data bound prior to Polymer upgrading the element. This may result in incorrect binding types."),this.created(),this.prepareElement(),this.ownerDocument.isStagingDocument||this.makeElementReady()},prepareElement:function(){return this._elementPrepared?void console.warn("Element already prepared",this.localName):(this._elementPrepared=!0,this.shadowRoots={},this.createPropertyObserver(),this.openPropertyObserver(),this.copyInstanceAttributes(),this.takeAttributes(),void this.addHostListeners())},makeElementReady:function(){this._readied||(this._readied=!0,this.createComputedProperties(),this.parseDeclarations(this.__proto__),this.removeAttribute("unresolved"),this.ready())},attachedCallback:function(){this.cancelUnbindAll(),this.attached&&this.attached(),this.enteredView&&this.enteredView(),this.hasBeenAttached||(this.hasBeenAttached=!0,this.domReady&&this.async("domReady"))},detachedCallback:function(){this.preventDispose||this.asyncUnbindAll(),this.detached&&this.detached(),this.leftView&&this.leftView()},enteredViewCallback:function(){this.attachedCallback()},leftViewCallback:function(){this.detachedCallback()},enteredDocumentCallback:function(){this.attachedCallback()},leftDocumentCallback:function(){this.detachedCallback()},parseDeclarations:function(a){a&&a.element&&(this.parseDeclarations(a.__proto__),a.parseDeclaration.call(this,a.element))},parseDeclaration:function(a){var b=this.fetchTemplate(a);if(b){var c=this.shadowFromTemplate(b);this.shadowRoots[a.name]=c}},fetchTemplate:function(a){return a.querySelector("template")},shadowFromTemplate:function(a){if(a){var b=this.createShadowRoot(),c=this.instanceTemplate(a);return b.appendChild(c),this.shadowRootReady(b,a),b}},lightFromTemplate:function(a,b){if(a){this.eventController=this;var c=this.instanceTemplate(a);return b?this.insertBefore(c,b):this.appendChild(c),this.shadowRootReady(this),c}},shadowRootReady:function(a){this.marshalNodeReferences(a)},marshalNodeReferences:function(a){var b=this.$=this.$||{};if(a)for(var c,d=a.querySelectorAll("[id]"),e=0,f=d.length;f>e&&(c=d[e]);e++)b[c.id]=c},attributeChangedCallback:function(a){"class"!==a&&"style"!==a&&this.attributeToProperty(a,this.getAttribute(a)),this.attributeChanged&&this.attributeChanged.apply(this,arguments)},onMutation:function(a,b){var c=new MutationObserver(function(a){b.call(this,c,a),c.disconnect()}.bind(this));c.observe(a,{childList:!0,subtree:!0})}};c.prototype=d,d.constructor=c,a.Base=c,a.isBase=b,a.api.instance.base=d}(Polymer),function(a){function b(a){return a.__proto__}function c(a,b){var c="",d=!1;b&&(c=b.localName,d=b.hasAttribute("is"));var e=Platform.ShadowCSS.makeScopeSelector(c,d);return Platform.ShadowCSS.shimCssText(a,e)}var d=(window.logFlags||{},window.ShadowDOMPolyfill),e="element",f="controller",g={STYLE_SCOPE_ATTRIBUTE:e,installControllerStyles:function(){var a=this.findStyleScope();if(a&&!this.scopeHasNamedStyle(a,this.localName)){for(var c=b(this),d="";c&&c.element;)d+=c.element.cssTextForScope(f),c=b(c);d&&this.installScopeCssText(d,a)}},installScopeStyle:function(a,b,c){var c=c||this.findStyleScope(),b=b||"";if(c&&!this.scopeHasNamedStyle(c,this.localName+b)){var d="";if(a instanceof Array)for(var e,f=0,g=a.length;g>f&&(e=a[f]);f++)d+=e.textContent+"\n\n";else d=a.textContent;this.installScopeCssText(d,c,b)}},installScopeCssText:function(a,b,e){if(b=b||this.findStyleScope(),e=e||"",b){d&&(a=c(a,b.host));var g=this.element.cssTextToScopeStyle(a,f);Polymer.applyStyleToScope(g,b),this.styleCacheForScope(b)[this.localName+e]=!0}},findStyleScope:function(a){for(var b=a||this;b.parentNode;)b=b.parentNode;return b},scopeHasNamedStyle:function(a,b){var c=this.styleCacheForScope(a);return c[b]},styleCacheForScope:function(a){if(d){var b=a.host?a.host.localName:a.localName;return h[b]||(h[b]={})}return a._scopeStyles=a._scopeStyles||{}}},h={};a.api.instance.styles=g}(Polymer),function(a){function b(a,b){if(1===arguments.length&&"string"!=typeof arguments[0]){b=a;var c=document._currentScript;if(a=c&&c.parentNode&&c.parentNode.getAttribute?c.parentNode.getAttribute("name"):"",!a)throw"Element name could not be inferred."}if(f[a])throw"Already registered (Polymer) prototype for element "+a;e(a,b),d(a)}function c(a,b){h[a]=b}function d(a){h[a]&&(h[a].registerWhenReady(),delete h[a])}function e(a,b){return i[a]=b||{}}function f(a){return i[a]}var g=a.extend,h=(a.api,{}),i={};a.getRegisteredPrototype=f,a.waitingForPrototype=c,window.Polymer=b,g(Polymer,a);var j=Platform.deliverDeclarations();if(j)for(var k,l=0,m=j.length;m>l&&(k=j[l]);l++)b.apply(null,k)}(Polymer),function(a){var b={resolveElementPaths:function(a){Platform.urlResolver.resolveDom(a)},addResolvePathApi:function(){var a=this.getAttribute("assetpath")||"",b=new URL(a,this.ownerDocument.baseURI);this.prototype.resolvePath=function(a,c){var d=new URL(a,c||b);return d.href}}};a.api.declaration.path=b}(Polymer),function(a){function b(a,b){var c=new URL(a.getAttribute("href"),b).href;return"@import '"+c+"';"}function c(a,b){if(a){b===document&&(b=document.head),i&&(b=document.head);var c=d(a.textContent),e=a.getAttribute(h);e&&c.setAttribute(h,e);var f=b.firstElementChild;if(b===document.head){var g="style["+h+"]",j=document.head.querySelectorAll(g);j.length&&(f=j[j.length-1].nextElementSibling)}b.insertBefore(c,f)}}function d(a,b){b=b||document,b=b.createElement?b:b.ownerDocument;var c=b.createElement("style");return c.textContent=a,c}function e(a){return a&&a.__resource||""}function f(a,b){return q?q.call(a,b):void 0}var g=(window.logFlags||{},a.api.instance.styles),h=g.STYLE_SCOPE_ATTRIBUTE,i=window.ShadowDOMPolyfill,j="style",k="@import",l="link[rel=stylesheet]",m="global",n="polymer-scope",o={loadStyles:function(a){var b=this.fetchTemplate(),c=b&&this.templateContent();if(c){this.convertSheetsToStyles(c);var d=this.findLoadableStyles(c);if(d.length){var e=b.ownerDocument.baseURI;return Platform.styleResolver.loadStyles(d,e,a)}}a&&a()},convertSheetsToStyles:function(a){for(var c,e,f=a.querySelectorAll(l),g=0,h=f.length;h>g&&(c=f[g]);g++)e=d(b(c,this.ownerDocument.baseURI),this.ownerDocument),this.copySheetAttributes(e,c),c.parentNode.replaceChild(e,c)},copySheetAttributes:function(a,b){for(var c,d=0,e=b.attributes,f=e.length;(c=e[d])&&f>d;d++)"rel"!==c.name&&"href"!==c.name&&a.setAttribute(c.name,c.value)},findLoadableStyles:function(a){var b=[];if(a)for(var c,d=a.querySelectorAll(j),e=0,f=d.length;f>e&&(c=d[e]);e++)c.textContent.match(k)&&b.push(c);return b},installSheets:function(){this.cacheSheets(),this.cacheStyles(),this.installLocalSheets(),this.installGlobalStyles()},cacheSheets:function(){this.sheets=this.findNodes(l),this.sheets.forEach(function(a){a.parentNode&&a.parentNode.removeChild(a)})},cacheStyles:function(){this.styles=this.findNodes(j+"["+n+"]"),this.styles.forEach(function(a){a.parentNode&&a.parentNode.removeChild(a)})},installLocalSheets:function(){var a=this.sheets.filter(function(a){return!a.hasAttribute(n)}),b=this.templateContent();if(b){var c="";if(a.forEach(function(a){c+=e(a)+"\n"}),c){var f=d(c,this.ownerDocument);b.insertBefore(f,b.firstChild)}}},findNodes:function(a,b){var c=this.querySelectorAll(a).array(),d=this.templateContent();if(d){var e=d.querySelectorAll(a).array();c=c.concat(e)}return b?c.filter(b):c},installGlobalStyles:function(){var a=this.styleForScope(m);c(a,document.head)},cssTextForScope:function(a){var b="",c="["+n+"="+a+"]",d=function(a){return f(a,c)},g=this.sheets.filter(d);g.forEach(function(a){b+=e(a)+"\n\n"});var h=this.styles.filter(d);return h.forEach(function(a){b+=a.textContent+"\n\n"}),b},styleForScope:function(a){var b=this.cssTextForScope(a);return this.cssTextToScopeStyle(b,a)},cssTextToScopeStyle:function(a,b){if(a){var c=d(a);return c.setAttribute(h,this.getAttribute("name")+"-"+b),c}}},p=HTMLElement.prototype,q=p.matches||p.matchesSelector||p.webkitMatchesSelector||p.mozMatchesSelector;a.api.declaration.styles=o,a.applyStyleToScope=c}(Polymer),function(a){var b=(window.logFlags||{},a.api.instance.events),c=b.EVENT_PREFIX,d={};["webkitAnimationStart","webkitAnimationEnd","webkitTransitionEnd","DOMFocusOut","DOMFocusIn","DOMMouseScroll"].forEach(function(a){d[a.toLowerCase()]=a});var e={parseHostEvents:function(){var a=this.prototype.eventDelegates;this.addAttributeDelegates(a)},addAttributeDelegates:function(a){for(var b,c=0;b=this.attributes[c];c++)this.hasEventPrefix(b.name)&&(a[this.removeEventPrefix(b.name)]=b.value.replace("{{","").replace("}}","").trim())},hasEventPrefix:function(a){return a&&"o"===a[0]&&"n"===a[1]&&"-"===a[2]},removeEventPrefix:function(a){return a.slice(f)},findController:function(a){for(;a.parentNode;){if(a.eventController)return a.eventController;a=a.parentNode}return a.host},getEventHandler:function(a,b,c){var d=this;return function(e){a&&a.PolymerBase||(a=d.findController(b));var f=[e,e.detail,e.currentTarget];a.dispatchMethod(a,c,f)}},prepareEventBinding:function(a,b){if(this.hasEventPrefix(b)){var c=this.removeEventPrefix(b);c=d[c]||c;var e=this;return function(b,d,f){function g(){return"{{ "+a+" }}"}var h=e.getEventHandler(void 0,d,a);return PolymerGestures.addEventListener(d,c,h),f?void 0:{open:g,discardChanges:g,close:function(){PolymerGestures.removeEventListener(d,c,h)}}}}}},f=c.length;a.api.declaration.events=e}(Polymer),function(a){var b={inferObservers:function(a){var b,c=a.observe;for(var d in a)"Changed"===d.slice(-7)&&(c||(c=a.observe={}),b=d.slice(0,-7),c[b]=c[b]||d)},explodeObservers:function(a){var b=a.observe;if(b){var c={};for(var d in b)for(var e,f=d.split(" "),g=0;e=f[g];g++)c[e]=b[d];a.observe=c}},optimizePropertyMaps:function(a){if(a.observe){var b=a._observeNames=[];for(var c in a.observe)for(var d,e=c.split(" "),f=0;d=e[f];f++)b.push(d)}if(a.publish){var b=a._publishNames=[];for(var c in a.publish)b.push(c)}if(a.computed){var b=a._computedNames=[];for(var c in a.computed)b.push(c)}},publishProperties:function(a,b){var c=a.publish;c&&(this.requireProperties(c,a,b),a._publishLC=this.lowerCaseMap(c))},requireProperties:function(a,b){b.reflect=b.reflect||{};for(var c in a){var d=a[c];d&&void 0!==d.reflect&&(b.reflect[c]=Boolean(d.reflect),d=d.value),void 0!==d&&(b[c]=d)}},lowerCaseMap:function(a){var b={};for(var c in a)b[c.toLowerCase()]=c;return b},createPropertyAccessor:function(a){var b=this.prototype,c=a+"_",d=a+"Observable_";b[c]=b[a],Object.defineProperty(b,a,{get:function(){var a=this[d];return a&&a.deliver(),this[c]},set:function(b){var e=this[d];if(e)return void e.setValue(b);var f=this[c];return this[c]=b,this.emitPropertyChangeRecord(a,b,f),b},configurable:!0})},createPropertyAccessors:function(a){var b=a._publishNames;if(b&&b.length)for(var c,d=0,e=b.length;e>d&&(c=b[d]);d++)this.createPropertyAccessor(c);var b=a._computedNames;if(b&&b.length)for(var c,d=0,e=b.length;e>d&&(c=b[d]);d++)this.createPropertyAccessor(c)}};a.api.declaration.properties=b}(Polymer),function(a){var b="attributes",c=/\s|,/,d={inheritAttributesObjects:function(a){this.inheritObject(a,"publishLC"),this.inheritObject(a,"_instanceAttributes")},publishAttributes:function(a){var d=this.getAttribute(b);if(d)for(var e,f=a.publish||(a.publish={}),g=d.split(c),h=0,i=g.length;i>h;h++)e=g[h].trim(),e&&void 0===f[e]&&(f[e]=void 0)},accumulateInstanceAttributes:function(){for(var a,b=this.prototype._instanceAttributes,c=this.attributes,d=0,e=c.length;e>d&&(a=c[d]);d++)this.isInstanceAttribute(a.name)&&(b[a.name]=a.value)},isInstanceAttribute:function(a){return!this.blackList[a]&&"on-"!==a.slice(0,3)},blackList:{name:1,"extends":1,constructor:1,noscript:1,assetpath:1,"cache-csstext":1}};d.blackList[b]=1,a.api.declaration.attributes=d}(Polymer),function(a){var b=a.api.declaration.events,c=new PolymerExpressions,d=c.prepareBinding;c.prepareBinding=function(a,e,f){return b.prepareEventBinding(a,e,f)||d.call(c,a,e,f)};var e={syntax:c,fetchTemplate:function(){return this.querySelector("template")},templateContent:function(){var a=this.fetchTemplate();return a&&Platform.templateContent(a)},installBindingDelegate:function(a){a&&(a.bindingDelegate=this.syntax)}};a.api.declaration.mdv=e}(Polymer),function(a){function b(a){if(!Object.__proto__){var b=Object.getPrototypeOf(a);a.__proto__=b,d(b)&&(b.__proto__=Object.getPrototypeOf(b))}}var c=a.api,d=a.isBase,e=a.extend,f=window.ShadowDOMPolyfill,g={register:function(a,b){this.buildPrototype(a,b),this.registerPrototype(a,b),this.publishConstructor()},buildPrototype:function(b,c){var d=a.getRegisteredPrototype(b),e=this.generateBasePrototype(c);this.desugarBeforeChaining(d,e),this.prototype=this.chainPrototypes(d,e),this.desugarAfterChaining(b,c)},desugarBeforeChaining:function(a,b){a.element=this,this.publishAttributes(a,b),this.publishProperties(a,b),this.inferObservers(a),this.explodeObservers(a)},chainPrototypes:function(a,c){this.inheritMetaData(a,c);var d=this.chainObject(a,c);return b(d),d},inheritMetaData:function(a,b){this.inheritObject("observe",a,b),this.inheritObject("publish",a,b),this.inheritObject("reflect",a,b),this.inheritObject("_publishLC",a,b),this.inheritObject("_instanceAttributes",a,b),this.inheritObject("eventDelegates",a,b)},desugarAfterChaining:function(a,b){this.optimizePropertyMaps(this.prototype),this.createPropertyAccessors(this.prototype),this.installBindingDelegate(this.fetchTemplate()),this.installSheets(),this.resolveElementPaths(this),this.accumulateInstanceAttributes(),this.parseHostEvents(),this.addResolvePathApi(),f&&Platform.ShadowCSS.shimStyling(this.templateContent(),a,b),this.prototype.registerCallback&&this.prototype.registerCallback(this)},publishConstructor:function(){var a=this.getAttribute("constructor");a&&(window[a]=this.ctor)},generateBasePrototype:function(a){var b=this.findBasePrototype(a);if(!b){var b=HTMLElement.getPrototypeForTag(a);b=this.ensureBaseApi(b),h[a]=b}return b},findBasePrototype:function(a){return h[a]},ensureBaseApi:function(a){if(a.PolymerBase)return a;var b=Object.create(a);return c.publish(c.instance,b),this.mixinMethod(b,a,c.instance.mdv,"bind"),b},mixinMethod:function(a,b,c,d){var e=function(a){return b[d].apply(this,a)};a[d]=function(){return this.mixinSuper=e,c[d].apply(this,arguments)}},inheritObject:function(a,b,c){var d=b[a]||{};b[a]=this.chainObject(d,c[a])},registerPrototype:function(a,b){var c={prototype:this.prototype},d=this.findTypeExtension(b);d&&(c.extends=d),HTMLElement.register(a,this.prototype),this.ctor=document.registerElement(a,c)},findTypeExtension:function(a){if(a&&a.indexOf("-")<0)return a;var b=this.findBasePrototype(a);return b.element?this.findTypeExtension(b.element.extends):void 0}},h={};g.chainObject=Object.__proto__?function(a,b){return a&&b&&a!==b&&(a.__proto__=b),a}:function(a,b){if(a&&b&&a!==b){var c=Object.create(b);a=e(c,a)}return a},c.declaration.prototype=g}(Polymer),function(a){function b(a){return document.contains(a)?i:h}function c(){return h.length?h[0]:i[0]}function d(a){e.waitToReady=!0,CustomElements.ready=!1,HTMLImports.whenImportsReady(function(){e.addReadyCallback(a),e.waitToReady=!1,e.check()})}var e={wait:function(a){a.__queue||(a.__queue={},f.push(a))},enqueue:function(a,c,d){var e=a.__queue&&!a.__queue.check;return e&&(b(a).push(a),a.__queue.check=c,a.__queue.go=d),0!==this.indexOf(a)},indexOf:function(a){var c=b(a).indexOf(a);return c>=0&&document.contains(a)&&(c+=HTMLImports.useNative||HTMLImports.ready?h.length:1e9),c},go:function(a){var b=this.remove(a);b&&(a.__queue.flushable=!0,this.addToFlushQueue(b),this.check())},remove:function(a){var c=this.indexOf(a);if(0===c)return b(a).shift()},check:function(){var a=this.nextElement();return a&&a.__queue.check.call(a),this.canReady()?(this.ready(),!0):void 0},nextElement:function(){return c()},canReady:function(){return!this.waitToReady&&this.isEmpty()},isEmpty:function(){for(var a,b=0,c=f.length;c>b&&(a=f[b]);b++)if(a.__queue&&!a.__queue.flushable)return;return!0},addToFlushQueue:function(a){g.push(a)},flush:function(){if(!this.flushing){this.flushing=!0;for(var a;g.length;)a=g.shift(),a.__queue.go.call(a),a.__queue=null;this.flushing=!1}},ready:function(){this.flush(),CustomElements.ready===!1&&(CustomElements.upgradeDocumentTree(document),CustomElements.ready=!0),Platform.flush(),requestAnimationFrame(this.flushReadyCallbacks)},addReadyCallback:function(a){a&&j.push(a)},flushReadyCallbacks:function(){if(j)for(var a;j.length;)(a=j.shift())()},waitToReady:!0},f=[],g=[],h=[],i=[],j=[];document.addEventListener("WebComponentsReady",function(){CustomElements.ready=!1}),a.elements=f,a.queue=e,a.whenReady=a.whenPolymerReady=d}(Polymer),function(a){function b(a,b){a?(document.head.appendChild(a),d(b)):b&&b()}function c(a,c){if(a&&a.length){for(var d,e,f=document.createDocumentFragment(),g=0,h=a.length;h>g&&(d=a[g]);g++)e=document.createElement("link"),e.rel="import",e.href=d,f.appendChild(e);b(f,c)}else c&&c()}var d=a.whenPolymerReady;a.import=c,a.importElements=b}(Polymer),function(a){function b(a){return Boolean(HTMLElement.getPrototypeForTag(a))}function c(a){return a&&a.indexOf("-")>=0}var d=a.extend,e=a.api,f=a.queue,g=a.whenPolymerReady,h=a.getRegisteredPrototype,i=a.waitingForPrototype,j=d(Object.create(HTMLElement.prototype),{createdCallback:function(){this.getAttribute("name")&&this.init()},init:function(){this.name=this.getAttribute("name"),this.extends=this.getAttribute("extends"),f.wait(this),this.loadResources(),this.registerWhenReady()
13 | },registerWhenReady:function(){this.registered||this.waitingForPrototype(this.name)||this.waitingForQueue()||this.waitingForResources()||f.go(this)},_register:function(){c(this.extends)&&!b(this.extends)&&console.warn("%s is attempting to extend %s, an unregistered element or one that was not registered with Polymer.",this.name,this.extends),this.register(this.name,this.extends),this.registered=!0},waitingForPrototype:function(a){return h(a)?void 0:(i(a,this),this.handleNoScript(a),!0)},handleNoScript:function(a){this.hasAttribute("noscript")&&!this.noscript&&(this.noscript=!0,Polymer(a))},waitingForResources:function(){return this._needsResources},waitingForQueue:function(){return f.enqueue(this,this.registerWhenReady,this._register)},loadResources:function(){this._needsResources=!0,this.loadStyles(function(){this._needsResources=!1,this.registerWhenReady()}.bind(this))}});e.publish(e.declaration,j),g(function(){document.body.removeAttribute("unresolved"),document.dispatchEvent(new CustomEvent("polymer-ready",{bubbles:!0}))}),document.registerElement("polymer-element",{prototype:j})}(Polymer),function(){var a=document.createElement("polymer-element");a.setAttribute("name","auto-binding"),a.setAttribute("extends","template"),a.init(),Polymer("auto-binding",{createdCallback:function(){this.syntax=this.bindingDelegate=this.makeSyntax(),Polymer.whenPolymerReady(function(){this.model=this,this.setAttribute("bind",""),this.async(function(){this.marshalNodeReferences(this.parentNode),this.fire("template-bound")})}.bind(this))},makeSyntax:function(){var a=Object.create(Polymer.api.declaration.events),b=this;a.findController=function(){return b.model};var c=new PolymerExpressions,d=c.prepareBinding;return c.prepareBinding=function(b,e,f){return a.prepareEventBinding(b,e,f)||d.call(c,b,e,f)},c}})}();
14 | //# sourceMappingURL=polymer.js.map


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 6 |     <meta name="description" content="MVI + Web Components"/>
 7 |     <title>MVI + Web Components</title>
 8 |     <script src="bower_components/platform/platform.js"></script>
 9 |     <link rel="import" href="bower_components/polymer/polymer.html">
10 |     <link rel="import" href="bower_components/futu-process-arrow/futu-process-arrow.html">
11 |   </head>
12 |   <body>
13 |     <div class="js-container"></div>
14 |     <script src="dist/js/app.js"></script>
15 |     <hr></hr>
16 |     <p>
17 |       Proof-of-Concept of a Web Component rendered through the Virtual DOM.
18 |     </p>
19 |   </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "mvi-wc-poc",
 3 |   "version": "0.1.0",
 4 |   "author": "Andre Staltz",
 5 |   "dependencies": {
 6 |     "rx": "2.3.12",
 7 |     "virtual-dom": "0.0.19",
 8 |     "virtual-hyperscript": "4.4.0",
 9 |     "dom-delegator": "9.0.1",
10 |     "vdom-virtualize": "0.0.4"
11 |   },
12 |   "devDependencies": {
13 |     "browserify": "~2.36.0"
14 |   },
15 |   "scripts": {
16 |     "lint": "./node_modules/.bin/jshint src/ ",
17 |     "jscs": "./node_modules/.bin/jscs src/",
18 |     "check": "npm run lint && npm run jscs",
19 |     "browserify": "./node_modules/.bin/browserify src/app.js -o dist/js/app.js",
20 |     "preinstall": "rm -rf build && rm -rf node_modules",
21 |     "postinstall": "ln -s ../src node_modules/mvi-wc-poc"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/src/app.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | var binder = require('mvi-wc-poc/binder');
 3 | var renderer = require('mvi-wc-poc/renderer');
 4 | var Model = require('mvi-wc-poc/model');
 5 | var View = require('mvi-wc-poc/view');
 6 | var Intent = require('mvi-wc-poc/intent');
 7 | 
 8 | window.onload = function () {
 9 |   binder(Model, View, Intent);
10 |   renderer.init();
11 | };
12 | 


--------------------------------------------------------------------------------
/src/binder.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | module.exports = function (model, view, intent) {
3 |   if (view) { view.observe(model); }
4 |   if (intent) { intent.observe(view); }
5 |   if (model) { model.observe(intent); }
6 | };
7 | 


--------------------------------------------------------------------------------
/src/intent.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | var Rx = require('rx');
 3 | var replicate = require('mvi-wc-poc/replicate');
 4 | 
 5 | var inputDecreaseClicks$ = new Rx.Subject();
 6 | var inputIncreaseClicks$ = new Rx.Subject();
 7 | 
 8 | function observe(View) {
 9 |   replicate(View.decreaseClicks$, inputDecreaseClicks$);
10 |   replicate(View.increaseClicks$, inputIncreaseClicks$);
11 | }
12 | 
13 | var deltaSelected$ = Rx.Observable
14 |   .merge(
15 |     inputDecreaseClicks$.map(function () { return -1; }),
16 |     inputIncreaseClicks$.map(function () { return 1; })
17 |   )
18 | ;
19 | 
20 | module.exports = {
21 |   observe: observe,
22 |   deltaSelected$: deltaSelected$
23 | };
24 | 


--------------------------------------------------------------------------------
/src/model.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | var Rx = require('rx');
 3 | var replicate = require('mvi-wc-poc/replicate');
 4 | 
 5 | var intentDeltaSelected$ = new Rx.Subject();
 6 | 
 7 | function observe(Intent) {
 8 |   replicate(Intent.deltaSelected$, intentDeltaSelected$);
 9 | }
10 | 
11 | var data$ = Rx.Observable.just({selectedIndex: -1, steps: ['Hello', 'World', 'Red', 'Finish']})
12 |   .merge(intentDeltaSelected$).scan(function (x, y) {
13 |     if (typeof y === 'number') {
14 |       x.selectedIndex += y;
15 |       if (x.selectedIndex < -1) {
16 |         x.selectedIndex = -1;
17 |       }
18 |       if (x.selectedIndex > x.steps.length - 1) {
19 |         x.selectedIndex = x.steps.length - 1;
20 |       }
21 |     }
22 |     return x;
23 |   })
24 | ;
25 | 
26 | module.exports = {
27 |   observe: observe,
28 |   data$: data$
29 | };
30 | 


--------------------------------------------------------------------------------
/src/renderer.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | /*
 3 |  * Renderer component.
 4 |  * Subscribes to vtree observables of all view components
 5 |  * and renders them as real DOM elements to the browser.
 6 |  */
 7 | var h = require('virtual-hyperscript');
 8 | var VDOM = {
 9 |   createElement: require('virtual-dom/create-element'),
10 |   diff: require('virtual-dom/diff'),
11 |   patch: require('virtual-dom/patch')
12 | };
13 | var DOMDelegator = require('dom-delegator');
14 | var View = require('mvi-wc-poc/view');
15 | 
16 | var delegator;
17 | 
18 | function renderVTreeStream(vtree$, containerSelector) {
19 |   // Find and prepare the container
20 |   var container = document.querySelector(containerSelector);
21 |   if (container === null) {
22 |     console.error('Couldn\'t render into unknown \'' + containerSelector + '\'');
23 |     return false;
24 |   }
25 |   container.innerHTML = '';
26 |   // Make the DOM node bound to the VDOM node
27 |   var rootNode = document.createElement('div');
28 |   container.appendChild(rootNode);
29 |   vtree$.startWith(h())
30 |     .bufferWithCount(2, 1)
31 |     .subscribe(function (buffer) {
32 |       try {
33 |         var oldVTree = buffer[0];
34 |         var newVTree = buffer[1];
35 |         rootNode = VDOM.patch(rootNode, VDOM.diff(oldVTree, newVTree));
36 |       } catch (err) {
37 |         console.error(err);
38 |       }
39 |     });
40 |   return true;
41 | }
42 | 
43 | function init() {
44 |   delegator = new DOMDelegator();
45 |   renderVTreeStream(View.vtree$, '.js-container');
46 | }
47 | 
48 | module.exports = {
49 |   init: init
50 | };
51 | 


--------------------------------------------------------------------------------
/src/replicate.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | /**
 3 |  * Forwards all notifications from the source observable to the given subject.
 4 |  *
 5 |  * @param {Rx.Observable} source the origin observable
 6 |  * @param {Rx.Subject} subject the destination subject
 7 |  * @return {Rx.Disposable} a disposable generated by a subscribe method
 8 |  */
 9 | function replicate(source, subject) {
10 |   if (typeof source === 'undefined') {
11 |     throw new Error('Cannot replicate() if source is undefined.');
12 |   }
13 |   return source.subscribe(
14 |     function replicationOnNext(x) {
15 |       subject.onNext(x);
16 |     },
17 |     function replicationOnError(err) {
18 |       console.error(err);
19 |     }
20 |   );
21 | }
22 | 
23 | module.exports = replicate;
24 | 


--------------------------------------------------------------------------------
/src/view.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | var Rx = require('rx');
 3 | var h = require('virtual-hyperscript');
 4 | var replicate = require('mvi-wc-poc/replicate');
 5 | 
 6 | var modelData$ = new Rx.BehaviorSubject(null);
 7 | var decreaseClicks$ = new Rx.Subject();
 8 | var increaseClicks$ = new Rx.Subject();
 9 | 
10 | function observe(Model) {
11 |   replicate(Model.data$, modelData$);
12 | }
13 | 
14 | var vtree$ = modelData$
15 |   .filter(function (x) { return !!x; })
16 |   .map(function (modelData) {
17 |     return h('div', {}, [
18 |       h('button', {'ev-click': function (ev) { decreaseClicks$.onNext(ev); }}, 'Decrease'),
19 |       h('button', {'ev-click': function (ev) { increaseClicks$.onNext(ev); }}, 'Increase'),
20 |       h('br'),
21 |       h('futu-process-arrow', {attributes: {'selected': modelData.selectedIndex}},
22 |         modelData.steps.map(function (step) { return h('span', {}, step); })
23 |       )
24 |     ]);
25 |   });
26 | 
27 | module.exports = {
28 |   observe: observe,
29 |   vtree$: vtree$,
30 |   decreaseClicks$: decreaseClicks$,
31 |   increaseClicks$: increaseClicks$
32 | };
33 | 


--------------------------------------------------------------------------------