├── .gitignore
├── assets
    └── size_matter.png
├── src
    ├── nano.html
    ├── annotator.html
    ├── nano-bootstrap.html
    ├── nano-lib.html
    └── annotations.html
├── LICENSE.md
├── README.md
├── annotations.html
└── nano.html


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


--------------------------------------------------------------------------------
/assets/size_matter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/nano/HEAD/assets/size_matter.png


--------------------------------------------------------------------------------
/src/nano.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @license
 3 | Copyright (c) 2016 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 | <link rel="import" href="annotator.html">
11 | <link rel="import" href="annotations.html">
12 | <!--<link rel="import" href="dom-module.html">-->
13 | <link rel="import" href="nano-lib.html">
14 | <link rel="import" href="nano-bootstrap.html">
15 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | # License
 2 | 
 3 | Everything in this repository is BSD style license unless otherwise specified.
 4 | 
 5 | Copyright (c) 2016 The Polymer Authors. All rights reserved.
 6 | 
 7 | Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 8 | 
 9 | * Redistributions of source code must retain the above copyright
10 | notice, this list of conditions and the following disclaimer.
11 | * Redistributions in binary form must reproduce the above
12 | copyright notice, this list of conditions and the following disclaimer
13 | in the documentation and/or other materials provided with the
14 | distribution.
15 | * Neither the name of Google Inc. nor the names of its
16 | contributors may be used to endorse or promote products derived from
17 | this software without specific prior written permission.
18 | 
19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.


--------------------------------------------------------------------------------
/src/annotator.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @license
 3 | Copyright (c) 2016 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 | <script>
11 | 
12 |   Annotator = function(cb) {
13 |     this.cb = cb;
14 |   };
15 | 
16 |   Annotator.prototype = {
17 |     
18 |     annotate: function(node) {
19 |       var root = Object.create(null);
20 |       root.luid = 0;
21 |       root.locators = [];
22 |       this.annotateSubtree(node, {}, root);
23 |       return root;
24 |     },
25 |     
26 |     annotateSubtree: function(node, locator, root) {
27 |       var child = node.firstChild;
28 |       if (child) {
29 |         var i=0, previous=null;
30 |         while (child) {
31 |           this.annotateNode(child, locator, i++, root);
32 |           // subtree may have been modified by annotator
33 |           previous = previous ? previous.nextSibling : node.firstChild;
34 |           child = (previous === child) ? previous.nextSibling : previous;
35 |         }
36 |       }
37 |     },
38 | 
39 |     annotateNode: function(node, locator, index, root) {
40 |       var subtree = {parent: locator, index: index};
41 |       this.cb(node, subtree, root);
42 |       this.annotateSubtree(node, subtree, root);
43 |     },    
44 |     
45 |     getUid: function(node, locator, root) {
46 |       var luid = node._luid;
47 |       if (!luid) {
48 |         luid = node._luid = ++root.luid;
49 |       }
50 |       root.locators[luid] = locator;
51 |       return luid;
52 |     },
53 |     
54 |     findInstanceNode: function(root, uid, container) {
55 |       return this._findInstanceNode(root.locators[uid], container);
56 |     },
57 |     
58 |     _findInstanceNode: function(locator, container) {
59 |       return !locator.parent ? container : this._findInstanceNode(locator.parent, container).childNodes[locator.index];
60 |     }
61 |     
62 |   };
63 |   
64 | </script>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | _Preliminary, experimental, incomplete, undocumented, and generally unsuitable for anything. Expect everything to change._
 2 | 
 3 | # nano library
 4 | 
 5 | Tiny function library useful for Custom Elements.
 6 | 
 7 | ![relative sizes](assets/size_matter.png)
 8 | 
 9 | Custom Elements depend on bits of the Web Components standard platform itself. Specifically, CustomElements and HTMLImports feature support is expected.
10 | 
11 | These features are natively available in Chrome, and otherwise supported by [web-componentsjs polyfills](https://github.com/webcomponents/webcomponentsjs). These elements do not depend on ShadowDOM, so [webcomponents-lite](https://polygit.org/components/webcomponentsjs/webcomponents.min.js) is sufficient.
12 | 
13 | # Nano Manifesto
14 | 
15 | ## Web Components are Good and True
16 | 
17 | In all their aspects, including shadow-dom and the new recruit, css property-bags.
18 | 
19 | ## Mindshare is Success
20 | 
21 | Nuf said.
22 | 
23 | ## Foundations
24 | 
25 | ### Interoperability
26 | Large-scale reuse and sharing, utilize existing DOM contract.
27 | 
28 | ### Platformophilia
29 | Use the Web Platform, embrace the DOM, avoid abstracting the surface or using as render-target.
30 |  
31 | ## (Web) App Needs
32 | 
33 | ### Performance
34 | 
35 | - Payload Size
36 | - Time To First Paint (TTFP)
37 | - RAIL
38 | 
39 | ### Other Features
40 | 
41 | - Deep linking
42 | - i18n
43 | - a11y
44 | - Polish
45 | - Animation
46 | - Offline/Progressive/Applike (Fizzy)
47 | 
48 | ### Code Cost Cutting
49 | 
50 | - KISS
51 | - DRY
52 | - Reuse
53 | 
54 | ### Maintenance Cost Cutting
55 | 
56 | - KISS
57 | - Be nimble
58 | - Be expressive
59 | - Be readable
60 | - Be robust
61 | 
62 | ## Can't Know What I Want Until I Have What I Need
63 | 
64 | #### Platformophilia Can Satisfy Needs
65 | 
66 | Custom Elements exposes DOM's fundamental power as a component-model. Component power enables us to surmount the Web App needs in a satisfying manner.
67 | 
68 | #### Interoperability Will Fulfill Wants
69 | 
70 | Once _making scoping work_ is less of a burden, it'll be easier to grasp the usefulness of the deep interoperability afforded by Shadow DOM. At that time the large-scale sharing afforded by the pure element interface will be attractive.
71 | 
72 | 
73 | 
74 | 
75 | 
76 | 
77 | 


--------------------------------------------------------------------------------
/src/nano-bootstrap.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @license
 3 | Copyright (c) 2016 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 | <script>
11 |   'uses strict';
12 |   (function() {
13 | 
14 |     var templates = {};
15 | 
16 |     var domModule;
17 |     var findModuleTemplate = function(template, slctr) {
18 |       if (typeof template === 'string') {
19 |         var name = template;
20 |         template = templates[name];
21 |         if (!template) {
22 |           if (!domModule) {
23 |             // important to do this lazily, unconnected element won't upgrade under polyfills
24 |             domModule = document.createElement('dom-module');
25 |           }
26 |           if (domModule.import) {
27 |             template = domModule.import(name, slctr || 'template');
28 |           }
29 |           if (!template) {
30 |             return;
31 |           }
32 |         }
33 |         templates[name] = template;
34 |       }
35 |       return template;
36 |     };
37 | 
38 |     var createDomAgent = function(module, context, slctr) {
39 |       slctr = slctr || 'template';
40 |       var template = findModuleTemplate(context.localName, slctr) || module.querySelector(slctr);
41 |       if (!template) {
42 |         throw 'template import failed for dom-module #' + context.localName;
43 |       }
44 |       var agent = annotations.prepare(template);
45 |       var stamp = agent.stamp;
46 |       agent.stamp = function() { return stamp.call(agent, context); };
47 |       return agent;
48 |     };
49 | 
50 |     Nano.templateFor = function(template, slctr) {
51 |       var template = findModuleTemplate(template, slctr);
52 |       if (!template) {
53 |         throw 'template import failed for dom-module #' + template;
54 |       }
55 |       return template;
56 |     };
57 | 
58 |     var annotations = window.Annotations;
59 |     delete window.Annotations;
60 | 
61 |     Nano.annotations = annotations;
62 |     Nano.prepare = function(templateOrName) {
63 |       return annotations.prepare(Nano.templateFor(templateOrName))
64 |     };
65 |     Nano.translate = annotations.translate;
66 |     annotations.translate = function() {
67 |       return Nano.translate.apply(Nano, arguments);
68 |     };
69 | 
70 |     Nano.createDomFactory = function() {
71 |       var module = document.currentScript.ownerDocument;
72 |       return function(context, slctr) {
73 |         return createDomAgent(module, context, slctr);
74 |       };
75 |     };
76 | 
77 |     Nano.createDom = function(class_, instance, slctr) {
78 |       return createDomAgent(class_.module, instance, slctr);
79 |     };
80 | 
81 |   })();
82 | </script>
83 | 


--------------------------------------------------------------------------------
/annotations.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @license
 3 | Copyright (c) 2016 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 | <script>Annotator=function(n){this.cb=n},Annotator.prototype={annotate:function(n){var t=Object.create(null);return t.luid=0,t.locators=[],this.annotateSubtree(n,{},t),t},annotateSubtree:function(n,t,e){var i=n.firstChild;if(i)for(var o=0,a=null;i;)this.annotateNode(i,t,o++,e),a=a?a.nextSibling:n.firstChild,i=a===i?a.nextSibling:a},annotateNode:function(n,t,e,i){var o={parent:t,index:e};this.cb(n,o,i),this.annotateSubtree(n,o,i)},getUid:function(n,t,e){var i=n._luid;return i||(i=n._luid=++e.luid),e.locators[i]=t,i},findInstanceNode:function(n,t,e){return this._findInstanceNode(n.locators[t],e)},_findInstanceNode:function(n,t){return n.parent?this._findInstanceNode(n.parent,t).childNodes[n.index]:t}};</script>
11 | <script>!function(){var n={};n.translate=function(n){return n},n.prepare=function(n){var e=n._notes;e||(e=n._notes=p.annotate(n.content));var o=document.importNode(n.content,!0);return a(o,e),{stamp:function(n,i){return this.$=function(t){return n.querySelector(t)},this.set=function(o,i){return t(n,e,o,i),this},r(o,e,i||n),n.textContent="",n.appendChild(o),this}}};var t=function(n,t,i,r){void 0===r?e(n,t,i):o(n,t,i,r)},e=function(n,t,e){for(var i in e)o(n,t,i,e[i])},o=function(t,e,o,r){null===r||void 0===r?r="":"$"===o[0]&&(r=n.translate(r)),i(t,e,e.mustaches,o,function(n,t){if("style%"===n.property){var e=t.style;for(var o in r)e[o]=r[o]}else t[n.property]=r})},i=function(n,t,e,o,i){var r=e&&e[o];r&&r.forEach(function(e){i(e,s(t,e.uid,n))})},r=function(n,t,e){i(n,t,t,"events",function(n,t){u(t,n.name,e,n.handler)})},u=function(n,t,e,o){n.addEventListener(t,function(n){e[o]&&e[o](n)})},a=function(n,t){for(var e in t.xlate)o(n,t,e,e.slice(1))},s=function(n,t,e){e._nodes||(e._nodes=[]);var o=e._nodes[t];return o||(o=p.findInstanceNode(n,t,e),e._nodes[t]=o),o},c=function(n,t,e){switch(n.nodeType){case Node.DOCUMENT_FRAGMENT_NODE:return;case Node.ELEMENT_NODE:return d(n,t,e);case Node.TEXT_NODE:return f(n,t,e)}},f=function(n,t,e){l(n,"textContent",n.textContent,t,e)&&(n.textContent="")},d=function(n,t,e){if(n.hasAttributes())for(var o,i=n.attributes,r=i.length-1;r>=0&&(o=i[r]);r--){if(l(n,o.name,o.value,t,e));else if(!h(n,o.name,o.value,t,e))continue;n.removeAttribute(o.name)}},l=function(n,t,e,o,i){if("{{"===e.slice(0,2)){var r=e.slice(2,-2);return v(i,"mustaches",r,{property:t,uid:p.getUid(n,o,i)}),"$"===r[0]&&v(i,"xlate",r,!0),!0}},v=function(n,t,e,o){var i=n[t]||(n[t]={}),r=i[e]||(i[e]=[]);r.push(o)},h=function(n,t,e,o,i){if("on-"===t.slice(0,3)){var r=i.events||(i.events=[]);r.push({name:t.slice(3),handler:e,uid:p.getUid(n,o,i)})}},p=new Annotator(c);n.listen=u,window.Annotations=n}();</script>


--------------------------------------------------------------------------------
/src/nano-lib.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | @license
  3 | Copyright (c) 2016 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 | <dom-module id="nano">
 11 | <script>
 12 |   Object.defineProperty(document, 'currentImport', {
 13 |     enumerable: true,
 14 |     configurable: true,
 15 |     get: function() {
 16 |       return (document._currentScript || document.currentScript).ownerDocument;
 17 |     }
 18 |   });
 19 | 
 20 |   (function() {
 21 |     var re = document.registerElement.bind(document);
 22 |     document.registerElement = function(name, class_) {
 23 |       class_.module = document.currentImport;
 24 |       return re(name, class_);
 25 |     };
 26 |   })();
 27 | 
 28 |   /*global Nano*/
 29 |   window.Nano = {
 30 |     acquire: function(element/*, name, ...*/) {
 31 |       for (var i=1; i<arguments.length; i++) {
 32 |         this.property(element, arguments[i]);
 33 |       }
 34 |     },
 35 |     property: function(element, name) {
 36 |       var value;
 37 |       if (element.hasOwnProperty(name)) {
 38 |         value = element[name];
 39 |         delete element[name];
 40 |       } else if (!element.hasAttribute(name)) {
 41 |         return;
 42 |       } else {
 43 |         value = element.getAttribute(name);
 44 |       }
 45 |       element[name] = value;
 46 |     },
 47 |     boolAttribute: function(node, attr, state) {
 48 |       if (state === undefined) {
 49 |         state = !node.hasAttribute(attr);
 50 |       }
 51 |       node[state ? 'setAttribute' : 'removeAttribute'](attr, '');
 52 |     },
 53 |     create: function(tag, props) {
 54 |       var elt = document.createElement(tag, props && props.is || '');
 55 |       if (props) {
 56 |         for (var n in props) {
 57 |           var v = props[n];
 58 |           if (n[0] === '@') {
 59 |             elt.addEventListener(n.slice(1), v);
 60 |           } else if (n.slice(0, 3) === 'on-') {
 61 |             elt.addEventListener(n.slice(3), v);
 62 |           } else if (n[0] === '$') {
 63 |             elt.setAttribute(n.slice(1), v);
 64 |           } else {
 65 |             elt[n] = v;
 66 |           }
 67 |         }
 68 |       }
 69 |       return elt;
 70 |     },
 71 |     import: function(href, cb) {
 72 |       document.body.appendChild(Nano.create('link', {
 73 |         rel: 'import',
 74 |         href: href,
 75 |         'on-load': function(e) { cb && cb(null, e) },
 76 |         'on-error': function(e) { cb && cb(e, null) }
 77 |       }));
 78 |     },
 79 |     // TODO(sjmiles): should use Annotations
 80 |     pool: function(element) {
 81 |       var pool = [];
 82 |       while (element.firstElementChild) {
 83 |         pool.push(element.removeChild(element.firstElementChild));
 84 |       }
 85 |       return pool;
 86 |     },
 87 |     distribute: function(pool, dom) {
 88 |       for (var i=0, child; (child=pool[i]); i++) {
 89 |         this._distributeNode(child, dom);
 90 |       }
 91 |     },
 92 |     _distributeNode: function(child, dom) {
 93 |       var name = child.getAttribute('slot');
 94 |       var slctr = name ? 'slot[name=' + name + ']' : 'slot';
 95 |       var slot = dom.querySelector(slctr);
 96 |       if (slot) {
 97 |         slot.parentNode.insertBefore(child, slot);
 98 |       } else {
 99 |         child.remove();
100 |       }
101 |     }
102 |   };
103 | </script>
104 | </dom-module>


--------------------------------------------------------------------------------
/nano.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @license
 3 | Copyright (c) 2016 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 | <script>Annotator=function(n){this.cb=n},Annotator.prototype={annotate:function(n){var t=Object.create(null);return t.luid=0,t.locators=[],this.annotateSubtree(n,{},t),t},annotateSubtree:function(n,t,e){var i=n.firstChild;if(i)for(var o=0,a=null;i;)this.annotateNode(i,t,o++,e),a=a?a.nextSibling:n.firstChild,i=a===i?a.nextSibling:a},annotateNode:function(n,t,e,i){var o={parent:t,index:e};this.cb(n,o,i),this.annotateSubtree(n,o,i)},getUid:function(n,t,e){var i=n._luid;return i||(i=n._luid=++e.luid),e.locators[i]=t,i},findInstanceNode:function(n,t,e){return this._findInstanceNode(n.locators[t],e)},_findInstanceNode:function(n,t){return n.parent?this._findInstanceNode(n.parent,t).childNodes[n.index]:t}};</script>
11 | <script>!function(){var n={};n.translate=function(n){return n},n.prepare=function(n){var e=n._notes;e||(e=n._notes=p.annotate(n.content));var o=document.importNode(n.content,!0);return a(o,e),{stamp:function(n,i){return this.$=function(t){return n.querySelector(t)},this.set=function(o,i){return t(n,e,o,i),this},r(o,e,i||n),n.textContent="",n.appendChild(o),this}}};var t=function(n,t,i,r){void 0===r?e(n,t,i):o(n,t,i,r)},e=function(n,t,e){for(var i in e)o(n,t,i,e[i])},o=function(t,e,o,r){null===r||void 0===r?r="":"$"===o[0]&&(r=n.translate(r)),i(t,e,e.mustaches,o,function(n,t){if("style%"===n.property){var e=t.style;for(var o in r)e[o]=r[o]}else t[n.property]=r})},i=function(n,t,e,o,i){var r=e&&e[o];r&&r.forEach(function(e){i(e,s(t,e.uid,n))})},r=function(n,t,e){i(n,t,t,"events",function(n,t){u(t,n.name,e,n.handler)})},u=function(n,t,e,o){n.addEventListener(t,function(n){e[o]&&e[o](n)})},a=function(n,t){for(var e in t.xlate)o(n,t,e,e.slice(1))},s=function(n,t,e){e._nodes||(e._nodes=[]);var o=e._nodes[t];return o||(o=p.findInstanceNode(n,t,e),e._nodes[t]=o),o},c=function(n,t,e){switch(n.nodeType){case Node.DOCUMENT_FRAGMENT_NODE:return;case Node.ELEMENT_NODE:return d(n,t,e);case Node.TEXT_NODE:return f(n,t,e)}},f=function(n,t,e){l(n,"textContent",n.textContent,t,e)&&(n.textContent="")},d=function(n,t,e){if(n.hasAttributes())for(var o,i=n.attributes,r=i.length-1;r>=0&&(o=i[r]);r--){if(l(n,o.name,o.value,t,e));else if(!h(n,o.name,o.value,t,e))continue;n.removeAttribute(o.name)}},l=function(n,t,e,o,i){if("{{"===e.slice(0,2)){var r=e.slice(2,-2);return v(i,"mustaches",r,{property:t,uid:p.getUid(n,o,i)}),"$"===r[0]&&v(i,"xlate",r,!0),!0}},v=function(n,t,e,o){var i=n[t]||(n[t]={}),r=i[e]||(i[e]=[]);r.push(o)},h=function(n,t,e,o,i){if("on-"===t.slice(0,3)){var r=i.events||(i.events=[]);r.push({name:t.slice(3),handler:e,uid:p.getUid(n,o,i)})}},p=new Annotator(c);n.listen=u,window.Annotations=n}();</script>
12 | <dom-module id="nano">
13 | <script>Object.defineProperty(document,"currentImport",{enumerable:!0,configurable:!0,get:function(){return(document._currentScript||document.currentScript).ownerDocument}}),function(){var e=document.registerElement.bind(document);document.registerElement=function(t,r){return r.module=document.currentImport,e(t,r)}}(),window.Nano={acquire:function(e){for(var t=1;t<arguments.length;t++)this.property(e,arguments[t])},property:function(e,t){var r;if(e.hasOwnProperty(t))r=e[t],delete e[t];else{if(!e.hasAttribute(t))return;r=e.getAttribute(t)}e[t]=r},boolAttribute:function(e,t,r){void 0===r&&(r=!e.hasAttribute(t)),e[r?"setAttribute":"removeAttribute"](t,"")},create:function(e,t){var r=document.createElement(e,t&&t.is||"");if(t)for(var n in t){var o=t[n];"@"===n[0]?r.addEventListener(n.slice(1),o):"on-"===n.slice(0,3)?r.addEventListener(n.slice(3),o):"$"===n[0]?r.setAttribute(n.slice(1),o):r[n]=o}return r},"import":function(e,t){document.body.appendChild(Nano.create("link",{rel:"import",href:e,"on-load":function(e){t&&t(null,e)},"on-error":function(e){t&&t(e,null)}}))},pool:function(e){for(var t=[];e.firstElementChild;)t.push(e.removeChild(e.firstElementChild));return t},distribute:function(e,t){for(var r,n=0;r=e[n];n++)this._distributeNode(r,t)},_distributeNode:function(e,t){var r=e.getAttribute("slot"),n=r?"slot[name="+r+"]":"slot",o=t.querySelector(n);o?o.parentNode.insertBefore(e,o):e.remove()}};</script>
14 | </dom-module>
15 | <script>"uses strict";!function(){var t,e={},n=function(n,r){if("string"==typeof n){var o=n;if(n=e[o],!n&&(t||(t=document.createElement("dom-module")),t["import"]&&(n=t["import"](o,r||"template")),!n))return;e[o]=n}return n},r=function(t,e,r){r=r||"template";var a=n(e.localName,r)||t.querySelector(r);if(!a)throw"template import failed for dom-module #"+e.localName;var u=o.prepare(a),i=u.stamp;return u.stamp=function(){return i.call(u,e)},u};Nano.templateFor=function(t,e){var t=n(t,e);if(!t)throw"template import failed for dom-module #"+t;return t};var o=window.Annotations;delete window.Annotations,Nano.annotations=o,Nano.prepare=function(t){return o.prepare(Nano.templateFor(t))},Nano.translate=o.translate,o.translate=function(){return Nano.translate.apply(Nano,arguments)},Nano.createDomFactory=function(){var t=document.currentScript.ownerDocument;return function(e,n){return r(t,e,n)}},Nano.createDom=function(t,e,n){return r(t.module,e,n)}}();</script>
16 | 


--------------------------------------------------------------------------------
/src/annotations.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | @license
  3 | Copyright (c) 2016 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 | <script>
 11 | (function() {
 12 |   
 13 |   var Annotations = {};
 14 | 
 15 |   Annotations.translate = function(n) {
 16 |     return n;
 17 |   };
 18 | 
 19 |   Annotations.prepare = function(template) {
 20 |     // notate (or use memoized notations)
 21 |     var notes = template._notes;
 22 |     if (!notes) {
 23 |       notes = template._notes = annotator.annotate(template.content);
 24 |       //console.log('annotations:', notes);
 25 |     }
 26 |     var subtree = document.importNode(template.content, true);
 27 |     // perform translations (could be memoized)
 28 |     xlate(subtree, notes);
 29 |     // install into dom
 30 |     // TODO(sjmiles): if we install to DOM before returning the controller, 
 31 |     // it's hard to implement event-listeners that utilize controller.
 32 |     // We could avoid listening until after installation, but
 33 |     // we are already ignoring events fired as part of 'createdCallback',
 34 |     // if we delay further we will miss 'attachedCallback' also.
 35 |     // This conundrum forces us into a two-stage stamping process.
 36 |     // marshal controller
 37 |     return {
 38 |       stamp: function(container, listener) {
 39 |         this.$ = function(slctr) {
 40 |           return container.querySelector(slctr);
 41 |         };
 42 |         // marshal binding helper
 43 |         this.set = function(name, value) {
 44 |           set(container, notes, name, value);
 45 |           return this;
 46 |         };
 47 |         // attach listeners
 48 |         listen(subtree, notes, listener || container);
 49 |         // TODO(sjmiles): container must be empty for node-marshaling to work after
 50 |         // transplanting nodes. One alternative is to marshal nodes greedily. Another
 51 |         // is to capture a 'root offset' to locate the inserted subtree.
 52 |         container.textContent = '';
 53 |         container.appendChild(subtree);
 54 |         return this;
 55 |       }
 56 |     };
 57 |   };
 58 |   
 59 |   var set = function(container, notes, name, value) {
 60 |     if (value === undefined) {
 61 |       updateManyBindings(container, notes, name)
 62 |     } else {
 63 |       updateBindings(container, notes, name, value)
 64 |     }
 65 |   };
 66 | 
 67 |   var updateManyBindings = function(container, notes, values) {
 68 |     for (var n in values) {
 69 |       updateBindings(container, notes, n, values[n])    
 70 |     }
 71 |   };
 72 | 
 73 |   var updateBindings = function(container, notes, name, value) {
 74 |     if (value === null || value === undefined) {
 75 |       value = '';
 76 |     } else if (name[0] === '$') {
 77 |       value = Annotations.translate(value);
 78 |     }
 79 |     doForBindings(container, notes, notes.mustaches, name, function(b, node) {
 80 |       if (b.property === 'style%') {
 81 |         var s = node.style;
 82 |         for (var n in value) {
 83 |           s[n] = value[n];
 84 |         }
 85 |       } else {
 86 |         node[b.property] = value;
 87 |       }
 88 |     });
 89 |   };
 90 | 
 91 |   var doForBindings = function(container, root, notes, prop, cb) {
 92 |     var b$ = notes && notes[prop];
 93 |     b$ && b$.forEach(function(b) {
 94 |       cb(b, findInstanceNode(root, b.uid, container));
 95 |     });
 96 |   };
 97 | 
 98 | 
 99 |   var listen = function(container, notes, host) {
100 |     // add listeners as described in notes
101 |     doForBindings(container, notes, notes, 'events', function(e, node) {
102 |       _listen(node, e.name, host, e.handler);
103 |     });
104 |   };
105 | 
106 |   var _listen = function(node, name, host, handler) {
107 |     node.addEventListener(name, function(e) { 
108 |       if (!host[handler]) {
109 |         //console.warn('handler `' + handler + '` for event `' + name + '` not defined on host `' + (host && host.localName) + '`');
110 |       } else {
111 |         host[handler](e);
112 |       }
113 |     });
114 |   };
115 | 
116 |   var xlate = function(container, notes) {
117 |     for (var n in notes.xlate) {
118 |       updateBindings(container, notes, n, n.slice(1));
119 |     }
120 |   };
121 |   
122 |   var findInstanceNode = function(root, uid, container) {
123 |     if (!container._nodes) {
124 |       container._nodes = [];
125 |     }
126 |     var node = container._nodes[uid];
127 |     if (!node) {
128 |       node = annotator.findInstanceNode(root, uid, container);
129 |       container._nodes[uid] = node;
130 |     }
131 |     return node;
132 |   };
133 |     
134 |   /* annotator */
135 |   
136 |   var annotatorImpl = function(node, locator, root) {
137 |     switch (node.nodeType) {
138 |       case Node.DOCUMENT_FRAGMENT_NODE:
139 |         return;
140 |       case Node.ELEMENT_NODE:
141 |         return annotateElementNode(node, locator, root);
142 |       case Node.TEXT_NODE:
143 |         return annotateTextNode(node, locator, root);
144 |     }
145 |   };
146 | 
147 |   var annotateTextNode = function(node, locator, root) {
148 |     if (annotateMustache(node, 'textContent', node.textContent, locator, root)) {
149 |       node.textContent = '';
150 |     }
151 |   };
152 |   
153 |   var annotateElementNode = function(node, locator, root) {
154 |     if (node.hasAttributes()) {
155 |       //console.group(node.localName, node.id || '');
156 |       for (var a$=node.attributes, i=a$.length-1, a, obj; i>=0 && (a=a$[i]); i--) {
157 |         if (annotateMustache(node, a.name, a.value, locator, root)) {} 
158 |         else if (annotateEvent(node, a.name, a.value, locator, root)) {} 
159 |         else continue;
160 |         node.removeAttribute(a.name);
161 |       }
162 |       //console.groupEnd();
163 |     }
164 |   };
165 | 
166 |   var annotateMustache = function(node, property, value, locator, root) {
167 |     if (value.slice(0,2) === '{{') {
168 |       var p = value.slice(2, -2);
169 |       takeNote(root, 'mustaches', p, {property: property, uid: annotator.getUid(node, locator, root)});
170 |       if (p[0] === '$') {
171 |         takeNote(root, 'xlate', p, true);
172 |       }
173 |       return true;
174 |     }
175 |   };
176 | 
177 |   var takeNote = function(root, group, name, note) {
178 |     //console.log('%s.{{%s}}:', group, name, note);
179 |     var a$ = root[group] || (root[group] = {});
180 |     var a = a$[name] || (a$[name] = []);
181 |     a.push(note);
182 |   };
183 | 
184 |   var annotateEvent = function(node, name, value, locator, root) {
185 |     if (name.slice(0, 3) === 'on-') {
186 |       var e$ = root.events || (root.events = []);
187 |       e$.push({name: name.slice(3), handler: value, uid: annotator.getUid(node, locator, root)});
188 |     }
189 |   };
190 | 
191 |   var annotator = new Annotator(annotatorImpl);
192 | 
193 |   Annotations.listen = _listen;
194 |   window.Annotations = Annotations;
195 |   
196 | })();
197 | </script>


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