├── .gitignore
├── Gruntfile.js
├── README.md
├── assets
    ├── images
    │   └── taco-nyan.jpg
    ├── scripts
    │   └── main.js
    ├── styles
    │   ├── main.css
    │   └── shadow-content.css
    └── webcomponents.js
    │   ├── CustomElements.js
    │   ├── CustomElements.min.js
    │   ├── HTMLImports.js
    │   ├── HTMLImports.min.js
    │   ├── README.md
    │   ├── ShadowDOM.js
    │   ├── ShadowDOM.min.js
    │   ├── bower.json
    │   ├── build.log
    │   ├── package.json
    │   ├── webcomponents-lite.js
    │   ├── webcomponents-lite.min.js
    │   ├── webcomponents.js
    │   └── webcomponents.min.js
├── index.html
├── package.json
└── src
    ├── bower.json
    ├── images
        └── taco-nyan.jpg
    ├── index.jade
    ├── scripts
        ├── ContentReplacements.coffee
        ├── CustomDropdown.coffee
        ├── ShadowDropdown.coffee
        ├── ShadowElement.coffee
        ├── ShadowTemplate.coffee
        └── main.coffee
    ├── styles
        ├── _content_test_section.sass
        ├── _defaults.sass
        ├── _mixins.sass
        ├── _reset.sass
        ├── main.sass
        └── shadow-content.css
    ├── templates
        ├── mixins
        │   ├── _button_button.jade
        │   ├── _div_button.jade
        │   └── _dropdown.jade
        └── partials
        │   ├── _shadow_article.jade
        │   ├── _shadow_button.jade
        │   ├── _shadow_div.jade
        │   └── _shadow_dropdown.jade
    └── webcomponents.js
        ├── CustomElements.js
        ├── CustomElements.min.js
        ├── HTMLImports.js
        ├── HTMLImports.min.js
        ├── README.md
        ├── ShadowDOM.js
        ├── ShadowDOM.min.js
        ├── bower.json
        ├── build.log
        ├── package.json
        ├── webcomponents-lite.js
        ├── webcomponents-lite.min.js
        ├── webcomponents.js
        └── webcomponents.min.js


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | log/*.log
3 | tmp/**
4 | node_modules/
5 | dist/
6 | .sass-cache
7 | src/bower_components/
8 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * web-components-accessibility
  3 |  *
  4 |  * Copyright (c) 2013 Marcy Sutton
  5 |  * Licensed under the MIT license.
  6 |  */
  7 | 
  8 | 'use strict';
  9 | 
 10 | module.exports = function(grunt) {
 11 | 
 12 |   require('load-grunt-tasks')(grunt);
 13 | 
 14 |   // Project configuration.
 15 |   grunt.initConfig({
 16 |     config: {
 17 |       src: 'src',
 18 |       dist: './assets',
 19 |       root: './'
 20 |     },
 21 |     sass: {
 22 |       dist: {
 23 |         files: {
 24 |           '<%= config.dist %>/styles/main.css' : '<%= config.src %>/styles/main.sass',
 25 |           '<%= config.dist %>/styles/shadow-content.css' : '<%= config.src %>/styles/shadow-content.css'
 26 |         }
 27 |       }
 28 |     },
 29 |     clean: {
 30 |       dist: {
 31 |         files: [{
 32 |           dot: true,
 33 |           src: [
 34 |             '.tmp',
 35 |             '<%= config.dist %>/*',
 36 |             '!<%= config.dist %>/.git*'
 37 |           ]
 38 |         }]
 39 |       },
 40 |       server: '.tmp'
 41 |     },
 42 |     browserify: {
 43 |       basic: {
 44 |         src: ['<%= config.src %>/scripts/{,*/}*.js', '<%= config.src %>/scripts/{,*/}*.coffee'],
 45 |         options: {
 46 |           transform: ['coffeeify'],
 47 |           extensions: ['.js', '.coffee']
 48 |         },
 49 |         dest: '<%= config.dist %>/scripts/main.js'
 50 |       }
 51 |     },
 52 |     connect: {
 53 |       options: {
 54 |         port: 8888,
 55 |         livereload: 35729,
 56 |         // change this to '0.0.0.0' to access the server from outside
 57 |         hostname: '0.0.0.0'
 58 |       },
 59 |       livereload: {
 60 |         options: {
 61 |           open: false,
 62 |           base: [
 63 |             '<%= config.root %>'
 64 |           ]
 65 |         }
 66 |       },
 67 |       test: {
 68 |         options: {
 69 |           base: [
 70 |             'test',
 71 |             '<%= config.src %>'
 72 |           ]
 73 |         }
 74 |       },
 75 |       dist: {
 76 |         options: {
 77 |           open: true,
 78 |           base: '<%= config.dist %>'
 79 |         }
 80 |       }
 81 |     },
 82 |     jade: {
 83 |       html: {
 84 |         files: {
 85 |           '<%= config.root %>':['<%= config.src %>/*.jade','<%= config.src %>/templates/*.jade']
 86 |         },
 87 |         options: {
 88 |           client: false,
 89 |           basePath: '<%= config.src %>',
 90 |           pretty: true
 91 |         }
 92 |       }
 93 |     },
 94 |     watch: {
 95 |       coffee: {
 96 |         files: ['<%= config.src %>/scripts/{,*/}*.coffee'],
 97 |         tasks: ['browserify']
 98 |       },
 99 |       sass: {
100 |         files: ['<%= config.src %>/styles/{,*/}/*.{css,scss,sass}'],
101 |         tasks: ['sass']
102 |       },
103 |       jade: {
104 |         files: [
105 |           '<%= config.src %>/*.jade',
106 |           '<%= config.src %>/templates/*.jade',
107 |           '<%= config.src %>/templates/**/*.jade'
108 |         ],
109 |         tasks: 'jade'
110 |       },
111 |       livereload: {
112 |         options: {
113 |           livereload: '<%= connect.options.livereload %>'
114 |         },
115 |         files: [
116 |           '<%= config.root %>/*.html',
117 |           '<%= config.dist %>/styles/*.css',
118 |           '<%= config.dist %>/scripts/{,*/}*.js',
119 |           '<%= config.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
120 |         ]
121 |       }
122 |     },
123 |     // Put files not handled in other tasks here
124 |     copy: {
125 |       dependencies: {
126 |         expand: true,
127 |         cwd: '<%= config.src %>',
128 |         dest: '<%= config.dist %>',
129 |         src: ['webcomponents.js/*', 'images/*.{png,jpg,gif}']
130 |       }
131 |     },
132 |     concurrent: {
133 |       server: [
134 |         'sass',
135 |         'browserify',
136 |         'jade',
137 |         'copy:dependencies'
138 |       ],
139 |       test: [
140 |         'sass'
141 |       ],
142 |       dist: [
143 |         'sass',
144 |         'browserify',
145 |         'jade'
146 |       ]
147 |     }
148 |   });
149 |   grunt.registerTask('server', function (target) {
150 |     grunt.task.run([
151 |       'clean',
152 |       'concurrent:server',
153 |       'connect:livereload',
154 |       'watch'
155 |     ]);
156 |   });
157 | 
158 |   grunt.registerTask('default', [
159 |     'clean',
160 |     'concurrent:dist'
161 |   ]);
162 | };
163 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Web Components & Accessibility
 2 | ===========
 3 | 
 4 | A test sandbox for the accessibility of Web Components by Marcy Sutton.
 5 | 
 6 | [http://marcysutton.github.io/web-components-accessibility/](http://marcysutton.github.io/web-components-accessibility/)
 7 | 
 8 | ##Project Setup##
 9 | 
10 | To work with this code-base, you must have [Node.js](http://nodejs.org/), [Ruby](http://ruby-lang.org/), [Grunt](http://gruntjs.com/getting-started) and [Bower](http://bower.io/) installed.
11 | 
12 | To install the Grunt CLI globally, run:
13 | 
14 | `npm install -g grunt-cli`
15 | 
16 | To install the required tools for this project, run:
17 | 
18 | `npm install`
19 | 
20 | `cd src && bower install`
21 | 
22 | To run the site after all Node dependencies have downloaded, run:
23 | `grunt server`
24 | 
25 | To build once:
26 | `grunt default`
27 | 


--------------------------------------------------------------------------------
/assets/images/taco-nyan.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marcysutton/web-components-accessibility-sandbox/c3ee719b4041bd002b912dde2d5d605eb64d2774/assets/images/taco-nyan.jpg


--------------------------------------------------------------------------------
/assets/scripts/main.js:
--------------------------------------------------------------------------------
  1 | ;(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
  2 | var ContentReplacements;
  3 | 
  4 | ContentReplacements = (function() {
  5 |   function ContentReplacements() {
  6 |     var nameTag, nameTagSelector, nameTagShadow, nameTagTemplateSelector, nameTagText, nameTagTmpl, originalCreateShadowRoot, tacoBtnHost, tacoBtnRoot, tacoButtonSelector, tacoButtonText;
  7 |     originalCreateShadowRoot = Element.prototype.createShadowRoot;
  8 |     tacoButtonText = 'Give me tacos';
  9 |     tacoButtonSelector = '.taco-button';
 10 |     nameTagSelector = '.name-tag';
 11 |     nameTagTemplateSelector = '#name-tag-template';
 12 |     nameTagText = 'TACOCAT';
 13 |     tacoBtnHost = document.querySelector(tacoButtonSelector);
 14 |     tacoBtnRoot = tacoBtnHost.createShadowRoot();
 15 |     tacoBtnRoot.textContent = tacoButtonText;
 16 |     nameTag = document.querySelector(nameTagSelector);
 17 |     nameTagShadow = nameTag.createShadowRoot();
 18 |     nameTagTmpl = document.querySelector(nameTagTemplateSelector);
 19 |     nameTag.textContent = nameTagText;
 20 |     nameTagShadow.appendChild(nameTagTmpl.content);
 21 |   }
 22 | 
 23 |   return ContentReplacements;
 24 | 
 25 | })();
 26 | 
 27 | module.exports = ContentReplacements;
 28 | 
 29 | 
 30 | },{}],2:[function(require,module,exports){
 31 | var CustomDropdown,
 32 |   __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
 33 | 
 34 | CustomDropdown = (function() {
 35 |   CustomDropdown.prototype.elCustomDropdown = null;
 36 | 
 37 |   CustomDropdown.prototype.elCustomDropdownUl = null;
 38 | 
 39 |   CustomDropdown.prototype.accessLabelExpanded = 'expanded';
 40 | 
 41 |   CustomDropdown.prototype.accessLabelCollapsed = 'collapsed';
 42 | 
 43 |   function CustomDropdown($el, shadow) {
 44 |     if (shadow == null) {
 45 |       shadow = false;
 46 |     }
 47 |     this.customDropdownToggle = __bind(this.customDropdownToggle, this);
 48 |     this.escapeKeyHandler = __bind(this.escapeKeyHandler, this);
 49 |     this.elCustomDropdown = $el;
 50 |     if ($el) {
 51 |       this.elDropdownTrigger = this.elCustomDropdown.querySelector('button');
 52 |       this.elCustomDropdownUl = this.elCustomDropdown.querySelector('ul');
 53 |       this.elFirstSelectItem = this.elCustomDropdownUl.querySelector('a');
 54 |       this.elAccessLabel = this.elCustomDropdown.querySelector('.accessLabel');
 55 |       this.updateAccessLabel(this.accessLabelCollapsed);
 56 |       this.elCustomDropdown.addEventListener('click', this.customDropdownToggle);
 57 |       document.addEventListener('keydown', this.escapeKeyHandler);
 58 |     }
 59 |   }
 60 | 
 61 |   CustomDropdown.prototype.updateAccessLabel = function(string) {
 62 |     return this.elAccessLabel.textContent = "" + string + " ";
 63 |   };
 64 | 
 65 |   CustomDropdown.prototype.escapeKeyHandler = function(event) {
 66 |     if (event.keyCode === 27) {
 67 |       return customDropdownToggle(event);
 68 |     }
 69 |   };
 70 | 
 71 |   CustomDropdown.prototype.customDropdownToggle = function(event) {
 72 |     var ddClasslist;
 73 |     ddClasslist = this.elCustomDropdown.classList;
 74 |     if (ddClasslist.contains('active')) {
 75 |       ddClasslist.remove('active');
 76 |       this.elCustomDropdownUl.setAttribute('aria-hidden', true);
 77 |       this.elCustomDropdownUl.setAttribute('aria-expanded', false);
 78 |       return this.updateAccessLabel(this.accessLabelExpanded);
 79 |     } else {
 80 |       ddClasslist.add('active');
 81 |       this.elFirstSelectItem.focus();
 82 |       this.elCustomDropdownUl.setAttribute('aria-hidden', false);
 83 |       this.elCustomDropdownUl.setAttribute('aria-expanded', true);
 84 |       return this.updateAccessLabel(this.accessLabelCollapsed);
 85 |     }
 86 |   };
 87 | 
 88 |   return CustomDropdown;
 89 | 
 90 | })();
 91 | 
 92 | module.exports = CustomDropdown;
 93 | 
 94 | 
 95 | },{}],3:[function(require,module,exports){
 96 | var CustomDropdown, ShadowDropdown, ShadowTemplate,
 97 |   __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
 98 |   __hasProp = {}.hasOwnProperty,
 99 |   __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
100 | 
101 | ShadowTemplate = require('./ShadowTemplate');
102 | 
103 | CustomDropdown = require('./CustomDropdown');
104 | 
105 | ShadowDropdown = (function(_super) {
106 |   __extends(ShadowDropdown, _super);
107 | 
108 |   function ShadowDropdown(shadowHost) {
109 |     this.shadowCreatedCallback = __bind(this.shadowCreatedCallback, this);
110 |     ShadowDropdown.__super__.constructor.apply(this, arguments);
111 |   }
112 | 
113 |   ShadowDropdown.prototype.shadowCreatedCallback = function() {
114 |     ShadowDropdown.__super__.shadowCreatedCallback.apply(this, arguments);
115 |     this.shadowChildEl = this.clone.querySelector('.custom-dropdown');
116 |     new CustomDropdown(this.shadowChildEl);
117 |     return this.attachClone();
118 |   };
119 | 
120 |   ShadowDropdown.prototype.attachClone = function() {
121 |     return ShadowDropdown.__super__.attachClone.apply(this, arguments);
122 |   };
123 | 
124 |   return ShadowDropdown;
125 | 
126 | })(ShadowTemplate);
127 | 
128 | module.exports = ShadowDropdown;
129 | 
130 | 
131 | },{"./CustomDropdown":2,"./ShadowTemplate":5}],4:[function(require,module,exports){
132 | var ShadowElement, ShadowTemplate,
133 |   __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
134 |   __hasProp = {}.hasOwnProperty,
135 |   __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
136 | 
137 | ShadowTemplate = require('./ShadowTemplate');
138 | 
139 | ShadowElement = (function(_super) {
140 |   __extends(ShadowElement, _super);
141 | 
142 |   function ShadowElement(shadowHost, templateSelector) {
143 |     this.shadowCreatedCallback = __bind(this.shadowCreatedCallback, this);
144 |     ShadowElement.__super__.constructor.apply(this, arguments);
145 |   }
146 | 
147 |   ShadowElement.prototype.shadowCreatedCallback = function() {
148 |     ShadowElement.__super__.shadowCreatedCallback.apply(this, arguments);
149 |     return this.attachClone();
150 |   };
151 | 
152 |   ShadowElement.prototype.attachClone = function() {
153 |     return ShadowElement.__super__.attachClone.apply(this, arguments);
154 |   };
155 | 
156 |   return ShadowElement;
157 | 
158 | })(ShadowTemplate);
159 | 
160 | module.exports = ShadowElement;
161 | 
162 | 
163 | },{"./ShadowTemplate":5}],5:[function(require,module,exports){
164 | var ShadowTemplate,
165 |   __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
166 | 
167 | HTMLElement.prototype.createShadowRoot = HTMLElement.prototype.createShadowRoot || HTMLElement.prototype.webkitCreateShadowRoot || function() {};
168 | 
169 | ShadowTemplate = (function() {
170 |   ShadowTemplate.prototype.el = null;
171 | 
172 |   function ShadowTemplate(hostSelector, templateSelector) {
173 |     var shadowProto;
174 |     if (templateSelector == null) {
175 |       templateSelector = 'template';
176 |     }
177 |     this.shadowCreatedCallback = __bind(this.shadowCreatedCallback, this);
178 |     this.shadowHost = document.querySelector(hostSelector);
179 |     this.shadowTmpl = this.shadowHost.parentNode.querySelector(templateSelector);
180 |     shadowProto = Object.create(HTMLElement.prototype);
181 |     shadowProto.createdCallback = this.shadowCreatedCallback();
182 |   }
183 | 
184 |   ShadowTemplate.prototype.shadowCreatedCallback = function() {
185 |     this.shadowRoot = this.shadowHost.createShadowRoot();
186 |     this.shadowRoot.applyAuthorStyles = true;
187 |     return this.clone = this.shadowTmpl.content.cloneNode(true);
188 |   };
189 | 
190 |   ShadowTemplate.prototype.attachClone = function() {
191 |     return this.shadowRoot.appendChild(this.clone);
192 |   };
193 | 
194 |   return ShadowTemplate;
195 | 
196 | })();
197 | 
198 | module.exports = ShadowTemplate;
199 | 
200 | 
201 | },{}],6:[function(require,module,exports){
202 | var ContentReplacements, CustomDropdown, ShadowDropdown, ShadowElement, ShadowTemplate, supportsCustomElements;
203 | 
204 | ShadowTemplate = require('./ShadowTemplate');
205 | 
206 | ShadowDropdown = require('./ShadowDropdown');
207 | 
208 | CustomDropdown = require('./CustomDropdown');
209 | 
210 | ShadowElement = require('./ShadowElement');
211 | 
212 | ContentReplacements = require('./ContentReplacements');
213 | 
214 | document.addEventListener('DOMContentLoaded', function(event) {
215 |   var buttonProto, customButton, customDivButton, customDropdown, divButtonProto, dropdownProto, el, elDropdowns, shadowArticleName, shadowButtonName, shadowDivButtonName, shadowDropdownName, shadowTemplate, tacoArticle, tacoArticleProto, _i, _len, _results;
216 |   new ContentReplacements();
217 |   shadowArticleName = 'taco-article';
218 |   shadowTemplate = 'template.taco-article';
219 |   shadowDropdownName = 'shadow-dropdown';
220 |   shadowDivButtonName = 'div-button';
221 |   shadowButtonName = 'button-button';
222 |   if (supportsCustomElements()) {
223 |     tacoArticleProto = Object.create(HTMLElement.prototype, {
224 |       createdCallback: {
225 |         value: function() {
226 |           return new ShadowElement(shadowArticleName, shadowTemplate);
227 |         }
228 |       }
229 |     });
230 |     dropdownProto = Object.create(HTMLElement.prototype, {
231 |       createdCallback: {
232 |         value: function() {
233 |           return new ShadowDropdown(shadowDropdownName);
234 |         }
235 |       }
236 |     });
237 |     customDropdown = document.registerElement(shadowDropdownName, {
238 |       prototype: dropdownProto
239 |     });
240 |     divButtonProto = Object.create(HTMLElement.prototype, {
241 |       createdCallback: {
242 |         value: function() {
243 |           return new ShadowElement(shadowDivButtonName);
244 |         }
245 |       }
246 |     });
247 |     buttonProto = Object.create(HTMLElement.prototype, {
248 |       createdCallback: {
249 |         value: function() {
250 |           return new ShadowElement(shadowButtonName);
251 |         }
252 |       }
253 |     });
254 |     tacoArticle = document.registerElement(shadowArticleName, {
255 |       prototype: tacoArticleProto
256 |     });
257 |     customDivButton = document.registerElement(shadowDivButtonName, {
258 |       prototype: divButtonProto
259 |     });
260 |     customButton = document.registerElement(shadowButtonName, {
261 |       prototype: buttonProto
262 |     });
263 |   }
264 |   elDropdowns = document.querySelectorAll('.custom-dropdown');
265 |   _results = [];
266 |   for (_i = 0, _len = elDropdowns.length; _i < _len; _i++) {
267 |     el = elDropdowns[_i];
268 |     _results.push(new CustomDropdown(el));
269 |   }
270 |   return _results;
271 | });
272 | 
273 | supportsCustomElements = function() {
274 |   return 'registerElement' in document;
275 | };
276 | 
277 | 
278 | },{"./ContentReplacements":1,"./CustomDropdown":2,"./ShadowDropdown":3,"./ShadowElement":4,"./ShadowTemplate":5}]},{},[1,2,3,4,5,6])
279 | ;


--------------------------------------------------------------------------------
/assets/styles/main.css:
--------------------------------------------------------------------------------
  1 | /* html5doctor.com Reset Stylesheet */
  2 | /* v1.6.1 */
  3 | /* Last Updated: 2010-09-17 */
  4 | /* Author: Richard Clark - http://richclarkdesign.com */
  5 | /* Twitter: @rich_clark */
  6 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  7 |   margin: 0;
  8 |   padding: 0;
  9 |   border: 0;
 10 |   font-size: 100%;
 11 |   vertical-align: baseline;
 12 |   background: transparent; }
 13 | 
 14 | body {
 15 |   line-height: 1; }
 16 | 
 17 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
 18 |   display: block; }
 19 | 
 20 | nav ul {
 21 |   list-style: none; }
 22 | 
 23 | blockquote, q {
 24 |   quotes: none; }
 25 | 
 26 | blockquote:before, blockquote:after, q:before, q:after {
 27 |   content: "";
 28 |   content: none; }
 29 | 
 30 | a {
 31 |   margin: 0;
 32 |   padding: 0;
 33 |   font-size: 100%;
 34 |   vertical-align: baseline;
 35 |   background: transparent; }
 36 | 
 37 | /* change colours to suit your needs */
 38 | ins {
 39 |   background-color: #ffff99;
 40 |   color: black;
 41 |   text-decoration: none; }
 42 | 
 43 | /* change colours to suit your needs */
 44 | mark {
 45 |   background-color: #ffff99;
 46 |   color: black;
 47 |   font-style: italic;
 48 |   font-weight: bold; }
 49 | 
 50 | del {
 51 |   text-decoration: line-through; }
 52 | 
 53 | abbr[title], dfn[title] {
 54 |   border-bottom: 1px dotted;
 55 |   cursor: help; }
 56 | 
 57 | table {
 58 |   border-collapse: collapse;
 59 |   border-spacing: 0; }
 60 | 
 61 | /* change border colour to suit your needs */
 62 | hr {
 63 |   display: block;
 64 |   height: 1px;
 65 |   border: 0;
 66 |   border-top: 1px solid #cccccc;
 67 |   margin: 1em 0;
 68 |   padding: 0; }
 69 | 
 70 | input,
 71 | select {
 72 |   vertical-align: middle; }
 73 | 
 74 | template {
 75 |   display: none !important;
 76 |   visibility: hidden !important; }
 77 | 
 78 | .offscreen, .accessLabel {
 79 |   display: block;
 80 |   left: -50000px;
 81 |   position: absolute; }
 82 | 
 83 | #container {
 84 |   background: #fddf96 url(../images/taco-nyan.jpg) no-repeat bottom right; }
 85 | 
 86 | body, button {
 87 |   font-family: Menlo, Courier, monospace; }
 88 | 
 89 | button, .button {
 90 |   background-color: #dccb09;
 91 |   font-weight: bold;
 92 |   border: none;
 93 |   display: block;
 94 |   font-size: 1em;
 95 |   text-align: left;
 96 |   -webkit-appearance: none; }
 97 | 
 98 | a, button, .button {
 99 |   color: black;
100 |   cursor: pointer; }
101 |   a:hover, a:focus, button:hover, button:focus, .button:hover, .button:focus {
102 |     color: #2ec133; }
103 | 
104 | .custom-dropdown a, button, .button {
105 |   display: inline-block;
106 |   padding: 8px;
107 |   text-decoration: none; }
108 | 
109 | h1, h2, h3, h4, p {
110 |   line-height: 1.25em;
111 |   margin-bottom: 16px; }
112 | 
113 | h1 {
114 |   font-size: 1.5em; }
115 | 
116 | h2 {
117 |   font-size: 1.25em; }
118 | 
119 | h3, h4 {
120 |   font-size: 1em;
121 |   margin-bottom: 8px; }
122 | 
123 | header p {
124 |   font-size: 0.75em;
125 |   font-style: italic; }
126 | 
127 | #contentTests button {
128 |   margin-bottom: 16px; }
129 | 
130 | * {
131 |   -webkit-box-sizing: border-box;
132 |   -moz-box-sizing: border-box;
133 |   -ms-box-sizing: border-box;
134 |   box-sizing: border-box; }
135 | 
136 | html, body {
137 |   height: 100%; }
138 | 
139 | #container {
140 |   min-height: 100%;
141 |   position: relative; }
142 | 
143 | #container > header {
144 |   padding: 20px 0 0 20px; }
145 |   #container > header h1 {
146 |     margin: 0; }
147 | 
148 | main {
149 |   padding: 20px 20px 80px; }
150 | 
151 | section {
152 |   display: inline-block;
153 |   padding-right: 16px;
154 |   max-width: 320px;
155 |   vertical-align: top; }
156 |   section header p {
157 |     max-width: 320px; }
158 | 
159 | article {
160 |   margin-bottom: 16px; }
161 | 
162 | .custom-dropdown,
163 | .shadow-dropdown {
164 |   min-width: 280px;
165 |   position: relative;
166 |   width: 30%; }
167 |   .custom-dropdown button,
168 |   .shadow-dropdown button {
169 |     width: 100%; }
170 |     .custom-dropdown button:after,
171 |     .shadow-dropdown button:after {
172 |       content: "\25BC";
173 |       display: inline-block;
174 |       float: right;
175 |       vertical-align: middle; }
176 |   .custom-dropdown ul,
177 |   .shadow-dropdown ul {
178 |     box-shadow: 0 0.5em 1em #999999;
179 |     background-color: white;
180 |     display: none;
181 |     list-style: none;
182 |     position: absolute;
183 |     visibility: hidden;
184 |     z-index: 1;
185 |     width: 100%; }
186 |     .custom-dropdown ul a,
187 |     .shadow-dropdown ul a {
188 |       display: block; }
189 |       .custom-dropdown ul a:hover, .custom-dropdown ul a:focus,
190 |       .shadow-dropdown ul a:hover,
191 |       .shadow-dropdown ul a:focus {
192 |         background-color: #2ec133;
193 |         color: black; }
194 |   .custom-dropdown.active .trigger:after,
195 |   .shadow-dropdown.active .trigger:after {
196 |     content: "\25B2"; }
197 |   .custom-dropdown.active ul,
198 |   .shadow-dropdown.active ul {
199 |     display: block;
200 |     visibility: visible; }
201 | 
202 | button, .button {
203 |   border-radius: 5px;
204 |   padding: 10px 20px; }
205 | 
206 | .button-group, .article-inner-wrapper {
207 |   background-color: white;
208 |   clear: both;
209 |   padding: 16px;
210 |   margin-bottom: 16px;
211 |   max-width: 400px; }
212 |   .button-group article.button-widget, .article-inner-wrapper article.button-widget {
213 |     display: inline-block;
214 |     margin-right: 16px;
215 |     vertical-align: bottom;
216 |     width: 40%; }
217 | 
218 | footer {
219 |   bottom: 0;
220 |   background-color: #dccb09;
221 |   border-top: 5px solid black;
222 |   height: 79px;
223 |   padding: 16px;
224 |   position: absolute;
225 |   width: 100%; }
226 |   footer ul {
227 |     list-style: none; }
228 |     footer ul li {
229 |       display: inline-block;
230 |       font-size: 0.85em; }
231 | 


--------------------------------------------------------------------------------
/assets/styles/shadow-content.css:
--------------------------------------------------------------------------------
 1 | .outer {
 2 |   background: #5bc8ff;
 3 |   border: 2px solid #5bc8ff;
 4 |   border-radius: 1em;
 5 |   font-size: 20pt;
 6 |   min-height: 7em;
 7 |   margin-bottom: 1em;
 8 |   text-align: center;
 9 |   width: 12em; }
10 | 
11 | .boilerplate {
12 |   color: white;
13 |   font-family: sans-serif;
14 |   padding: 0.5em; }
15 | 
16 | .boilerplate h3 {
17 |   margin: 0; }
18 | 
19 | .boilerplate h3 span {
20 |   display: block;
21 |   font-size: 80%;
22 |   line-height: 85%; }
23 | 
24 | .name {
25 |   background: white;
26 |   color: black;
27 |   font-size: 45pt;
28 |   padding-top: 0.2em; }
29 | 
30 | .name h4 {
31 |   margin: 0;
32 |   padding-bottom: 10px; }
33 | 


--------------------------------------------------------------------------------
/assets/webcomponents.js/CustomElements.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.5.5
 11 | if (typeof WeakMap === "undefined") {
 12 |   (function() {
 13 |     var defineProperty = Object.defineProperty;
 14 |     var counter = Date.now() % 1e9;
 15 |     var WeakMap = function() {
 16 |       this.name = "__st" + (Math.random() * 1e9 >>> 0) + (counter++ + "__");
 17 |     };
 18 |     WeakMap.prototype = {
 19 |       set: function(key, value) {
 20 |         var entry = key[this.name];
 21 |         if (entry && entry[0] === key) entry[1] = value; else defineProperty(key, this.name, {
 22 |           value: [ key, value ],
 23 |           writable: true
 24 |         });
 25 |         return this;
 26 |       },
 27 |       get: function(key) {
 28 |         var entry;
 29 |         return (entry = key[this.name]) && entry[0] === key ? entry[1] : undefined;
 30 |       },
 31 |       "delete": function(key) {
 32 |         var entry = key[this.name];
 33 |         if (!entry || entry[0] !== key) return false;
 34 |         entry[0] = entry[1] = undefined;
 35 |         return true;
 36 |       },
 37 |       has: function(key) {
 38 |         var entry = key[this.name];
 39 |         if (!entry) return false;
 40 |         return entry[0] === key;
 41 |       }
 42 |     };
 43 |     window.WeakMap = WeakMap;
 44 |   })();
 45 | }
 46 | 
 47 | window.CustomElements = window.CustomElements || {
 48 |   flags: {}
 49 | };
 50 | 
 51 | (function(scope) {
 52 |   var flags = scope.flags;
 53 |   var modules = [];
 54 |   var addModule = function(module) {
 55 |     modules.push(module);
 56 |   };
 57 |   var initializeModules = function() {
 58 |     modules.forEach(function(module) {
 59 |       module(scope);
 60 |     });
 61 |   };
 62 |   scope.addModule = addModule;
 63 |   scope.initializeModules = initializeModules;
 64 |   scope.hasNative = Boolean(document.registerElement);
 65 |   scope.useNative = !flags.register && scope.hasNative && !window.ShadowDOMPolyfill && (!window.HTMLImports || HTMLImports.useNative);
 66 | })(CustomElements);
 67 | 
 68 | CustomElements.addModule(function(scope) {
 69 |   var IMPORT_LINK_TYPE = window.HTMLImports ? HTMLImports.IMPORT_LINK_TYPE : "none";
 70 |   function forSubtree(node, cb) {
 71 |     findAllElements(node, function(e) {
 72 |       if (cb(e)) {
 73 |         return true;
 74 |       }
 75 |       forRoots(e, cb);
 76 |     });
 77 |     forRoots(node, cb);
 78 |   }
 79 |   function findAllElements(node, find, data) {
 80 |     var e = node.firstElementChild;
 81 |     if (!e) {
 82 |       e = node.firstChild;
 83 |       while (e && e.nodeType !== Node.ELEMENT_NODE) {
 84 |         e = e.nextSibling;
 85 |       }
 86 |     }
 87 |     while (e) {
 88 |       if (find(e, data) !== true) {
 89 |         findAllElements(e, find, data);
 90 |       }
 91 |       e = e.nextElementSibling;
 92 |     }
 93 |     return null;
 94 |   }
 95 |   function forRoots(node, cb) {
 96 |     var root = node.shadowRoot;
 97 |     while (root) {
 98 |       forSubtree(root, cb);
 99 |       root = root.olderShadowRoot;
100 |     }
101 |   }
102 |   var processingDocuments;
103 |   function forDocumentTree(doc, cb) {
104 |     processingDocuments = [];
105 |     _forDocumentTree(doc, cb);
106 |     processingDocuments = null;
107 |   }
108 |   function _forDocumentTree(doc, cb) {
109 |     doc = wrap(doc);
110 |     if (processingDocuments.indexOf(doc) >= 0) {
111 |       return;
112 |     }
113 |     processingDocuments.push(doc);
114 |     var imports = doc.querySelectorAll("link[rel=" + IMPORT_LINK_TYPE + "]");
115 |     for (var i = 0, l = imports.length, n; i < l && (n = imports[i]); i++) {
116 |       if (n.import) {
117 |         _forDocumentTree(n.import, cb);
118 |       }
119 |     }
120 |     cb(doc);
121 |   }
122 |   scope.forDocumentTree = forDocumentTree;
123 |   scope.forSubtree = forSubtree;
124 | });
125 | 
126 | CustomElements.addModule(function(scope) {
127 |   var flags = scope.flags;
128 |   var forSubtree = scope.forSubtree;
129 |   var forDocumentTree = scope.forDocumentTree;
130 |   function addedNode(node) {
131 |     return added(node) || addedSubtree(node);
132 |   }
133 |   function added(node) {
134 |     if (scope.upgrade(node)) {
135 |       return true;
136 |     }
137 |     attached(node);
138 |   }
139 |   function addedSubtree(node) {
140 |     forSubtree(node, function(e) {
141 |       if (added(e)) {
142 |         return true;
143 |       }
144 |     });
145 |   }
146 |   function attachedNode(node) {
147 |     attached(node);
148 |     if (inDocument(node)) {
149 |       forSubtree(node, function(e) {
150 |         attached(e);
151 |       });
152 |     }
153 |   }
154 |   var hasPolyfillMutations = !window.MutationObserver || window.MutationObserver === window.JsMutationObserver;
155 |   scope.hasPolyfillMutations = hasPolyfillMutations;
156 |   var isPendingMutations = false;
157 |   var pendingMutations = [];
158 |   function deferMutation(fn) {
159 |     pendingMutations.push(fn);
160 |     if (!isPendingMutations) {
161 |       isPendingMutations = true;
162 |       setTimeout(takeMutations);
163 |     }
164 |   }
165 |   function takeMutations() {
166 |     isPendingMutations = false;
167 |     var $p = pendingMutations;
168 |     for (var i = 0, l = $p.length, p; i < l && (p = $p[i]); i++) {
169 |       p();
170 |     }
171 |     pendingMutations = [];
172 |   }
173 |   function attached(element) {
174 |     if (hasPolyfillMutations) {
175 |       deferMutation(function() {
176 |         _attached(element);
177 |       });
178 |     } else {
179 |       _attached(element);
180 |     }
181 |   }
182 |   function _attached(element) {
183 |     if (element.__upgraded__ && (element.attachedCallback || element.detachedCallback)) {
184 |       if (!element.__attached && inDocument(element)) {
185 |         element.__attached = true;
186 |         if (element.attachedCallback) {
187 |           element.attachedCallback();
188 |         }
189 |       }
190 |     }
191 |   }
192 |   function detachedNode(node) {
193 |     detached(node);
194 |     forSubtree(node, function(e) {
195 |       detached(e);
196 |     });
197 |   }
198 |   function detached(element) {
199 |     if (hasPolyfillMutations) {
200 |       deferMutation(function() {
201 |         _detached(element);
202 |       });
203 |     } else {
204 |       _detached(element);
205 |     }
206 |   }
207 |   function _detached(element) {
208 |     if (element.__upgraded__ && (element.attachedCallback || element.detachedCallback)) {
209 |       if (element.__attached && !inDocument(element)) {
210 |         element.__attached = false;
211 |         if (element.detachedCallback) {
212 |           element.detachedCallback();
213 |         }
214 |       }
215 |     }
216 |   }
217 |   function inDocument(element) {
218 |     var p = element;
219 |     var doc = wrap(document);
220 |     while (p) {
221 |       if (p == doc) {
222 |         return true;
223 |       }
224 |       p = p.parentNode || p.host;
225 |     }
226 |   }
227 |   function watchShadow(node) {
228 |     if (node.shadowRoot && !node.shadowRoot.__watched) {
229 |       flags.dom && console.log("watching shadow-root for: ", node.localName);
230 |       var root = node.shadowRoot;
231 |       while (root) {
232 |         observe(root);
233 |         root = root.olderShadowRoot;
234 |       }
235 |     }
236 |   }
237 |   function handler(mutations) {
238 |     if (flags.dom) {
239 |       var mx = mutations[0];
240 |       if (mx && mx.type === "childList" && mx.addedNodes) {
241 |         if (mx.addedNodes) {
242 |           var d = mx.addedNodes[0];
243 |           while (d && d !== document && !d.host) {
244 |             d = d.parentNode;
245 |           }
246 |           var u = d && (d.URL || d._URL || d.host && d.host.localName) || "";
247 |           u = u.split("/?").shift().split("/").pop();
248 |         }
249 |       }
250 |       console.group("mutations (%d) [%s]", mutations.length, u || "");
251 |     }
252 |     mutations.forEach(function(mx) {
253 |       if (mx.type === "childList") {
254 |         forEach(mx.addedNodes, function(n) {
255 |           if (!n.localName) {
256 |             return;
257 |           }
258 |           addedNode(n);
259 |         });
260 |         forEach(mx.removedNodes, function(n) {
261 |           if (!n.localName) {
262 |             return;
263 |           }
264 |           detachedNode(n);
265 |         });
266 |       }
267 |     });
268 |     flags.dom && console.groupEnd();
269 |   }
270 |   function takeRecords(node) {
271 |     node = wrap(node);
272 |     if (!node) {
273 |       node = wrap(document);
274 |     }
275 |     while (node.parentNode) {
276 |       node = node.parentNode;
277 |     }
278 |     var observer = node.__observer;
279 |     if (observer) {
280 |       handler(observer.takeRecords());
281 |       takeMutations();
282 |     }
283 |   }
284 |   var forEach = Array.prototype.forEach.call.bind(Array.prototype.forEach);
285 |   function observe(inRoot) {
286 |     if (inRoot.__observer) {
287 |       return;
288 |     }
289 |     var observer = new MutationObserver(handler);
290 |     observer.observe(inRoot, {
291 |       childList: true,
292 |       subtree: true
293 |     });
294 |     inRoot.__observer = observer;
295 |   }
296 |   function upgradeDocument(doc) {
297 |     doc = wrap(doc);
298 |     flags.dom && console.group("upgradeDocument: ", doc.baseURI.split("/").pop());
299 |     addedNode(doc);
300 |     observe(doc);
301 |     flags.dom && console.groupEnd();
302 |   }
303 |   function upgradeDocumentTree(doc) {
304 |     forDocumentTree(doc, upgradeDocument);
305 |   }
306 |   var originalCreateShadowRoot = Element.prototype.createShadowRoot;
307 |   if (originalCreateShadowRoot) {
308 |     Element.prototype.createShadowRoot = function() {
309 |       var root = originalCreateShadowRoot.call(this);
310 |       CustomElements.watchShadow(this);
311 |       return root;
312 |     };
313 |   }
314 |   scope.watchShadow = watchShadow;
315 |   scope.upgradeDocumentTree = upgradeDocumentTree;
316 |   scope.upgradeSubtree = addedSubtree;
317 |   scope.upgradeAll = addedNode;
318 |   scope.attachedNode = attachedNode;
319 |   scope.takeRecords = takeRecords;
320 | });
321 | 
322 | CustomElements.addModule(function(scope) {
323 |   var flags = scope.flags;
324 |   function upgrade(node) {
325 |     if (!node.__upgraded__ && node.nodeType === Node.ELEMENT_NODE) {
326 |       var is = node.getAttribute("is");
327 |       var definition = scope.getRegisteredDefinition(is || node.localName);
328 |       if (definition) {
329 |         if (is && definition.tag == node.localName) {
330 |           return upgradeWithDefinition(node, definition);
331 |         } else if (!is && !definition.extends) {
332 |           return upgradeWithDefinition(node, definition);
333 |         }
334 |       }
335 |     }
336 |   }
337 |   function upgradeWithDefinition(element, definition) {
338 |     flags.upgrade && console.group("upgrade:", element.localName);
339 |     if (definition.is) {
340 |       element.setAttribute("is", definition.is);
341 |     }
342 |     implementPrototype(element, definition);
343 |     element.__upgraded__ = true;
344 |     created(element);
345 |     scope.attachedNode(element);
346 |     scope.upgradeSubtree(element);
347 |     flags.upgrade && console.groupEnd();
348 |     return element;
349 |   }
350 |   function implementPrototype(element, definition) {
351 |     if (Object.__proto__) {
352 |       element.__proto__ = definition.prototype;
353 |     } else {
354 |       customMixin(element, definition.prototype, definition.native);
355 |       element.__proto__ = definition.prototype;
356 |     }
357 |   }
358 |   function customMixin(inTarget, inSrc, inNative) {
359 |     var used = {};
360 |     var p = inSrc;
361 |     while (p !== inNative && p !== HTMLElement.prototype) {
362 |       var keys = Object.getOwnPropertyNames(p);
363 |       for (var i = 0, k; k = keys[i]; i++) {
364 |         if (!used[k]) {
365 |           Object.defineProperty(inTarget, k, Object.getOwnPropertyDescriptor(p, k));
366 |           used[k] = 1;
367 |         }
368 |       }
369 |       p = Object.getPrototypeOf(p);
370 |     }
371 |   }
372 |   function created(element) {
373 |     if (element.createdCallback) {
374 |       element.createdCallback();
375 |     }
376 |   }
377 |   scope.upgrade = upgrade;
378 |   scope.upgradeWithDefinition = upgradeWithDefinition;
379 |   scope.implementPrototype = implementPrototype;
380 | });
381 | 
382 | CustomElements.addModule(function(scope) {
383 |   var upgradeDocumentTree = scope.upgradeDocumentTree;
384 |   var upgrade = scope.upgrade;
385 |   var upgradeWithDefinition = scope.upgradeWithDefinition;
386 |   var implementPrototype = scope.implementPrototype;
387 |   var useNative = scope.useNative;
388 |   function register(name, options) {
389 |     var definition = options || {};
390 |     if (!name) {
391 |       throw new Error("document.registerElement: first argument `name` must not be empty");
392 |     }
393 |     if (name.indexOf("-") < 0) {
394 |       throw new Error("document.registerElement: first argument ('name') must contain a dash ('-'). Argument provided was '" + String(name) + "'.");
395 |     }
396 |     if (isReservedTag(name)) {
397 |       throw new Error("Failed to execute 'registerElement' on 'Document': Registration failed for type '" + String(name) + "'. The type name is invalid.");
398 |     }
399 |     if (getRegisteredDefinition(name)) {
400 |       throw new Error("DuplicateDefinitionError: a type with name '" + String(name) + "' is already registered");
401 |     }
402 |     if (!definition.prototype) {
403 |       definition.prototype = Object.create(HTMLElement.prototype);
404 |     }
405 |     definition.__name = name.toLowerCase();
406 |     definition.lifecycle = definition.lifecycle || {};
407 |     definition.ancestry = ancestry(definition.extends);
408 |     resolveTagName(definition);
409 |     resolvePrototypeChain(definition);
410 |     overrideAttributeApi(definition.prototype);
411 |     registerDefinition(definition.__name, definition);
412 |     definition.ctor = generateConstructor(definition);
413 |     definition.ctor.prototype = definition.prototype;
414 |     definition.prototype.constructor = definition.ctor;
415 |     if (scope.ready) {
416 |       upgradeDocumentTree(document);
417 |     }
418 |     return definition.ctor;
419 |   }
420 |   function overrideAttributeApi(prototype) {
421 |     if (prototype.setAttribute._polyfilled) {
422 |       return;
423 |     }
424 |     var setAttribute = prototype.setAttribute;
425 |     prototype.setAttribute = function(name, value) {
426 |       changeAttribute.call(this, name, value, setAttribute);
427 |     };
428 |     var removeAttribute = prototype.removeAttribute;
429 |     prototype.removeAttribute = function(name) {
430 |       changeAttribute.call(this, name, null, removeAttribute);
431 |     };
432 |     prototype.setAttribute._polyfilled = true;
433 |   }
434 |   function changeAttribute(name, value, operation) {
435 |     name = name.toLowerCase();
436 |     var oldValue = this.getAttribute(name);
437 |     operation.apply(this, arguments);
438 |     var newValue = this.getAttribute(name);
439 |     if (this.attributeChangedCallback && newValue !== oldValue) {
440 |       this.attributeChangedCallback(name, oldValue, newValue);
441 |     }
442 |   }
443 |   function isReservedTag(name) {
444 |     for (var i = 0; i < reservedTagList.length; i++) {
445 |       if (name === reservedTagList[i]) {
446 |         return true;
447 |       }
448 |     }
449 |   }
450 |   var reservedTagList = [ "annotation-xml", "color-profile", "font-face", "font-face-src", "font-face-uri", "font-face-format", "font-face-name", "missing-glyph" ];
451 |   function ancestry(extnds) {
452 |     var extendee = getRegisteredDefinition(extnds);
453 |     if (extendee) {
454 |       return ancestry(extendee.extends).concat([ extendee ]);
455 |     }
456 |     return [];
457 |   }
458 |   function resolveTagName(definition) {
459 |     var baseTag = definition.extends;
460 |     for (var i = 0, a; a = definition.ancestry[i]; i++) {
461 |       baseTag = a.is && a.tag;
462 |     }
463 |     definition.tag = baseTag || definition.__name;
464 |     if (baseTag) {
465 |       definition.is = definition.__name;
466 |     }
467 |   }
468 |   function resolvePrototypeChain(definition) {
469 |     if (!Object.__proto__) {
470 |       var nativePrototype = HTMLElement.prototype;
471 |       if (definition.is) {
472 |         var inst = document.createElement(definition.tag);
473 |         var expectedPrototype = Object.getPrototypeOf(inst);
474 |         if (expectedPrototype === definition.prototype) {
475 |           nativePrototype = expectedPrototype;
476 |         }
477 |       }
478 |       var proto = definition.prototype, ancestor;
479 |       while (proto && proto !== nativePrototype) {
480 |         ancestor = Object.getPrototypeOf(proto);
481 |         proto.__proto__ = ancestor;
482 |         proto = ancestor;
483 |       }
484 |       definition.native = nativePrototype;
485 |     }
486 |   }
487 |   function instantiate(definition) {
488 |     return upgradeWithDefinition(domCreateElement(definition.tag), definition);
489 |   }
490 |   var registry = {};
491 |   function getRegisteredDefinition(name) {
492 |     if (name) {
493 |       return registry[name.toLowerCase()];
494 |     }
495 |   }
496 |   function registerDefinition(name, definition) {
497 |     registry[name] = definition;
498 |   }
499 |   function generateConstructor(definition) {
500 |     return function() {
501 |       return instantiate(definition);
502 |     };
503 |   }
504 |   var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
505 |   function createElementNS(namespace, tag, typeExtension) {
506 |     if (namespace === HTML_NAMESPACE) {
507 |       return createElement(tag, typeExtension);
508 |     } else {
509 |       return domCreateElementNS(namespace, tag);
510 |     }
511 |   }
512 |   function createElement(tag, typeExtension) {
513 |     var definition = getRegisteredDefinition(typeExtension || tag);
514 |     if (definition) {
515 |       if (tag == definition.tag && typeExtension == definition.is) {
516 |         return new definition.ctor();
517 |       }
518 |       if (!typeExtension && !definition.is) {
519 |         return new definition.ctor();
520 |       }
521 |     }
522 |     var element;
523 |     if (typeExtension) {
524 |       element = createElement(tag);
525 |       element.setAttribute("is", typeExtension);
526 |       return element;
527 |     }
528 |     element = domCreateElement(tag);
529 |     if (tag.indexOf("-") >= 0) {
530 |       implementPrototype(element, HTMLElement);
531 |     }
532 |     return element;
533 |   }
534 |   function cloneNode(deep) {
535 |     var n = domCloneNode.call(this, deep);
536 |     upgrade(n);
537 |     return n;
538 |   }
539 |   var domCreateElement = document.createElement.bind(document);
540 |   var domCreateElementNS = document.createElementNS.bind(document);
541 |   var domCloneNode = Node.prototype.cloneNode;
542 |   var isInstance;
543 |   if (!Object.__proto__ && !useNative) {
544 |     isInstance = function(obj, ctor) {
545 |       var p = obj;
546 |       while (p) {
547 |         if (p === ctor.prototype) {
548 |           return true;
549 |         }
550 |         p = p.__proto__;
551 |       }
552 |       return false;
553 |     };
554 |   } else {
555 |     isInstance = function(obj, base) {
556 |       return obj instanceof base;
557 |     };
558 |   }
559 |   document.registerElement = register;
560 |   document.createElement = createElement;
561 |   document.createElementNS = createElementNS;
562 |   Node.prototype.cloneNode = cloneNode;
563 |   scope.registry = registry;
564 |   scope.instanceof = isInstance;
565 |   scope.reservedTagList = reservedTagList;
566 |   scope.getRegisteredDefinition = getRegisteredDefinition;
567 |   document.register = document.registerElement;
568 | });
569 | 
570 | (function(scope) {
571 |   var useNative = scope.useNative;
572 |   var initializeModules = scope.initializeModules;
573 |   var isIE11OrOlder = /Trident/.test(navigator.userAgent);
574 |   if (useNative) {
575 |     var nop = function() {};
576 |     scope.watchShadow = nop;
577 |     scope.upgrade = nop;
578 |     scope.upgradeAll = nop;
579 |     scope.upgradeDocumentTree = nop;
580 |     scope.upgradeSubtree = nop;
581 |     scope.takeRecords = nop;
582 |     scope.instanceof = function(obj, base) {
583 |       return obj instanceof base;
584 |     };
585 |   } else {
586 |     initializeModules();
587 |   }
588 |   var upgradeDocumentTree = scope.upgradeDocumentTree;
589 |   if (!window.wrap) {
590 |     if (window.ShadowDOMPolyfill) {
591 |       window.wrap = ShadowDOMPolyfill.wrapIfNeeded;
592 |       window.unwrap = ShadowDOMPolyfill.unwrapIfNeeded;
593 |     } else {
594 |       window.wrap = window.unwrap = function(node) {
595 |         return node;
596 |       };
597 |     }
598 |   }
599 |   function bootstrap() {
600 |     upgradeDocumentTree(wrap(document));
601 |     if (window.HTMLImports) {
602 |       HTMLImports.__importsParsingHook = function(elt) {
603 |         upgradeDocumentTree(wrap(elt.import));
604 |       };
605 |     }
606 |     CustomElements.ready = true;
607 |     setTimeout(function() {
608 |       CustomElements.readyTime = Date.now();
609 |       if (window.HTMLImports) {
610 |         CustomElements.elapsed = CustomElements.readyTime - HTMLImports.readyTime;
611 |       }
612 |       document.dispatchEvent(new CustomEvent("WebComponentsReady", {
613 |         bubbles: true
614 |       }));
615 |     });
616 |   }
617 |   if (isIE11OrOlder && typeof window.CustomEvent !== "function") {
618 |     window.CustomEvent = function(inType, params) {
619 |       params = params || {};
620 |       var e = document.createEvent("CustomEvent");
621 |       e.initCustomEvent(inType, Boolean(params.bubbles), Boolean(params.cancelable), params.detail);
622 |       return e;
623 |     };
624 |     window.CustomEvent.prototype = window.Event.prototype;
625 |   }
626 |   if (document.readyState === "complete" || scope.flags.eager) {
627 |     bootstrap();
628 |   } else if (document.readyState === "interactive" && !window.attachEvent && (!window.HTMLImports || window.HTMLImports.ready)) {
629 |     bootstrap();
630 |   } else {
631 |     var loadEvent = window.HTMLImports && !HTMLImports.ready ? "HTMLImportsLoaded" : "DOMContentLoaded";
632 |     window.addEventListener(loadEvent, bootstrap);
633 |   }
634 | })(window.CustomElements);


--------------------------------------------------------------------------------
/assets/webcomponents.js/CustomElements.min.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.5.5
11 | "undefined"==typeof WeakMap&&!function(){var e=Object.defineProperty,t=Date.now()%1e9,o=function(){this.name="__st"+(1e9*Math.random()>>>0)+(t++ +"__")};o.prototype={set:function(t,o){var n=t[this.name];return n&&n[0]===t?n[1]=o:e(t,this.name,{value:[t,o],writable:!0}),this},get:function(e){var t;return(t=e[this.name])&&t[0]===e?t[1]:void 0},"delete":function(e){var t=e[this.name];return t&&t[0]===e?(t[0]=t[1]=void 0,!0):!1},has:function(e){var t=e[this.name];return t?t[0]===e:!1}},window.WeakMap=o}(),window.CustomElements=window.CustomElements||{flags:{}},function(e){var t=e.flags,o=[],n=function(e){o.push(e)},r=function(){o.forEach(function(t){t(e)})};e.addModule=n,e.initializeModules=r,e.hasNative=Boolean(document.registerElement),e.useNative=!t.register&&e.hasNative&&!window.ShadowDOMPolyfill&&(!window.HTMLImports||HTMLImports.useNative)}(CustomElements),CustomElements.addModule(function(e){function t(e,t){o(e,function(e){return t(e)?!0:void n(e,t)}),n(e,t)}function o(e,t,n){var r=e.firstElementChild;if(!r)for(r=e.firstChild;r&&r.nodeType!==Node.ELEMENT_NODE;)r=r.nextSibling;for(;r;)t(r,n)!==!0&&o(r,t,n),r=r.nextElementSibling;return null}function n(e,o){for(var n=e.shadowRoot;n;)t(n,o),n=n.olderShadowRoot}function r(e,t){i=[],a(e,t),i=null}function a(e,t){if(e=wrap(e),!(i.indexOf(e)>=0)){i.push(e);for(var o,n=e.querySelectorAll("link[rel="+u+"]"),r=0,d=n.length;d>r&&(o=n[r]);r++)o["import"]&&a(o["import"],t);t(e)}}var i,u=window.HTMLImports?HTMLImports.IMPORT_LINK_TYPE:"none";e.forDocumentTree=r,e.forSubtree=t}),CustomElements.addModule(function(e){function t(e){return o(e)||n(e)}function o(t){return e.upgrade(t)?!0:void u(t)}function n(e){y(e,function(e){return o(e)?!0:void 0})}function r(e){u(e),f(e)&&y(e,function(e){u(e)})}function a(e){M.push(e),C||(C=!0,setTimeout(i))}function i(){C=!1;for(var e,t=M,o=0,n=t.length;n>o&&(e=t[o]);o++)e();M=[]}function u(e){E?a(function(){d(e)}):d(e)}function d(e){e.__upgraded__&&(e.attachedCallback||e.detachedCallback)&&!e.__attached&&f(e)&&(e.__attached=!0,e.attachedCallback&&e.attachedCallback())}function c(e){s(e),y(e,function(e){s(e)})}function s(e){E?a(function(){l(e)}):l(e)}function l(e){e.__upgraded__&&(e.attachedCallback||e.detachedCallback)&&e.__attached&&!f(e)&&(e.__attached=!1,e.detachedCallback&&e.detachedCallback())}function f(e){for(var t=e,o=wrap(document);t;){if(t==o)return!0;t=t.parentNode||t.host}}function p(e){if(e.shadowRoot&&!e.shadowRoot.__watched){_.dom&&console.log("watching shadow-root for: ",e.localName);for(var t=e.shadowRoot;t;)h(t),t=t.olderShadowRoot}}function m(e){if(_.dom){var o=e[0];if(o&&"childList"===o.type&&o.addedNodes&&o.addedNodes){for(var n=o.addedNodes[0];n&&n!==document&&!n.host;)n=n.parentNode;var r=n&&(n.URL||n._URL||n.host&&n.host.localName)||"";r=r.split("/?").shift().split("/").pop()}console.group("mutations (%d) [%s]",e.length,r||"")}e.forEach(function(e){"childList"===e.type&&(N(e.addedNodes,function(e){e.localName&&t(e)}),N(e.removedNodes,function(e){e.localName&&c(e)}))}),_.dom&&console.groupEnd()}function w(e){for(e=wrap(e),e||(e=wrap(document));e.parentNode;)e=e.parentNode;var t=e.__observer;t&&(m(t.takeRecords()),i())}function h(e){if(!e.__observer){var t=new MutationObserver(m);t.observe(e,{childList:!0,subtree:!0}),e.__observer=t}}function g(e){e=wrap(e),_.dom&&console.group("upgradeDocument: ",e.baseURI.split("/").pop()),t(e),h(e),_.dom&&console.groupEnd()}function v(e){b(e,g)}var _=e.flags,y=e.forSubtree,b=e.forDocumentTree,E=!window.MutationObserver||window.MutationObserver===window.JsMutationObserver;e.hasPolyfillMutations=E;var C=!1,M=[],N=Array.prototype.forEach.call.bind(Array.prototype.forEach),T=Element.prototype.createShadowRoot;T&&(Element.prototype.createShadowRoot=function(){var e=T.call(this);return CustomElements.watchShadow(this),e}),e.watchShadow=p,e.upgradeDocumentTree=v,e.upgradeSubtree=n,e.upgradeAll=t,e.attachedNode=r,e.takeRecords=w}),CustomElements.addModule(function(e){function t(t){if(!t.__upgraded__&&t.nodeType===Node.ELEMENT_NODE){var n=t.getAttribute("is"),r=e.getRegisteredDefinition(n||t.localName);if(r){if(n&&r.tag==t.localName)return o(t,r);if(!n&&!r["extends"])return o(t,r)}}}function o(t,o){return i.upgrade&&console.group("upgrade:",t.localName),o.is&&t.setAttribute("is",o.is),n(t,o),t.__upgraded__=!0,a(t),e.attachedNode(t),e.upgradeSubtree(t),i.upgrade&&console.groupEnd(),t}function n(e,t){Object.__proto__?e.__proto__=t.prototype:(r(e,t.prototype,t["native"]),e.__proto__=t.prototype)}function r(e,t,o){for(var n={},r=t;r!==o&&r!==HTMLElement.prototype;){for(var a,i=Object.getOwnPropertyNames(r),u=0;a=i[u];u++)n[a]||(Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a)),n[a]=1);r=Object.getPrototypeOf(r)}}function a(e){e.createdCallback&&e.createdCallback()}var i=e.flags;e.upgrade=t,e.upgradeWithDefinition=o,e.implementPrototype=n}),CustomElements.addModule(function(e){function t(t,n){var d=n||{};if(!t)throw new Error("document.registerElement: first argument `name` must not be empty");if(t.indexOf("-")<0)throw new Error("document.registerElement: first argument ('name') must contain a dash ('-'). Argument provided was '"+String(t)+"'.");if(r(t))throw new Error("Failed to execute 'registerElement' on 'Document': Registration failed for type '"+String(t)+"'. The type name is invalid.");if(c(t))throw new Error("DuplicateDefinitionError: a type with name '"+String(t)+"' is already registered");return d.prototype||(d.prototype=Object.create(HTMLElement.prototype)),d.__name=t.toLowerCase(),d.lifecycle=d.lifecycle||{},d.ancestry=a(d["extends"]),i(d),u(d),o(d.prototype),s(d.__name,d),d.ctor=l(d),d.ctor.prototype=d.prototype,d.prototype.constructor=d.ctor,e.ready&&h(document),d.ctor}function o(e){if(!e.setAttribute._polyfilled){var t=e.setAttribute;e.setAttribute=function(e,o){n.call(this,e,o,t)};var o=e.removeAttribute;e.removeAttribute=function(e){n.call(this,e,null,o)},e.setAttribute._polyfilled=!0}}function n(e,t,o){e=e.toLowerCase();var n=this.getAttribute(e);o.apply(this,arguments);var r=this.getAttribute(e);this.attributeChangedCallback&&r!==n&&this.attributeChangedCallback(e,n,r)}function r(e){for(var t=0;t<b.length;t++)if(e===b[t])return!0}function a(e){var t=c(e);return t?a(t["extends"]).concat([t]):[]}function i(e){for(var t,o=e["extends"],n=0;t=e.ancestry[n];n++)o=t.is&&t.tag;e.tag=o||e.__name,o&&(e.is=e.__name)}function u(e){if(!Object.__proto__){var t=HTMLElement.prototype;if(e.is){var o=document.createElement(e.tag),n=Object.getPrototypeOf(o);n===e.prototype&&(t=n)}for(var r,a=e.prototype;a&&a!==t;)r=Object.getPrototypeOf(a),a.__proto__=r,a=r;e["native"]=t}}function d(e){return v(M(e.tag),e)}function c(e){return e?E[e.toLowerCase()]:void 0}function s(e,t){E[e]=t}function l(e){return function(){return d(e)}}function f(e,t,o){return e===C?p(t,o):N(e,t)}function p(e,t){var o=c(t||e);if(o){if(e==o.tag&&t==o.is)return new o.ctor;if(!t&&!o.is)return new o.ctor}var n;return t?(n=p(e),n.setAttribute("is",t),n):(n=M(e),e.indexOf("-")>=0&&_(n,HTMLElement),n)}function m(e){var t=T.call(this,e);return g(t),t}var w,h=e.upgradeDocumentTree,g=e.upgrade,v=e.upgradeWithDefinition,_=e.implementPrototype,y=e.useNative,b=["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name","missing-glyph"],E={},C="http://www.w3.org/1999/xhtml",M=document.createElement.bind(document),N=document.createElementNS.bind(document),T=Node.prototype.cloneNode;w=Object.__proto__||y?function(e,t){return e instanceof t}:function(e,t){for(var o=e;o;){if(o===t.prototype)return!0;o=o.__proto__}return!1},document.registerElement=t,document.createElement=p,document.createElementNS=f,Node.prototype.cloneNode=m,e.registry=E,e["instanceof"]=w,e.reservedTagList=b,e.getRegisteredDefinition=c,document.register=document.registerElement}),function(e){function t(){i(wrap(document)),window.HTMLImports&&(HTMLImports.__importsParsingHook=function(e){i(wrap(e["import"]))}),CustomElements.ready=!0,setTimeout(function(){CustomElements.readyTime=Date.now(),window.HTMLImports&&(CustomElements.elapsed=CustomElements.readyTime-HTMLImports.readyTime),document.dispatchEvent(new CustomEvent("WebComponentsReady",{bubbles:!0}))})}var o=e.useNative,n=e.initializeModules,r=/Trident/.test(navigator.userAgent);if(o){var a=function(){};e.watchShadow=a,e.upgrade=a,e.upgradeAll=a,e.upgradeDocumentTree=a,e.upgradeSubtree=a,e.takeRecords=a,e["instanceof"]=function(e,t){return e instanceof t}}else n();var i=e.upgradeDocumentTree;if(window.wrap||(window.ShadowDOMPolyfill?(window.wrap=ShadowDOMPolyfill.wrapIfNeeded,window.unwrap=ShadowDOMPolyfill.unwrapIfNeeded):window.wrap=window.unwrap=function(e){return e}),r&&"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(e,t){t=t||{};var o=document.createEvent("CustomEvent");return o.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),o},window.CustomEvent.prototype=window.Event.prototype),"complete"===document.readyState||e.flags.eager)t();else if("interactive"!==document.readyState||window.attachEvent||window.HTMLImports&&!window.HTMLImports.ready){var u=window.HTMLImports&&!HTMLImports.ready?"HTMLImportsLoaded":"DOMContentLoaded";window.addEventListener(u,t)}else t()}(window.CustomElements);


--------------------------------------------------------------------------------
/assets/webcomponents.js/HTMLImports.min.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.5.5
11 | "undefined"==typeof WeakMap&&!function(){var e=Object.defineProperty,t=Date.now()%1e9,n=function(){this.name="__st"+(1e9*Math.random()>>>0)+(t++ +"__")};n.prototype={set:function(t,n){var r=t[this.name];return r&&r[0]===t?r[1]=n:e(t,this.name,{value:[t,n],writable:!0}),this},get:function(e){var t;return(t=e[this.name])&&t[0]===e?t[1]:void 0},"delete":function(e){var t=e[this.name];return t&&t[0]===e?(t[0]=t[1]=void 0,!0):!1},has:function(e){var t=e[this.name];return t?t[0]===e:!1}},window.WeakMap=n}(),window.HTMLImports=window.HTMLImports||{flags:{}},function(e){function t(e,t){t=t||h,r(function(){i(e,t)},t)}function n(e){return"complete"===e.readyState||e.readyState===g}function r(e,t){if(n(t))e&&e();else{var o=function(){("complete"===t.readyState||t.readyState===g)&&(t.removeEventListener(_,o),r(e,t))};t.addEventListener(_,o)}}function o(e){e.target.__loaded=!0}function i(e,t){function n(){s==c&&e&&e()}function r(e){o(e),s++,n()}var i=t.querySelectorAll("link[rel=import]"),s=0,c=i.length;if(c)for(var d,l=0;c>l&&(d=i[l]);l++)a(d)?r.call(d,{target:d}):(d.addEventListener("load",r),d.addEventListener("error",r));else n()}function a(e){return u?e.__loaded||e["import"]&&"loading"!==e["import"].readyState:e.__importParsed}function s(e){for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)c(t)&&d(t)}function c(e){return"link"===e.localName&&"import"===e.rel}function d(e){var t=e["import"];t?o({target:e}):(e.addEventListener("load",o),e.addEventListener("error",o))}var l="import",u=Boolean(l in document.createElement("link")),m=Boolean(window.ShadowDOMPolyfill),p=function(e){return m?ShadowDOMPolyfill.wrapIfNeeded(e):e},h=p(document),f={get:function(){var e=HTMLImports.currentScript||document.currentScript||("complete"!==document.readyState?document.scripts[document.scripts.length-1]:null);return p(e)},configurable:!0};Object.defineProperty(document,"_currentScript",f),Object.defineProperty(h,"_currentScript",f);var v=/Trident|Edge/.test(navigator.userAgent),g=v?"complete":"interactive",_="readystatechange";u&&(new MutationObserver(function(e){for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)t.addedNodes&&s(t.addedNodes)}).observe(document.head,{childList:!0}),function(){if("loading"===document.readyState)for(var e,t=document.querySelectorAll("link[rel=import]"),n=0,r=t.length;r>n&&(e=t[n]);n++)d(e)}()),t(function(){HTMLImports.ready=!0,HTMLImports.readyTime=(new Date).getTime();var e=h.createEvent("CustomEvent");e.initCustomEvent("HTMLImportsLoaded",!0,!0,{}),h.dispatchEvent(e)}),e.IMPORT_LINK_TYPE=l,e.useNative=u,e.rootDocument=h,e.whenReady=t,e.isIE=v}(HTMLImports),function(e){var t=[],n=function(e){t.push(e)},r=function(){t.forEach(function(t){t(e)})};e.addModule=n,e.initializeModules=r}(HTMLImports),HTMLImports.addModule(function(e){var t=/(url\()([^)]*)(\))/g,n=/(@import[\s]+(?!url\())([^;]*)(;)/g,r={resolveUrlsInStyle:function(e){var t=e.ownerDocument,n=t.createElement("a");return e.textContent=this.resolveUrlsInCssText(e.textContent,n),e},resolveUrlsInCssText:function(e,r){var o=this.replaceUrls(e,r,t);return o=this.replaceUrls(o,r,n)},replaceUrls:function(e,t,n){return e.replace(n,function(e,n,r,o){var i=r.replace(/["']/g,"");return t.href=i,i=t.href,n+"'"+i+"'"+o})}};e.path=r}),HTMLImports.addModule(function(e){var t={async:!0,ok:function(e){return e.status>=200&&e.status<300||304===e.status||0===e.status},load:function(n,r,o){var i=new XMLHttpRequest;return(e.flags.debug||e.flags.bust)&&(n+="?"+Math.random()),i.open("GET",n,t.async),i.addEventListener("readystatechange",function(){if(4===i.readyState){var e=i.getResponseHeader("Location"),n=null;if(e)var n="/"===e.substr(0,1)?location.origin+e:e;r.call(o,!t.ok(i)&&i,i.response||i.responseText,n)}}),i.send(),i},loadDocument:function(e,t,n){this.load(e,t,n).responseType="document"}};e.xhr=t}),HTMLImports.addModule(function(e){var t=e.xhr,n=e.flags,r=function(e,t){this.cache={},this.onload=e,this.oncomplete=t,this.inflight=0,this.pending={}};r.prototype={addNodes:function(e){this.inflight+=e.length;for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)this.require(t);this.checkDone()},addNode:function(e){this.inflight++,this.require(e),this.checkDone()},require:function(e){var t=e.src||e.href;e.__nodeUrl=t,this.dedupe(t,e)||this.fetch(t,e)},dedupe:function(e,t){if(this.pending[e])return this.pending[e].push(t),!0;return this.cache[e]?(this.onload(e,t,this.cache[e]),this.tail(),!0):(this.pending[e]=[t],!1)},fetch:function(e,r){if(n.load&&console.log("fetch",e,r),e)if(e.match(/^data:/)){var o=e.split(","),i=o[0],a=o[1];a=i.indexOf(";base64")>-1?atob(a):decodeURIComponent(a),setTimeout(function(){this.receive(e,r,null,a)}.bind(this),0)}else{var s=function(t,n,o){this.receive(e,r,t,n,o)}.bind(this);t.load(e,s)}else setTimeout(function(){this.receive(e,r,{error:"href must be specified"},null)}.bind(this),0)},receive:function(e,t,n,r,o){this.cache[e]=r;for(var i,a=this.pending[e],s=0,c=a.length;c>s&&(i=a[s]);s++)this.onload(e,i,r,n,o),this.tail();this.pending[e]=null},tail:function(){--this.inflight,this.checkDone()},checkDone:function(){this.inflight||this.oncomplete()}},e.Loader=r}),HTMLImports.addModule(function(e){var t=function(e){this.addCallback=e,this.mo=new MutationObserver(this.handler.bind(this))};t.prototype={handler:function(e){for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)"childList"===t.type&&t.addedNodes.length&&this.addedNodes(t.addedNodes)},addedNodes:function(e){this.addCallback&&this.addCallback(e);for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)t.children&&t.children.length&&this.addedNodes(t.children)},observe:function(e){this.mo.observe(e,{childList:!0,subtree:!0})}},e.Observer=t}),HTMLImports.addModule(function(e){function t(e){return"link"===e.localName&&e.rel===l}function n(e){var t=r(e);return"data:text/javascript;charset=utf-8,"+encodeURIComponent(t)}function r(e){return e.textContent+o(e)}function o(e){var t=e.ownerDocument;t.__importedScripts=t.__importedScripts||0;var n=e.ownerDocument.baseURI,r=t.__importedScripts?"-"+t.__importedScripts:"";return t.__importedScripts++,"\n//# sourceURL="+n+r+".js\n"}function i(e){var t=e.ownerDocument.createElement("style");return t.textContent=e.textContent,a.resolveUrlsInStyle(t),t}var a=e.path,s=e.rootDocument,c=e.flags,d=e.isIE,l=e.IMPORT_LINK_TYPE,u="link[rel="+l+"]",m={documentSelectors:u,importsSelectors:[u,"link[rel=stylesheet]","style","script:not([type])",'script[type="text/javascript"]'].join(","),map:{link:"parseLink",script:"parseScript",style:"parseStyle"},dynamicElements:[],parseNext:function(){var e=this.nextToParse();e&&this.parse(e)},parse:function(e){if(this.isParsed(e))return void(c.parse&&console.log("[%s] is already parsed",e.localName));var t=this[this.map[e.localName]];t&&(this.markParsing(e),t.call(this,e))},parseDynamic:function(e,t){this.dynamicElements.push(e),t||this.parseNext()},markParsing:function(e){c.parse&&console.log("parsing",e),this.parsingElement=e},markParsingComplete:function(e){e.__importParsed=!0,this.markDynamicParsingComplete(e),e.__importElement&&(e.__importElement.__importParsed=!0,this.markDynamicParsingComplete(e.__importElement)),this.parsingElement=null,c.parse&&console.log("completed",e)},markDynamicParsingComplete:function(e){var t=this.dynamicElements.indexOf(e);t>=0&&this.dynamicElements.splice(t,1)},parseImport:function(e){if(HTMLImports.__importsParsingHook&&HTMLImports.__importsParsingHook(e),e["import"]&&(e["import"].__importParsed=!0),this.markParsingComplete(e),e.dispatchEvent(e.__resource&&!e.__error?new CustomEvent("load",{bubbles:!1}):new CustomEvent("error",{bubbles:!1})),e.__pending)for(var t;e.__pending.length;)t=e.__pending.shift(),t&&t({target:e});this.parseNext()},parseLink:function(e){t(e)?this.parseImport(e):(e.href=e.href,this.parseGeneric(e))},parseStyle:function(e){var t=e;e=i(e),e.__importElement=t,this.parseGeneric(e)},parseGeneric:function(e){this.trackElement(e),this.addElementToDocument(e)},rootImportForElement:function(e){for(var t=e;t.ownerDocument.__importLink;)t=t.ownerDocument.__importLink;return t},addElementToDocument:function(e){var t=this.rootImportForElement(e.__importElement||e);t.parentNode.insertBefore(e,t)},trackElement:function(e,t){var n=this,r=function(r){t&&t(r),n.markParsingComplete(e),n.parseNext()};if(e.addEventListener("load",r),e.addEventListener("error",r),d&&"style"===e.localName){var o=!1;if(-1==e.textContent.indexOf("@import"))o=!0;else if(e.sheet){o=!0;for(var i,a=e.sheet.cssRules,s=a?a.length:0,c=0;s>c&&(i=a[c]);c++)i.type===CSSRule.IMPORT_RULE&&(o=o&&Boolean(i.styleSheet))}o&&e.dispatchEvent(new CustomEvent("load",{bubbles:!1}))}},parseScript:function(t){var r=document.createElement("script");r.__importElement=t,r.src=t.src?t.src:n(t),e.currentScript=t,this.trackElement(r,function(){r.parentNode.removeChild(r),e.currentScript=null}),this.addElementToDocument(r)},nextToParse:function(){return this._mayParse=[],!this.parsingElement&&(this.nextToParseInDoc(s)||this.nextToParseDynamic())},nextToParseInDoc:function(e,n){if(e&&this._mayParse.indexOf(e)<0){this._mayParse.push(e);for(var r,o=e.querySelectorAll(this.parseSelectorsForNode(e)),i=0,a=o.length;a>i&&(r=o[i]);i++)if(!this.isParsed(r))return this.hasResource(r)?t(r)?this.nextToParseInDoc(r["import"],r):r:void 0}return n},nextToParseDynamic:function(){return this.dynamicElements[0]},parseSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===s?this.documentSelectors:this.importsSelectors},isParsed:function(e){return e.__importParsed},needsDynamicParsing:function(e){return this.dynamicElements.indexOf(e)>=0},hasResource:function(e){return t(e)&&void 0===e["import"]?!1:!0}};e.parser=m,e.IMPORT_SELECTOR=u}),HTMLImports.addModule(function(e){function t(e){return n(e,a)}function n(e,t){return"link"===e.localName&&e.getAttribute("rel")===t}function r(e){return!!Object.getOwnPropertyDescriptor(e,"baseURI")}function o(e,t){var n=document.implementation.createHTMLDocument(a);n._URL=t;var o=n.createElement("base");o.setAttribute("href",t),n.baseURI||r(n)||Object.defineProperty(n,"baseURI",{value:t});var i=n.createElement("meta");return i.setAttribute("charset","utf-8"),n.head.appendChild(i),n.head.appendChild(o),n.body.innerHTML=e,window.HTMLTemplateElement&&HTMLTemplateElement.bootstrap&&HTMLTemplateElement.bootstrap(n),n}var i=e.flags,a=e.IMPORT_LINK_TYPE,s=e.IMPORT_SELECTOR,c=e.rootDocument,d=e.Loader,l=e.Observer,u=e.parser,m={documents:{},documentPreloadSelectors:s,importsPreloadSelectors:[s].join(","),loadNode:function(e){p.addNode(e)},loadSubtree:function(e){var t=this.marshalNodes(e);p.addNodes(t)},marshalNodes:function(e){return e.querySelectorAll(this.loadSelectorsForNode(e))},loadSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===c?this.documentPreloadSelectors:this.importsPreloadSelectors},loaded:function(e,n,r,a,s){if(i.load&&console.log("loaded",e,n),n.__resource=r,n.__error=a,t(n)){var c=this.documents[e];void 0===c&&(c=a?null:o(r,s||e),c&&(c.__importLink=n,this.bootDocument(c)),this.documents[e]=c),n["import"]=c}u.parseNext()},bootDocument:function(e){this.loadSubtree(e),this.observer.observe(e),u.parseNext()},loadedAll:function(){u.parseNext()}},p=new d(m.loaded.bind(m),m.loadedAll.bind(m));if(m.observer=new l,!document.baseURI){var h={get:function(){var e=document.querySelector("base");return e?e.href:window.location.href},configurable:!0};Object.defineProperty(document,"baseURI",h),Object.defineProperty(c,"baseURI",h)}e.importer=m,e.importLoader=p}),HTMLImports.addModule(function(e){var t=e.parser,n=e.importer,r={added:function(e){for(var r,o,i,a,s=0,c=e.length;c>s&&(a=e[s]);s++)r||(r=a.ownerDocument,o=t.isParsed(r)),i=this.shouldLoadNode(a),i&&n.loadNode(a),this.shouldParseNode(a)&&o&&t.parseDynamic(a,i)},shouldLoadNode:function(e){return 1===e.nodeType&&o.call(e,n.loadSelectorsForNode(e))},shouldParseNode:function(e){return 1===e.nodeType&&o.call(e,t.parseSelectorsForNode(e))}};n.observer.addCallback=r.added.bind(r);var o=HTMLElement.prototype.matches||HTMLElement.prototype.matchesSelector||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector}),function(e){function t(){HTMLImports.importer.bootDocument(o)}var n=e.initializeModules,r=e.isIE;if(!e.useNative){r&&"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(e,t){t=t||{};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),n},window.CustomEvent.prototype=window.Event.prototype),n();var o=e.rootDocument;"complete"===document.readyState||"interactive"===document.readyState&&!window.attachEvent?t():document.addEventListener("DOMContentLoaded",t)}}(HTMLImports);


--------------------------------------------------------------------------------
/assets/webcomponents.js/README.md:
--------------------------------------------------------------------------------
 1 | webcomponents.js
 2 | ================
 3 | 
 4 | [![Join the chat at https://gitter.im/webcomponents/webcomponentsjs](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/webcomponents/webcomponentsjs?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 5 | 
 6 | A suite of polyfills supporting the [Web Components](http://webcomponents.org) specs:
 7 | 
 8 | **Custom Elements**: allows authors to define their own custom tags ([spec](https://w3c.github.io/webcomponents/spec/custom/)).
 9 | 
10 | **HTML Imports**: a way to include and reuse HTML documents via other HTML documents ([spec](https://w3c.github.io/webcomponents/spec/imports/)).
11 | 
12 | **Shadow DOM**: provides encapsulation by hiding DOM subtrees under shadow roots ([spec](https://w3c.github.io/webcomponents/spec/shadow/)).
13 | 
14 | This also folds in polyfills for `MutationObserver` and `WeakMap`.
15 | 
16 | 
17 | ## Releases
18 | 
19 | Pre-built (concatenated & minified) versions of the polyfills are maintained in the [tagged versions](https://github.com/webcomponents/webcomponentsjs/releases) of this repo. There are two variants:
20 | 
21 | `webcomponents.js` includes all of the polyfills.
22 | 
23 | `webcomponents-lite.js` includes all polyfills except for shadow DOM.
24 | 
25 | 
26 | ## Browser Support
27 | 
28 | Our polyfills are intended to work in the latest versions of evergreen browsers. See below
29 | for our complete browser support matrix:
30 | 
31 | | Polyfill   | IE10 | IE11+ | Chrome* | Firefox* | Safari 7+* | Chrome Android* | Mobile Safari* |
32 | | ---------- |:----:|:-----:|:-------:|:--------:|:----------:|:---------------:|:--------------:|
33 | | Custom Elements | ~ | ✓ | ✓ | ✓ | ✓ | ✓| ✓ |
34 | | HTML Imports | ~ | ✓ | ✓ | ✓ | ✓| ✓| ✓ |
35 | | Shadow DOM | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
36 | | Templates | ✓ | ✓ | ✓ | ✓| ✓ | ✓ | ✓ |
37 | 
38 | 
39 | *Indicates the current version of the browser
40 | 
41 | ~Indicates support may be flaky. If using Custom Elements or HTML Imports with Shadow DOM,
42 | you will get the non-flaky Mutation Observer polyfill that Shadow DOM includes.
43 | 
44 | The polyfills may work in older browsers, however require additional polyfills (such as classList)
45 | to be used. We cannot guarantee support for browsers outside of our compatibility matrix.
46 | 
47 | 
48 | ### Manually Building
49 | 
50 | If you wish to build the polyfills yourself, you'll need `node` and `gulp` on your system:
51 | 
52 |  * install [node.js](http://nodejs.org/) using the instructions on their website
53 |  * use `npm` to install [gulp.js](http://gulpjs.com/): `npm install -g gulp`
54 | 
55 | Now you are ready to build the polyfills with:
56 | 
57 |     # install dependencies
58 |     npm install
59 |     # build
60 |     gulp build
61 | 
62 | The builds will be placed into the `dist/` directory.
63 | 
64 | ## Contribute
65 | 
66 | See the [contributing guide](CONTRIBUTING.md)
67 | 
68 | ## License
69 | 
70 | Everything in this repository is BSD style license unless otherwise specified.
71 | 
72 | Copyright (c) 2015 The Polymer Authors. All rights reserved.
73 | 
74 | 


--------------------------------------------------------------------------------
/assets/webcomponents.js/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "webcomponentsjs",
 3 |   "main": "webcomponents.js",
 4 |   "version": "0.5.5",
 5 |   "homepage": "http://webcomponents.org",
 6 |   "authors": [
 7 |     "The Polymer Authors"
 8 |   ],
 9 |   "keywords": [
10 |     "webcomponents"
11 |   ],
12 |   "license": "BSD",
13 |   "ignore": []
14 | }


--------------------------------------------------------------------------------
/assets/webcomponents.js/build.log:
--------------------------------------------------------------------------------
 1 | BUILD LOG
 2 | ---------
 3 | Build Time: 2015-02-17T17:24:48-0800
 4 | 
 5 | NODEJS INFORMATION
 6 | ==================
 7 | nodejs: v0.12.0
 8 | gulp: 3.8.11
 9 | gulp-audit: 1.0.0
10 | gulp-concat: 2.5.0
11 | gulp-header: 1.2.2
12 | gulp-uglify: 1.1.0
13 | run-sequence: 1.0.2
14 | web-component-tester: 2.2.3
15 | 
16 | REPO REVISIONS
17 | ==============
18 | webcomponentsjs: 74b6b18443dd13e1cee184f688e23ae3930ed30c
19 | 
20 | BUILD HASHES
21 | ============
22 | CustomElements.js: 939c4b32847bf8085532995428001c3402f96cff
23 | CustomElements.min.js: cb3fd472ea0a9c45f5f03f86a6c5083f5077e907
24 | HTMLImports.js: 018bc32bc02bc6dc7dcacbd409438b26c31c2e6d
25 | HTMLImports.min.js: a3cb3e4ded3d708ba8333a8d5927ec93587fc191
26 | ShadowDOM.js: e34e8e3707d015a0ac9ec718d17b93c54500d028
27 | ShadowDOM.min.js: b3c2f09259d03ec44bd08ebbe9ed67dae3a06aaf
28 | webcomponents-lite.js: 83f6c69c9f38d6c88b1717427e713e57a96e7d70
29 | webcomponents-lite.min.js: d369074b523ff3806e7f71770a4d360f33331d48
30 | webcomponents.js: b91a9a8ae8c79bfc0275a766f3153f390ef74d81
31 | webcomponents.min.js: 91901c97731fc010ba5bb43624aa37d5320071c4


--------------------------------------------------------------------------------
/assets/webcomponents.js/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "webcomponents.js",
 3 |   "version": "0.5.5-1",
 4 |   "description": "webcomponents.js",
 5 |   "main": "webcomponents.js",
 6 |   "directories": {
 7 |     "test": "tests"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "https://github.com/webcomponents/webcomponentsjs.git"
12 |   },
13 |   "author": {
14 |     "name": "The Polymer Authors"
15 |   },
16 |   "license": {
17 |     "type": "BSD-3-Clause",
18 |     "url": "http://polymer.github.io/LICENSE.txt"
19 |   },
20 |   "bugs": {
21 |     "url": "https://github.com/webcomponents/webcomponentsjs/issues"
22 |   },
23 |   "homepage": "http://webcomponents.org",
24 |   "devDependencies": {
25 |     "gulp": "^3.8.8",
26 |     "gulp-audit": "^1.0.0",
27 |     "gulp-concat": "^2.4.1",
28 |     "gulp-header": "^1.1.1",
29 |     "gulp-uglify": "^1.0.1",
30 |     "run-sequence": "^1.0.1",
31 |     "web-component-tester": "*"
32 |   },
33 |   "readme": "webcomponents.js\n================\n\n[![Join the chat at https://gitter.im/webcomponents/webcomponentsjs](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/webcomponents/webcomponentsjs?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\nA suite of polyfills supporting the [Web Components](http://webcomponents.org) specs:\n\n**Custom Elements**: allows authors to define their own custom tags ([spec](https://w3c.github.io/webcomponents/spec/custom/)).\n\n**HTML Imports**: a way to include and reuse HTML documents via other HTML documents ([spec](https://w3c.github.io/webcomponents/spec/imports/)).\n\n**Shadow DOM**: provides encapsulation by hiding DOM subtrees under shadow roots ([spec](https://w3c.github.io/webcomponents/spec/shadow/)).\n\nThis also folds in polyfills for `MutationObserver` and `WeakMap`.\n\n\n## Releases\n\nPre-built (concatenated & minified) versions of the polyfills are maintained in the [tagged versions](https://github.com/webcomponents/webcomponentsjs/releases) of this repo. There are two variants:\n\n`webcomponents.js` includes all of the polyfills.\n\n`webcomponents-lite.js` includes all polyfills except for shadow DOM.\n\n\n## Browser Support\n\nOur polyfills are intended to work in the latest versions of evergreen browsers. See below\nfor our complete browser support matrix:\n\n| Polyfill   | IE10 | IE11+ | Chrome* | Firefox* | Safari 7+* | Chrome Android* | Mobile Safari* |\n| ---------- |:----:|:-----:|:-------:|:--------:|:----------:|:---------------:|:--------------:|\n| Custom Elements | ~ | ✓ | ✓ | ✓ | ✓ | ✓| ✓ |\n| HTML Imports | ~ | ✓ | ✓ | ✓ | ✓| ✓| ✓ |\n| Shadow DOM | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |\n| Templates | ✓ | ✓ | ✓ | ✓| ✓ | ✓ | ✓ |\n\n\n*Indicates the current version of the browser\n\n~Indicates support may be flaky. If using Custom Elements or HTML Imports with Shadow DOM,\nyou will get the non-flaky Mutation Observer polyfill that Shadow DOM includes.\n\nThe polyfills may work in older browsers, however require additional polyfills (such as classList)\nto be used. We cannot guarantee support for browsers outside of our compatibility matrix.\n\n\n### Manually Building\n\nIf you wish to build the polyfills yourself, you'll need `node` and `gulp` on your system:\n\n * install [node.js](http://nodejs.org/) using the instructions on their website\n * use `npm` to install [gulp.js](http://gulpjs.com/): `npm install -g gulp`\n\nNow you are ready to build the polyfills with:\n\n    # install dependencies\n    npm install\n    # build\n    gulp build\n\nThe builds will be placed into the `dist/` directory.\n\n## Contribute\n\nSee the [contributing guide](CONTRIBUTING.md)\n\n## License\n\nEverything in this repository is BSD style license unless otherwise specified.\n\nCopyright (c) 2015 The Polymer Authors. All rights reserved.\n\n",
34 |   "readmeFilename": "README.md",
35 |   "_id": "webcomponents.js@0.5.5-1",
36 |   "dist": {
37 |     "shasum": "0b9a4cfb633a6a0cf15dd2b19bbe4828738839e9"
38 |   },
39 |   "_from": "webcomponents.js@",
40 |   "_resolved": "https://registry.npmjs.org/webcomponents.js/-/webcomponents.js-0.5.5-1.tgz"
41 | }
42 | 


--------------------------------------------------------------------------------
/assets/webcomponents.js/webcomponents-lite.min.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.5.5
11 | window.WebComponents=window.WebComponents||{},function(e){var t=e.flags||{},n="webcomponents.js",o=document.querySelector('script[src*="'+n+'"]');if(!t.noOpts){if(location.search.slice(1).split("&").forEach(function(e){e=e.split("="),e[0]&&(t[e[0]]=e[1]||!0)}),o)for(var r,i=0;r=o.attributes[i];i++)"src"!==r.name&&(t[r.name]=r.value||!0);if(t.log){var a=t.log.split(",");t.log={},a.forEach(function(e){t.log[e]=!0})}else t.log={}}t.shadow=t.shadow||t.shadowdom||t.polyfill,t.shadow="native"===t.shadow?!1:t.shadow||!HTMLElement.prototype.createShadowRoot,t.register&&(window.CustomElements=window.CustomElements||{flags:{}},window.CustomElements.flags.register=t.register),e.flags=t}(WebComponents),function(e){function t(e){_.push(e),w||(w=!0,h(o))}function n(e){return window.ShadowDOMPolyfill&&window.ShadowDOMPolyfill.wrapIfNeeded(e)||e}function o(){w=!1;var e=_;_=[],e.sort(function(e,t){return e.uid_-t.uid_});var t=!1;e.forEach(function(e){var n=e.takeRecords();r(e),n.length&&(e.callback_(n,e),t=!0)}),t&&o()}function r(e){e.nodes_.forEach(function(t){var n=v.get(t);n&&n.forEach(function(t){t.observer===e&&t.removeTransientObservers()})})}function i(e,t){for(var n=e;n;n=n.parentNode){var o=v.get(n);if(o)for(var r=0;r<o.length;r++){var i=o[r],a=i.options;if(n===e||a.subtree){var s=t(a);s&&i.enqueue(s)}}}}function a(e){this.callback_=e,this.nodes_=[],this.records_=[],this.uid_=++E}function s(e,t){this.type=e,this.target=t,this.addedNodes=[],this.removedNodes=[],this.previousSibling=null,this.nextSibling=null,this.attributeName=null,this.attributeNamespace=null,this.oldValue=null}function d(e){var t=new s(e.type,e.target);return t.addedNodes=e.addedNodes.slice(),t.removedNodes=e.removedNodes.slice(),t.previousSibling=e.previousSibling,t.nextSibling=e.nextSibling,t.attributeName=e.attributeName,t.attributeNamespace=e.attributeNamespace,t.oldValue=e.oldValue,t}function c(e,t){return y=new s(e,t)}function u(e){return L?L:(L=d(y),L.oldValue=e,L)}function l(){y=L=void 0}function f(e){return e===L||e===y}function m(e,t){return e===t?e:L&&f(e)?L:null}function p(e,t,n){this.observer=e,this.target=t,this.options=n,this.transientObservedNodes=[]}var h,v=new WeakMap;if(/Trident|Edge/.test(navigator.userAgent))h=setTimeout;else if(window.setImmediate)h=window.setImmediate;else{var g=[],b=String(Math.random());window.addEventListener("message",function(e){if(e.data===b){var t=g;g=[],t.forEach(function(e){e()})}}),h=function(e){g.push(e),window.postMessage(b,"*")}}var w=!1,_=[],E=0;a.prototype={observe:function(e,t){if(e=n(e),!t.childList&&!t.attributes&&!t.characterData||t.attributeOldValue&&!t.attributes||t.attributeFilter&&t.attributeFilter.length&&!t.attributes||t.characterDataOldValue&&!t.characterData)throw new SyntaxError;var o=v.get(e);o||v.set(e,o=[]);for(var r,i=0;i<o.length;i++)if(o[i].observer===this){r=o[i],r.removeListeners(),r.options=t;break}r||(r=new p(this,e,t),o.push(r),this.nodes_.push(e)),r.addListeners()},disconnect:function(){this.nodes_.forEach(function(e){for(var t=v.get(e),n=0;n<t.length;n++){var o=t[n];if(o.observer===this){o.removeListeners(),t.splice(n,1);break}}},this),this.records_=[]},takeRecords:function(){var e=this.records_;return this.records_=[],e}};var y,L;p.prototype={enqueue:function(e){var n=this.observer.records_,o=n.length;if(n.length>0){var r=n[o-1],i=m(r,e);if(i)return void(n[o-1]=i)}else t(this.observer);n[o]=e},addListeners:function(){this.addListeners_(this.target)},addListeners_:function(e){var t=this.options;t.attributes&&e.addEventListener("DOMAttrModified",this,!0),t.characterData&&e.addEventListener("DOMCharacterDataModified",this,!0),t.childList&&e.addEventListener("DOMNodeInserted",this,!0),(t.childList||t.subtree)&&e.addEventListener("DOMNodeRemoved",this,!0)},removeListeners:function(){this.removeListeners_(this.target)},removeListeners_:function(e){var t=this.options;t.attributes&&e.removeEventListener("DOMAttrModified",this,!0),t.characterData&&e.removeEventListener("DOMCharacterDataModified",this,!0),t.childList&&e.removeEventListener("DOMNodeInserted",this,!0),(t.childList||t.subtree)&&e.removeEventListener("DOMNodeRemoved",this,!0)},addTransientObserver:function(e){if(e!==this.target){this.addListeners_(e),this.transientObservedNodes.push(e);var t=v.get(e);t||v.set(e,t=[]),t.push(this)}},removeTransientObservers:function(){var e=this.transientObservedNodes;this.transientObservedNodes=[],e.forEach(function(e){this.removeListeners_(e);for(var t=v.get(e),n=0;n<t.length;n++)if(t[n]===this){t.splice(n,1);break}},this)},handleEvent:function(e){switch(e.stopImmediatePropagation(),e.type){case"DOMAttrModified":var t=e.attrName,n=e.relatedNode.namespaceURI,o=e.target,r=new c("attributes",o);r.attributeName=t,r.attributeNamespace=n;var a=e.attrChange===MutationEvent.ADDITION?null:e.prevValue;i(o,function(e){return!e.attributes||e.attributeFilter&&e.attributeFilter.length&&-1===e.attributeFilter.indexOf(t)&&-1===e.attributeFilter.indexOf(n)?void 0:e.attributeOldValue?u(a):r});break;case"DOMCharacterDataModified":var o=e.target,r=c("characterData",o),a=e.prevValue;i(o,function(e){return e.characterData?e.characterDataOldValue?u(a):r:void 0});break;case"DOMNodeRemoved":this.addTransientObserver(e.target);case"DOMNodeInserted":var s,d,f=e.target;"DOMNodeInserted"===e.type?(s=[f],d=[]):(s=[],d=[f]);var m=f.previousSibling,p=f.nextSibling,r=c("childList",e.target.parentNode);r.addedNodes=s,r.removedNodes=d,r.previousSibling=m,r.nextSibling=p,i(e.relatedNode,function(e){return e.childList?r:void 0})}l()}},e.JsMutationObserver=a,e.MutationObserver||(e.MutationObserver=a)}(this),"undefined"==typeof WeakMap&&!function(){var e=Object.defineProperty,t=Date.now()%1e9,n=function(){this.name="__st"+(1e9*Math.random()>>>0)+(t++ +"__")};n.prototype={set:function(t,n){var o=t[this.name];return o&&o[0]===t?o[1]=n:e(t,this.name,{value:[t,n],writable:!0}),this},get:function(e){var t;return(t=e[this.name])&&t[0]===e?t[1]:void 0},"delete":function(e){var t=e[this.name];return t&&t[0]===e?(t[0]=t[1]=void 0,!0):!1},has:function(e){var t=e[this.name];return t?t[0]===e:!1}},window.WeakMap=n}(),window.HTMLImports=window.HTMLImports||{flags:{}},function(e){function t(e,t){t=t||p,o(function(){i(e,t)},t)}function n(e){return"complete"===e.readyState||e.readyState===g}function o(e,t){if(n(t))e&&e();else{var r=function(){("complete"===t.readyState||t.readyState===g)&&(t.removeEventListener(b,r),o(e,t))};t.addEventListener(b,r)}}function r(e){e.target.__loaded=!0}function i(e,t){function n(){s==d&&e&&e()}function o(e){r(e),s++,n()}var i=t.querySelectorAll("link[rel=import]"),s=0,d=i.length;if(d)for(var c,u=0;d>u&&(c=i[u]);u++)a(c)?o.call(c,{target:c}):(c.addEventListener("load",o),c.addEventListener("error",o));else n()}function a(e){return l?e.__loaded||e["import"]&&"loading"!==e["import"].readyState:e.__importParsed}function s(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)d(t)&&c(t)}function d(e){return"link"===e.localName&&"import"===e.rel}function c(e){var t=e["import"];t?r({target:e}):(e.addEventListener("load",r),e.addEventListener("error",r))}var u="import",l=Boolean(u in document.createElement("link")),f=Boolean(window.ShadowDOMPolyfill),m=function(e){return f?ShadowDOMPolyfill.wrapIfNeeded(e):e},p=m(document),h={get:function(){var e=HTMLImports.currentScript||document.currentScript||("complete"!==document.readyState?document.scripts[document.scripts.length-1]:null);return m(e)},configurable:!0};Object.defineProperty(document,"_currentScript",h),Object.defineProperty(p,"_currentScript",h);var v=/Trident|Edge/.test(navigator.userAgent),g=v?"complete":"interactive",b="readystatechange";l&&(new MutationObserver(function(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)t.addedNodes&&s(t.addedNodes)}).observe(document.head,{childList:!0}),function(){if("loading"===document.readyState)for(var e,t=document.querySelectorAll("link[rel=import]"),n=0,o=t.length;o>n&&(e=t[n]);n++)c(e)}()),t(function(){HTMLImports.ready=!0,HTMLImports.readyTime=(new Date).getTime();var e=p.createEvent("CustomEvent");e.initCustomEvent("HTMLImportsLoaded",!0,!0,{}),p.dispatchEvent(e)}),e.IMPORT_LINK_TYPE=u,e.useNative=l,e.rootDocument=p,e.whenReady=t,e.isIE=v}(HTMLImports),function(e){var t=[],n=function(e){t.push(e)},o=function(){t.forEach(function(t){t(e)})};e.addModule=n,e.initializeModules=o}(HTMLImports),HTMLImports.addModule(function(e){var t=/(url\()([^)]*)(\))/g,n=/(@import[\s]+(?!url\())([^;]*)(;)/g,o={resolveUrlsInStyle:function(e){var t=e.ownerDocument,n=t.createElement("a");return e.textContent=this.resolveUrlsInCssText(e.textContent,n),e},resolveUrlsInCssText:function(e,o){var r=this.replaceUrls(e,o,t);return r=this.replaceUrls(r,o,n)},replaceUrls:function(e,t,n){return e.replace(n,function(e,n,o,r){var i=o.replace(/["']/g,"");return t.href=i,i=t.href,n+"'"+i+"'"+r})}};e.path=o}),HTMLImports.addModule(function(e){var t={async:!0,ok:function(e){return e.status>=200&&e.status<300||304===e.status||0===e.status},load:function(n,o,r){var i=new XMLHttpRequest;return(e.flags.debug||e.flags.bust)&&(n+="?"+Math.random()),i.open("GET",n,t.async),i.addEventListener("readystatechange",function(){if(4===i.readyState){var e=i.getResponseHeader("Location"),n=null;if(e)var n="/"===e.substr(0,1)?location.origin+e:e;o.call(r,!t.ok(i)&&i,i.response||i.responseText,n)}}),i.send(),i},loadDocument:function(e,t,n){this.load(e,t,n).responseType="document"}};e.xhr=t}),HTMLImports.addModule(function(e){var t=e.xhr,n=e.flags,o=function(e,t){this.cache={},this.onload=e,this.oncomplete=t,this.inflight=0,this.pending={}};o.prototype={addNodes:function(e){this.inflight+=e.length;for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)this.require(t);this.checkDone()},addNode:function(e){this.inflight++,this.require(e),this.checkDone()},require:function(e){var t=e.src||e.href;e.__nodeUrl=t,this.dedupe(t,e)||this.fetch(t,e)},dedupe:function(e,t){if(this.pending[e])return this.pending[e].push(t),!0;return this.cache[e]?(this.onload(e,t,this.cache[e]),this.tail(),!0):(this.pending[e]=[t],!1)},fetch:function(e,o){if(n.load&&console.log("fetch",e,o),e)if(e.match(/^data:/)){var r=e.split(","),i=r[0],a=r[1];a=i.indexOf(";base64")>-1?atob(a):decodeURIComponent(a),setTimeout(function(){this.receive(e,o,null,a)}.bind(this),0)}else{var s=function(t,n,r){this.receive(e,o,t,n,r)}.bind(this);t.load(e,s)}else setTimeout(function(){this.receive(e,o,{error:"href must be specified"},null)}.bind(this),0)},receive:function(e,t,n,o,r){this.cache[e]=o;for(var i,a=this.pending[e],s=0,d=a.length;d>s&&(i=a[s]);s++)this.onload(e,i,o,n,r),this.tail();this.pending[e]=null},tail:function(){--this.inflight,this.checkDone()},checkDone:function(){this.inflight||this.oncomplete()}},e.Loader=o}),HTMLImports.addModule(function(e){var t=function(e){this.addCallback=e,this.mo=new MutationObserver(this.handler.bind(this))};t.prototype={handler:function(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)"childList"===t.type&&t.addedNodes.length&&this.addedNodes(t.addedNodes)},addedNodes:function(e){this.addCallback&&this.addCallback(e);for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)t.children&&t.children.length&&this.addedNodes(t.children)},observe:function(e){this.mo.observe(e,{childList:!0,subtree:!0})}},e.Observer=t}),HTMLImports.addModule(function(e){function t(e){return"link"===e.localName&&e.rel===u}function n(e){var t=o(e);return"data:text/javascript;charset=utf-8,"+encodeURIComponent(t)}function o(e){return e.textContent+r(e)}function r(e){var t=e.ownerDocument;t.__importedScripts=t.__importedScripts||0;var n=e.ownerDocument.baseURI,o=t.__importedScripts?"-"+t.__importedScripts:"";return t.__importedScripts++,"\n//# sourceURL="+n+o+".js\n"}function i(e){var t=e.ownerDocument.createElement("style");return t.textContent=e.textContent,a.resolveUrlsInStyle(t),t}var a=e.path,s=e.rootDocument,d=e.flags,c=e.isIE,u=e.IMPORT_LINK_TYPE,l="link[rel="+u+"]",f={documentSelectors:l,importsSelectors:[l,"link[rel=stylesheet]","style","script:not([type])",'script[type="text/javascript"]'].join(","),map:{link:"parseLink",script:"parseScript",style:"parseStyle"},dynamicElements:[],parseNext:function(){var e=this.nextToParse();e&&this.parse(e)},parse:function(e){if(this.isParsed(e))return void(d.parse&&console.log("[%s] is already parsed",e.localName));var t=this[this.map[e.localName]];t&&(this.markParsing(e),t.call(this,e))},parseDynamic:function(e,t){this.dynamicElements.push(e),t||this.parseNext()},markParsing:function(e){d.parse&&console.log("parsing",e),this.parsingElement=e},markParsingComplete:function(e){e.__importParsed=!0,this.markDynamicParsingComplete(e),e.__importElement&&(e.__importElement.__importParsed=!0,this.markDynamicParsingComplete(e.__importElement)),this.parsingElement=null,d.parse&&console.log("completed",e)},markDynamicParsingComplete:function(e){var t=this.dynamicElements.indexOf(e);t>=0&&this.dynamicElements.splice(t,1)},parseImport:function(e){if(HTMLImports.__importsParsingHook&&HTMLImports.__importsParsingHook(e),e["import"]&&(e["import"].__importParsed=!0),this.markParsingComplete(e),e.dispatchEvent(e.__resource&&!e.__error?new CustomEvent("load",{bubbles:!1}):new CustomEvent("error",{bubbles:!1})),e.__pending)for(var t;e.__pending.length;)t=e.__pending.shift(),t&&t({target:e});this.parseNext()},parseLink:function(e){t(e)?this.parseImport(e):(e.href=e.href,this.parseGeneric(e))},parseStyle:function(e){var t=e;e=i(e),e.__importElement=t,this.parseGeneric(e)},parseGeneric:function(e){this.trackElement(e),this.addElementToDocument(e)},rootImportForElement:function(e){for(var t=e;t.ownerDocument.__importLink;)t=t.ownerDocument.__importLink;return t},addElementToDocument:function(e){var t=this.rootImportForElement(e.__importElement||e);t.parentNode.insertBefore(e,t)},trackElement:function(e,t){var n=this,o=function(o){t&&t(o),n.markParsingComplete(e),n.parseNext()};if(e.addEventListener("load",o),e.addEventListener("error",o),c&&"style"===e.localName){var r=!1;if(-1==e.textContent.indexOf("@import"))r=!0;else if(e.sheet){r=!0;for(var i,a=e.sheet.cssRules,s=a?a.length:0,d=0;s>d&&(i=a[d]);d++)i.type===CSSRule.IMPORT_RULE&&(r=r&&Boolean(i.styleSheet))}r&&e.dispatchEvent(new CustomEvent("load",{bubbles:!1}))}},parseScript:function(t){var o=document.createElement("script");o.__importElement=t,o.src=t.src?t.src:n(t),e.currentScript=t,this.trackElement(o,function(){o.parentNode.removeChild(o),e.currentScript=null}),this.addElementToDocument(o)},nextToParse:function(){return this._mayParse=[],!this.parsingElement&&(this.nextToParseInDoc(s)||this.nextToParseDynamic())},nextToParseInDoc:function(e,n){if(e&&this._mayParse.indexOf(e)<0){this._mayParse.push(e);for(var o,r=e.querySelectorAll(this.parseSelectorsForNode(e)),i=0,a=r.length;a>i&&(o=r[i]);i++)if(!this.isParsed(o))return this.hasResource(o)?t(o)?this.nextToParseInDoc(o["import"],o):o:void 0}return n},nextToParseDynamic:function(){return this.dynamicElements[0]},parseSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===s?this.documentSelectors:this.importsSelectors},isParsed:function(e){return e.__importParsed},needsDynamicParsing:function(e){return this.dynamicElements.indexOf(e)>=0},hasResource:function(e){return t(e)&&void 0===e["import"]?!1:!0}};e.parser=f,e.IMPORT_SELECTOR=l}),HTMLImports.addModule(function(e){function t(e){return n(e,a)}function n(e,t){return"link"===e.localName&&e.getAttribute("rel")===t}function o(e){return!!Object.getOwnPropertyDescriptor(e,"baseURI")}function r(e,t){var n=document.implementation.createHTMLDocument(a);n._URL=t;var r=n.createElement("base");r.setAttribute("href",t),n.baseURI||o(n)||Object.defineProperty(n,"baseURI",{value:t});var i=n.createElement("meta");return i.setAttribute("charset","utf-8"),n.head.appendChild(i),n.head.appendChild(r),n.body.innerHTML=e,window.HTMLTemplateElement&&HTMLTemplateElement.bootstrap&&HTMLTemplateElement.bootstrap(n),n}var i=e.flags,a=e.IMPORT_LINK_TYPE,s=e.IMPORT_SELECTOR,d=e.rootDocument,c=e.Loader,u=e.Observer,l=e.parser,f={documents:{},documentPreloadSelectors:s,importsPreloadSelectors:[s].join(","),loadNode:function(e){m.addNode(e)},loadSubtree:function(e){var t=this.marshalNodes(e);m.addNodes(t)},marshalNodes:function(e){return e.querySelectorAll(this.loadSelectorsForNode(e))},loadSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===d?this.documentPreloadSelectors:this.importsPreloadSelectors},loaded:function(e,n,o,a,s){if(i.load&&console.log("loaded",e,n),n.__resource=o,n.__error=a,t(n)){var d=this.documents[e];void 0===d&&(d=a?null:r(o,s||e),d&&(d.__importLink=n,this.bootDocument(d)),this.documents[e]=d),n["import"]=d}l.parseNext()},bootDocument:function(e){this.loadSubtree(e),this.observer.observe(e),l.parseNext()},loadedAll:function(){l.parseNext()}},m=new c(f.loaded.bind(f),f.loadedAll.bind(f));if(f.observer=new u,!document.baseURI){var p={get:function(){var e=document.querySelector("base");return e?e.href:window.location.href},configurable:!0};Object.defineProperty(document,"baseURI",p),Object.defineProperty(d,"baseURI",p)}e.importer=f,e.importLoader=m}),HTMLImports.addModule(function(e){var t=e.parser,n=e.importer,o={added:function(e){for(var o,r,i,a,s=0,d=e.length;d>s&&(a=e[s]);s++)o||(o=a.ownerDocument,r=t.isParsed(o)),i=this.shouldLoadNode(a),i&&n.loadNode(a),this.shouldParseNode(a)&&r&&t.parseDynamic(a,i)},shouldLoadNode:function(e){return 1===e.nodeType&&r.call(e,n.loadSelectorsForNode(e))},shouldParseNode:function(e){return 1===e.nodeType&&r.call(e,t.parseSelectorsForNode(e))}};n.observer.addCallback=o.added.bind(o);var r=HTMLElement.prototype.matches||HTMLElement.prototype.matchesSelector||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector}),function(e){function t(){HTMLImports.importer.bootDocument(r)}var n=e.initializeModules,o=e.isIE;if(!e.useNative){o&&"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(e,t){t=t||{};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),n},window.CustomEvent.prototype=window.Event.prototype),n();var r=e.rootDocument;"complete"===document.readyState||"interactive"===document.readyState&&!window.attachEvent?t():document.addEventListener("DOMContentLoaded",t)}}(HTMLImports),window.CustomElements=window.CustomElements||{flags:{}},function(e){var t=e.flags,n=[],o=function(e){n.push(e)},r=function(){n.forEach(function(t){t(e)})};e.addModule=o,e.initializeModules=r,e.hasNative=Boolean(document.registerElement),e.useNative=!t.register&&e.hasNative&&!window.ShadowDOMPolyfill&&(!window.HTMLImports||HTMLImports.useNative)}(CustomElements),CustomElements.addModule(function(e){function t(e,t){n(e,function(e){return t(e)?!0:void o(e,t)}),o(e,t)}function n(e,t,o){var r=e.firstElementChild;if(!r)for(r=e.firstChild;r&&r.nodeType!==Node.ELEMENT_NODE;)r=r.nextSibling;for(;r;)t(r,o)!==!0&&n(r,t,o),r=r.nextElementSibling;return null}function o(e,n){for(var o=e.shadowRoot;o;)t(o,n),o=o.olderShadowRoot}function r(e,t){a=[],i(e,t),a=null}function i(e,t){if(e=wrap(e),!(a.indexOf(e)>=0)){a.push(e);for(var n,o=e.querySelectorAll("link[rel="+s+"]"),r=0,d=o.length;d>r&&(n=o[r]);r++)n["import"]&&i(n["import"],t);t(e)}}var a,s=window.HTMLImports?HTMLImports.IMPORT_LINK_TYPE:"none";e.forDocumentTree=r,e.forSubtree=t}),CustomElements.addModule(function(e){function t(e){return n(e)||o(e)}function n(t){return e.upgrade(t)?!0:void s(t)}function o(e){_(e,function(e){return n(e)?!0:void 0})}function r(e){s(e),f(e)&&_(e,function(e){s(e)})}function i(e){M.push(e),L||(L=!0,setTimeout(a))}function a(){L=!1;for(var e,t=M,n=0,o=t.length;o>n&&(e=t[n]);n++)e();M=[]}function s(e){y?i(function(){d(e)}):d(e)}function d(e){e.__upgraded__&&(e.attachedCallback||e.detachedCallback)&&!e.__attached&&f(e)&&(e.__attached=!0,e.attachedCallback&&e.attachedCallback())}function c(e){u(e),_(e,function(e){u(e)})}function u(e){y?i(function(){l(e)}):l(e)}function l(e){e.__upgraded__&&(e.attachedCallback||e.detachedCallback)&&e.__attached&&!f(e)&&(e.__attached=!1,e.detachedCallback&&e.detachedCallback())}function f(e){for(var t=e,n=wrap(document);t;){if(t==n)return!0;t=t.parentNode||t.host}}function m(e){if(e.shadowRoot&&!e.shadowRoot.__watched){w.dom&&console.log("watching shadow-root for: ",e.localName);for(var t=e.shadowRoot;t;)v(t),t=t.olderShadowRoot}}function p(e){if(w.dom){var n=e[0];if(n&&"childList"===n.type&&n.addedNodes&&n.addedNodes){for(var o=n.addedNodes[0];o&&o!==document&&!o.host;)o=o.parentNode;var r=o&&(o.URL||o._URL||o.host&&o.host.localName)||"";r=r.split("/?").shift().split("/").pop()}console.group("mutations (%d) [%s]",e.length,r||"")}e.forEach(function(e){"childList"===e.type&&(T(e.addedNodes,function(e){e.localName&&t(e)}),T(e.removedNodes,function(e){e.localName&&c(e)}))}),w.dom&&console.groupEnd()}function h(e){for(e=wrap(e),e||(e=wrap(document));e.parentNode;)e=e.parentNode;var t=e.__observer;t&&(p(t.takeRecords()),a())}function v(e){if(!e.__observer){var t=new MutationObserver(p);t.observe(e,{childList:!0,subtree:!0}),e.__observer=t}}function g(e){e=wrap(e),w.dom&&console.group("upgradeDocument: ",e.baseURI.split("/").pop()),t(e),v(e),w.dom&&console.groupEnd()}function b(e){E(e,g)}var w=e.flags,_=e.forSubtree,E=e.forDocumentTree,y=!window.MutationObserver||window.MutationObserver===window.JsMutationObserver;e.hasPolyfillMutations=y;var L=!1,M=[],T=Array.prototype.forEach.call.bind(Array.prototype.forEach),N=Element.prototype.createShadowRoot;N&&(Element.prototype.createShadowRoot=function(){var e=N.call(this);return CustomElements.watchShadow(this),e}),e.watchShadow=m,e.upgradeDocumentTree=b,e.upgradeSubtree=o,e.upgradeAll=t,e.attachedNode=r,e.takeRecords=h}),CustomElements.addModule(function(e){function t(t){if(!t.__upgraded__&&t.nodeType===Node.ELEMENT_NODE){var o=t.getAttribute("is"),r=e.getRegisteredDefinition(o||t.localName);if(r){if(o&&r.tag==t.localName)return n(t,r);if(!o&&!r["extends"])return n(t,r)}}}function n(t,n){return a.upgrade&&console.group("upgrade:",t.localName),n.is&&t.setAttribute("is",n.is),o(t,n),t.__upgraded__=!0,i(t),e.attachedNode(t),e.upgradeSubtree(t),a.upgrade&&console.groupEnd(),t}function o(e,t){Object.__proto__?e.__proto__=t.prototype:(r(e,t.prototype,t["native"]),e.__proto__=t.prototype)}function r(e,t,n){for(var o={},r=t;r!==n&&r!==HTMLElement.prototype;){for(var i,a=Object.getOwnPropertyNames(r),s=0;i=a[s];s++)o[i]||(Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i)),o[i]=1);r=Object.getPrototypeOf(r)}}function i(e){e.createdCallback&&e.createdCallback()}var a=e.flags;e.upgrade=t,e.upgradeWithDefinition=n,e.implementPrototype=o}),CustomElements.addModule(function(e){function t(t,o){var d=o||{};if(!t)throw new Error("document.registerElement: first argument `name` must not be empty");if(t.indexOf("-")<0)throw new Error("document.registerElement: first argument ('name') must contain a dash ('-'). Argument provided was '"+String(t)+"'.");if(r(t))throw new Error("Failed to execute 'registerElement' on 'Document': Registration failed for type '"+String(t)+"'. The type name is invalid.");if(c(t))throw new Error("DuplicateDefinitionError: a type with name '"+String(t)+"' is already registered");return d.prototype||(d.prototype=Object.create(HTMLElement.prototype)),d.__name=t.toLowerCase(),d.lifecycle=d.lifecycle||{},d.ancestry=i(d["extends"]),a(d),s(d),n(d.prototype),u(d.__name,d),d.ctor=l(d),d.ctor.prototype=d.prototype,d.prototype.constructor=d.ctor,e.ready&&v(document),d.ctor}function n(e){if(!e.setAttribute._polyfilled){var t=e.setAttribute;e.setAttribute=function(e,n){o.call(this,e,n,t)};var n=e.removeAttribute;e.removeAttribute=function(e){o.call(this,e,null,n)},e.setAttribute._polyfilled=!0}}function o(e,t,n){e=e.toLowerCase();var o=this.getAttribute(e);n.apply(this,arguments);var r=this.getAttribute(e);this.attributeChangedCallback&&r!==o&&this.attributeChangedCallback(e,o,r)}function r(e){for(var t=0;t<E.length;t++)if(e===E[t])return!0}function i(e){var t=c(e);return t?i(t["extends"]).concat([t]):[]}function a(e){for(var t,n=e["extends"],o=0;t=e.ancestry[o];o++)n=t.is&&t.tag;e.tag=n||e.__name,n&&(e.is=e.__name)}function s(e){if(!Object.__proto__){var t=HTMLElement.prototype;if(e.is){var n=document.createElement(e.tag),o=Object.getPrototypeOf(n);o===e.prototype&&(t=o)}for(var r,i=e.prototype;i&&i!==t;)r=Object.getPrototypeOf(i),i.__proto__=r,i=r;e["native"]=t}}function d(e){return b(M(e.tag),e)}function c(e){return e?y[e.toLowerCase()]:void 0}function u(e,t){y[e]=t}function l(e){return function(){return d(e)}}function f(e,t,n){return e===L?m(t,n):T(e,t)}function m(e,t){var n=c(t||e);if(n){if(e==n.tag&&t==n.is)return new n.ctor;if(!t&&!n.is)return new n.ctor}var o;return t?(o=m(e),o.setAttribute("is",t),o):(o=M(e),e.indexOf("-")>=0&&w(o,HTMLElement),o)}function p(e){var t=N.call(this,e);return g(t),t}var h,v=e.upgradeDocumentTree,g=e.upgrade,b=e.upgradeWithDefinition,w=e.implementPrototype,_=e.useNative,E=["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name","missing-glyph"],y={},L="http://www.w3.org/1999/xhtml",M=document.createElement.bind(document),T=document.createElementNS.bind(document),N=Node.prototype.cloneNode;h=Object.__proto__||_?function(e,t){return e instanceof t}:function(e,t){for(var n=e;n;){if(n===t.prototype)return!0;n=n.__proto__}return!1},document.registerElement=t,document.createElement=m,document.createElementNS=f,Node.prototype.cloneNode=p,e.registry=y,e["instanceof"]=h,e.reservedTagList=E,e.getRegisteredDefinition=c,document.register=document.registerElement}),function(e){function t(){a(wrap(document)),window.HTMLImports&&(HTMLImports.__importsParsingHook=function(e){a(wrap(e["import"]))}),CustomElements.ready=!0,setTimeout(function(){CustomElements.readyTime=Date.now(),window.HTMLImports&&(CustomElements.elapsed=CustomElements.readyTime-HTMLImports.readyTime),document.dispatchEvent(new CustomEvent("WebComponentsReady",{bubbles:!0}))})}var n=e.useNative,o=e.initializeModules,r=/Trident/.test(navigator.userAgent);if(n){var i=function(){};e.watchShadow=i,e.upgrade=i,e.upgradeAll=i,e.upgradeDocumentTree=i,e.upgradeSubtree=i,e.takeRecords=i,e["instanceof"]=function(e,t){return e instanceof t}}else o();var a=e.upgradeDocumentTree;if(window.wrap||(window.ShadowDOMPolyfill?(window.wrap=ShadowDOMPolyfill.wrapIfNeeded,window.unwrap=ShadowDOMPolyfill.unwrapIfNeeded):window.wrap=window.unwrap=function(e){return e}),r&&"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(e,t){t=t||{};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),n},window.CustomEvent.prototype=window.Event.prototype),"complete"===document.readyState||e.flags.eager)t();else if("interactive"!==document.readyState||window.attachEvent||window.HTMLImports&&!window.HTMLImports.ready){var s=window.HTMLImports&&!HTMLImports.ready?"HTMLImportsLoaded":"DOMContentLoaded";window.addEventListener(s,t)}else t()}(window.CustomElements),"undefined"==typeof HTMLTemplateElement&&!function(){var e="template";HTMLTemplateElement=function(){},HTMLTemplateElement.prototype=Object.create(HTMLElement.prototype),HTMLTemplateElement.decorate=function(e){if(!e.content){e.content=e.ownerDocument.createDocumentFragment();for(var t;t=e.firstChild;)e.content.appendChild(t)}},HTMLTemplateElement.bootstrap=function(t){for(var n,o=t.querySelectorAll(e),r=0,i=o.length;i>r&&(n=o[r]);r++)HTMLTemplateElement.decorate(n)},addEventListener("DOMContentLoaded",function(){HTMLTemplateElement.bootstrap(document)})}(),function(){var e=document.createElement("style");e.textContent="body {transition: opacity ease-in 0.2s; } \nbody[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } \n";var t=document.querySelector("head");t.insertBefore(e,t.firstChild)}(window.WebComponents);


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <title>Web Components & Accessibility Sandbox</title>
  6 |     <link rel="stylesheet" type="text/css" href="assets/styles/main.css">
  7 |   </head>
  8 |   <body>
  9 |     <div id="container">
 10 |       <header>
 11 |         <h1>Web Components & Accessibility Sandbox</h1>
 12 |       </header>
 13 |       <main role="main">
 14 |         <section>
 15 |           <header>
 16 |             <h2>Shadow DOM Content Tests</h2>
 17 |           </header>
 18 |           <article role="article">
 19 |             <header>
 20 |               <h3>Replacing Text via Shadow DOM</h3>
 21 |               <p>Button in DOM says "Hello tacos" but is replaced with Shadow DOM</p>
 22 |             </header>
 23 |             <button class="taco-button">Hello tacos</button>
 24 |           </article>
 25 |           <article role="article">
 26 |             <header>
 27 |               <h3>Shadow DOM Content Element Example</h3>
 28 |               <p>The name "Nyan" is replaced by "Tacocat"</p>
 29 |             </header>
 30 |             <div class="name-tag">Nyan</div>
 31 |             <template id="name-tag-template"><style>.outer {
 32 |   background: #5bc8ff;
 33 |   border: 2px solid #5bc8ff;
 34 |   border-radius: 1em;
 35 |   font-size: 20pt;
 36 |   min-height: 7em;
 37 |   margin-bottom: 1em;
 38 |   text-align: center;
 39 |   width: 12em;
 40 | }
 41 | .boilerplate {
 42 |   color: white;
 43 |   font-family: sans-serif;
 44 |   padding: 0.5em;
 45 | }
 46 | .boilerplate h3 {
 47 |   margin: 0;
 48 | }
 49 | .boilerplate h3 span {
 50 |   display: block;
 51 |   font-size: 80%;
 52 |   line-height: 85%;
 53 | }
 54 | .name {
 55 |   background: white;
 56 |   color: black;
 57 |   font-size: 45pt;
 58 |   padding-top: 0.2em;
 59 | }
 60 | .name h4 {
 61 |   margin: 0;
 62 |   padding-bottom: 10px;
 63 | }
 64 | </style>
 65 |               <div class="outer">
 66 |                 <div class="boilerplate">
 67 |                   <h3>HELLO<span>my name is</span></h3>
 68 |                 </div>
 69 |                 <div class="name">
 70 |                   <h4>
 71 |                     <content></content>
 72 |                   </h4>
 73 |                 </div>
 74 |               </div>
 75 |             </template>
 76 |           </article>
 77 |           <article role="article">
 78 |             <header>
 79 |               <h3>Custom Element With Text Content</h3>
 80 |             </header>
 81 |             <template class="taco-article">
 82 |               <div class="article-inner-wrapper">
 83 |                 <h2 tabIndex="0"><a href="http://baltimore.craigslist.org/crg/4298347086.html" target="_blank" title="Link opens in a new window">DRIVER WITH 4 WHEEL DRIVE VEHICLE NEEDED FOR EMERGENCY TACO BELL RUN</a></h2>
 84 |                 <p>It's a snowy night. You have a few drinks, play some video games and then it hits you–an overwhelming desire for a taco.</p>
 85 |                 <p>That's what apparently happened to one Baltimorean last night who posted on Craigslist.</p>
 86 |                 <p><a href="http://baltimore.craigslist.org/crg/4298347086.html" target="_blank" title="Link opens in a new window">View on Craigslist</a></p>
 87 |               </div>
 88 |             </template>
 89 |             <taco-article></taco-article>
 90 |           </article>
 91 |         </section>
 92 |         <section>
 93 |           <header>
 94 |             <h2>Interactive Widgets</h2>
 95 |           </header>
 96 |           <article role="article">
 97 |             <!-- traditional DOM version-->
 98 |             <h3>Regular DOM Dropdown Widget</h3>
 99 |                     <div id="dropdown1" class="custom-dropdown">
100 |                       <button id="label1" role="tab" aria-controls="linklist1">
101 |                         <div class="accessLabel"></div>select option
102 |                       </button>
103 |                       <ul id="linklist1" role="tabpanel" aria-hidden="true" aria-expanded="false" aria-labeledby="label1" tabIndex="-1">
104 |                         <li><a href="#" aria-role="option">Link 1</a></li>
105 |                         <li><a href="#" aria-role="option">Link 2</a></li>
106 |                         <li><a href="#" aria-role="option">Link 3</a></li>
107 |                       </ul>
108 |                     </div>
109 |           </article>
110 |           <article role="article">
111 |             <!-- Shadow DOM version-->
112 |             <h3>Shadow DOM Dropdown Widget</h3>
113 |             <template>
114 |               <div id="shadowDropdown">
115 |                             <div id="dropdown2" class="custom-dropdown">
116 |                               <button id="label2" role="tab" aria-controls="linklist2">
117 |                                 <div class="accessLabel"></div>select option
118 |                               </button>
119 |                               <ul id="linklist2" role="tabpanel" aria-hidden="true" aria-expanded="false" aria-labeledby="label2" tabIndex="-1">
120 |                                 <li><a href="#" aria-role="option">Link 1</a></li>
121 |                                 <li><a href="#" aria-role="option">Link 2</a></li>
122 |                                 <li><a href="#" aria-role="option">Link 3</a></li>
123 |                               </ul>
124 |                             </div>
125 |               </div>
126 |             </template>
127 |             <shadow-dropdown></shadow-dropdown>
128 |           </article>
129 |         </section>
130 |         <section>
131 |           <header>
132 |             <h2>Buttons</h2>
133 |           </header>
134 |           <div class="button-group">
135 |             <article role="article" class="button-widget">
136 |               <h3>Regular DOM Element with Tab Index</h3>
137 |                       <div tabIndex="0" role="button" class="button">div</div>
138 |             </article>
139 |             <article role="article" class="button-widget">
140 |               <h3>Shadow DOM Element with Tab Index</h3>
141 |               <template>
142 |                               <div tabIndex="0" role="button" class="button">div</div>
143 |               </template>
144 |               <div-button></div-button>
145 |             </article>
146 |           </div>
147 |           <div class="button-group">
148 |             <article role="article" class="button-widget">
149 |               <h3>Regular DOM Button</h3>
150 |                       <button>button</button>
151 |             </article>
152 |             <article role="article" class="button-widget">
153 |               <h3>Shadow DOM Button</h3>
154 |               <template>
155 |                               <button>button</button>
156 |               </template>
157 |               <button-button></button-button>
158 |             </article>
159 |           </div>
160 |         </section>
161 |       </main>
162 |       <footer>
163 |         <ul>
164 |           <li>
165 |             <h4>Sandbox by <a href="http://marcysutton.com/" target="_blank" title="Link opens in a new window">Marcy Sutton at Substantial.</a></h4>
166 |           </li>
167 |           <li>
168 |             <h4><a href="http://github.com/marcysutton/web-components-accessibility">Source on Github</a></h4>
169 |           </li>
170 |         </ul>
171 |       </footer>
172 |     </div>
173 |     <script src="assets/webcomponents.js/webcomponents.js"></script>
174 |     <script src="assets/scripts/main.js"></script>
175 |   </body>
176 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "web-components-accessibility",
 3 |   "version": "0.0.0",
 4 |   "description": "A sandbox for testing Web Component accessibility",
 5 |   "main": "main.js",
 6 |   "dependencies": {
 7 |     "webcomponents.js": "~0.5.5-1"
 8 |   },
 9 |   "devDependencies": {
10 |     "grunt": "~0.4.1",
11 |     "grunt-sass": "~0.8.0",
12 |     "grunt-contrib-watch": "~0.5.3",
13 |     "grunt-contrib-sass": "~0.5.0",
14 |     "grunt-connect": "~0.2.0",
15 |     "grunt-contrib-copy": "~0.4.1",
16 |     "grunt-contrib-clean": "~0.5.0",
17 |     "grunt-contrib-connect": "~0.5.0",
18 |     "grunt-jade": "~0.4.0",
19 |     "grunt-browserify": "~1.2.11",
20 |     "coffeeify": "~0.5.2",
21 |     "browserify": "~2.36.1",
22 |     "grunt-concurrent": "~0.4.2",
23 |     "load-grunt-tasks": "~0.2.0"
24 |   },
25 |   "scripts": {
26 |     "test": ""
27 |   },
28 |   "repository": {
29 |     "type": "git",
30 |     "url": "https://github.com/marcysutton/web-components-accessibility.git"
31 |   },
32 |   "author": "Marcy Sutton",
33 |   "license": "BSD-2-Clause",
34 |   "bugs": {
35 |     "url": "https://github.com/marcysutton/web-components-accessibility/issues"
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/src/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Web-Components-Accessibility",
 3 |   "version": "0.0.0",
 4 |   "homepage": "https://github.com/marcysutton/web-components-accessibility",
 5 |   "authors": [
 6 |     "Marcy Sutton <marcy@substantial.com>"
 7 |   ],
 8 |   "description": "A research sandbox for the accessibility of web components",
 9 |   "license": "MIT",
10 |   "ignore": [
11 |     "**/.*",
12 |     "node_modules",
13 |     "bower_components",
14 |     "test",
15 |     "tests"
16 |   ],
17 |   "dependencies": {
18 |     "platform": "Polymer/platform#~0.1.3"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/src/images/taco-nyan.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marcysutton/web-components-accessibility-sandbox/c3ee719b4041bd002b912dde2d5d605eb64d2774/src/images/taco-nyan.jpg


--------------------------------------------------------------------------------
/src/index.jade:
--------------------------------------------------------------------------------
 1 | doctype html
 2 | html(lang="en")
 3 |   head
 4 |     meta(charset="utf-8")
 5 |     title Web Components & Accessibility Sandbox
 6 |     link(rel="stylesheet", type="text/css", href="assets/styles/main.css")
 7 | 
 8 |   body
 9 |     #container
10 |       header
11 |         h1 Web Components & Accessibility Sandbox
12 |       main(role="main")
13 |         include templates/mixins/_dropdown.jade
14 |         include templates/mixins/_div_button.jade
15 |         include templates/mixins/_button_button.jade
16 | 
17 |         section
18 |           header
19 |             h2 Shadow DOM Content Tests
20 | 
21 |           article(role="article")
22 |             header
23 |               h3 Replacing Text via Shadow DOM
24 |               p Button in DOM says "Hello tacos" but is replaced with Shadow DOM
25 |             button.taco-button Hello tacos
26 | 
27 |           article(role="article")
28 |             header
29 |               h3 Shadow DOM Content Element Example
30 |               p The name "Nyan" is replaced by "Tacocat"
31 |             div.name-tag Nyan
32 |             template#name-tag-template
33 |               include styles/shadow-content.css
34 |               .outer
35 |                 .boilerplate
36 |                   h3 HELLO
37 |                     span my name is
38 |                 .name
39 |                   h4
40 |                     content
41 | 
42 |           article(role="article")
43 |             header
44 |               h3 Custom Element With Text Content
45 |             include templates/partials/_shadow_article.jade
46 |             taco-article
47 | 
48 |         section
49 |           header
50 |             h2 Interactive Widgets
51 | 
52 |           article(role="article")
53 |             // traditional DOM version
54 |             h3 Regular DOM Dropdown Widget
55 |             +dropdown("dropdown1", "label1", "linklist1")
56 | 
57 |           article(role="article")
58 |             // Shadow DOM version
59 |             h3 Shadow DOM Dropdown Widget
60 |             include templates/partials/_shadow_dropdown.jade
61 |             shadow-dropdown
62 | 
63 |         section
64 |           header
65 |             h2 Buttons
66 | 
67 |           div.button-group
68 |             article.button-widget(role="article")
69 |               h3 Regular DOM Element with Tab Index
70 |               +div_button
71 | 
72 |             article.button-widget(role="article")
73 |               h3 Shadow DOM Element with Tab Index
74 |               include templates/partials/_shadow_div.jade
75 |               div-button
76 | 
77 |           div.button-group
78 |             article.button-widget(role="article")
79 |               h3 Regular DOM Button
80 |               +button_button
81 | 
82 |             article.button-widget(role="article")
83 |               h3 Shadow DOM Button
84 |               include templates/partials/_shadow_button.jade
85 |               button-button
86 | 
87 |       footer
88 |         ul
89 |           li
90 |             h4 Sandbox by 
91 |               a(href="http://marcysutton.com/", target="_blank", title="Link opens in a new window") Marcy Sutton at Substantial.
92 |           li
93 |             h4
94 |               a(href="http://github.com/marcysutton/web-components-accessibility") Source on Github
95 | 
96 |     script(src="assets/webcomponents.js/webcomponents.js")
97 |     script(src="assets/scripts/main.js")
98 | 


--------------------------------------------------------------------------------
/src/scripts/ContentReplacements.coffee:
--------------------------------------------------------------------------------
 1 | class ContentReplacements
 2 | 
 3 |   constructor: () ->
 4 |     originalCreateShadowRoot = Element.prototype.createShadowRoot
 5 | 
 6 |     tacoButtonText = 'Give me tacos'
 7 |     tacoButtonSelector = '.taco-button'
 8 |     nameTagSelector = '.name-tag'
 9 |     nameTagTemplateSelector = '#name-tag-template'
10 |     nameTagText = 'TACOCAT'
11 | 
12 |     tacoBtnHost = document.querySelector(tacoButtonSelector)
13 |     tacoBtnRoot = tacoBtnHost.createShadowRoot()
14 |     tacoBtnRoot.textContent = tacoButtonText
15 | 
16 |     nameTag = document.querySelector(nameTagSelector)
17 |     nameTagShadow = nameTag.createShadowRoot()
18 | 
19 |     nameTagTmpl = document.querySelector(nameTagTemplateSelector)
20 |     nameTag.textContent = nameTagText
21 |     nameTagShadow.appendChild nameTagTmpl.content
22 |     # nameTagTmpl.remove()
23 | 
24 | module.exports = ContentReplacements
25 | 


--------------------------------------------------------------------------------
/src/scripts/CustomDropdown.coffee:
--------------------------------------------------------------------------------
 1 | class CustomDropdown
 2 | 
 3 |   elCustomDropdown: null,
 4 |   elCustomDropdownUl: null,
 5 | 
 6 |   accessLabelExpanded: 'expanded',
 7 |   accessLabelCollapsed: 'collapsed',
 8 | 
 9 |   constructor: ($el, shadow=false) ->
10 |     # Cache elements
11 |     @elCustomDropdown = $el
12 |     if $el
13 |       @elDropdownTrigger = @elCustomDropdown.querySelector('button')
14 |       @elCustomDropdownUl = @elCustomDropdown.querySelector('ul')
15 |       @elFirstSelectItem = @elCustomDropdownUl.querySelector('a')
16 |       @elAccessLabel = @elCustomDropdown.querySelector('.accessLabel')
17 | 
18 |       # Fill screen reader label
19 |       @updateAccessLabel @accessLabelCollapsed
20 | 
21 |       # Event bindings
22 |       @elCustomDropdown.addEventListener 'click', @customDropdownToggle
23 |       document.addEventListener 'keydown', @escapeKeyHandler
24 | 
25 |   updateAccessLabel: (string) ->
26 |     @elAccessLabel.textContent = "#{string} "
27 | 
28 |   escapeKeyHandler: (event) =>
29 |     customDropdownToggle(event) if event.keyCode == 27
30 | 
31 |   customDropdownToggle: (event) =>
32 |     ddClasslist = @elCustomDropdown.classList
33 | 
34 |     if ddClasslist.contains('active')
35 |       ddClasslist.remove('active')
36 |       @elCustomDropdownUl.setAttribute('aria-hidden', true)
37 |       @elCustomDropdownUl.setAttribute('aria-expanded', false)
38 |       @updateAccessLabel @accessLabelExpanded
39 |     else
40 |       ddClasslist.add('active')
41 |       @elFirstSelectItem.focus()
42 |       @elCustomDropdownUl.setAttribute('aria-hidden', false)
43 |       @elCustomDropdownUl.setAttribute('aria-expanded', true)
44 |       @updateAccessLabel @accessLabelCollapsed
45 | 
46 | module.exports = CustomDropdown
47 | 


--------------------------------------------------------------------------------
/src/scripts/ShadowDropdown.coffee:
--------------------------------------------------------------------------------
 1 | ShadowTemplate = require './ShadowTemplate'
 2 | CustomDropdown = require './CustomDropdown'
 3 | 
 4 | class ShadowDropdown extends ShadowTemplate
 5 | 
 6 | 	constructor: (shadowHost) ->
 7 | 		super
 8 | 
 9 | 	shadowCreatedCallback: () =>
10 | 		super
11 | 
12 | 		@shadowChildEl = @clone.querySelector '.custom-dropdown'
13 | 
14 | 		new CustomDropdown @shadowChildEl
15 | 
16 | 		@attachClone()
17 | 
18 | 	attachClone: () ->
19 | 		super
20 | 
21 | module.exports = ShadowDropdown
22 | 


--------------------------------------------------------------------------------
/src/scripts/ShadowElement.coffee:
--------------------------------------------------------------------------------
 1 | ShadowTemplate = require './ShadowTemplate'
 2 | 
 3 | class ShadowElement extends ShadowTemplate
 4 | 
 5 | 	constructor: (shadowHost, templateSelector) ->
 6 | 		super
 7 | 
 8 | 	shadowCreatedCallback: () =>
 9 | 		super
10 | 
11 | 		@attachClone()
12 | 
13 | 	attachClone: () ->
14 | 		super
15 | 
16 | module.exports = ShadowElement
17 | 


--------------------------------------------------------------------------------
/src/scripts/ShadowTemplate.coffee:
--------------------------------------------------------------------------------
 1 | HTMLElement.prototype.createShadowRoot =
 2 |   HTMLElement.prototype.createShadowRoot ||
 3 |   HTMLElement.prototype.webkitCreateShadowRoot ||
 4 |   () ->
 5 | 
 6 | class ShadowTemplate
 7 | 
 8 |   el: null,
 9 | 
10 |   constructor: (hostSelector, templateSelector = 'template') ->
11 | 
12 |     @shadowHost = document.querySelector hostSelector
13 | 
14 |     @shadowTmpl = @shadowHost.parentNode.querySelector(templateSelector)
15 | 
16 |     shadowProto = Object.create(HTMLElement.prototype)
17 |     shadowProto.createdCallback = @shadowCreatedCallback()
18 | 
19 |   shadowCreatedCallback: () =>
20 |     @shadowRoot = @shadowHost.createShadowRoot()
21 |     @shadowRoot.applyAuthorStyles = true
22 |     @clone = @shadowTmpl.content.cloneNode(true)
23 | 
24 |   attachClone: () ->
25 |     @shadowRoot.appendChild(@clone)
26 | 
27 | module.exports = ShadowTemplate
28 | 


--------------------------------------------------------------------------------
/src/scripts/main.coffee:
--------------------------------------------------------------------------------
 1 | ShadowTemplate = require './ShadowTemplate'
 2 | ShadowDropdown = require './ShadowDropdown'
 3 | CustomDropdown = require './CustomDropdown'
 4 | ShadowElement = require './ShadowElement'
 5 | ContentReplacements = require './ContentReplacements'
 6 | 
 7 | document.addEventListener 'DOMContentLoaded', (event) ->
 8 | 
 9 |   # Inline Content Replacements
10 |   new ContentReplacements()
11 | 
12 |   # Custom Elements
13 |   shadowArticleName = 'taco-article'
14 |   shadowTemplate = 'template.taco-article'
15 |   shadowDropdownName = 'shadow-dropdown'
16 |   shadowDivButtonName = 'div-button'
17 |   shadowButtonName = 'button-button'
18 | 
19 |   if supportsCustomElements()
20 |     tacoArticleProto = Object.create HTMLElement.prototype,
21 |       createdCallback:
22 |         value: ->
23 |           new ShadowElement(shadowArticleName, shadowTemplate)
24 | 
25 |     dropdownProto = Object.create HTMLElement.prototype,
26 |       createdCallback:
27 |           value: ->
28 |             new ShadowDropdown(shadowDropdownName)
29 | 
30 |     customDropdown = document.registerElement shadowDropdownName, prototype: dropdownProto
31 | 
32 |     divButtonProto = Object.create HTMLElement.prototype,
33 |       createdCallback:
34 |         value: ->
35 |           new ShadowElement(shadowDivButtonName)
36 | 
37 |     buttonProto = Object.create HTMLElement.prototype,
38 |       createdCallback:
39 |         value: ->
40 |           new ShadowElement(shadowButtonName)
41 | 
42 |     tacoArticle = document.registerElement shadowArticleName, prototype: tacoArticleProto
43 |     customDivButton = document.registerElement shadowDivButtonName, prototype: divButtonProto
44 |     customButton = document.registerElement shadowButtonName, prototype: buttonProto
45 | 
46 |   elDropdowns = document.querySelectorAll('.custom-dropdown')
47 |   new CustomDropdown(el) for el in elDropdowns
48 | 
49 | supportsCustomElements = ->
50 |   'registerElement' of document
51 | 


--------------------------------------------------------------------------------
/src/styles/_content_test_section.sass:
--------------------------------------------------------------------------------
1 | #contentTests
2 |   button
3 |     margin-bottom: $default_margin
4 | 
5 | 


--------------------------------------------------------------------------------
/src/styles/_defaults.sass:
--------------------------------------------------------------------------------
 1 | $margin-unit: 8px
 2 | $default-margin: $margin-unit * 2
 3 | 
 4 | $primary-bg-color: #fddf96
 5 | $secondary-bg-color: #dccb09
 6 | 
 7 | $link-primary-color: #000
 8 | $link-secondary-color: #2ec133
 9 | $link-tertiary-color: #fff
10 | 
11 | $shadow-color: #999
12 | 
13 | .offscreen, .accessLabel
14 |   display: block
15 |   left: -50000px
16 |   position: absolute
17 | 
18 | #container
19 |   background: $primary-bg-color url(../images/taco-nyan.jpg) no-repeat bottom right
20 | 
21 | body, button
22 |   font-family: Menlo, Courier, monospace
23 | 
24 | button, .button
25 |   background-color: $secondary-bg-color
26 |   font-weight: bold
27 |   border: none
28 |   display: block
29 |   font-size: 1em
30 |   text-align: left
31 |   -webkit-appearance: none
32 | 
33 | a, button, .button
34 |   color: $link-primary-color
35 |   cursor: pointer
36 | 
37 |   &:hover, &:focus
38 |     color: $link-secondary-color
39 | 
40 | .custom-dropdown a, button, .button
41 |   display: inline-block
42 |   padding: $margin-unit
43 |   text-decoration: none
44 | 
45 | h1, h2, h3, h4, p
46 |   line-height: 1.25em
47 |   margin-bottom: $default-margin
48 | 
49 | h1
50 |   font-size: 1.5em
51 | 
52 | h2
53 |   font-size: 1.25em
54 | 
55 | h3, h4
56 |   font-size: 1em
57 |   margin-bottom: $default_margin / 2
58 | 
59 | header p
60 |   font-size: 0.75em
61 |   font-style: italic
62 | 


--------------------------------------------------------------------------------
/src/styles/_mixins.sass:
--------------------------------------------------------------------------------
1 | @mixin box-sizing
2 |   -webkit-box-sizing: border-box
3 |   -moz-box-sizing: border-box
4 |   -ms-box-sizing: border-box
5 |   box-sizing: border-box
6 | 
7 | @mixin box-shadow
8 |   box-shadow: 0 0.5em 1em $shadow-color
9 | 


--------------------------------------------------------------------------------
/src/styles/_reset.sass:
--------------------------------------------------------------------------------
 1 | /* html5doctor.com Reset Stylesheet
 2 | /* v1.6.1
 3 | /* Last Updated: 2010-09-17
 4 | /* Author: Richard Clark - http://richclarkdesign.com
 5 | /* Twitter: @rich_clark
 6 | 
 7 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
 8 |   margin: 0
 9 |   padding: 0
10 |   border: 0
11 |   font-size: 100%
12 |   vertical-align: baseline
13 |   background: transparent
14 | 
15 | body
16 |   line-height: 1
17 | 
18 | article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section, main
19 |   display: block
20 | 
21 | nav ul
22 |   list-style: none
23 | 
24 | blockquote, q
25 |   quotes: none
26 | 
27 | blockquote:before, blockquote:after, q:before, q:after
28 |   content: ''
29 |   content: none
30 | 
31 | a
32 |   margin: 0
33 |   padding: 0
34 |   font-size: 100%
35 |   vertical-align: baseline
36 |   background: transparent
37 | 
38 | /* change colours to suit your needs */
39 | ins
40 |   background-color: #ff9
41 |   color: #000
42 |   text-decoration: none
43 | 
44 | /* change colours to suit your needs */
45 | mark
46 |   background-color: #ff9
47 |   color: #000
48 |   font-style: italic
49 |   font-weight: bold
50 | 
51 | del
52 |   text-decoration: line-through
53 | 
54 | abbr[title], dfn[title]
55 |   border-bottom: 1px dotted
56 |   cursor: help
57 | 
58 | table
59 |   border-collapse: collapse
60 |   border-spacing: 0
61 | 
62 | /* change border colour to suit your needs */
63 | hr
64 |   display: block
65 |   height: 1px
66 |   border: 0
67 |   border-top: 1px solid #cccccc
68 |   margin: 1em 0
69 |   padding: 0
70 | 
71 | input,
72 | select
73 |   vertical-align: middle
74 | 
75 | template
76 |   display: none !important
77 |   visibility: hidden !important
78 | 


--------------------------------------------------------------------------------
/src/styles/main.sass:
--------------------------------------------------------------------------------
  1 | @import 'reset'
  2 | @import 'mixins'
  3 | @import 'defaults'
  4 | @import 'content_test_section'
  5 | 
  6 | *
  7 |   +box-sizing
  8 | 
  9 | html, body
 10 |   height: 100%
 11 | 
 12 | #container
 13 |   min-height: 100%
 14 |   position: relative
 15 | 
 16 | #container > header
 17 |   padding: 20px 0 0 20px
 18 | 
 19 |   h1
 20 |     margin: 0
 21 | 
 22 | main
 23 |   padding: 20px 20px 80px
 24 | 
 25 | section
 26 |   display: inline-block
 27 |   padding-right: $default_margin
 28 |   max-width: 320px
 29 |   vertical-align: top
 30 | 
 31 |   header p
 32 |     max-width: 320px
 33 | 
 34 | article
 35 |   margin-bottom: $default_margin
 36 | 
 37 | .custom-dropdown,
 38 | .shadow-dropdown
 39 |   min-width: 280px
 40 |   position: relative
 41 |   width: 30%
 42 | 
 43 |   button
 44 |     width: 100%
 45 | 
 46 |     &:after
 47 |       content: '\25BC'
 48 |       display: inline-block
 49 |       float: right
 50 |       vertical-align: middle
 51 | 
 52 |   ul
 53 |     +box-shadow
 54 |     background-color: #fff
 55 |     display: none
 56 |     list-style: none
 57 |     position: absolute
 58 |     visibility: hidden
 59 |     z-index: 1
 60 |     width: 100%
 61 | 
 62 |     a
 63 |       display: block
 64 | 
 65 |       &:hover, &:focus
 66 |         background-color: $link-secondary-color
 67 |         color: $link-primary-color
 68 | 
 69 |   &.active
 70 |     .trigger:after
 71 |       content: '\25B2'
 72 | 
 73 |     ul
 74 |       display: block
 75 |       visibility: visible
 76 | 
 77 | button, .button
 78 |   border-radius: 5px
 79 |   padding: 10px 20px
 80 | 
 81 | .button-group, .article-inner-wrapper
 82 |   background-color: #fff
 83 |   clear: both
 84 |   padding: $default_margin
 85 |   margin-bottom: $default-margin
 86 |   max-width: 400px
 87 | 
 88 |   article.button-widget
 89 |     display: inline-block
 90 |     margin-right: $default_margin
 91 |     vertical-align: bottom
 92 |     width: 40%
 93 | 
 94 | footer
 95 |   bottom: 0
 96 |   background-color: $secondary-bg-color
 97 |   border-top: 5px solid black
 98 |   height: 79px
 99 |   padding: $default_margin
100 |   position: absolute
101 |   width: 100%
102 | 
103 |   ul
104 |     list-style: none
105 | 
106 |     li
107 |       display: inline-block
108 |       font-size: 0.85em
109 | 


--------------------------------------------------------------------------------
/src/styles/shadow-content.css:
--------------------------------------------------------------------------------
 1 | .outer {
 2 |   background: #5bc8ff;
 3 |   border: 2px solid #5bc8ff;
 4 |   border-radius: 1em;
 5 |   font-size: 20pt;
 6 |   min-height: 7em;
 7 |   margin-bottom: 1em;
 8 |   text-align: center;
 9 |   width: 12em;
10 | }
11 | .boilerplate {
12 |   color: white;
13 |   font-family: sans-serif;
14 |   padding: 0.5em;
15 | }
16 | .boilerplate h3 {
17 |   margin: 0;
18 | }
19 | .boilerplate h3 span {
20 |   display: block;
21 |   font-size: 80%;
22 |   line-height: 85%;
23 | }
24 | .name {
25 |   background: white;
26 |   color: black;
27 |   font-size: 45pt;
28 |   padding-top: 0.2em;
29 | }
30 | .name h4 {
31 |   margin: 0;
32 |   padding-bottom: 10px;
33 | }
34 | 


--------------------------------------------------------------------------------
/src/templates/mixins/_button_button.jade:
--------------------------------------------------------------------------------
1 | mixin button_button
2 |   button
3 |     | button
4 | 


--------------------------------------------------------------------------------
/src/templates/mixins/_div_button.jade:
--------------------------------------------------------------------------------
1 | mixin div_button
2 |   .button(tabIndex="0", role="button")
3 |     | div
4 | 


--------------------------------------------------------------------------------
/src/templates/mixins/_dropdown.jade:
--------------------------------------------------------------------------------
 1 | mixin dropdown(divID, labelID, linklistID)
 2 |   div(class="custom-dropdown", id="#{divID}")
 3 |     button(id="#{labelID}", role="tab", aria-controls="#{linklistID}")
 4 |       .accessLabel
 5 |       | select option
 6 |     ul(id="#{linklistID}", role="tabpanel", aria-hidden="true", aria-expanded="false", aria-labeledby="#{labelID}", tabIndex="-1")
 7 |       li
 8 |         a(href="#", aria-role="option") Link 1
 9 |       li
10 |         a(href="#", aria-role="option") Link 2
11 |       li
12 |         a(href="#", aria-role="option") Link 3
13 | 
14 | 


--------------------------------------------------------------------------------
/src/templates/partials/_shadow_article.jade:
--------------------------------------------------------------------------------
 1 | template.taco-article
 2 |   .article-inner-wrapper
 3 |     h2(tabIndex="0")
 4 |       a(href="http://baltimore.craigslist.org/crg/4298347086.html", target="_blank", title="Link opens in a new window")
 5 |         | DRIVER WITH 4 WHEEL DRIVE VEHICLE NEEDED FOR EMERGENCY TACO BELL RUN
 6 |     p It's a snowy night. You have a few drinks, play some video games and then it hits you–an overwhelming desire for a taco.
 7 |     p That's what apparently happened to one Baltimorean last night who posted on Craigslist.
 8 |     p
 9 |       a(href="http://baltimore.craigslist.org/crg/4298347086.html", target="_blank", title="Link opens in a new window")
10 |         | View on Craigslist
11 | 


--------------------------------------------------------------------------------
/src/templates/partials/_shadow_button.jade:
--------------------------------------------------------------------------------
1 | include ../mixins/_button_button.jade
2 | 
3 | template
4 |   +button_button
5 | 


--------------------------------------------------------------------------------
/src/templates/partials/_shadow_div.jade:
--------------------------------------------------------------------------------
1 | include ../mixins/_div_button.jade
2 | 
3 | template
4 |   +div_button


--------------------------------------------------------------------------------
/src/templates/partials/_shadow_dropdown.jade:
--------------------------------------------------------------------------------
1 | include ../mixins/_dropdown.jade
2 | 
3 | template
4 |   div#shadowDropdown
5 |     +dropdown('dropdown2', 'label2', 'linklist2')
6 | 


--------------------------------------------------------------------------------
/src/webcomponents.js/CustomElements.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.5.5
 11 | if (typeof WeakMap === "undefined") {
 12 |   (function() {
 13 |     var defineProperty = Object.defineProperty;
 14 |     var counter = Date.now() % 1e9;
 15 |     var WeakMap = function() {
 16 |       this.name = "__st" + (Math.random() * 1e9 >>> 0) + (counter++ + "__");
 17 |     };
 18 |     WeakMap.prototype = {
 19 |       set: function(key, value) {
 20 |         var entry = key[this.name];
 21 |         if (entry && entry[0] === key) entry[1] = value; else defineProperty(key, this.name, {
 22 |           value: [ key, value ],
 23 |           writable: true
 24 |         });
 25 |         return this;
 26 |       },
 27 |       get: function(key) {
 28 |         var entry;
 29 |         return (entry = key[this.name]) && entry[0] === key ? entry[1] : undefined;
 30 |       },
 31 |       "delete": function(key) {
 32 |         var entry = key[this.name];
 33 |         if (!entry || entry[0] !== key) return false;
 34 |         entry[0] = entry[1] = undefined;
 35 |         return true;
 36 |       },
 37 |       has: function(key) {
 38 |         var entry = key[this.name];
 39 |         if (!entry) return false;
 40 |         return entry[0] === key;
 41 |       }
 42 |     };
 43 |     window.WeakMap = WeakMap;
 44 |   })();
 45 | }
 46 | 
 47 | window.CustomElements = window.CustomElements || {
 48 |   flags: {}
 49 | };
 50 | 
 51 | (function(scope) {
 52 |   var flags = scope.flags;
 53 |   var modules = [];
 54 |   var addModule = function(module) {
 55 |     modules.push(module);
 56 |   };
 57 |   var initializeModules = function() {
 58 |     modules.forEach(function(module) {
 59 |       module(scope);
 60 |     });
 61 |   };
 62 |   scope.addModule = addModule;
 63 |   scope.initializeModules = initializeModules;
 64 |   scope.hasNative = Boolean(document.registerElement);
 65 |   scope.useNative = !flags.register && scope.hasNative && !window.ShadowDOMPolyfill && (!window.HTMLImports || HTMLImports.useNative);
 66 | })(CustomElements);
 67 | 
 68 | CustomElements.addModule(function(scope) {
 69 |   var IMPORT_LINK_TYPE = window.HTMLImports ? HTMLImports.IMPORT_LINK_TYPE : "none";
 70 |   function forSubtree(node, cb) {
 71 |     findAllElements(node, function(e) {
 72 |       if (cb(e)) {
 73 |         return true;
 74 |       }
 75 |       forRoots(e, cb);
 76 |     });
 77 |     forRoots(node, cb);
 78 |   }
 79 |   function findAllElements(node, find, data) {
 80 |     var e = node.firstElementChild;
 81 |     if (!e) {
 82 |       e = node.firstChild;
 83 |       while (e && e.nodeType !== Node.ELEMENT_NODE) {
 84 |         e = e.nextSibling;
 85 |       }
 86 |     }
 87 |     while (e) {
 88 |       if (find(e, data) !== true) {
 89 |         findAllElements(e, find, data);
 90 |       }
 91 |       e = e.nextElementSibling;
 92 |     }
 93 |     return null;
 94 |   }
 95 |   function forRoots(node, cb) {
 96 |     var root = node.shadowRoot;
 97 |     while (root) {
 98 |       forSubtree(root, cb);
 99 |       root = root.olderShadowRoot;
100 |     }
101 |   }
102 |   var processingDocuments;
103 |   function forDocumentTree(doc, cb) {
104 |     processingDocuments = [];
105 |     _forDocumentTree(doc, cb);
106 |     processingDocuments = null;
107 |   }
108 |   function _forDocumentTree(doc, cb) {
109 |     doc = wrap(doc);
110 |     if (processingDocuments.indexOf(doc) >= 0) {
111 |       return;
112 |     }
113 |     processingDocuments.push(doc);
114 |     var imports = doc.querySelectorAll("link[rel=" + IMPORT_LINK_TYPE + "]");
115 |     for (var i = 0, l = imports.length, n; i < l && (n = imports[i]); i++) {
116 |       if (n.import) {
117 |         _forDocumentTree(n.import, cb);
118 |       }
119 |     }
120 |     cb(doc);
121 |   }
122 |   scope.forDocumentTree = forDocumentTree;
123 |   scope.forSubtree = forSubtree;
124 | });
125 | 
126 | CustomElements.addModule(function(scope) {
127 |   var flags = scope.flags;
128 |   var forSubtree = scope.forSubtree;
129 |   var forDocumentTree = scope.forDocumentTree;
130 |   function addedNode(node) {
131 |     return added(node) || addedSubtree(node);
132 |   }
133 |   function added(node) {
134 |     if (scope.upgrade(node)) {
135 |       return true;
136 |     }
137 |     attached(node);
138 |   }
139 |   function addedSubtree(node) {
140 |     forSubtree(node, function(e) {
141 |       if (added(e)) {
142 |         return true;
143 |       }
144 |     });
145 |   }
146 |   function attachedNode(node) {
147 |     attached(node);
148 |     if (inDocument(node)) {
149 |       forSubtree(node, function(e) {
150 |         attached(e);
151 |       });
152 |     }
153 |   }
154 |   var hasPolyfillMutations = !window.MutationObserver || window.MutationObserver === window.JsMutationObserver;
155 |   scope.hasPolyfillMutations = hasPolyfillMutations;
156 |   var isPendingMutations = false;
157 |   var pendingMutations = [];
158 |   function deferMutation(fn) {
159 |     pendingMutations.push(fn);
160 |     if (!isPendingMutations) {
161 |       isPendingMutations = true;
162 |       setTimeout(takeMutations);
163 |     }
164 |   }
165 |   function takeMutations() {
166 |     isPendingMutations = false;
167 |     var $p = pendingMutations;
168 |     for (var i = 0, l = $p.length, p; i < l && (p = $p[i]); i++) {
169 |       p();
170 |     }
171 |     pendingMutations = [];
172 |   }
173 |   function attached(element) {
174 |     if (hasPolyfillMutations) {
175 |       deferMutation(function() {
176 |         _attached(element);
177 |       });
178 |     } else {
179 |       _attached(element);
180 |     }
181 |   }
182 |   function _attached(element) {
183 |     if (element.__upgraded__ && (element.attachedCallback || element.detachedCallback)) {
184 |       if (!element.__attached && inDocument(element)) {
185 |         element.__attached = true;
186 |         if (element.attachedCallback) {
187 |           element.attachedCallback();
188 |         }
189 |       }
190 |     }
191 |   }
192 |   function detachedNode(node) {
193 |     detached(node);
194 |     forSubtree(node, function(e) {
195 |       detached(e);
196 |     });
197 |   }
198 |   function detached(element) {
199 |     if (hasPolyfillMutations) {
200 |       deferMutation(function() {
201 |         _detached(element);
202 |       });
203 |     } else {
204 |       _detached(element);
205 |     }
206 |   }
207 |   function _detached(element) {
208 |     if (element.__upgraded__ && (element.attachedCallback || element.detachedCallback)) {
209 |       if (element.__attached && !inDocument(element)) {
210 |         element.__attached = false;
211 |         if (element.detachedCallback) {
212 |           element.detachedCallback();
213 |         }
214 |       }
215 |     }
216 |   }
217 |   function inDocument(element) {
218 |     var p = element;
219 |     var doc = wrap(document);
220 |     while (p) {
221 |       if (p == doc) {
222 |         return true;
223 |       }
224 |       p = p.parentNode || p.host;
225 |     }
226 |   }
227 |   function watchShadow(node) {
228 |     if (node.shadowRoot && !node.shadowRoot.__watched) {
229 |       flags.dom && console.log("watching shadow-root for: ", node.localName);
230 |       var root = node.shadowRoot;
231 |       while (root) {
232 |         observe(root);
233 |         root = root.olderShadowRoot;
234 |       }
235 |     }
236 |   }
237 |   function handler(mutations) {
238 |     if (flags.dom) {
239 |       var mx = mutations[0];
240 |       if (mx && mx.type === "childList" && mx.addedNodes) {
241 |         if (mx.addedNodes) {
242 |           var d = mx.addedNodes[0];
243 |           while (d && d !== document && !d.host) {
244 |             d = d.parentNode;
245 |           }
246 |           var u = d && (d.URL || d._URL || d.host && d.host.localName) || "";
247 |           u = u.split("/?").shift().split("/").pop();
248 |         }
249 |       }
250 |       console.group("mutations (%d) [%s]", mutations.length, u || "");
251 |     }
252 |     mutations.forEach(function(mx) {
253 |       if (mx.type === "childList") {
254 |         forEach(mx.addedNodes, function(n) {
255 |           if (!n.localName) {
256 |             return;
257 |           }
258 |           addedNode(n);
259 |         });
260 |         forEach(mx.removedNodes, function(n) {
261 |           if (!n.localName) {
262 |             return;
263 |           }
264 |           detachedNode(n);
265 |         });
266 |       }
267 |     });
268 |     flags.dom && console.groupEnd();
269 |   }
270 |   function takeRecords(node) {
271 |     node = wrap(node);
272 |     if (!node) {
273 |       node = wrap(document);
274 |     }
275 |     while (node.parentNode) {
276 |       node = node.parentNode;
277 |     }
278 |     var observer = node.__observer;
279 |     if (observer) {
280 |       handler(observer.takeRecords());
281 |       takeMutations();
282 |     }
283 |   }
284 |   var forEach = Array.prototype.forEach.call.bind(Array.prototype.forEach);
285 |   function observe(inRoot) {
286 |     if (inRoot.__observer) {
287 |       return;
288 |     }
289 |     var observer = new MutationObserver(handler);
290 |     observer.observe(inRoot, {
291 |       childList: true,
292 |       subtree: true
293 |     });
294 |     inRoot.__observer = observer;
295 |   }
296 |   function upgradeDocument(doc) {
297 |     doc = wrap(doc);
298 |     flags.dom && console.group("upgradeDocument: ", doc.baseURI.split("/").pop());
299 |     addedNode(doc);
300 |     observe(doc);
301 |     flags.dom && console.groupEnd();
302 |   }
303 |   function upgradeDocumentTree(doc) {
304 |     forDocumentTree(doc, upgradeDocument);
305 |   }
306 |   var originalCreateShadowRoot = Element.prototype.createShadowRoot;
307 |   if (originalCreateShadowRoot) {
308 |     Element.prototype.createShadowRoot = function() {
309 |       var root = originalCreateShadowRoot.call(this);
310 |       CustomElements.watchShadow(this);
311 |       return root;
312 |     };
313 |   }
314 |   scope.watchShadow = watchShadow;
315 |   scope.upgradeDocumentTree = upgradeDocumentTree;
316 |   scope.upgradeSubtree = addedSubtree;
317 |   scope.upgradeAll = addedNode;
318 |   scope.attachedNode = attachedNode;
319 |   scope.takeRecords = takeRecords;
320 | });
321 | 
322 | CustomElements.addModule(function(scope) {
323 |   var flags = scope.flags;
324 |   function upgrade(node) {
325 |     if (!node.__upgraded__ && node.nodeType === Node.ELEMENT_NODE) {
326 |       var is = node.getAttribute("is");
327 |       var definition = scope.getRegisteredDefinition(is || node.localName);
328 |       if (definition) {
329 |         if (is && definition.tag == node.localName) {
330 |           return upgradeWithDefinition(node, definition);
331 |         } else if (!is && !definition.extends) {
332 |           return upgradeWithDefinition(node, definition);
333 |         }
334 |       }
335 |     }
336 |   }
337 |   function upgradeWithDefinition(element, definition) {
338 |     flags.upgrade && console.group("upgrade:", element.localName);
339 |     if (definition.is) {
340 |       element.setAttribute("is", definition.is);
341 |     }
342 |     implementPrototype(element, definition);
343 |     element.__upgraded__ = true;
344 |     created(element);
345 |     scope.attachedNode(element);
346 |     scope.upgradeSubtree(element);
347 |     flags.upgrade && console.groupEnd();
348 |     return element;
349 |   }
350 |   function implementPrototype(element, definition) {
351 |     if (Object.__proto__) {
352 |       element.__proto__ = definition.prototype;
353 |     } else {
354 |       customMixin(element, definition.prototype, definition.native);
355 |       element.__proto__ = definition.prototype;
356 |     }
357 |   }
358 |   function customMixin(inTarget, inSrc, inNative) {
359 |     var used = {};
360 |     var p = inSrc;
361 |     while (p !== inNative && p !== HTMLElement.prototype) {
362 |       var keys = Object.getOwnPropertyNames(p);
363 |       for (var i = 0, k; k = keys[i]; i++) {
364 |         if (!used[k]) {
365 |           Object.defineProperty(inTarget, k, Object.getOwnPropertyDescriptor(p, k));
366 |           used[k] = 1;
367 |         }
368 |       }
369 |       p = Object.getPrototypeOf(p);
370 |     }
371 |   }
372 |   function created(element) {
373 |     if (element.createdCallback) {
374 |       element.createdCallback();
375 |     }
376 |   }
377 |   scope.upgrade = upgrade;
378 |   scope.upgradeWithDefinition = upgradeWithDefinition;
379 |   scope.implementPrototype = implementPrototype;
380 | });
381 | 
382 | CustomElements.addModule(function(scope) {
383 |   var upgradeDocumentTree = scope.upgradeDocumentTree;
384 |   var upgrade = scope.upgrade;
385 |   var upgradeWithDefinition = scope.upgradeWithDefinition;
386 |   var implementPrototype = scope.implementPrototype;
387 |   var useNative = scope.useNative;
388 |   function register(name, options) {
389 |     var definition = options || {};
390 |     if (!name) {
391 |       throw new Error("document.registerElement: first argument `name` must not be empty");
392 |     }
393 |     if (name.indexOf("-") < 0) {
394 |       throw new Error("document.registerElement: first argument ('name') must contain a dash ('-'). Argument provided was '" + String(name) + "'.");
395 |     }
396 |     if (isReservedTag(name)) {
397 |       throw new Error("Failed to execute 'registerElement' on 'Document': Registration failed for type '" + String(name) + "'. The type name is invalid.");
398 |     }
399 |     if (getRegisteredDefinition(name)) {
400 |       throw new Error("DuplicateDefinitionError: a type with name '" + String(name) + "' is already registered");
401 |     }
402 |     if (!definition.prototype) {
403 |       definition.prototype = Object.create(HTMLElement.prototype);
404 |     }
405 |     definition.__name = name.toLowerCase();
406 |     definition.lifecycle = definition.lifecycle || {};
407 |     definition.ancestry = ancestry(definition.extends);
408 |     resolveTagName(definition);
409 |     resolvePrototypeChain(definition);
410 |     overrideAttributeApi(definition.prototype);
411 |     registerDefinition(definition.__name, definition);
412 |     definition.ctor = generateConstructor(definition);
413 |     definition.ctor.prototype = definition.prototype;
414 |     definition.prototype.constructor = definition.ctor;
415 |     if (scope.ready) {
416 |       upgradeDocumentTree(document);
417 |     }
418 |     return definition.ctor;
419 |   }
420 |   function overrideAttributeApi(prototype) {
421 |     if (prototype.setAttribute._polyfilled) {
422 |       return;
423 |     }
424 |     var setAttribute = prototype.setAttribute;
425 |     prototype.setAttribute = function(name, value) {
426 |       changeAttribute.call(this, name, value, setAttribute);
427 |     };
428 |     var removeAttribute = prototype.removeAttribute;
429 |     prototype.removeAttribute = function(name) {
430 |       changeAttribute.call(this, name, null, removeAttribute);
431 |     };
432 |     prototype.setAttribute._polyfilled = true;
433 |   }
434 |   function changeAttribute(name, value, operation) {
435 |     name = name.toLowerCase();
436 |     var oldValue = this.getAttribute(name);
437 |     operation.apply(this, arguments);
438 |     var newValue = this.getAttribute(name);
439 |     if (this.attributeChangedCallback && newValue !== oldValue) {
440 |       this.attributeChangedCallback(name, oldValue, newValue);
441 |     }
442 |   }
443 |   function isReservedTag(name) {
444 |     for (var i = 0; i < reservedTagList.length; i++) {
445 |       if (name === reservedTagList[i]) {
446 |         return true;
447 |       }
448 |     }
449 |   }
450 |   var reservedTagList = [ "annotation-xml", "color-profile", "font-face", "font-face-src", "font-face-uri", "font-face-format", "font-face-name", "missing-glyph" ];
451 |   function ancestry(extnds) {
452 |     var extendee = getRegisteredDefinition(extnds);
453 |     if (extendee) {
454 |       return ancestry(extendee.extends).concat([ extendee ]);
455 |     }
456 |     return [];
457 |   }
458 |   function resolveTagName(definition) {
459 |     var baseTag = definition.extends;
460 |     for (var i = 0, a; a = definition.ancestry[i]; i++) {
461 |       baseTag = a.is && a.tag;
462 |     }
463 |     definition.tag = baseTag || definition.__name;
464 |     if (baseTag) {
465 |       definition.is = definition.__name;
466 |     }
467 |   }
468 |   function resolvePrototypeChain(definition) {
469 |     if (!Object.__proto__) {
470 |       var nativePrototype = HTMLElement.prototype;
471 |       if (definition.is) {
472 |         var inst = document.createElement(definition.tag);
473 |         var expectedPrototype = Object.getPrototypeOf(inst);
474 |         if (expectedPrototype === definition.prototype) {
475 |           nativePrototype = expectedPrototype;
476 |         }
477 |       }
478 |       var proto = definition.prototype, ancestor;
479 |       while (proto && proto !== nativePrototype) {
480 |         ancestor = Object.getPrototypeOf(proto);
481 |         proto.__proto__ = ancestor;
482 |         proto = ancestor;
483 |       }
484 |       definition.native = nativePrototype;
485 |     }
486 |   }
487 |   function instantiate(definition) {
488 |     return upgradeWithDefinition(domCreateElement(definition.tag), definition);
489 |   }
490 |   var registry = {};
491 |   function getRegisteredDefinition(name) {
492 |     if (name) {
493 |       return registry[name.toLowerCase()];
494 |     }
495 |   }
496 |   function registerDefinition(name, definition) {
497 |     registry[name] = definition;
498 |   }
499 |   function generateConstructor(definition) {
500 |     return function() {
501 |       return instantiate(definition);
502 |     };
503 |   }
504 |   var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
505 |   function createElementNS(namespace, tag, typeExtension) {
506 |     if (namespace === HTML_NAMESPACE) {
507 |       return createElement(tag, typeExtension);
508 |     } else {
509 |       return domCreateElementNS(namespace, tag);
510 |     }
511 |   }
512 |   function createElement(tag, typeExtension) {
513 |     var definition = getRegisteredDefinition(typeExtension || tag);
514 |     if (definition) {
515 |       if (tag == definition.tag && typeExtension == definition.is) {
516 |         return new definition.ctor();
517 |       }
518 |       if (!typeExtension && !definition.is) {
519 |         return new definition.ctor();
520 |       }
521 |     }
522 |     var element;
523 |     if (typeExtension) {
524 |       element = createElement(tag);
525 |       element.setAttribute("is", typeExtension);
526 |       return element;
527 |     }
528 |     element = domCreateElement(tag);
529 |     if (tag.indexOf("-") >= 0) {
530 |       implementPrototype(element, HTMLElement);
531 |     }
532 |     return element;
533 |   }
534 |   function cloneNode(deep) {
535 |     var n = domCloneNode.call(this, deep);
536 |     upgrade(n);
537 |     return n;
538 |   }
539 |   var domCreateElement = document.createElement.bind(document);
540 |   var domCreateElementNS = document.createElementNS.bind(document);
541 |   var domCloneNode = Node.prototype.cloneNode;
542 |   var isInstance;
543 |   if (!Object.__proto__ && !useNative) {
544 |     isInstance = function(obj, ctor) {
545 |       var p = obj;
546 |       while (p) {
547 |         if (p === ctor.prototype) {
548 |           return true;
549 |         }
550 |         p = p.__proto__;
551 |       }
552 |       return false;
553 |     };
554 |   } else {
555 |     isInstance = function(obj, base) {
556 |       return obj instanceof base;
557 |     };
558 |   }
559 |   document.registerElement = register;
560 |   document.createElement = createElement;
561 |   document.createElementNS = createElementNS;
562 |   Node.prototype.cloneNode = cloneNode;
563 |   scope.registry = registry;
564 |   scope.instanceof = isInstance;
565 |   scope.reservedTagList = reservedTagList;
566 |   scope.getRegisteredDefinition = getRegisteredDefinition;
567 |   document.register = document.registerElement;
568 | });
569 | 
570 | (function(scope) {
571 |   var useNative = scope.useNative;
572 |   var initializeModules = scope.initializeModules;
573 |   var isIE11OrOlder = /Trident/.test(navigator.userAgent);
574 |   if (useNative) {
575 |     var nop = function() {};
576 |     scope.watchShadow = nop;
577 |     scope.upgrade = nop;
578 |     scope.upgradeAll = nop;
579 |     scope.upgradeDocumentTree = nop;
580 |     scope.upgradeSubtree = nop;
581 |     scope.takeRecords = nop;
582 |     scope.instanceof = function(obj, base) {
583 |       return obj instanceof base;
584 |     };
585 |   } else {
586 |     initializeModules();
587 |   }
588 |   var upgradeDocumentTree = scope.upgradeDocumentTree;
589 |   if (!window.wrap) {
590 |     if (window.ShadowDOMPolyfill) {
591 |       window.wrap = ShadowDOMPolyfill.wrapIfNeeded;
592 |       window.unwrap = ShadowDOMPolyfill.unwrapIfNeeded;
593 |     } else {
594 |       window.wrap = window.unwrap = function(node) {
595 |         return node;
596 |       };
597 |     }
598 |   }
599 |   function bootstrap() {
600 |     upgradeDocumentTree(wrap(document));
601 |     if (window.HTMLImports) {
602 |       HTMLImports.__importsParsingHook = function(elt) {
603 |         upgradeDocumentTree(wrap(elt.import));
604 |       };
605 |     }
606 |     CustomElements.ready = true;
607 |     setTimeout(function() {
608 |       CustomElements.readyTime = Date.now();
609 |       if (window.HTMLImports) {
610 |         CustomElements.elapsed = CustomElements.readyTime - HTMLImports.readyTime;
611 |       }
612 |       document.dispatchEvent(new CustomEvent("WebComponentsReady", {
613 |         bubbles: true
614 |       }));
615 |     });
616 |   }
617 |   if (isIE11OrOlder && typeof window.CustomEvent !== "function") {
618 |     window.CustomEvent = function(inType, params) {
619 |       params = params || {};
620 |       var e = document.createEvent("CustomEvent");
621 |       e.initCustomEvent(inType, Boolean(params.bubbles), Boolean(params.cancelable), params.detail);
622 |       return e;
623 |     };
624 |     window.CustomEvent.prototype = window.Event.prototype;
625 |   }
626 |   if (document.readyState === "complete" || scope.flags.eager) {
627 |     bootstrap();
628 |   } else if (document.readyState === "interactive" && !window.attachEvent && (!window.HTMLImports || window.HTMLImports.ready)) {
629 |     bootstrap();
630 |   } else {
631 |     var loadEvent = window.HTMLImports && !HTMLImports.ready ? "HTMLImportsLoaded" : "DOMContentLoaded";
632 |     window.addEventListener(loadEvent, bootstrap);
633 |   }
634 | })(window.CustomElements);


--------------------------------------------------------------------------------
/src/webcomponents.js/CustomElements.min.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.5.5
11 | "undefined"==typeof WeakMap&&!function(){var e=Object.defineProperty,t=Date.now()%1e9,o=function(){this.name="__st"+(1e9*Math.random()>>>0)+(t++ +"__")};o.prototype={set:function(t,o){var n=t[this.name];return n&&n[0]===t?n[1]=o:e(t,this.name,{value:[t,o],writable:!0}),this},get:function(e){var t;return(t=e[this.name])&&t[0]===e?t[1]:void 0},"delete":function(e){var t=e[this.name];return t&&t[0]===e?(t[0]=t[1]=void 0,!0):!1},has:function(e){var t=e[this.name];return t?t[0]===e:!1}},window.WeakMap=o}(),window.CustomElements=window.CustomElements||{flags:{}},function(e){var t=e.flags,o=[],n=function(e){o.push(e)},r=function(){o.forEach(function(t){t(e)})};e.addModule=n,e.initializeModules=r,e.hasNative=Boolean(document.registerElement),e.useNative=!t.register&&e.hasNative&&!window.ShadowDOMPolyfill&&(!window.HTMLImports||HTMLImports.useNative)}(CustomElements),CustomElements.addModule(function(e){function t(e,t){o(e,function(e){return t(e)?!0:void n(e,t)}),n(e,t)}function o(e,t,n){var r=e.firstElementChild;if(!r)for(r=e.firstChild;r&&r.nodeType!==Node.ELEMENT_NODE;)r=r.nextSibling;for(;r;)t(r,n)!==!0&&o(r,t,n),r=r.nextElementSibling;return null}function n(e,o){for(var n=e.shadowRoot;n;)t(n,o),n=n.olderShadowRoot}function r(e,t){i=[],a(e,t),i=null}function a(e,t){if(e=wrap(e),!(i.indexOf(e)>=0)){i.push(e);for(var o,n=e.querySelectorAll("link[rel="+u+"]"),r=0,d=n.length;d>r&&(o=n[r]);r++)o["import"]&&a(o["import"],t);t(e)}}var i,u=window.HTMLImports?HTMLImports.IMPORT_LINK_TYPE:"none";e.forDocumentTree=r,e.forSubtree=t}),CustomElements.addModule(function(e){function t(e){return o(e)||n(e)}function o(t){return e.upgrade(t)?!0:void u(t)}function n(e){y(e,function(e){return o(e)?!0:void 0})}function r(e){u(e),f(e)&&y(e,function(e){u(e)})}function a(e){M.push(e),C||(C=!0,setTimeout(i))}function i(){C=!1;for(var e,t=M,o=0,n=t.length;n>o&&(e=t[o]);o++)e();M=[]}function u(e){E?a(function(){d(e)}):d(e)}function d(e){e.__upgraded__&&(e.attachedCallback||e.detachedCallback)&&!e.__attached&&f(e)&&(e.__attached=!0,e.attachedCallback&&e.attachedCallback())}function c(e){s(e),y(e,function(e){s(e)})}function s(e){E?a(function(){l(e)}):l(e)}function l(e){e.__upgraded__&&(e.attachedCallback||e.detachedCallback)&&e.__attached&&!f(e)&&(e.__attached=!1,e.detachedCallback&&e.detachedCallback())}function f(e){for(var t=e,o=wrap(document);t;){if(t==o)return!0;t=t.parentNode||t.host}}function p(e){if(e.shadowRoot&&!e.shadowRoot.__watched){_.dom&&console.log("watching shadow-root for: ",e.localName);for(var t=e.shadowRoot;t;)h(t),t=t.olderShadowRoot}}function m(e){if(_.dom){var o=e[0];if(o&&"childList"===o.type&&o.addedNodes&&o.addedNodes){for(var n=o.addedNodes[0];n&&n!==document&&!n.host;)n=n.parentNode;var r=n&&(n.URL||n._URL||n.host&&n.host.localName)||"";r=r.split("/?").shift().split("/").pop()}console.group("mutations (%d) [%s]",e.length,r||"")}e.forEach(function(e){"childList"===e.type&&(N(e.addedNodes,function(e){e.localName&&t(e)}),N(e.removedNodes,function(e){e.localName&&c(e)}))}),_.dom&&console.groupEnd()}function w(e){for(e=wrap(e),e||(e=wrap(document));e.parentNode;)e=e.parentNode;var t=e.__observer;t&&(m(t.takeRecords()),i())}function h(e){if(!e.__observer){var t=new MutationObserver(m);t.observe(e,{childList:!0,subtree:!0}),e.__observer=t}}function g(e){e=wrap(e),_.dom&&console.group("upgradeDocument: ",e.baseURI.split("/").pop()),t(e),h(e),_.dom&&console.groupEnd()}function v(e){b(e,g)}var _=e.flags,y=e.forSubtree,b=e.forDocumentTree,E=!window.MutationObserver||window.MutationObserver===window.JsMutationObserver;e.hasPolyfillMutations=E;var C=!1,M=[],N=Array.prototype.forEach.call.bind(Array.prototype.forEach),T=Element.prototype.createShadowRoot;T&&(Element.prototype.createShadowRoot=function(){var e=T.call(this);return CustomElements.watchShadow(this),e}),e.watchShadow=p,e.upgradeDocumentTree=v,e.upgradeSubtree=n,e.upgradeAll=t,e.attachedNode=r,e.takeRecords=w}),CustomElements.addModule(function(e){function t(t){if(!t.__upgraded__&&t.nodeType===Node.ELEMENT_NODE){var n=t.getAttribute("is"),r=e.getRegisteredDefinition(n||t.localName);if(r){if(n&&r.tag==t.localName)return o(t,r);if(!n&&!r["extends"])return o(t,r)}}}function o(t,o){return i.upgrade&&console.group("upgrade:",t.localName),o.is&&t.setAttribute("is",o.is),n(t,o),t.__upgraded__=!0,a(t),e.attachedNode(t),e.upgradeSubtree(t),i.upgrade&&console.groupEnd(),t}function n(e,t){Object.__proto__?e.__proto__=t.prototype:(r(e,t.prototype,t["native"]),e.__proto__=t.prototype)}function r(e,t,o){for(var n={},r=t;r!==o&&r!==HTMLElement.prototype;){for(var a,i=Object.getOwnPropertyNames(r),u=0;a=i[u];u++)n[a]||(Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a)),n[a]=1);r=Object.getPrototypeOf(r)}}function a(e){e.createdCallback&&e.createdCallback()}var i=e.flags;e.upgrade=t,e.upgradeWithDefinition=o,e.implementPrototype=n}),CustomElements.addModule(function(e){function t(t,n){var d=n||{};if(!t)throw new Error("document.registerElement: first argument `name` must not be empty");if(t.indexOf("-")<0)throw new Error("document.registerElement: first argument ('name') must contain a dash ('-'). Argument provided was '"+String(t)+"'.");if(r(t))throw new Error("Failed to execute 'registerElement' on 'Document': Registration failed for type '"+String(t)+"'. The type name is invalid.");if(c(t))throw new Error("DuplicateDefinitionError: a type with name '"+String(t)+"' is already registered");return d.prototype||(d.prototype=Object.create(HTMLElement.prototype)),d.__name=t.toLowerCase(),d.lifecycle=d.lifecycle||{},d.ancestry=a(d["extends"]),i(d),u(d),o(d.prototype),s(d.__name,d),d.ctor=l(d),d.ctor.prototype=d.prototype,d.prototype.constructor=d.ctor,e.ready&&h(document),d.ctor}function o(e){if(!e.setAttribute._polyfilled){var t=e.setAttribute;e.setAttribute=function(e,o){n.call(this,e,o,t)};var o=e.removeAttribute;e.removeAttribute=function(e){n.call(this,e,null,o)},e.setAttribute._polyfilled=!0}}function n(e,t,o){e=e.toLowerCase();var n=this.getAttribute(e);o.apply(this,arguments);var r=this.getAttribute(e);this.attributeChangedCallback&&r!==n&&this.attributeChangedCallback(e,n,r)}function r(e){for(var t=0;t<b.length;t++)if(e===b[t])return!0}function a(e){var t=c(e);return t?a(t["extends"]).concat([t]):[]}function i(e){for(var t,o=e["extends"],n=0;t=e.ancestry[n];n++)o=t.is&&t.tag;e.tag=o||e.__name,o&&(e.is=e.__name)}function u(e){if(!Object.__proto__){var t=HTMLElement.prototype;if(e.is){var o=document.createElement(e.tag),n=Object.getPrototypeOf(o);n===e.prototype&&(t=n)}for(var r,a=e.prototype;a&&a!==t;)r=Object.getPrototypeOf(a),a.__proto__=r,a=r;e["native"]=t}}function d(e){return v(M(e.tag),e)}function c(e){return e?E[e.toLowerCase()]:void 0}function s(e,t){E[e]=t}function l(e){return function(){return d(e)}}function f(e,t,o){return e===C?p(t,o):N(e,t)}function p(e,t){var o=c(t||e);if(o){if(e==o.tag&&t==o.is)return new o.ctor;if(!t&&!o.is)return new o.ctor}var n;return t?(n=p(e),n.setAttribute("is",t),n):(n=M(e),e.indexOf("-")>=0&&_(n,HTMLElement),n)}function m(e){var t=T.call(this,e);return g(t),t}var w,h=e.upgradeDocumentTree,g=e.upgrade,v=e.upgradeWithDefinition,_=e.implementPrototype,y=e.useNative,b=["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name","missing-glyph"],E={},C="http://www.w3.org/1999/xhtml",M=document.createElement.bind(document),N=document.createElementNS.bind(document),T=Node.prototype.cloneNode;w=Object.__proto__||y?function(e,t){return e instanceof t}:function(e,t){for(var o=e;o;){if(o===t.prototype)return!0;o=o.__proto__}return!1},document.registerElement=t,document.createElement=p,document.createElementNS=f,Node.prototype.cloneNode=m,e.registry=E,e["instanceof"]=w,e.reservedTagList=b,e.getRegisteredDefinition=c,document.register=document.registerElement}),function(e){function t(){i(wrap(document)),window.HTMLImports&&(HTMLImports.__importsParsingHook=function(e){i(wrap(e["import"]))}),CustomElements.ready=!0,setTimeout(function(){CustomElements.readyTime=Date.now(),window.HTMLImports&&(CustomElements.elapsed=CustomElements.readyTime-HTMLImports.readyTime),document.dispatchEvent(new CustomEvent("WebComponentsReady",{bubbles:!0}))})}var o=e.useNative,n=e.initializeModules,r=/Trident/.test(navigator.userAgent);if(o){var a=function(){};e.watchShadow=a,e.upgrade=a,e.upgradeAll=a,e.upgradeDocumentTree=a,e.upgradeSubtree=a,e.takeRecords=a,e["instanceof"]=function(e,t){return e instanceof t}}else n();var i=e.upgradeDocumentTree;if(window.wrap||(window.ShadowDOMPolyfill?(window.wrap=ShadowDOMPolyfill.wrapIfNeeded,window.unwrap=ShadowDOMPolyfill.unwrapIfNeeded):window.wrap=window.unwrap=function(e){return e}),r&&"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(e,t){t=t||{};var o=document.createEvent("CustomEvent");return o.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),o},window.CustomEvent.prototype=window.Event.prototype),"complete"===document.readyState||e.flags.eager)t();else if("interactive"!==document.readyState||window.attachEvent||window.HTMLImports&&!window.HTMLImports.ready){var u=window.HTMLImports&&!HTMLImports.ready?"HTMLImportsLoaded":"DOMContentLoaded";window.addEventListener(u,t)}else t()}(window.CustomElements);


--------------------------------------------------------------------------------
/src/webcomponents.js/HTMLImports.min.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.5.5
11 | "undefined"==typeof WeakMap&&!function(){var e=Object.defineProperty,t=Date.now()%1e9,n=function(){this.name="__st"+(1e9*Math.random()>>>0)+(t++ +"__")};n.prototype={set:function(t,n){var r=t[this.name];return r&&r[0]===t?r[1]=n:e(t,this.name,{value:[t,n],writable:!0}),this},get:function(e){var t;return(t=e[this.name])&&t[0]===e?t[1]:void 0},"delete":function(e){var t=e[this.name];return t&&t[0]===e?(t[0]=t[1]=void 0,!0):!1},has:function(e){var t=e[this.name];return t?t[0]===e:!1}},window.WeakMap=n}(),window.HTMLImports=window.HTMLImports||{flags:{}},function(e){function t(e,t){t=t||h,r(function(){i(e,t)},t)}function n(e){return"complete"===e.readyState||e.readyState===g}function r(e,t){if(n(t))e&&e();else{var o=function(){("complete"===t.readyState||t.readyState===g)&&(t.removeEventListener(_,o),r(e,t))};t.addEventListener(_,o)}}function o(e){e.target.__loaded=!0}function i(e,t){function n(){s==c&&e&&e()}function r(e){o(e),s++,n()}var i=t.querySelectorAll("link[rel=import]"),s=0,c=i.length;if(c)for(var d,l=0;c>l&&(d=i[l]);l++)a(d)?r.call(d,{target:d}):(d.addEventListener("load",r),d.addEventListener("error",r));else n()}function a(e){return u?e.__loaded||e["import"]&&"loading"!==e["import"].readyState:e.__importParsed}function s(e){for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)c(t)&&d(t)}function c(e){return"link"===e.localName&&"import"===e.rel}function d(e){var t=e["import"];t?o({target:e}):(e.addEventListener("load",o),e.addEventListener("error",o))}var l="import",u=Boolean(l in document.createElement("link")),m=Boolean(window.ShadowDOMPolyfill),p=function(e){return m?ShadowDOMPolyfill.wrapIfNeeded(e):e},h=p(document),f={get:function(){var e=HTMLImports.currentScript||document.currentScript||("complete"!==document.readyState?document.scripts[document.scripts.length-1]:null);return p(e)},configurable:!0};Object.defineProperty(document,"_currentScript",f),Object.defineProperty(h,"_currentScript",f);var v=/Trident|Edge/.test(navigator.userAgent),g=v?"complete":"interactive",_="readystatechange";u&&(new MutationObserver(function(e){for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)t.addedNodes&&s(t.addedNodes)}).observe(document.head,{childList:!0}),function(){if("loading"===document.readyState)for(var e,t=document.querySelectorAll("link[rel=import]"),n=0,r=t.length;r>n&&(e=t[n]);n++)d(e)}()),t(function(){HTMLImports.ready=!0,HTMLImports.readyTime=(new Date).getTime();var e=h.createEvent("CustomEvent");e.initCustomEvent("HTMLImportsLoaded",!0,!0,{}),h.dispatchEvent(e)}),e.IMPORT_LINK_TYPE=l,e.useNative=u,e.rootDocument=h,e.whenReady=t,e.isIE=v}(HTMLImports),function(e){var t=[],n=function(e){t.push(e)},r=function(){t.forEach(function(t){t(e)})};e.addModule=n,e.initializeModules=r}(HTMLImports),HTMLImports.addModule(function(e){var t=/(url\()([^)]*)(\))/g,n=/(@import[\s]+(?!url\())([^;]*)(;)/g,r={resolveUrlsInStyle:function(e){var t=e.ownerDocument,n=t.createElement("a");return e.textContent=this.resolveUrlsInCssText(e.textContent,n),e},resolveUrlsInCssText:function(e,r){var o=this.replaceUrls(e,r,t);return o=this.replaceUrls(o,r,n)},replaceUrls:function(e,t,n){return e.replace(n,function(e,n,r,o){var i=r.replace(/["']/g,"");return t.href=i,i=t.href,n+"'"+i+"'"+o})}};e.path=r}),HTMLImports.addModule(function(e){var t={async:!0,ok:function(e){return e.status>=200&&e.status<300||304===e.status||0===e.status},load:function(n,r,o){var i=new XMLHttpRequest;return(e.flags.debug||e.flags.bust)&&(n+="?"+Math.random()),i.open("GET",n,t.async),i.addEventListener("readystatechange",function(){if(4===i.readyState){var e=i.getResponseHeader("Location"),n=null;if(e)var n="/"===e.substr(0,1)?location.origin+e:e;r.call(o,!t.ok(i)&&i,i.response||i.responseText,n)}}),i.send(),i},loadDocument:function(e,t,n){this.load(e,t,n).responseType="document"}};e.xhr=t}),HTMLImports.addModule(function(e){var t=e.xhr,n=e.flags,r=function(e,t){this.cache={},this.onload=e,this.oncomplete=t,this.inflight=0,this.pending={}};r.prototype={addNodes:function(e){this.inflight+=e.length;for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)this.require(t);this.checkDone()},addNode:function(e){this.inflight++,this.require(e),this.checkDone()},require:function(e){var t=e.src||e.href;e.__nodeUrl=t,this.dedupe(t,e)||this.fetch(t,e)},dedupe:function(e,t){if(this.pending[e])return this.pending[e].push(t),!0;return this.cache[e]?(this.onload(e,t,this.cache[e]),this.tail(),!0):(this.pending[e]=[t],!1)},fetch:function(e,r){if(n.load&&console.log("fetch",e,r),e)if(e.match(/^data:/)){var o=e.split(","),i=o[0],a=o[1];a=i.indexOf(";base64")>-1?atob(a):decodeURIComponent(a),setTimeout(function(){this.receive(e,r,null,a)}.bind(this),0)}else{var s=function(t,n,o){this.receive(e,r,t,n,o)}.bind(this);t.load(e,s)}else setTimeout(function(){this.receive(e,r,{error:"href must be specified"},null)}.bind(this),0)},receive:function(e,t,n,r,o){this.cache[e]=r;for(var i,a=this.pending[e],s=0,c=a.length;c>s&&(i=a[s]);s++)this.onload(e,i,r,n,o),this.tail();this.pending[e]=null},tail:function(){--this.inflight,this.checkDone()},checkDone:function(){this.inflight||this.oncomplete()}},e.Loader=r}),HTMLImports.addModule(function(e){var t=function(e){this.addCallback=e,this.mo=new MutationObserver(this.handler.bind(this))};t.prototype={handler:function(e){for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)"childList"===t.type&&t.addedNodes.length&&this.addedNodes(t.addedNodes)},addedNodes:function(e){this.addCallback&&this.addCallback(e);for(var t,n=0,r=e.length;r>n&&(t=e[n]);n++)t.children&&t.children.length&&this.addedNodes(t.children)},observe:function(e){this.mo.observe(e,{childList:!0,subtree:!0})}},e.Observer=t}),HTMLImports.addModule(function(e){function t(e){return"link"===e.localName&&e.rel===l}function n(e){var t=r(e);return"data:text/javascript;charset=utf-8,"+encodeURIComponent(t)}function r(e){return e.textContent+o(e)}function o(e){var t=e.ownerDocument;t.__importedScripts=t.__importedScripts||0;var n=e.ownerDocument.baseURI,r=t.__importedScripts?"-"+t.__importedScripts:"";return t.__importedScripts++,"\n//# sourceURL="+n+r+".js\n"}function i(e){var t=e.ownerDocument.createElement("style");return t.textContent=e.textContent,a.resolveUrlsInStyle(t),t}var a=e.path,s=e.rootDocument,c=e.flags,d=e.isIE,l=e.IMPORT_LINK_TYPE,u="link[rel="+l+"]",m={documentSelectors:u,importsSelectors:[u,"link[rel=stylesheet]","style","script:not([type])",'script[type="text/javascript"]'].join(","),map:{link:"parseLink",script:"parseScript",style:"parseStyle"},dynamicElements:[],parseNext:function(){var e=this.nextToParse();e&&this.parse(e)},parse:function(e){if(this.isParsed(e))return void(c.parse&&console.log("[%s] is already parsed",e.localName));var t=this[this.map[e.localName]];t&&(this.markParsing(e),t.call(this,e))},parseDynamic:function(e,t){this.dynamicElements.push(e),t||this.parseNext()},markParsing:function(e){c.parse&&console.log("parsing",e),this.parsingElement=e},markParsingComplete:function(e){e.__importParsed=!0,this.markDynamicParsingComplete(e),e.__importElement&&(e.__importElement.__importParsed=!0,this.markDynamicParsingComplete(e.__importElement)),this.parsingElement=null,c.parse&&console.log("completed",e)},markDynamicParsingComplete:function(e){var t=this.dynamicElements.indexOf(e);t>=0&&this.dynamicElements.splice(t,1)},parseImport:function(e){if(HTMLImports.__importsParsingHook&&HTMLImports.__importsParsingHook(e),e["import"]&&(e["import"].__importParsed=!0),this.markParsingComplete(e),e.dispatchEvent(e.__resource&&!e.__error?new CustomEvent("load",{bubbles:!1}):new CustomEvent("error",{bubbles:!1})),e.__pending)for(var t;e.__pending.length;)t=e.__pending.shift(),t&&t({target:e});this.parseNext()},parseLink:function(e){t(e)?this.parseImport(e):(e.href=e.href,this.parseGeneric(e))},parseStyle:function(e){var t=e;e=i(e),e.__importElement=t,this.parseGeneric(e)},parseGeneric:function(e){this.trackElement(e),this.addElementToDocument(e)},rootImportForElement:function(e){for(var t=e;t.ownerDocument.__importLink;)t=t.ownerDocument.__importLink;return t},addElementToDocument:function(e){var t=this.rootImportForElement(e.__importElement||e);t.parentNode.insertBefore(e,t)},trackElement:function(e,t){var n=this,r=function(r){t&&t(r),n.markParsingComplete(e),n.parseNext()};if(e.addEventListener("load",r),e.addEventListener("error",r),d&&"style"===e.localName){var o=!1;if(-1==e.textContent.indexOf("@import"))o=!0;else if(e.sheet){o=!0;for(var i,a=e.sheet.cssRules,s=a?a.length:0,c=0;s>c&&(i=a[c]);c++)i.type===CSSRule.IMPORT_RULE&&(o=o&&Boolean(i.styleSheet))}o&&e.dispatchEvent(new CustomEvent("load",{bubbles:!1}))}},parseScript:function(t){var r=document.createElement("script");r.__importElement=t,r.src=t.src?t.src:n(t),e.currentScript=t,this.trackElement(r,function(){r.parentNode.removeChild(r),e.currentScript=null}),this.addElementToDocument(r)},nextToParse:function(){return this._mayParse=[],!this.parsingElement&&(this.nextToParseInDoc(s)||this.nextToParseDynamic())},nextToParseInDoc:function(e,n){if(e&&this._mayParse.indexOf(e)<0){this._mayParse.push(e);for(var r,o=e.querySelectorAll(this.parseSelectorsForNode(e)),i=0,a=o.length;a>i&&(r=o[i]);i++)if(!this.isParsed(r))return this.hasResource(r)?t(r)?this.nextToParseInDoc(r["import"],r):r:void 0}return n},nextToParseDynamic:function(){return this.dynamicElements[0]},parseSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===s?this.documentSelectors:this.importsSelectors},isParsed:function(e){return e.__importParsed},needsDynamicParsing:function(e){return this.dynamicElements.indexOf(e)>=0},hasResource:function(e){return t(e)&&void 0===e["import"]?!1:!0}};e.parser=m,e.IMPORT_SELECTOR=u}),HTMLImports.addModule(function(e){function t(e){return n(e,a)}function n(e,t){return"link"===e.localName&&e.getAttribute("rel")===t}function r(e){return!!Object.getOwnPropertyDescriptor(e,"baseURI")}function o(e,t){var n=document.implementation.createHTMLDocument(a);n._URL=t;var o=n.createElement("base");o.setAttribute("href",t),n.baseURI||r(n)||Object.defineProperty(n,"baseURI",{value:t});var i=n.createElement("meta");return i.setAttribute("charset","utf-8"),n.head.appendChild(i),n.head.appendChild(o),n.body.innerHTML=e,window.HTMLTemplateElement&&HTMLTemplateElement.bootstrap&&HTMLTemplateElement.bootstrap(n),n}var i=e.flags,a=e.IMPORT_LINK_TYPE,s=e.IMPORT_SELECTOR,c=e.rootDocument,d=e.Loader,l=e.Observer,u=e.parser,m={documents:{},documentPreloadSelectors:s,importsPreloadSelectors:[s].join(","),loadNode:function(e){p.addNode(e)},loadSubtree:function(e){var t=this.marshalNodes(e);p.addNodes(t)},marshalNodes:function(e){return e.querySelectorAll(this.loadSelectorsForNode(e))},loadSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===c?this.documentPreloadSelectors:this.importsPreloadSelectors},loaded:function(e,n,r,a,s){if(i.load&&console.log("loaded",e,n),n.__resource=r,n.__error=a,t(n)){var c=this.documents[e];void 0===c&&(c=a?null:o(r,s||e),c&&(c.__importLink=n,this.bootDocument(c)),this.documents[e]=c),n["import"]=c}u.parseNext()},bootDocument:function(e){this.loadSubtree(e),this.observer.observe(e),u.parseNext()},loadedAll:function(){u.parseNext()}},p=new d(m.loaded.bind(m),m.loadedAll.bind(m));if(m.observer=new l,!document.baseURI){var h={get:function(){var e=document.querySelector("base");return e?e.href:window.location.href},configurable:!0};Object.defineProperty(document,"baseURI",h),Object.defineProperty(c,"baseURI",h)}e.importer=m,e.importLoader=p}),HTMLImports.addModule(function(e){var t=e.parser,n=e.importer,r={added:function(e){for(var r,o,i,a,s=0,c=e.length;c>s&&(a=e[s]);s++)r||(r=a.ownerDocument,o=t.isParsed(r)),i=this.shouldLoadNode(a),i&&n.loadNode(a),this.shouldParseNode(a)&&o&&t.parseDynamic(a,i)},shouldLoadNode:function(e){return 1===e.nodeType&&o.call(e,n.loadSelectorsForNode(e))},shouldParseNode:function(e){return 1===e.nodeType&&o.call(e,t.parseSelectorsForNode(e))}};n.observer.addCallback=r.added.bind(r);var o=HTMLElement.prototype.matches||HTMLElement.prototype.matchesSelector||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector}),function(e){function t(){HTMLImports.importer.bootDocument(o)}var n=e.initializeModules,r=e.isIE;if(!e.useNative){r&&"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(e,t){t=t||{};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),n},window.CustomEvent.prototype=window.Event.prototype),n();var o=e.rootDocument;"complete"===document.readyState||"interactive"===document.readyState&&!window.attachEvent?t():document.addEventListener("DOMContentLoaded",t)}}(HTMLImports);


--------------------------------------------------------------------------------
/src/webcomponents.js/README.md:
--------------------------------------------------------------------------------
 1 | webcomponents.js
 2 | ================
 3 | 
 4 | [![Join the chat at https://gitter.im/webcomponents/webcomponentsjs](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/webcomponents/webcomponentsjs?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 5 | 
 6 | A suite of polyfills supporting the [Web Components](http://webcomponents.org) specs:
 7 | 
 8 | **Custom Elements**: allows authors to define their own custom tags ([spec](https://w3c.github.io/webcomponents/spec/custom/)).
 9 | 
10 | **HTML Imports**: a way to include and reuse HTML documents via other HTML documents ([spec](https://w3c.github.io/webcomponents/spec/imports/)).
11 | 
12 | **Shadow DOM**: provides encapsulation by hiding DOM subtrees under shadow roots ([spec](https://w3c.github.io/webcomponents/spec/shadow/)).
13 | 
14 | This also folds in polyfills for `MutationObserver` and `WeakMap`.
15 | 
16 | 
17 | ## Releases
18 | 
19 | Pre-built (concatenated & minified) versions of the polyfills are maintained in the [tagged versions](https://github.com/webcomponents/webcomponentsjs/releases) of this repo. There are two variants:
20 | 
21 | `webcomponents.js` includes all of the polyfills.
22 | 
23 | `webcomponents-lite.js` includes all polyfills except for shadow DOM.
24 | 
25 | 
26 | ## Browser Support
27 | 
28 | Our polyfills are intended to work in the latest versions of evergreen browsers. See below
29 | for our complete browser support matrix:
30 | 
31 | | Polyfill   | IE10 | IE11+ | Chrome* | Firefox* | Safari 7+* | Chrome Android* | Mobile Safari* |
32 | | ---------- |:----:|:-----:|:-------:|:--------:|:----------:|:---------------:|:--------------:|
33 | | Custom Elements | ~ | ✓ | ✓ | ✓ | ✓ | ✓| ✓ |
34 | | HTML Imports | ~ | ✓ | ✓ | ✓ | ✓| ✓| ✓ |
35 | | Shadow DOM | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
36 | | Templates | ✓ | ✓ | ✓ | ✓| ✓ | ✓ | ✓ |
37 | 
38 | 
39 | *Indicates the current version of the browser
40 | 
41 | ~Indicates support may be flaky. If using Custom Elements or HTML Imports with Shadow DOM,
42 | you will get the non-flaky Mutation Observer polyfill that Shadow DOM includes.
43 | 
44 | The polyfills may work in older browsers, however require additional polyfills (such as classList)
45 | to be used. We cannot guarantee support for browsers outside of our compatibility matrix.
46 | 
47 | 
48 | ### Manually Building
49 | 
50 | If you wish to build the polyfills yourself, you'll need `node` and `gulp` on your system:
51 | 
52 |  * install [node.js](http://nodejs.org/) using the instructions on their website
53 |  * use `npm` to install [gulp.js](http://gulpjs.com/): `npm install -g gulp`
54 | 
55 | Now you are ready to build the polyfills with:
56 | 
57 |     # install dependencies
58 |     npm install
59 |     # build
60 |     gulp build
61 | 
62 | The builds will be placed into the `dist/` directory.
63 | 
64 | ## Contribute
65 | 
66 | See the [contributing guide](CONTRIBUTING.md)
67 | 
68 | ## License
69 | 
70 | Everything in this repository is BSD style license unless otherwise specified.
71 | 
72 | Copyright (c) 2015 The Polymer Authors. All rights reserved.
73 | 
74 | 


--------------------------------------------------------------------------------
/src/webcomponents.js/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "webcomponentsjs",
 3 |   "main": "webcomponents.js",
 4 |   "version": "0.5.5",
 5 |   "homepage": "http://webcomponents.org",
 6 |   "authors": [
 7 |     "The Polymer Authors"
 8 |   ],
 9 |   "keywords": [
10 |     "webcomponents"
11 |   ],
12 |   "license": "BSD",
13 |   "ignore": []
14 | }


--------------------------------------------------------------------------------
/src/webcomponents.js/build.log:
--------------------------------------------------------------------------------
 1 | BUILD LOG
 2 | ---------
 3 | Build Time: 2015-02-17T17:24:48-0800
 4 | 
 5 | NODEJS INFORMATION
 6 | ==================
 7 | nodejs: v0.12.0
 8 | gulp: 3.8.11
 9 | gulp-audit: 1.0.0
10 | gulp-concat: 2.5.0
11 | gulp-header: 1.2.2
12 | gulp-uglify: 1.1.0
13 | run-sequence: 1.0.2
14 | web-component-tester: 2.2.3
15 | 
16 | REPO REVISIONS
17 | ==============
18 | webcomponentsjs: 74b6b18443dd13e1cee184f688e23ae3930ed30c
19 | 
20 | BUILD HASHES
21 | ============
22 | CustomElements.js: 939c4b32847bf8085532995428001c3402f96cff
23 | CustomElements.min.js: cb3fd472ea0a9c45f5f03f86a6c5083f5077e907
24 | HTMLImports.js: 018bc32bc02bc6dc7dcacbd409438b26c31c2e6d
25 | HTMLImports.min.js: a3cb3e4ded3d708ba8333a8d5927ec93587fc191
26 | ShadowDOM.js: e34e8e3707d015a0ac9ec718d17b93c54500d028
27 | ShadowDOM.min.js: b3c2f09259d03ec44bd08ebbe9ed67dae3a06aaf
28 | webcomponents-lite.js: 83f6c69c9f38d6c88b1717427e713e57a96e7d70
29 | webcomponents-lite.min.js: d369074b523ff3806e7f71770a4d360f33331d48
30 | webcomponents.js: b91a9a8ae8c79bfc0275a766f3153f390ef74d81
31 | webcomponents.min.js: 91901c97731fc010ba5bb43624aa37d5320071c4


--------------------------------------------------------------------------------
/src/webcomponents.js/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "webcomponents.js",
 3 |   "version": "0.5.5-1",
 4 |   "description": "webcomponents.js",
 5 |   "main": "webcomponents.js",
 6 |   "directories": {
 7 |     "test": "tests"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "https://github.com/webcomponents/webcomponentsjs.git"
12 |   },
13 |   "author": {
14 |     "name": "The Polymer Authors"
15 |   },
16 |   "license": {
17 |     "type": "BSD-3-Clause",
18 |     "url": "http://polymer.github.io/LICENSE.txt"
19 |   },
20 |   "bugs": {
21 |     "url": "https://github.com/webcomponents/webcomponentsjs/issues"
22 |   },
23 |   "homepage": "http://webcomponents.org",
24 |   "devDependencies": {
25 |     "gulp": "^3.8.8",
26 |     "gulp-audit": "^1.0.0",
27 |     "gulp-concat": "^2.4.1",
28 |     "gulp-header": "^1.1.1",
29 |     "gulp-uglify": "^1.0.1",
30 |     "run-sequence": "^1.0.1",
31 |     "web-component-tester": "*"
32 |   },
33 |   "readme": "webcomponents.js\n================\n\n[![Join the chat at https://gitter.im/webcomponents/webcomponentsjs](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/webcomponents/webcomponentsjs?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\nA suite of polyfills supporting the [Web Components](http://webcomponents.org) specs:\n\n**Custom Elements**: allows authors to define their own custom tags ([spec](https://w3c.github.io/webcomponents/spec/custom/)).\n\n**HTML Imports**: a way to include and reuse HTML documents via other HTML documents ([spec](https://w3c.github.io/webcomponents/spec/imports/)).\n\n**Shadow DOM**: provides encapsulation by hiding DOM subtrees under shadow roots ([spec](https://w3c.github.io/webcomponents/spec/shadow/)).\n\nThis also folds in polyfills for `MutationObserver` and `WeakMap`.\n\n\n## Releases\n\nPre-built (concatenated & minified) versions of the polyfills are maintained in the [tagged versions](https://github.com/webcomponents/webcomponentsjs/releases) of this repo. There are two variants:\n\n`webcomponents.js` includes all of the polyfills.\n\n`webcomponents-lite.js` includes all polyfills except for shadow DOM.\n\n\n## Browser Support\n\nOur polyfills are intended to work in the latest versions of evergreen browsers. See below\nfor our complete browser support matrix:\n\n| Polyfill   | IE10 | IE11+ | Chrome* | Firefox* | Safari 7+* | Chrome Android* | Mobile Safari* |\n| ---------- |:----:|:-----:|:-------:|:--------:|:----------:|:---------------:|:--------------:|\n| Custom Elements | ~ | ✓ | ✓ | ✓ | ✓ | ✓| ✓ |\n| HTML Imports | ~ | ✓ | ✓ | ✓ | ✓| ✓| ✓ |\n| Shadow DOM | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |\n| Templates | ✓ | ✓ | ✓ | ✓| ✓ | ✓ | ✓ |\n\n\n*Indicates the current version of the browser\n\n~Indicates support may be flaky. If using Custom Elements or HTML Imports with Shadow DOM,\nyou will get the non-flaky Mutation Observer polyfill that Shadow DOM includes.\n\nThe polyfills may work in older browsers, however require additional polyfills (such as classList)\nto be used. We cannot guarantee support for browsers outside of our compatibility matrix.\n\n\n### Manually Building\n\nIf you wish to build the polyfills yourself, you'll need `node` and `gulp` on your system:\n\n * install [node.js](http://nodejs.org/) using the instructions on their website\n * use `npm` to install [gulp.js](http://gulpjs.com/): `npm install -g gulp`\n\nNow you are ready to build the polyfills with:\n\n    # install dependencies\n    npm install\n    # build\n    gulp build\n\nThe builds will be placed into the `dist/` directory.\n\n## Contribute\n\nSee the [contributing guide](CONTRIBUTING.md)\n\n## License\n\nEverything in this repository is BSD style license unless otherwise specified.\n\nCopyright (c) 2015 The Polymer Authors. All rights reserved.\n\n",
34 |   "readmeFilename": "README.md",
35 |   "_id": "webcomponents.js@0.5.5-1",
36 |   "dist": {
37 |     "shasum": "0b9a4cfb633a6a0cf15dd2b19bbe4828738839e9"
38 |   },
39 |   "_from": "webcomponents.js@",
40 |   "_resolved": "https://registry.npmjs.org/webcomponents.js/-/webcomponents.js-0.5.5-1.tgz"
41 | }
42 | 


--------------------------------------------------------------------------------
/src/webcomponents.js/webcomponents-lite.min.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.5.5
11 | window.WebComponents=window.WebComponents||{},function(e){var t=e.flags||{},n="webcomponents.js",o=document.querySelector('script[src*="'+n+'"]');if(!t.noOpts){if(location.search.slice(1).split("&").forEach(function(e){e=e.split("="),e[0]&&(t[e[0]]=e[1]||!0)}),o)for(var r,i=0;r=o.attributes[i];i++)"src"!==r.name&&(t[r.name]=r.value||!0);if(t.log){var a=t.log.split(",");t.log={},a.forEach(function(e){t.log[e]=!0})}else t.log={}}t.shadow=t.shadow||t.shadowdom||t.polyfill,t.shadow="native"===t.shadow?!1:t.shadow||!HTMLElement.prototype.createShadowRoot,t.register&&(window.CustomElements=window.CustomElements||{flags:{}},window.CustomElements.flags.register=t.register),e.flags=t}(WebComponents),function(e){function t(e){_.push(e),w||(w=!0,h(o))}function n(e){return window.ShadowDOMPolyfill&&window.ShadowDOMPolyfill.wrapIfNeeded(e)||e}function o(){w=!1;var e=_;_=[],e.sort(function(e,t){return e.uid_-t.uid_});var t=!1;e.forEach(function(e){var n=e.takeRecords();r(e),n.length&&(e.callback_(n,e),t=!0)}),t&&o()}function r(e){e.nodes_.forEach(function(t){var n=v.get(t);n&&n.forEach(function(t){t.observer===e&&t.removeTransientObservers()})})}function i(e,t){for(var n=e;n;n=n.parentNode){var o=v.get(n);if(o)for(var r=0;r<o.length;r++){var i=o[r],a=i.options;if(n===e||a.subtree){var s=t(a);s&&i.enqueue(s)}}}}function a(e){this.callback_=e,this.nodes_=[],this.records_=[],this.uid_=++E}function s(e,t){this.type=e,this.target=t,this.addedNodes=[],this.removedNodes=[],this.previousSibling=null,this.nextSibling=null,this.attributeName=null,this.attributeNamespace=null,this.oldValue=null}function d(e){var t=new s(e.type,e.target);return t.addedNodes=e.addedNodes.slice(),t.removedNodes=e.removedNodes.slice(),t.previousSibling=e.previousSibling,t.nextSibling=e.nextSibling,t.attributeName=e.attributeName,t.attributeNamespace=e.attributeNamespace,t.oldValue=e.oldValue,t}function c(e,t){return y=new s(e,t)}function u(e){return L?L:(L=d(y),L.oldValue=e,L)}function l(){y=L=void 0}function f(e){return e===L||e===y}function m(e,t){return e===t?e:L&&f(e)?L:null}function p(e,t,n){this.observer=e,this.target=t,this.options=n,this.transientObservedNodes=[]}var h,v=new WeakMap;if(/Trident|Edge/.test(navigator.userAgent))h=setTimeout;else if(window.setImmediate)h=window.setImmediate;else{var g=[],b=String(Math.random());window.addEventListener("message",function(e){if(e.data===b){var t=g;g=[],t.forEach(function(e){e()})}}),h=function(e){g.push(e),window.postMessage(b,"*")}}var w=!1,_=[],E=0;a.prototype={observe:function(e,t){if(e=n(e),!t.childList&&!t.attributes&&!t.characterData||t.attributeOldValue&&!t.attributes||t.attributeFilter&&t.attributeFilter.length&&!t.attributes||t.characterDataOldValue&&!t.characterData)throw new SyntaxError;var o=v.get(e);o||v.set(e,o=[]);for(var r,i=0;i<o.length;i++)if(o[i].observer===this){r=o[i],r.removeListeners(),r.options=t;break}r||(r=new p(this,e,t),o.push(r),this.nodes_.push(e)),r.addListeners()},disconnect:function(){this.nodes_.forEach(function(e){for(var t=v.get(e),n=0;n<t.length;n++){var o=t[n];if(o.observer===this){o.removeListeners(),t.splice(n,1);break}}},this),this.records_=[]},takeRecords:function(){var e=this.records_;return this.records_=[],e}};var y,L;p.prototype={enqueue:function(e){var n=this.observer.records_,o=n.length;if(n.length>0){var r=n[o-1],i=m(r,e);if(i)return void(n[o-1]=i)}else t(this.observer);n[o]=e},addListeners:function(){this.addListeners_(this.target)},addListeners_:function(e){var t=this.options;t.attributes&&e.addEventListener("DOMAttrModified",this,!0),t.characterData&&e.addEventListener("DOMCharacterDataModified",this,!0),t.childList&&e.addEventListener("DOMNodeInserted",this,!0),(t.childList||t.subtree)&&e.addEventListener("DOMNodeRemoved",this,!0)},removeListeners:function(){this.removeListeners_(this.target)},removeListeners_:function(e){var t=this.options;t.attributes&&e.removeEventListener("DOMAttrModified",this,!0),t.characterData&&e.removeEventListener("DOMCharacterDataModified",this,!0),t.childList&&e.removeEventListener("DOMNodeInserted",this,!0),(t.childList||t.subtree)&&e.removeEventListener("DOMNodeRemoved",this,!0)},addTransientObserver:function(e){if(e!==this.target){this.addListeners_(e),this.transientObservedNodes.push(e);var t=v.get(e);t||v.set(e,t=[]),t.push(this)}},removeTransientObservers:function(){var e=this.transientObservedNodes;this.transientObservedNodes=[],e.forEach(function(e){this.removeListeners_(e);for(var t=v.get(e),n=0;n<t.length;n++)if(t[n]===this){t.splice(n,1);break}},this)},handleEvent:function(e){switch(e.stopImmediatePropagation(),e.type){case"DOMAttrModified":var t=e.attrName,n=e.relatedNode.namespaceURI,o=e.target,r=new c("attributes",o);r.attributeName=t,r.attributeNamespace=n;var a=e.attrChange===MutationEvent.ADDITION?null:e.prevValue;i(o,function(e){return!e.attributes||e.attributeFilter&&e.attributeFilter.length&&-1===e.attributeFilter.indexOf(t)&&-1===e.attributeFilter.indexOf(n)?void 0:e.attributeOldValue?u(a):r});break;case"DOMCharacterDataModified":var o=e.target,r=c("characterData",o),a=e.prevValue;i(o,function(e){return e.characterData?e.characterDataOldValue?u(a):r:void 0});break;case"DOMNodeRemoved":this.addTransientObserver(e.target);case"DOMNodeInserted":var s,d,f=e.target;"DOMNodeInserted"===e.type?(s=[f],d=[]):(s=[],d=[f]);var m=f.previousSibling,p=f.nextSibling,r=c("childList",e.target.parentNode);r.addedNodes=s,r.removedNodes=d,r.previousSibling=m,r.nextSibling=p,i(e.relatedNode,function(e){return e.childList?r:void 0})}l()}},e.JsMutationObserver=a,e.MutationObserver||(e.MutationObserver=a)}(this),"undefined"==typeof WeakMap&&!function(){var e=Object.defineProperty,t=Date.now()%1e9,n=function(){this.name="__st"+(1e9*Math.random()>>>0)+(t++ +"__")};n.prototype={set:function(t,n){var o=t[this.name];return o&&o[0]===t?o[1]=n:e(t,this.name,{value:[t,n],writable:!0}),this},get:function(e){var t;return(t=e[this.name])&&t[0]===e?t[1]:void 0},"delete":function(e){var t=e[this.name];return t&&t[0]===e?(t[0]=t[1]=void 0,!0):!1},has:function(e){var t=e[this.name];return t?t[0]===e:!1}},window.WeakMap=n}(),window.HTMLImports=window.HTMLImports||{flags:{}},function(e){function t(e,t){t=t||p,o(function(){i(e,t)},t)}function n(e){return"complete"===e.readyState||e.readyState===g}function o(e,t){if(n(t))e&&e();else{var r=function(){("complete"===t.readyState||t.readyState===g)&&(t.removeEventListener(b,r),o(e,t))};t.addEventListener(b,r)}}function r(e){e.target.__loaded=!0}function i(e,t){function n(){s==d&&e&&e()}function o(e){r(e),s++,n()}var i=t.querySelectorAll("link[rel=import]"),s=0,d=i.length;if(d)for(var c,u=0;d>u&&(c=i[u]);u++)a(c)?o.call(c,{target:c}):(c.addEventListener("load",o),c.addEventListener("error",o));else n()}function a(e){return l?e.__loaded||e["import"]&&"loading"!==e["import"].readyState:e.__importParsed}function s(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)d(t)&&c(t)}function d(e){return"link"===e.localName&&"import"===e.rel}function c(e){var t=e["import"];t?r({target:e}):(e.addEventListener("load",r),e.addEventListener("error",r))}var u="import",l=Boolean(u in document.createElement("link")),f=Boolean(window.ShadowDOMPolyfill),m=function(e){return f?ShadowDOMPolyfill.wrapIfNeeded(e):e},p=m(document),h={get:function(){var e=HTMLImports.currentScript||document.currentScript||("complete"!==document.readyState?document.scripts[document.scripts.length-1]:null);return m(e)},configurable:!0};Object.defineProperty(document,"_currentScript",h),Object.defineProperty(p,"_currentScript",h);var v=/Trident|Edge/.test(navigator.userAgent),g=v?"complete":"interactive",b="readystatechange";l&&(new MutationObserver(function(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)t.addedNodes&&s(t.addedNodes)}).observe(document.head,{childList:!0}),function(){if("loading"===document.readyState)for(var e,t=document.querySelectorAll("link[rel=import]"),n=0,o=t.length;o>n&&(e=t[n]);n++)c(e)}()),t(function(){HTMLImports.ready=!0,HTMLImports.readyTime=(new Date).getTime();var e=p.createEvent("CustomEvent");e.initCustomEvent("HTMLImportsLoaded",!0,!0,{}),p.dispatchEvent(e)}),e.IMPORT_LINK_TYPE=u,e.useNative=l,e.rootDocument=p,e.whenReady=t,e.isIE=v}(HTMLImports),function(e){var t=[],n=function(e){t.push(e)},o=function(){t.forEach(function(t){t(e)})};e.addModule=n,e.initializeModules=o}(HTMLImports),HTMLImports.addModule(function(e){var t=/(url\()([^)]*)(\))/g,n=/(@import[\s]+(?!url\())([^;]*)(;)/g,o={resolveUrlsInStyle:function(e){var t=e.ownerDocument,n=t.createElement("a");return e.textContent=this.resolveUrlsInCssText(e.textContent,n),e},resolveUrlsInCssText:function(e,o){var r=this.replaceUrls(e,o,t);return r=this.replaceUrls(r,o,n)},replaceUrls:function(e,t,n){return e.replace(n,function(e,n,o,r){var i=o.replace(/["']/g,"");return t.href=i,i=t.href,n+"'"+i+"'"+r})}};e.path=o}),HTMLImports.addModule(function(e){var t={async:!0,ok:function(e){return e.status>=200&&e.status<300||304===e.status||0===e.status},load:function(n,o,r){var i=new XMLHttpRequest;return(e.flags.debug||e.flags.bust)&&(n+="?"+Math.random()),i.open("GET",n,t.async),i.addEventListener("readystatechange",function(){if(4===i.readyState){var e=i.getResponseHeader("Location"),n=null;if(e)var n="/"===e.substr(0,1)?location.origin+e:e;o.call(r,!t.ok(i)&&i,i.response||i.responseText,n)}}),i.send(),i},loadDocument:function(e,t,n){this.load(e,t,n).responseType="document"}};e.xhr=t}),HTMLImports.addModule(function(e){var t=e.xhr,n=e.flags,o=function(e,t){this.cache={},this.onload=e,this.oncomplete=t,this.inflight=0,this.pending={}};o.prototype={addNodes:function(e){this.inflight+=e.length;for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)this.require(t);this.checkDone()},addNode:function(e){this.inflight++,this.require(e),this.checkDone()},require:function(e){var t=e.src||e.href;e.__nodeUrl=t,this.dedupe(t,e)||this.fetch(t,e)},dedupe:function(e,t){if(this.pending[e])return this.pending[e].push(t),!0;return this.cache[e]?(this.onload(e,t,this.cache[e]),this.tail(),!0):(this.pending[e]=[t],!1)},fetch:function(e,o){if(n.load&&console.log("fetch",e,o),e)if(e.match(/^data:/)){var r=e.split(","),i=r[0],a=r[1];a=i.indexOf(";base64")>-1?atob(a):decodeURIComponent(a),setTimeout(function(){this.receive(e,o,null,a)}.bind(this),0)}else{var s=function(t,n,r){this.receive(e,o,t,n,r)}.bind(this);t.load(e,s)}else setTimeout(function(){this.receive(e,o,{error:"href must be specified"},null)}.bind(this),0)},receive:function(e,t,n,o,r){this.cache[e]=o;for(var i,a=this.pending[e],s=0,d=a.length;d>s&&(i=a[s]);s++)this.onload(e,i,o,n,r),this.tail();this.pending[e]=null},tail:function(){--this.inflight,this.checkDone()},checkDone:function(){this.inflight||this.oncomplete()}},e.Loader=o}),HTMLImports.addModule(function(e){var t=function(e){this.addCallback=e,this.mo=new MutationObserver(this.handler.bind(this))};t.prototype={handler:function(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)"childList"===t.type&&t.addedNodes.length&&this.addedNodes(t.addedNodes)},addedNodes:function(e){this.addCallback&&this.addCallback(e);for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)t.children&&t.children.length&&this.addedNodes(t.children)},observe:function(e){this.mo.observe(e,{childList:!0,subtree:!0})}},e.Observer=t}),HTMLImports.addModule(function(e){function t(e){return"link"===e.localName&&e.rel===u}function n(e){var t=o(e);return"data:text/javascript;charset=utf-8,"+encodeURIComponent(t)}function o(e){return e.textContent+r(e)}function r(e){var t=e.ownerDocument;t.__importedScripts=t.__importedScripts||0;var n=e.ownerDocument.baseURI,o=t.__importedScripts?"-"+t.__importedScripts:"";return t.__importedScripts++,"\n//# sourceURL="+n+o+".js\n"}function i(e){var t=e.ownerDocument.createElement("style");return t.textContent=e.textContent,a.resolveUrlsInStyle(t),t}var a=e.path,s=e.rootDocument,d=e.flags,c=e.isIE,u=e.IMPORT_LINK_TYPE,l="link[rel="+u+"]",f={documentSelectors:l,importsSelectors:[l,"link[rel=stylesheet]","style","script:not([type])",'script[type="text/javascript"]'].join(","),map:{link:"parseLink",script:"parseScript",style:"parseStyle"},dynamicElements:[],parseNext:function(){var e=this.nextToParse();e&&this.parse(e)},parse:function(e){if(this.isParsed(e))return void(d.parse&&console.log("[%s] is already parsed",e.localName));var t=this[this.map[e.localName]];t&&(this.markParsing(e),t.call(this,e))},parseDynamic:function(e,t){this.dynamicElements.push(e),t||this.parseNext()},markParsing:function(e){d.parse&&console.log("parsing",e),this.parsingElement=e},markParsingComplete:function(e){e.__importParsed=!0,this.markDynamicParsingComplete(e),e.__importElement&&(e.__importElement.__importParsed=!0,this.markDynamicParsingComplete(e.__importElement)),this.parsingElement=null,d.parse&&console.log("completed",e)},markDynamicParsingComplete:function(e){var t=this.dynamicElements.indexOf(e);t>=0&&this.dynamicElements.splice(t,1)},parseImport:function(e){if(HTMLImports.__importsParsingHook&&HTMLImports.__importsParsingHook(e),e["import"]&&(e["import"].__importParsed=!0),this.markParsingComplete(e),e.dispatchEvent(e.__resource&&!e.__error?new CustomEvent("load",{bubbles:!1}):new CustomEvent("error",{bubbles:!1})),e.__pending)for(var t;e.__pending.length;)t=e.__pending.shift(),t&&t({target:e});this.parseNext()},parseLink:function(e){t(e)?this.parseImport(e):(e.href=e.href,this.parseGeneric(e))},parseStyle:function(e){var t=e;e=i(e),e.__importElement=t,this.parseGeneric(e)},parseGeneric:function(e){this.trackElement(e),this.addElementToDocument(e)},rootImportForElement:function(e){for(var t=e;t.ownerDocument.__importLink;)t=t.ownerDocument.__importLink;return t},addElementToDocument:function(e){var t=this.rootImportForElement(e.__importElement||e);t.parentNode.insertBefore(e,t)},trackElement:function(e,t){var n=this,o=function(o){t&&t(o),n.markParsingComplete(e),n.parseNext()};if(e.addEventListener("load",o),e.addEventListener("error",o),c&&"style"===e.localName){var r=!1;if(-1==e.textContent.indexOf("@import"))r=!0;else if(e.sheet){r=!0;for(var i,a=e.sheet.cssRules,s=a?a.length:0,d=0;s>d&&(i=a[d]);d++)i.type===CSSRule.IMPORT_RULE&&(r=r&&Boolean(i.styleSheet))}r&&e.dispatchEvent(new CustomEvent("load",{bubbles:!1}))}},parseScript:function(t){var o=document.createElement("script");o.__importElement=t,o.src=t.src?t.src:n(t),e.currentScript=t,this.trackElement(o,function(){o.parentNode.removeChild(o),e.currentScript=null}),this.addElementToDocument(o)},nextToParse:function(){return this._mayParse=[],!this.parsingElement&&(this.nextToParseInDoc(s)||this.nextToParseDynamic())},nextToParseInDoc:function(e,n){if(e&&this._mayParse.indexOf(e)<0){this._mayParse.push(e);for(var o,r=e.querySelectorAll(this.parseSelectorsForNode(e)),i=0,a=r.length;a>i&&(o=r[i]);i++)if(!this.isParsed(o))return this.hasResource(o)?t(o)?this.nextToParseInDoc(o["import"],o):o:void 0}return n},nextToParseDynamic:function(){return this.dynamicElements[0]},parseSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===s?this.documentSelectors:this.importsSelectors},isParsed:function(e){return e.__importParsed},needsDynamicParsing:function(e){return this.dynamicElements.indexOf(e)>=0},hasResource:function(e){return t(e)&&void 0===e["import"]?!1:!0}};e.parser=f,e.IMPORT_SELECTOR=l}),HTMLImports.addModule(function(e){function t(e){return n(e,a)}function n(e,t){return"link"===e.localName&&e.getAttribute("rel")===t}function o(e){return!!Object.getOwnPropertyDescriptor(e,"baseURI")}function r(e,t){var n=document.implementation.createHTMLDocument(a);n._URL=t;var r=n.createElement("base");r.setAttribute("href",t),n.baseURI||o(n)||Object.defineProperty(n,"baseURI",{value:t});var i=n.createElement("meta");return i.setAttribute("charset","utf-8"),n.head.appendChild(i),n.head.appendChild(r),n.body.innerHTML=e,window.HTMLTemplateElement&&HTMLTemplateElement.bootstrap&&HTMLTemplateElement.bootstrap(n),n}var i=e.flags,a=e.IMPORT_LINK_TYPE,s=e.IMPORT_SELECTOR,d=e.rootDocument,c=e.Loader,u=e.Observer,l=e.parser,f={documents:{},documentPreloadSelectors:s,importsPreloadSelectors:[s].join(","),loadNode:function(e){m.addNode(e)},loadSubtree:function(e){var t=this.marshalNodes(e);m.addNodes(t)},marshalNodes:function(e){return e.querySelectorAll(this.loadSelectorsForNode(e))},loadSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===d?this.documentPreloadSelectors:this.importsPreloadSelectors},loaded:function(e,n,o,a,s){if(i.load&&console.log("loaded",e,n),n.__resource=o,n.__error=a,t(n)){var d=this.documents[e];void 0===d&&(d=a?null:r(o,s||e),d&&(d.__importLink=n,this.bootDocument(d)),this.documents[e]=d),n["import"]=d}l.parseNext()},bootDocument:function(e){this.loadSubtree(e),this.observer.observe(e),l.parseNext()},loadedAll:function(){l.parseNext()}},m=new c(f.loaded.bind(f),f.loadedAll.bind(f));if(f.observer=new u,!document.baseURI){var p={get:function(){var e=document.querySelector("base");return e?e.href:window.location.href},configurable:!0};Object.defineProperty(document,"baseURI",p),Object.defineProperty(d,"baseURI",p)}e.importer=f,e.importLoader=m}),HTMLImports.addModule(function(e){var t=e.parser,n=e.importer,o={added:function(e){for(var o,r,i,a,s=0,d=e.length;d>s&&(a=e[s]);s++)o||(o=a.ownerDocument,r=t.isParsed(o)),i=this.shouldLoadNode(a),i&&n.loadNode(a),this.shouldParseNode(a)&&r&&t.parseDynamic(a,i)},shouldLoadNode:function(e){return 1===e.nodeType&&r.call(e,n.loadSelectorsForNode(e))},shouldParseNode:function(e){return 1===e.nodeType&&r.call(e,t.parseSelectorsForNode(e))}};n.observer.addCallback=o.added.bind(o);var r=HTMLElement.prototype.matches||HTMLElement.prototype.matchesSelector||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector}),function(e){function t(){HTMLImports.importer.bootDocument(r)}var n=e.initializeModules,o=e.isIE;if(!e.useNative){o&&"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(e,t){t=t||{};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),n},window.CustomEvent.prototype=window.Event.prototype),n();var r=e.rootDocument;"complete"===document.readyState||"interactive"===document.readyState&&!window.attachEvent?t():document.addEventListener("DOMContentLoaded",t)}}(HTMLImports),window.CustomElements=window.CustomElements||{flags:{}},function(e){var t=e.flags,n=[],o=function(e){n.push(e)},r=function(){n.forEach(function(t){t(e)})};e.addModule=o,e.initializeModules=r,e.hasNative=Boolean(document.registerElement),e.useNative=!t.register&&e.hasNative&&!window.ShadowDOMPolyfill&&(!window.HTMLImports||HTMLImports.useNative)}(CustomElements),CustomElements.addModule(function(e){function t(e,t){n(e,function(e){return t(e)?!0:void o(e,t)}),o(e,t)}function n(e,t,o){var r=e.firstElementChild;if(!r)for(r=e.firstChild;r&&r.nodeType!==Node.ELEMENT_NODE;)r=r.nextSibling;for(;r;)t(r,o)!==!0&&n(r,t,o),r=r.nextElementSibling;return null}function o(e,n){for(var o=e.shadowRoot;o;)t(o,n),o=o.olderShadowRoot}function r(e,t){a=[],i(e,t),a=null}function i(e,t){if(e=wrap(e),!(a.indexOf(e)>=0)){a.push(e);for(var n,o=e.querySelectorAll("link[rel="+s+"]"),r=0,d=o.length;d>r&&(n=o[r]);r++)n["import"]&&i(n["import"],t);t(e)}}var a,s=window.HTMLImports?HTMLImports.IMPORT_LINK_TYPE:"none";e.forDocumentTree=r,e.forSubtree=t}),CustomElements.addModule(function(e){function t(e){return n(e)||o(e)}function n(t){return e.upgrade(t)?!0:void s(t)}function o(e){_(e,function(e){return n(e)?!0:void 0})}function r(e){s(e),f(e)&&_(e,function(e){s(e)})}function i(e){M.push(e),L||(L=!0,setTimeout(a))}function a(){L=!1;for(var e,t=M,n=0,o=t.length;o>n&&(e=t[n]);n++)e();M=[]}function s(e){y?i(function(){d(e)}):d(e)}function d(e){e.__upgraded__&&(e.attachedCallback||e.detachedCallback)&&!e.__attached&&f(e)&&(e.__attached=!0,e.attachedCallback&&e.attachedCallback())}function c(e){u(e),_(e,function(e){u(e)})}function u(e){y?i(function(){l(e)}):l(e)}function l(e){e.__upgraded__&&(e.attachedCallback||e.detachedCallback)&&e.__attached&&!f(e)&&(e.__attached=!1,e.detachedCallback&&e.detachedCallback())}function f(e){for(var t=e,n=wrap(document);t;){if(t==n)return!0;t=t.parentNode||t.host}}function m(e){if(e.shadowRoot&&!e.shadowRoot.__watched){w.dom&&console.log("watching shadow-root for: ",e.localName);for(var t=e.shadowRoot;t;)v(t),t=t.olderShadowRoot}}function p(e){if(w.dom){var n=e[0];if(n&&"childList"===n.type&&n.addedNodes&&n.addedNodes){for(var o=n.addedNodes[0];o&&o!==document&&!o.host;)o=o.parentNode;var r=o&&(o.URL||o._URL||o.host&&o.host.localName)||"";r=r.split("/?").shift().split("/").pop()}console.group("mutations (%d) [%s]",e.length,r||"")}e.forEach(function(e){"childList"===e.type&&(T(e.addedNodes,function(e){e.localName&&t(e)}),T(e.removedNodes,function(e){e.localName&&c(e)}))}),w.dom&&console.groupEnd()}function h(e){for(e=wrap(e),e||(e=wrap(document));e.parentNode;)e=e.parentNode;var t=e.__observer;t&&(p(t.takeRecords()),a())}function v(e){if(!e.__observer){var t=new MutationObserver(p);t.observe(e,{childList:!0,subtree:!0}),e.__observer=t}}function g(e){e=wrap(e),w.dom&&console.group("upgradeDocument: ",e.baseURI.split("/").pop()),t(e),v(e),w.dom&&console.groupEnd()}function b(e){E(e,g)}var w=e.flags,_=e.forSubtree,E=e.forDocumentTree,y=!window.MutationObserver||window.MutationObserver===window.JsMutationObserver;e.hasPolyfillMutations=y;var L=!1,M=[],T=Array.prototype.forEach.call.bind(Array.prototype.forEach),N=Element.prototype.createShadowRoot;N&&(Element.prototype.createShadowRoot=function(){var e=N.call(this);return CustomElements.watchShadow(this),e}),e.watchShadow=m,e.upgradeDocumentTree=b,e.upgradeSubtree=o,e.upgradeAll=t,e.attachedNode=r,e.takeRecords=h}),CustomElements.addModule(function(e){function t(t){if(!t.__upgraded__&&t.nodeType===Node.ELEMENT_NODE){var o=t.getAttribute("is"),r=e.getRegisteredDefinition(o||t.localName);if(r){if(o&&r.tag==t.localName)return n(t,r);if(!o&&!r["extends"])return n(t,r)}}}function n(t,n){return a.upgrade&&console.group("upgrade:",t.localName),n.is&&t.setAttribute("is",n.is),o(t,n),t.__upgraded__=!0,i(t),e.attachedNode(t),e.upgradeSubtree(t),a.upgrade&&console.groupEnd(),t}function o(e,t){Object.__proto__?e.__proto__=t.prototype:(r(e,t.prototype,t["native"]),e.__proto__=t.prototype)}function r(e,t,n){for(var o={},r=t;r!==n&&r!==HTMLElement.prototype;){for(var i,a=Object.getOwnPropertyNames(r),s=0;i=a[s];s++)o[i]||(Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i)),o[i]=1);r=Object.getPrototypeOf(r)}}function i(e){e.createdCallback&&e.createdCallback()}var a=e.flags;e.upgrade=t,e.upgradeWithDefinition=n,e.implementPrototype=o}),CustomElements.addModule(function(e){function t(t,o){var d=o||{};if(!t)throw new Error("document.registerElement: first argument `name` must not be empty");if(t.indexOf("-")<0)throw new Error("document.registerElement: first argument ('name') must contain a dash ('-'). Argument provided was '"+String(t)+"'.");if(r(t))throw new Error("Failed to execute 'registerElement' on 'Document': Registration failed for type '"+String(t)+"'. The type name is invalid.");if(c(t))throw new Error("DuplicateDefinitionError: a type with name '"+String(t)+"' is already registered");return d.prototype||(d.prototype=Object.create(HTMLElement.prototype)),d.__name=t.toLowerCase(),d.lifecycle=d.lifecycle||{},d.ancestry=i(d["extends"]),a(d),s(d),n(d.prototype),u(d.__name,d),d.ctor=l(d),d.ctor.prototype=d.prototype,d.prototype.constructor=d.ctor,e.ready&&v(document),d.ctor}function n(e){if(!e.setAttribute._polyfilled){var t=e.setAttribute;e.setAttribute=function(e,n){o.call(this,e,n,t)};var n=e.removeAttribute;e.removeAttribute=function(e){o.call(this,e,null,n)},e.setAttribute._polyfilled=!0}}function o(e,t,n){e=e.toLowerCase();var o=this.getAttribute(e);n.apply(this,arguments);var r=this.getAttribute(e);this.attributeChangedCallback&&r!==o&&this.attributeChangedCallback(e,o,r)}function r(e){for(var t=0;t<E.length;t++)if(e===E[t])return!0}function i(e){var t=c(e);return t?i(t["extends"]).concat([t]):[]}function a(e){for(var t,n=e["extends"],o=0;t=e.ancestry[o];o++)n=t.is&&t.tag;e.tag=n||e.__name,n&&(e.is=e.__name)}function s(e){if(!Object.__proto__){var t=HTMLElement.prototype;if(e.is){var n=document.createElement(e.tag),o=Object.getPrototypeOf(n);o===e.prototype&&(t=o)}for(var r,i=e.prototype;i&&i!==t;)r=Object.getPrototypeOf(i),i.__proto__=r,i=r;e["native"]=t}}function d(e){return b(M(e.tag),e)}function c(e){return e?y[e.toLowerCase()]:void 0}function u(e,t){y[e]=t}function l(e){return function(){return d(e)}}function f(e,t,n){return e===L?m(t,n):T(e,t)}function m(e,t){var n=c(t||e);if(n){if(e==n.tag&&t==n.is)return new n.ctor;if(!t&&!n.is)return new n.ctor}var o;return t?(o=m(e),o.setAttribute("is",t),o):(o=M(e),e.indexOf("-")>=0&&w(o,HTMLElement),o)}function p(e){var t=N.call(this,e);return g(t),t}var h,v=e.upgradeDocumentTree,g=e.upgrade,b=e.upgradeWithDefinition,w=e.implementPrototype,_=e.useNative,E=["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name","missing-glyph"],y={},L="http://www.w3.org/1999/xhtml",M=document.createElement.bind(document),T=document.createElementNS.bind(document),N=Node.prototype.cloneNode;h=Object.__proto__||_?function(e,t){return e instanceof t}:function(e,t){for(var n=e;n;){if(n===t.prototype)return!0;n=n.__proto__}return!1},document.registerElement=t,document.createElement=m,document.createElementNS=f,Node.prototype.cloneNode=p,e.registry=y,e["instanceof"]=h,e.reservedTagList=E,e.getRegisteredDefinition=c,document.register=document.registerElement}),function(e){function t(){a(wrap(document)),window.HTMLImports&&(HTMLImports.__importsParsingHook=function(e){a(wrap(e["import"]))}),CustomElements.ready=!0,setTimeout(function(){CustomElements.readyTime=Date.now(),window.HTMLImports&&(CustomElements.elapsed=CustomElements.readyTime-HTMLImports.readyTime),document.dispatchEvent(new CustomEvent("WebComponentsReady",{bubbles:!0}))})}var n=e.useNative,o=e.initializeModules,r=/Trident/.test(navigator.userAgent);if(n){var i=function(){};e.watchShadow=i,e.upgrade=i,e.upgradeAll=i,e.upgradeDocumentTree=i,e.upgradeSubtree=i,e.takeRecords=i,e["instanceof"]=function(e,t){return e instanceof t}}else o();var a=e.upgradeDocumentTree;if(window.wrap||(window.ShadowDOMPolyfill?(window.wrap=ShadowDOMPolyfill.wrapIfNeeded,window.unwrap=ShadowDOMPolyfill.unwrapIfNeeded):window.wrap=window.unwrap=function(e){return e}),r&&"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(e,t){t=t||{};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),n},window.CustomEvent.prototype=window.Event.prototype),"complete"===document.readyState||e.flags.eager)t();else if("interactive"!==document.readyState||window.attachEvent||window.HTMLImports&&!window.HTMLImports.ready){var s=window.HTMLImports&&!HTMLImports.ready?"HTMLImportsLoaded":"DOMContentLoaded";window.addEventListener(s,t)}else t()}(window.CustomElements),"undefined"==typeof HTMLTemplateElement&&!function(){var e="template";HTMLTemplateElement=function(){},HTMLTemplateElement.prototype=Object.create(HTMLElement.prototype),HTMLTemplateElement.decorate=function(e){if(!e.content){e.content=e.ownerDocument.createDocumentFragment();for(var t;t=e.firstChild;)e.content.appendChild(t)}},HTMLTemplateElement.bootstrap=function(t){for(var n,o=t.querySelectorAll(e),r=0,i=o.length;i>r&&(n=o[r]);r++)HTMLTemplateElement.decorate(n)},addEventListener("DOMContentLoaded",function(){HTMLTemplateElement.bootstrap(document)})}(),function(){var e=document.createElement("style");e.textContent="body {transition: opacity ease-in 0.2s; } \nbody[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } \n";var t=document.querySelector("head");t.insertBefore(e,t.firstChild)}(window.WebComponents);


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