@gluon/gluon 2.5.2 → 3.0.0

package/gluon.es5.js

@@ -1,2061 +0,0 @@
-/**
- * @license
- * MIT License
- *
- * Copyright (c) 2018 Goffert van Gool
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-var GluonJS = (function (exports) {
-'use strict';
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * True if the custom elements polyfill is in use.
- */
-var isCEPolyfill = window.customElements !== undefined && window.customElements.polyfillWrapFlushCallback !== undefined;
-/**
- * Reparents nodes, starting from `startNode` (inclusive) to `endNode`
- * (exclusive), into another container (could be the same container), before
- * `beforeNode`. If `beforeNode` is null, it appends the nodes to the
- * container.
- */
-var reparentNodes = function reparentNodes(container, start) {
-    var end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var before = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-    var node = start;
-    while (node !== end) {
-        var n = node.nextSibling;
-        container.insertBefore(node, before);
-        node = n;
-    }
-};
-/**
- * Removes nodes, starting from `startNode` (inclusive) to `endNode`
- * (exclusive), from `container`.
- */
-var removeNodes = function removeNodes(container, startNode) {
-    var endNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-    var node = startNode;
-    while (node !== endNode) {
-        var n = node.nextSibling;
-        container.removeChild(node);
-        node = n;
-    }
-};
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-
-
-
-
-
-
-
-
-
-var asyncToGenerator = function (fn) {
-  return function () {
-    var gen = fn.apply(this, arguments);
-    return new Promise(function (resolve, reject) {
-      function step(key, arg) {
-        try {
-          var info = gen[key](arg);
-          var value = info.value;
-        } catch (error) {
-          reject(error);
-          return;
-        }
-
-        if (info.done) {
-          resolve(value);
-        } else {
-          return Promise.resolve(value).then(function (value) {
-            step("next", value);
-          }, function (err) {
-            step("throw", err);
-          });
-        }
-      }
-
-      return step("next");
-    });
-  };
-};
-
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-var createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-}();
-
-
-
-
-
-
-
-var get = function get(object, property, receiver) {
-  if (object === null) object = Function.prototype;
-  var desc = Object.getOwnPropertyDescriptor(object, property);
-
-  if (desc === undefined) {
-    var parent = Object.getPrototypeOf(object);
-
-    if (parent === null) {
-      return undefined;
-    } else {
-      return get(parent, property, receiver);
-    }
-  } else if ("value" in desc) {
-    return desc.value;
-  } else {
-    var getter = desc.get;
-
-    if (getter === undefined) {
-      return undefined;
-    }
-
-    return getter.call(receiver);
-  }
-};
-
-var inherits = function (subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-
-
-
-
-
-
-
-
-
-
-
-var possibleConstructorReturn = function (self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var toConsumableArray = function (arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
-
-    return arr2;
-  } else {
-    return Array.from(arr);
-  }
-};
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * An expression marker with embedded unique key to avoid collision with
- * possible text in templates.
- */
-var marker = '{{lit-' + String(Math.random()).slice(2) + '}}';
-/**
- * An expression marker used text-positions, multi-binding attributes, and
- * attributes with markup-like text values.
- */
-var nodeMarker = '<!--' + marker + '-->';
-var markerRegex = new RegExp(marker + '|' + nodeMarker);
-/**
- * Suffix appended to all bound attribute names.
- */
-var boundAttributeSuffix = '$lit$';
-/**
- * An updateable Template that tracks the location of dynamic parts.
- */
-var Template = function Template(result, element) {
-    var _this = this;
-
-    classCallCheck(this, Template);
-
-    this.parts = [];
-    this.element = element;
-    var index = -1;
-    var partIndex = 0;
-    var nodesToRemove = [];
-    var _prepareTemplate = function _prepareTemplate(template) {
-        var content = template.content;
-        // Edge needs all 4 parameters present; IE11 needs 3rd parameter to be
-        // null
-        var walker = document.createTreeWalker(content, 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */, null, false);
-        // Keeps track of the last index associated with a part. We try to delete
-        // unnecessary nodes, but we never want to associate two different parts
-        // to the same index. They must have a constant node between.
-        var lastPartIndex = 0;
-        while (walker.nextNode()) {
-            index++;
-            var node = walker.currentNode;
-            if (node.nodeType === 1 /* Node.ELEMENT_NODE */) {
-                    if (node.hasAttributes()) {
-                        var attributes = node.attributes;
-                        // Per
-                        // https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap,
-                        // attributes are not guaranteed to be returned in document order.
-                        // In particular, Edge/IE can return them out of order, so we cannot
-                        // assume a correspondance between part index and attribute index.
-                        var count = 0;
-                        for (var i = 0; i < attributes.length; i++) {
-                            if (attributes[i].value.indexOf(marker) >= 0) {
-                                count++;
-                            }
-                        }
-                        while (count-- > 0) {
-                            // Get the template literal section leading up to the first
-                            // expression in this attribute
-                            var stringForPart = result.strings[partIndex];
-                            // Find the attribute name
-                            var name = lastAttributeNameRegex.exec(stringForPart)[2];
-                            // Find the corresponding attribute
-                            // All bound attributes have had a suffix added in
-                            // TemplateResult#getHTML to opt out of special attribute
-                            // handling. To look up the attribute value we also need to add
-                            // the suffix.
-                            var attributeLookupName = name.toLowerCase() + boundAttributeSuffix;
-                            var attributeValue = node.getAttribute(attributeLookupName);
-                            var strings = attributeValue.split(markerRegex);
-                            _this.parts.push({ type: 'attribute', index: index, name: name, strings: strings });
-                            node.removeAttribute(attributeLookupName);
-                            partIndex += strings.length - 1;
-                        }
-                    }
-                    if (node.tagName === 'TEMPLATE') {
-                        _prepareTemplate(node);
-                    }
-                } else if (node.nodeType === 3 /* Node.TEXT_NODE */) {
-                    var data = node.data;
-                    if (data.indexOf(marker) >= 0) {
-                        var parent = node.parentNode;
-                        var _strings = data.split(markerRegex);
-                        var lastIndex = _strings.length - 1;
-                        // Generate a new text node for each literal section
-                        // These nodes are also used as the markers for node parts
-                        for (var _i = 0; _i < lastIndex; _i++) {
-                            parent.insertBefore(_strings[_i] === '' ? createMarker() : document.createTextNode(_strings[_i]), node);
-                            _this.parts.push({ type: 'node', index: ++index });
-                        }
-                        // If there's no text, we must insert a comment to mark our place.
-                        // Else, we can trust it will stick around after cloning.
-                        if (_strings[lastIndex] === '') {
-                            parent.insertBefore(createMarker(), node);
-                            nodesToRemove.push(node);
-                        } else {
-                            node.data = _strings[lastIndex];
-                        }
-                        // We have a part for each match found
-                        partIndex += lastIndex;
-                    }
-                } else if (node.nodeType === 8 /* Node.COMMENT_NODE */) {
-                    if (node.data === marker) {
-                        var _parent = node.parentNode;
-                        // Add a new marker node to be the startNode of the Part if any of
-                        // the following are true:
-                        //  * We don't have a previousSibling
-                        //  * The previousSibling is already the start of a previous part
-                        if (node.previousSibling === null || index === lastPartIndex) {
-                            index++;
-                            _parent.insertBefore(createMarker(), node);
-                        }
-                        lastPartIndex = index;
-                        _this.parts.push({ type: 'node', index: index });
-                        // If we don't have a nextSibling, keep this node so we have an end.
-                        // Else, we can remove it to save future costs.
-                        if (node.nextSibling === null) {
-                            node.data = '';
-                        } else {
-                            nodesToRemove.push(node);
-                            index--;
-                        }
-                        partIndex++;
-                    } else {
-                        var _i2 = -1;
-                        while ((_i2 = node.data.indexOf(marker, _i2 + 1)) !== -1) {
-                            // Comment node has a binding marker inside, make an inactive part
-                            // The binding won't work, but subsequent bindings will
-                            // TODO (justinfagnani): consider whether it's even worth it to
-                            // make bindings in comments work
-                            _this.parts.push({ type: 'node', index: -1 });
-                        }
-                    }
-                }
-        }
-    };
-    _prepareTemplate(element);
-    // Remove text binding nodes after the walk to not disturb the TreeWalker
-    var _iteratorNormalCompletion = true;
-    var _didIteratorError = false;
-    var _iteratorError = undefined;
-
-    try {
-        for (var _iterator = nodesToRemove[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-            var n = _step.value;
-
-            n.parentNode.removeChild(n);
-        }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally {
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return) {
-                _iterator.return();
-            }
-        } finally {
-            if (_didIteratorError) {
-                throw _iteratorError;
-            }
-        }
-    }
-};
-var isTemplatePartActive = function isTemplatePartActive(part) {
-    return part.index !== -1;
-};
-// Allows `document.createComment('')` to be renamed for a
-// small manual size-savings.
-var createMarker = function createMarker() {
-    return document.createComment('');
-};
-/**
- * This regex extracts the attribute name preceding an attribute-position
- * expression. It does this by matching the syntax allowed for attributes
- * against the string literal directly preceding the expression, assuming that
- * the expression is in an attribute-value position.
- *
- * See attributes in the HTML spec:
- * https://www.w3.org/TR/html5/syntax.html#attributes-0
- *
- * "\0-\x1F\x7F-\x9F" are Unicode control characters
- *
- * " \x09\x0a\x0c\x0d" are HTML space characters:
- * https://www.w3.org/TR/html5/infrastructure.html#space-character
- *
- * So an attribute is:
- *  * The name: any character except a control character, space character, ('),
- *    ("), ">", "=", or "/"
- *  * Followed by zero or more space characters
- *  * Followed by "="
- *  * Followed by zero or more space characters
- *  * Followed by:
- *    * Any character except space, ('), ("), "<", ">", "=", (`), or
- *    * (") then any non-("), or
- *    * (') then any non-(')
- */
-var lastAttributeNameRegex = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F \x09\x0a\x0c\x0d"'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * @module shady-render
- */
-var walkerNodeFilter = 133;
-/**
- * Removes the list of nodes from a Template safely. In addition to removing
- * nodes from the Template, the Template part indices are updated to match
- * the mutated Template DOM.
- *
- * As the template is walked the removal state is tracked and
- * part indices are adjusted as needed.
- *
- * div
- *   div#1 (remove) <-- start removing (removing node is div#1)
- *     div
- *       div#2 (remove)  <-- continue removing (removing node is still div#1)
- *         div
- * div <-- stop removing since previous sibling is the removing node (div#1,
- * removed 4 nodes)
- */
-function removeNodesFromTemplate(template, nodesToRemove) {
-    var content = template.element.content,
-        parts = template.parts;
-
-    var walker = document.createTreeWalker(content, walkerNodeFilter, null, false);
-    var partIndex = nextActiveIndexInTemplateParts(parts);
-    var part = parts[partIndex];
-    var nodeIndex = -1;
-    var removeCount = 0;
-    var nodesToRemoveInTemplate = [];
-    var currentRemovingNode = null;
-    while (walker.nextNode()) {
-        nodeIndex++;
-        var node = walker.currentNode;
-        // End removal if stepped past the removing node
-        if (node.previousSibling === currentRemovingNode) {
-            currentRemovingNode = null;
-        }
-        // A node to remove was found in the template
-        if (nodesToRemove.has(node)) {
-            nodesToRemoveInTemplate.push(node);
-            // Track node we're removing
-            if (currentRemovingNode === null) {
-                currentRemovingNode = node;
-            }
-        }
-        // When removing, increment count by which to adjust subsequent part indices
-        if (currentRemovingNode !== null) {
-            removeCount++;
-        }
-        while (part !== undefined && part.index === nodeIndex) {
-            // If part is in a removed node deactivate it by setting index to -1 or
-            // adjust the index as needed.
-            part.index = currentRemovingNode !== null ? -1 : part.index - removeCount;
-            // go to the next active part.
-            partIndex = nextActiveIndexInTemplateParts(parts, partIndex);
-            part = parts[partIndex];
-        }
-    }
-    nodesToRemoveInTemplate.forEach(function (n) {
-        return n.parentNode.removeChild(n);
-    });
-}
-var countNodes = function countNodes(node) {
-    var count = node.nodeType === 11 /* Node.DOCUMENT_FRAGMENT_NODE */ ? 0 : 1;
-    var walker = document.createTreeWalker(node, walkerNodeFilter, null, false);
-    while (walker.nextNode()) {
-        count++;
-    }
-    return count;
-};
-var nextActiveIndexInTemplateParts = function nextActiveIndexInTemplateParts(parts) {
-    var startIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
-
-    for (var i = startIndex + 1; i < parts.length; i++) {
-        var part = parts[i];
-        if (isTemplatePartActive(part)) {
-            return i;
-        }
-    }
-    return -1;
-};
-/**
- * Inserts the given node into the Template, optionally before the given
- * refNode. In addition to inserting the node into the Template, the Template
- * part indices are updated to match the mutated Template DOM.
- */
-function insertNodeIntoTemplate(template, node) {
-    var refNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var content = template.element.content,
-        parts = template.parts;
-    // If there's no refNode, then put node at end of template.
-    // No part indices need to be shifted in this case.
-
-    if (refNode === null || refNode === undefined) {
-        content.appendChild(node);
-        return;
-    }
-    var walker = document.createTreeWalker(content, walkerNodeFilter, null, false);
-    var partIndex = nextActiveIndexInTemplateParts(parts);
-    var insertCount = 0;
-    var walkerIndex = -1;
-    while (walker.nextNode()) {
-        walkerIndex++;
-        var walkerNode = walker.currentNode;
-        if (walkerNode === refNode) {
-            insertCount = countNodes(node);
-            refNode.parentNode.insertBefore(node, refNode);
-        }
-        while (partIndex !== -1 && parts[partIndex].index === walkerIndex) {
-            // If we've inserted the node, simply adjust all subsequent parts
-            if (insertCount > 0) {
-                while (partIndex !== -1) {
-                    parts[partIndex].index += insertCount;
-                    partIndex = nextActiveIndexInTemplateParts(parts, partIndex);
-                }
-                return;
-            }
-            partIndex = nextActiveIndexInTemplateParts(parts, partIndex);
-        }
-    }
-}
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-var directives = new WeakMap();
-/**
- * Brands a function as a directive so that lit-html will call the function
- * during template rendering, rather than passing as a value.
- *
- * @param f The directive factory function. Must be a function that returns a
- * function of the signature `(part: Part) => void`. The returned function will
- * be called with the part object
- *
- * @example
- *
- * ```
- * import {directive, html} from 'lit-html';
- *
- * const immutable = directive((v) => (part) => {
- *   if (part.value !== v) {
- *     part.setValue(v)
- *   }
- * });
- * ```
- */
-// tslint:disable-next-line:no-any
-
-var isDirective = function isDirective(o) {
-  return typeof o === 'function' && directives.has(o);
-};
-
-/**
- * @license
- * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * A sentinel value that signals that a value was handled by a directive and
- * should not be written to the DOM.
- */
-var noChange = {};
-/**
- * A sentinel value that signals a NodePart to fully clear its content.
- */
-var nothing = {};
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * @module lit-html
- */
-/**
- * An instance of a `Template` that can be attached to the DOM and updated
- * with new values.
- */
-var TemplateInstance = function () {
-    function TemplateInstance(template, processor, options) {
-        classCallCheck(this, TemplateInstance);
-
-        this._parts = [];
-        this.template = template;
-        this.processor = processor;
-        this.options = options;
-    }
-
-    createClass(TemplateInstance, [{
-        key: 'update',
-        value: function update(values) {
-            var i = 0;
-            var _iteratorNormalCompletion = true;
-            var _didIteratorError = false;
-            var _iteratorError = undefined;
-
-            try {
-                for (var _iterator = this._parts[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-                    var part = _step.value;
-
-                    if (part !== undefined) {
-                        part.setValue(values[i]);
-                    }
-                    i++;
-                }
-            } catch (err) {
-                _didIteratorError = true;
-                _iteratorError = err;
-            } finally {
-                try {
-                    if (!_iteratorNormalCompletion && _iterator.return) {
-                        _iterator.return();
-                    }
-                } finally {
-                    if (_didIteratorError) {
-                        throw _iteratorError;
-                    }
-                }
-            }
-
-            var _iteratorNormalCompletion2 = true;
-            var _didIteratorError2 = false;
-            var _iteratorError2 = undefined;
-
-            try {
-                for (var _iterator2 = this._parts[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-                    var _part = _step2.value;
-
-                    if (_part !== undefined) {
-                        _part.commit();
-                    }
-                }
-            } catch (err) {
-                _didIteratorError2 = true;
-                _iteratorError2 = err;
-            } finally {
-                try {
-                    if (!_iteratorNormalCompletion2 && _iterator2.return) {
-                        _iterator2.return();
-                    }
-                } finally {
-                    if (_didIteratorError2) {
-                        throw _iteratorError2;
-                    }
-                }
-            }
-        }
-    }, {
-        key: '_clone',
-        value: function _clone() {
-            var _this = this;
-
-            // When using the Custom Elements polyfill, clone the node, rather than
-            // importing it, to keep the fragment in the template's document. This
-            // leaves the fragment inert so custom elements won't upgrade and
-            // potentially modify their contents by creating a polyfilled ShadowRoot
-            // while we traverse the tree.
-            var fragment = isCEPolyfill ? this.template.element.content.cloneNode(true) : document.importNode(this.template.element.content, true);
-            var parts = this.template.parts;
-            var partIndex = 0;
-            var nodeIndex = 0;
-            var _prepareInstance = function _prepareInstance(fragment) {
-                // Edge needs all 4 parameters present; IE11 needs 3rd parameter to be
-                // null
-                var walker = document.createTreeWalker(fragment, 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */, null, false);
-                var node = walker.nextNode();
-                // Loop through all the nodes and parts of a template
-                while (partIndex < parts.length && node !== null) {
-                    var part = parts[partIndex];
-                    // Consecutive Parts may have the same node index, in the case of
-                    // multiple bound attributes on an element. So each iteration we either
-                    // increment the nodeIndex, if we aren't on a node with a part, or the
-                    // partIndex if we are. By not incrementing the nodeIndex when we find a
-                    // part, we allow for the next part to be associated with the current
-                    // node if neccessasry.
-                    if (!isTemplatePartActive(part)) {
-                        _this._parts.push(undefined);
-                        partIndex++;
-                    } else if (nodeIndex === part.index) {
-                        if (part.type === 'node') {
-                            var _part2 = _this.processor.handleTextExpression(_this.options);
-                            _part2.insertAfterNode(node.previousSibling);
-                            _this._parts.push(_part2);
-                        } else {
-                            var _parts;
-
-                            (_parts = _this._parts).push.apply(_parts, toConsumableArray(_this.processor.handleAttributeExpressions(node, part.name, part.strings, _this.options)));
-                        }
-                        partIndex++;
-                    } else {
-                        nodeIndex++;
-                        if (node.nodeName === 'TEMPLATE') {
-                            _prepareInstance(node.content);
-                        }
-                        node = walker.nextNode();
-                    }
-                }
-            };
-            _prepareInstance(fragment);
-            if (isCEPolyfill) {
-                document.adoptNode(fragment);
-                customElements.upgrade(fragment);
-            }
-            return fragment;
-        }
-    }]);
-    return TemplateInstance;
-}();
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * @module lit-html
- */
-/**
- * The return type of `html`, which holds a Template and the values from
- * interpolated expressions.
- */
-var TemplateResult = function () {
-    function TemplateResult(strings, values, type, processor) {
-        classCallCheck(this, TemplateResult);
-
-        this.strings = strings;
-        this.values = values;
-        this.type = type;
-        this.processor = processor;
-    }
-    /**
-     * Returns a string of HTML used to create a `<template>` element.
-     */
-
-    createClass(TemplateResult, [{
-        key: 'getHTML',
-        value: function getHTML() {
-            var endIndex = this.strings.length - 1;
-            var html = '';
-            for (var i = 0; i < endIndex; i++) {
-                var s = this.strings[i];
-                // This exec() call does two things:
-                // 1) Appends a suffix to the bound attribute name to opt out of special
-                // attribute value parsing that IE11 and Edge do, like for style and
-                // many SVG attributes. The Template class also appends the same suffix
-                // when looking up attributes to create Parts.
-                // 2) Adds an unquoted-attribute-safe marker for the first expression in
-                // an attribute. Subsequent attribute expressions will use node markers,
-                // and this is safe since attributes with multiple expressions are
-                // guaranteed to be quoted.
-                var match = lastAttributeNameRegex.exec(s);
-                if (match) {
-                    // We're starting a new bound attribute.
-                    // Add the safe attribute suffix, and use unquoted-attribute-safe
-                    // marker.
-                    html += s.substr(0, match.index) + match[1] + match[2] + boundAttributeSuffix + match[3] + marker;
-                } else {
-                    // We're either in a bound node, or trailing bound attribute.
-                    // Either way, nodeMarker is safe to use.
-                    html += s + nodeMarker;
-                }
-            }
-            return html + this.strings[endIndex];
-        }
-    }, {
-        key: 'getTemplateElement',
-        value: function getTemplateElement() {
-            var template = document.createElement('template');
-            template.innerHTML = this.getHTML();
-            return template;
-        }
-    }]);
-    return TemplateResult;
-}();
-/**
- * A TemplateResult for SVG fragments.
- *
- * This class wraps HTMl in an `<svg>` tag in order to parse its contents in the
- * SVG namespace, then modifies the template to remove the `<svg>` tag so that
- * clones only container the original fragment.
- */
-var SVGTemplateResult = function (_TemplateResult) {
-    inherits(SVGTemplateResult, _TemplateResult);
-
-    function SVGTemplateResult() {
-        classCallCheck(this, SVGTemplateResult);
-        return possibleConstructorReturn(this, (SVGTemplateResult.__proto__ || Object.getPrototypeOf(SVGTemplateResult)).apply(this, arguments));
-    }
-
-    createClass(SVGTemplateResult, [{
-        key: 'getHTML',
-        value: function getHTML() {
-            return '<svg>' + get(SVGTemplateResult.prototype.__proto__ || Object.getPrototypeOf(SVGTemplateResult.prototype), 'getHTML', this).call(this) + '</svg>';
-        }
-    }, {
-        key: 'getTemplateElement',
-        value: function getTemplateElement() {
-            var template = get(SVGTemplateResult.prototype.__proto__ || Object.getPrototypeOf(SVGTemplateResult.prototype), 'getTemplateElement', this).call(this);
-            var content = template.content;
-            var svgElement = content.firstChild;
-            content.removeChild(svgElement);
-            reparentNodes(content, svgElement.firstChild);
-            return template;
-        }
-    }]);
-    return SVGTemplateResult;
-}(TemplateResult);
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * @module lit-html
- */
-var isPrimitive = function isPrimitive(value) {
-    return value === null || !((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' || typeof value === 'function');
-};
-/**
- * Sets attribute values for AttributeParts, so that the value is only set once
- * even if there are multiple parts for an attribute.
- */
-var AttributeCommitter = function () {
-    function AttributeCommitter(element, name, strings) {
-        classCallCheck(this, AttributeCommitter);
-
-        this.dirty = true;
-        this.element = element;
-        this.name = name;
-        this.strings = strings;
-        this.parts = [];
-        for (var i = 0; i < strings.length - 1; i++) {
-            this.parts[i] = this._createPart();
-        }
-    }
-    /**
-     * Creates a single part. Override this to create a differnt type of part.
-     */
-
-    createClass(AttributeCommitter, [{
-        key: '_createPart',
-        value: function _createPart() {
-            return new AttributePart(this);
-        }
-    }, {
-        key: '_getValue',
-        value: function _getValue() {
-            var strings = this.strings;
-            var l = strings.length - 1;
-            var text = '';
-            for (var i = 0; i < l; i++) {
-                text += strings[i];
-                var part = this.parts[i];
-                if (part !== undefined) {
-                    var v = part.value;
-                    if (v != null && (Array.isArray(v) ||
-                    // tslint:disable-next-line:no-any
-                    typeof v !== 'string' && v[Symbol.iterator])) {
-                        var _iteratorNormalCompletion = true;
-                        var _didIteratorError = false;
-                        var _iteratorError = undefined;
-
-                        try {
-                            for (var _iterator = v[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-                                var t = _step.value;
-
-                                text += typeof t === 'string' ? t : String(t);
-                            }
-                        } catch (err) {
-                            _didIteratorError = true;
-                            _iteratorError = err;
-                        } finally {
-                            try {
-                                if (!_iteratorNormalCompletion && _iterator.return) {
-                                    _iterator.return();
-                                }
-                            } finally {
-                                if (_didIteratorError) {
-                                    throw _iteratorError;
-                                }
-                            }
-                        }
-                    } else {
-                        text += typeof v === 'string' ? v : String(v);
-                    }
-                }
-            }
-            text += strings[l];
-            return text;
-        }
-    }, {
-        key: 'commit',
-        value: function commit() {
-            if (this.dirty) {
-                this.dirty = false;
-                this.element.setAttribute(this.name, this._getValue());
-            }
-        }
-    }]);
-    return AttributeCommitter;
-}();
-var AttributePart = function () {
-    function AttributePart(comitter) {
-        classCallCheck(this, AttributePart);
-
-        this.value = undefined;
-        this.committer = comitter;
-    }
-
-    createClass(AttributePart, [{
-        key: 'setValue',
-        value: function setValue(value) {
-            if (value !== noChange && (!isPrimitive(value) || value !== this.value)) {
-                this.value = value;
-                // If the value is a not a directive, dirty the committer so that it'll
-                // call setAttribute. If the value is a directive, it'll dirty the
-                // committer if it calls setValue().
-                if (!isDirective(value)) {
-                    this.committer.dirty = true;
-                }
-            }
-        }
-    }, {
-        key: 'commit',
-        value: function commit() {
-            while (isDirective(this.value)) {
-                var directive$$1 = this.value;
-                this.value = noChange;
-                directive$$1(this);
-            }
-            if (this.value === noChange) {
-                return;
-            }
-            this.committer.commit();
-        }
-    }]);
-    return AttributePart;
-}();
-var NodePart = function () {
-    function NodePart(options) {
-        classCallCheck(this, NodePart);
-
-        this.value = undefined;
-        this._pendingValue = undefined;
-        this.options = options;
-    }
-    /**
-     * Inserts this part into a container.
-     *
-     * This part must be empty, as its contents are not automatically moved.
-     */
-
-    createClass(NodePart, [{
-        key: 'appendInto',
-        value: function appendInto(container) {
-            this.startNode = container.appendChild(createMarker());
-            this.endNode = container.appendChild(createMarker());
-        }
-        /**
-         * Inserts this part between `ref` and `ref`'s next sibling. Both `ref` and
-         * its next sibling must be static, unchanging nodes such as those that appear
-         * in a literal section of a template.
-         *
-         * This part must be empty, as its contents are not automatically moved.
-         */
-
-    }, {
-        key: 'insertAfterNode',
-        value: function insertAfterNode(ref) {
-            this.startNode = ref;
-            this.endNode = ref.nextSibling;
-        }
-        /**
-         * Appends this part into a parent part.
-         *
-         * This part must be empty, as its contents are not automatically moved.
-         */
-
-    }, {
-        key: 'appendIntoPart',
-        value: function appendIntoPart(part) {
-            part._insert(this.startNode = createMarker());
-            part._insert(this.endNode = createMarker());
-        }
-        /**
-         * Appends this part after `ref`
-         *
-         * This part must be empty, as its contents are not automatically moved.
-         */
-
-    }, {
-        key: 'insertAfterPart',
-        value: function insertAfterPart(ref) {
-            ref._insert(this.startNode = createMarker());
-            this.endNode = ref.endNode;
-            ref.endNode = this.startNode;
-        }
-    }, {
-        key: 'setValue',
-        value: function setValue(value) {
-            this._pendingValue = value;
-        }
-    }, {
-        key: 'commit',
-        value: function commit() {
-            while (isDirective(this._pendingValue)) {
-                var directive$$1 = this._pendingValue;
-                this._pendingValue = noChange;
-                directive$$1(this);
-            }
-            var value = this._pendingValue;
-            if (value === noChange) {
-                return;
-            }
-            if (isPrimitive(value)) {
-                if (value !== this.value) {
-                    this._commitText(value);
-                }
-            } else if (value instanceof TemplateResult) {
-                this._commitTemplateResult(value);
-            } else if (value instanceof Node) {
-                this._commitNode(value);
-            } else if (Array.isArray(value) ||
-            // tslint:disable-next-line:no-any
-            value[Symbol.iterator]) {
-                this._commitIterable(value);
-            } else if (value === nothing) {
-                this.value = nothing;
-                this.clear();
-            } else {
-                // Fallback, will render the string representation
-                this._commitText(value);
-            }
-        }
-    }, {
-        key: '_insert',
-        value: function _insert(node) {
-            this.endNode.parentNode.insertBefore(node, this.endNode);
-        }
-    }, {
-        key: '_commitNode',
-        value: function _commitNode(value) {
-            if (this.value === value) {
-                return;
-            }
-            this.clear();
-            this._insert(value);
-            this.value = value;
-        }
-    }, {
-        key: '_commitText',
-        value: function _commitText(value) {
-            var node = this.startNode.nextSibling;
-            value = value == null ? '' : value;
-            if (node === this.endNode.previousSibling && node.nodeType === 3 /* Node.TEXT_NODE */) {
-                    // If we only have a single text node between the markers, we can just
-                    // set its value, rather than replacing it.
-                    // TODO(justinfagnani): Can we just check if this.value is primitive?
-                    node.data = value;
-                } else {
-                this._commitNode(document.createTextNode(typeof value === 'string' ? value : String(value)));
-            }
-            this.value = value;
-        }
-    }, {
-        key: '_commitTemplateResult',
-        value: function _commitTemplateResult(value) {
-            var template = this.options.templateFactory(value);
-            if (this.value instanceof TemplateInstance && this.value.template === template) {
-                this.value.update(value.values);
-            } else {
-                // Make sure we propagate the template processor from the TemplateResult
-                // so that we use its syntax extension, etc. The template factory comes
-                // from the render function options so that it can control template
-                // caching and preprocessing.
-                var instance = new TemplateInstance(template, value.processor, this.options);
-                var fragment = instance._clone();
-                instance.update(value.values);
-                this._commitNode(fragment);
-                this.value = instance;
-            }
-        }
-    }, {
-        key: '_commitIterable',
-        value: function _commitIterable(value) {
-            // For an Iterable, we create a new InstancePart per item, then set its
-            // value to the item. This is a little bit of overhead for every item in
-            // an Iterable, but it lets us recurse easily and efficiently update Arrays
-            // of TemplateResults that will be commonly returned from expressions like:
-            // array.map((i) => html`${i}`), by reusing existing TemplateInstances.
-            // If _value is an array, then the previous render was of an
-            // iterable and _value will contain the NodeParts from the previous
-            // render. If _value is not an array, clear this part and make a new
-            // array for NodeParts.
-            if (!Array.isArray(this.value)) {
-                this.value = [];
-                this.clear();
-            }
-            // Lets us keep track of how many items we stamped so we can clear leftover
-            // items from a previous render
-            var itemParts = this.value;
-            var partIndex = 0;
-            var itemPart = void 0;
-            var _iteratorNormalCompletion2 = true;
-            var _didIteratorError2 = false;
-            var _iteratorError2 = undefined;
-
-            try {
-                for (var _iterator2 = value[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-                    var item = _step2.value;
-
-                    // Try to reuse an existing part
-                    itemPart = itemParts[partIndex];
-                    // If no existing part, create a new one
-                    if (itemPart === undefined) {
-                        itemPart = new NodePart(this.options);
-                        itemParts.push(itemPart);
-                        if (partIndex === 0) {
-                            itemPart.appendIntoPart(this);
-                        } else {
-                            itemPart.insertAfterPart(itemParts[partIndex - 1]);
-                        }
-                    }
-                    itemPart.setValue(item);
-                    itemPart.commit();
-                    partIndex++;
-                }
-            } catch (err) {
-                _didIteratorError2 = true;
-                _iteratorError2 = err;
-            } finally {
-                try {
-                    if (!_iteratorNormalCompletion2 && _iterator2.return) {
-                        _iterator2.return();
-                    }
-                } finally {
-                    if (_didIteratorError2) {
-                        throw _iteratorError2;
-                    }
-                }
-            }
-
-            if (partIndex < itemParts.length) {
-                // Truncate the parts array so _value reflects the current state
-                itemParts.length = partIndex;
-                this.clear(itemPart && itemPart.endNode);
-            }
-        }
-    }, {
-        key: 'clear',
-        value: function clear() {
-            var startNode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.startNode;
-
-            removeNodes(this.startNode.parentNode, startNode.nextSibling, this.endNode);
-        }
-    }]);
-    return NodePart;
-}();
-/**
- * Implements a boolean attribute, roughly as defined in the HTML
- * specification.
- *
- * If the value is truthy, then the attribute is present with a value of
- * ''. If the value is falsey, the attribute is removed.
- */
-var BooleanAttributePart = function () {
-    function BooleanAttributePart(element, name, strings) {
-        classCallCheck(this, BooleanAttributePart);
-
-        this.value = undefined;
-        this._pendingValue = undefined;
-        if (strings.length !== 2 || strings[0] !== '' || strings[1] !== '') {
-            throw new Error('Boolean attributes can only contain a single expression');
-        }
-        this.element = element;
-        this.name = name;
-        this.strings = strings;
-    }
-
-    createClass(BooleanAttributePart, [{
-        key: 'setValue',
-        value: function setValue(value) {
-            this._pendingValue = value;
-        }
-    }, {
-        key: 'commit',
-        value: function commit() {
-            while (isDirective(this._pendingValue)) {
-                var directive$$1 = this._pendingValue;
-                this._pendingValue = noChange;
-                directive$$1(this);
-            }
-            if (this._pendingValue === noChange) {
-                return;
-            }
-            var value = !!this._pendingValue;
-            if (this.value !== value) {
-                if (value) {
-                    this.element.setAttribute(this.name, '');
-                } else {
-                    this.element.removeAttribute(this.name);
-                }
-            }
-            this.value = value;
-            this._pendingValue = noChange;
-        }
-    }]);
-    return BooleanAttributePart;
-}();
-/**
- * Sets attribute values for PropertyParts, so that the value is only set once
- * even if there are multiple parts for a property.
- *
- * If an expression controls the whole property value, then the value is simply
- * assigned to the property under control. If there are string literals or
- * multiple expressions, then the strings are expressions are interpolated into
- * a string first.
- */
-var PropertyCommitter = function (_AttributeCommitter) {
-    inherits(PropertyCommitter, _AttributeCommitter);
-
-    function PropertyCommitter(element, name, strings) {
-        classCallCheck(this, PropertyCommitter);
-
-        var _this = possibleConstructorReturn(this, (PropertyCommitter.__proto__ || Object.getPrototypeOf(PropertyCommitter)).call(this, element, name, strings));
-
-        _this.single = strings.length === 2 && strings[0] === '' && strings[1] === '';
-        return _this;
-    }
-
-    createClass(PropertyCommitter, [{
-        key: '_createPart',
-        value: function _createPart() {
-            return new PropertyPart(this);
-        }
-    }, {
-        key: '_getValue',
-        value: function _getValue() {
-            if (this.single) {
-                return this.parts[0].value;
-            }
-            return get(PropertyCommitter.prototype.__proto__ || Object.getPrototypeOf(PropertyCommitter.prototype), '_getValue', this).call(this);
-        }
-    }, {
-        key: 'commit',
-        value: function commit() {
-            if (this.dirty) {
-                this.dirty = false;
-                // tslint:disable-next-line:no-any
-                this.element[this.name] = this._getValue();
-            }
-        }
-    }]);
-    return PropertyCommitter;
-}(AttributeCommitter);
-var PropertyPart = function (_AttributePart) {
-    inherits(PropertyPart, _AttributePart);
-
-    function PropertyPart() {
-        classCallCheck(this, PropertyPart);
-        return possibleConstructorReturn(this, (PropertyPart.__proto__ || Object.getPrototypeOf(PropertyPart)).apply(this, arguments));
-    }
-
-    return PropertyPart;
-}(AttributePart);
-// Detect event listener options support. If the `capture` property is read
-// from the options object, then options are supported. If not, then the thrid
-// argument to add/removeEventListener is interpreted as the boolean capture
-// value so we should only pass the `capture` property.
-var eventOptionsSupported = false;
-try {
-    var options = {
-        get capture() {
-            eventOptionsSupported = true;
-            return false;
-        }
-    };
-    // tslint:disable-next-line:no-any
-    window.addEventListener('test', options, options);
-    // tslint:disable-next-line:no-any
-    window.removeEventListener('test', options, options);
-} catch (_e) {}
-var EventPart = function () {
-    function EventPart(element, eventName, eventContext) {
-        var _this3 = this;
-
-        classCallCheck(this, EventPart);
-
-        this.value = undefined;
-        this._pendingValue = undefined;
-        this.element = element;
-        this.eventName = eventName;
-        this.eventContext = eventContext;
-        this._boundHandleEvent = function (e) {
-            return _this3.handleEvent(e);
-        };
-    }
-
-    createClass(EventPart, [{
-        key: 'setValue',
-        value: function setValue(value) {
-            this._pendingValue = value;
-        }
-    }, {
-        key: 'commit',
-        value: function commit() {
-            while (isDirective(this._pendingValue)) {
-                var directive$$1 = this._pendingValue;
-                this._pendingValue = noChange;
-                directive$$1(this);
-            }
-            if (this._pendingValue === noChange) {
-                return;
-            }
-            var newListener = this._pendingValue;
-            var oldListener = this.value;
-            var shouldRemoveListener = newListener == null || oldListener != null && (newListener.capture !== oldListener.capture || newListener.once !== oldListener.once || newListener.passive !== oldListener.passive);
-            var shouldAddListener = newListener != null && (oldListener == null || shouldRemoveListener);
-            if (shouldRemoveListener) {
-                this.element.removeEventListener(this.eventName, this._boundHandleEvent, this._options);
-            }
-            if (shouldAddListener) {
-                this._options = getOptions(newListener);
-                this.element.addEventListener(this.eventName, this._boundHandleEvent, this._options);
-            }
-            this.value = newListener;
-            this._pendingValue = noChange;
-        }
-    }, {
-        key: 'handleEvent',
-        value: function handleEvent(event) {
-            if (typeof this.value === 'function') {
-                this.value.call(this.eventContext || this.element, event);
-            } else {
-                this.value.handleEvent(event);
-            }
-        }
-    }]);
-    return EventPart;
-}();
-// We copy options because of the inconsistent behavior of browsers when reading
-// the third argument of add/removeEventListener. IE11 doesn't support options
-// at all. Chrome 41 only reads `capture` if the argument is an object.
-var getOptions = function getOptions(o) {
-    return o && (eventOptionsSupported ? { capture: o.capture, passive: o.passive, once: o.once } : o.capture);
-};
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * The default TemplateFactory which caches Templates keyed on
- * result.type and result.strings.
- */
-function templateFactory(result) {
-    var templateCache = templateCaches.get(result.type);
-    if (templateCache === undefined) {
-        templateCache = {
-            stringsArray: new WeakMap(),
-            keyString: new Map()
-        };
-        templateCaches.set(result.type, templateCache);
-    }
-    var template = templateCache.stringsArray.get(result.strings);
-    if (template !== undefined) {
-        return template;
-    }
-    // If the TemplateStringsArray is new, generate a key from the strings
-    // This key is shared between all templates with identical content
-    var key = result.strings.join(marker);
-    // Check if we already have a Template for this key
-    template = templateCache.keyString.get(key);
-    if (template === undefined) {
-        // If we have not seen this key before, create a new Template
-        template = new Template(result, result.getTemplateElement());
-        // Cache the Template for this key
-        templateCache.keyString.set(key, template);
-    }
-    // Cache all future queries for this TemplateStringsArray
-    templateCache.stringsArray.set(result.strings, template);
-    return template;
-}
-var templateCaches = new Map();
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * @module lit-html
- */
-var parts = new WeakMap();
-/**
- * Renders a template to a container.
- *
- * To update a container with new values, reevaluate the template literal and
- * call `render` with the new result.
- *
- * @param result a TemplateResult created by evaluating a template tag like
- *     `html` or `svg`.
- * @param container A DOM parent to render to. The entire contents are either
- *     replaced, or efficiently updated if the same result type was previous
- *     rendered there.
- * @param options RenderOptions for the entire render tree rendered to this
- *     container. Render options must *not* change between renders to the same
- *     container, as those changes will not effect previously rendered DOM.
- */
-var render = function render(result, container, options) {
-  var part = parts.get(container);
-  if (part === undefined) {
-    removeNodes(container, container.firstChild);
-    parts.set(container, part = new NodePart(Object.assign({ templateFactory: templateFactory }, options)));
-    part.appendInto(container);
-  }
-  part.setValue(result);
-  part.commit();
-};
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * Creates Parts when a template is instantiated.
- */
-var DefaultTemplateProcessor = function () {
-    function DefaultTemplateProcessor() {
-        classCallCheck(this, DefaultTemplateProcessor);
-    }
-
-    createClass(DefaultTemplateProcessor, [{
-        key: 'handleAttributeExpressions',
-
-        /**
-         * Create parts for an attribute-position binding, given the event, attribute
-         * name, and string literals.
-         *
-         * @param element The element containing the binding
-         * @param name  The attribute name
-         * @param strings The string literals. There are always at least two strings,
-         *   event for fully-controlled bindings with a single expression.
-         */
-        value: function handleAttributeExpressions(element, name, strings, options) {
-            var prefix = name[0];
-            if (prefix === '.') {
-                var _comitter = new PropertyCommitter(element, name.slice(1), strings);
-                return _comitter.parts;
-            }
-            if (prefix === '@') {
-                return [new EventPart(element, name.slice(1), options.eventContext)];
-            }
-            if (prefix === '?') {
-                return [new BooleanAttributePart(element, name.slice(1), strings)];
-            }
-            var comitter = new AttributeCommitter(element, name, strings);
-            return comitter.parts;
-        }
-        /**
-         * Create parts for a text-position binding.
-         * @param templateFactory
-         */
-
-    }, {
-        key: 'handleTextExpression',
-        value: function handleTextExpression(options) {
-            return new NodePart(options);
-        }
-    }]);
-    return DefaultTemplateProcessor;
-}();
-var defaultTemplateProcessor = new DefaultTemplateProcessor();
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- *
- * Main lit-html module.
- *
- * Main exports:
- *
- * -  [[html]]
- * -  [[svg]]
- * -  [[render]]
- *
- * @module lit-html
- * @preferred
- */
-/**
- * Do not remove this comment; it keeps typedoc from misplacing the module
- * docs.
- */
-// IMPORTANT: do not change the property name or the assignment expression.
-// This line will be used in regexes to search for lit-html usage.
-// TODO(justinfagnani): inject version number at build time
-(window['litHtmlVersions'] || (window['litHtmlVersions'] = [])).push('1.0.0');
-/**
- * Interprets a template literal as an HTML template that can efficiently
- * render to and update a container.
- */
-var html = function html(strings) {
-  for (var _len = arguments.length, values = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    values[_key - 1] = arguments[_key];
-  }
-
-  return new TemplateResult(strings, values, 'html', defaultTemplateProcessor);
-};
-/**
- * Interprets a template literal as an SVG template that can efficiently
- * render to and update a container.
- */
-
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-/**
- * Module to add shady DOM/shady CSS polyfill support to lit-html template
- * rendering. See the [[render]] method for details.
- *
- * @module shady-render
- * @preferred
- */
-/**
- * Do not remove this comment; it keeps typedoc from misplacing the module
- * docs.
- */
-// Get a key to lookup in `templateCaches`.
-var getTemplateCacheKey = function getTemplateCacheKey(type, scopeName) {
-    return type + '--' + scopeName;
-};
-var compatibleShadyCSSVersion = true;
-if (typeof window.ShadyCSS === 'undefined') {
-    compatibleShadyCSSVersion = false;
-} else if (typeof window.ShadyCSS.prepareTemplateDom === 'undefined') {
-    console.warn('Incompatible ShadyCSS version detected.' + 'Please update to at least @webcomponents/webcomponentsjs@2.0.2 and' + '@webcomponents/shadycss@1.3.1.');
-    compatibleShadyCSSVersion = false;
-}
-/**
- * Template factory which scopes template DOM using ShadyCSS.
- * @param scopeName {string}
- */
-var shadyTemplateFactory = function shadyTemplateFactory(scopeName) {
-    return function (result) {
-        var cacheKey = getTemplateCacheKey(result.type, scopeName);
-        var templateCache = templateCaches.get(cacheKey);
-        if (templateCache === undefined) {
-            templateCache = {
-                stringsArray: new WeakMap(),
-                keyString: new Map()
-            };
-            templateCaches.set(cacheKey, templateCache);
-        }
-        var template = templateCache.stringsArray.get(result.strings);
-        if (template !== undefined) {
-            return template;
-        }
-        var key = result.strings.join(marker);
-        template = templateCache.keyString.get(key);
-        if (template === undefined) {
-            var element = result.getTemplateElement();
-            if (compatibleShadyCSSVersion) {
-                window.ShadyCSS.prepareTemplateDom(element, scopeName);
-            }
-            template = new Template(result, element);
-            templateCache.keyString.set(key, template);
-        }
-        templateCache.stringsArray.set(result.strings, template);
-        return template;
-    };
-};
-var TEMPLATE_TYPES = ['html', 'svg'];
-/**
- * Removes all style elements from Templates for the given scopeName.
- */
-var removeStylesFromLitTemplates = function removeStylesFromLitTemplates(scopeName) {
-    TEMPLATE_TYPES.forEach(function (type) {
-        var templates = templateCaches.get(getTemplateCacheKey(type, scopeName));
-        if (templates !== undefined) {
-            templates.keyString.forEach(function (template) {
-                var content = template.element.content;
-                // IE 11 doesn't support the iterable param Set constructor
-
-                var styles = new Set();
-                Array.from(content.querySelectorAll('style')).forEach(function (s) {
-                    styles.add(s);
-                });
-                removeNodesFromTemplate(template, styles);
-            });
-        }
-    });
-};
-var shadyRenderSet = new Set();
-/**
- * For the given scope name, ensures that ShadyCSS style scoping is performed.
- * This is done just once per scope name so the fragment and template cannot
- * be modified.
- * (1) extracts styles from the rendered fragment and hands them to ShadyCSS
- * to be scoped and appended to the document
- * (2) removes style elements from all lit-html Templates for this scope name.
- *
- * Note, <style> elements can only be placed into templates for the
- * initial rendering of the scope. If <style> elements are included in templates
- * dynamically rendered to the scope (after the first scope render), they will
- * not be scoped and the <style> will be left in the template and rendered
- * output.
- */
-var prepareTemplateStyles = function prepareTemplateStyles(renderedDOM, template, scopeName) {
-    shadyRenderSet.add(scopeName);
-    // Move styles out of rendered DOM and store.
-    var styles = renderedDOM.querySelectorAll('style');
-    // If there are no styles, skip unnecessary work
-    if (styles.length === 0) {
-        // Ensure prepareTemplateStyles is called to support adding
-        // styles via `prepareAdoptedCssText` since that requires that
-        // `prepareTemplateStyles` is called.
-        window.ShadyCSS.prepareTemplateStyles(template.element, scopeName);
-        return;
-    }
-    var condensedStyle = document.createElement('style');
-    // Collect styles into a single style. This helps us make sure ShadyCSS
-    // manipulations will not prevent us from being able to fix up template
-    // part indices.
-    // NOTE: collecting styles is inefficient for browsers but ShadyCSS
-    // currently does this anyway. When it does not, this should be changed.
-    for (var i = 0; i < styles.length; i++) {
-        var style = styles[i];
-        style.parentNode.removeChild(style);
-        condensedStyle.textContent += style.textContent;
-    }
-    // Remove styles from nested templates in this scope.
-    removeStylesFromLitTemplates(scopeName);
-    // And then put the condensed style into the "root" template passed in as
-    // `template`.
-    insertNodeIntoTemplate(template, condensedStyle, template.element.content.firstChild);
-    // Note, it's important that ShadyCSS gets the template that `lit-html`
-    // will actually render so that it can update the style inside when
-    // needed (e.g. @apply native Shadow DOM case).
-    window.ShadyCSS.prepareTemplateStyles(template.element, scopeName);
-    if (window.ShadyCSS.nativeShadow) {
-        // When in native Shadow DOM, re-add styling to rendered content using
-        // the style ShadyCSS produced.
-        var _style = template.element.content.querySelector('style');
-        renderedDOM.insertBefore(_style.cloneNode(true), renderedDOM.firstChild);
-    } else {
-        // When not in native Shadow DOM, at this point ShadyCSS will have
-        // removed the style from the lit template and parts will be broken as a
-        // result. To fix this, we put back the style node ShadyCSS removed
-        // and then tell lit to remove that node from the template.
-        // NOTE, ShadyCSS creates its own style so we can safely add/remove
-        // `condensedStyle` here.
-        template.element.content.insertBefore(condensedStyle, template.element.content.firstChild);
-        var removes = new Set();
-        removes.add(condensedStyle);
-        removeNodesFromTemplate(template, removes);
-    }
-};
-/**
- * Extension to the standard `render` method which supports rendering
- * to ShadowRoots when the ShadyDOM (https://github.com/webcomponents/shadydom)
- * and ShadyCSS (https://github.com/webcomponents/shadycss) polyfills are used
- * or when the webcomponentsjs
- * (https://github.com/webcomponents/webcomponentsjs) polyfill is used.
- *
- * Adds a `scopeName` option which is used to scope element DOM and stylesheets
- * when native ShadowDOM is unavailable. The `scopeName` will be added to
- * the class attribute of all rendered DOM. In addition, any style elements will
- * be automatically re-written with this `scopeName` selector and moved out
- * of the rendered DOM and into the document `<head>`.
- *
- * It is common to use this render method in conjunction with a custom element
- * which renders a shadowRoot. When this is done, typically the element's
- * `localName` should be used as the `scopeName`.
- *
- * In addition to DOM scoping, ShadyCSS also supports a basic shim for css
- * custom properties (needed only on older browsers like IE11) and a shim for
- * a deprecated feature called `@apply` that supports applying a set of css
- * custom properties to a given location.
- *
- * Usage considerations:
- *
- * * Part values in `<style>` elements are only applied the first time a given
- * `scopeName` renders. Subsequent changes to parts in style elements will have
- * no effect. Because of this, parts in style elements should only be used for
- * values that will never change, for example parts that set scope-wide theme
- * values or parts which render shared style elements.
- *
- * * Note, due to a limitation of the ShadyDOM polyfill, rendering in a
- * custom element's `constructor` is not supported. Instead rendering should
- * either done asynchronously, for example at microtask timing (for example
- * `Promise.resolve()`), or be deferred until the first time the element's
- * `connectedCallback` runs.
- *
- * Usage considerations when using shimmed custom properties or `@apply`:
- *
- * * Whenever any dynamic changes are made which affect
- * css custom properties, `ShadyCSS.styleElement(element)` must be called
- * to update the element. There are two cases when this is needed:
- * (1) the element is connected to a new parent, (2) a class is added to the
- * element that causes it to match different custom properties.
- * To address the first case when rendering a custom element, `styleElement`
- * should be called in the element's `connectedCallback`.
- *
- * * Shimmed custom properties may only be defined either for an entire
- * shadowRoot (for example, in a `:host` rule) or via a rule that directly
- * matches an element with a shadowRoot. In other words, instead of flowing from
- * parent to child as do native css custom properties, shimmed custom properties
- * flow only from shadowRoots to nested shadowRoots.
- *
- * * When using `@apply` mixing css shorthand property names with
- * non-shorthand names (for example `border` and `border-width`) is not
- * supported.
- */
-var render$1 = function render$$1(result, container, options) {
-    var scopeName = options.scopeName;
-    var hasRendered = parts.has(container);
-    var needsScoping = container instanceof ShadowRoot && compatibleShadyCSSVersion && result instanceof TemplateResult;
-    // Handle first render to a scope specially...
-    var firstScopeRender = needsScoping && !shadyRenderSet.has(scopeName);
-    // On first scope render, render into a fragment; this cannot be a single
-    // fragment that is reused since nested renders can occur synchronously.
-    var renderContainer = firstScopeRender ? document.createDocumentFragment() : container;
-    render(result, renderContainer, Object.assign({ templateFactory: shadyTemplateFactory(scopeName) }, options));
-    // When performing first scope render,
-    // (1) We've rendered into a fragment so that there's a chance to
-    // `prepareTemplateStyles` before sub-elements hit the DOM
-    // (which might cause them to render based on a common pattern of
-    // rendering in a custom element's `connectedCallback`);
-    // (2) Scope the template with ShadyCSS one time only for this scope.
-    // (3) Render the fragment into the container and make sure the
-    // container knows its `part` is the one we just rendered. This ensures
-    // DOM will be re-used on subsequent renders.
-    if (firstScopeRender) {
-        var part = parts.get(renderContainer);
-        parts.delete(renderContainer);
-        if (part.value instanceof TemplateInstance) {
-            prepareTemplateStyles(renderContainer, part.value.template, scopeName);
-        }
-        removeNodes(container, container.firstChild);
-        container.appendChild(renderContainer);
-        parts.set(container, part);
-    }
-    // After elements have hit the DOM, update styling if this is the
-    // initial render to this container.
-    // This is needed whenever dynamic changes are made so it would be
-    // safest to do every render; however, this would regress performance
-    // so we leave it up to the user to call `ShadyCSSS.styleElement`
-    // for dynamic changes.
-    if (!hasRendered && needsScoping) {
-        window.ShadyCSS.styleElement(container.host);
-    }
-};
-
-// Key to store the HTML tag in a custom element class
-var TAG = Symbol('tag');
-
-// Key to store render status in a custom element instance
-var NEEDSRENDER = Symbol('needsRender');
-
-// Transforms a camelCased string into a kebab-cased string
-var camelToKebab = function camelToKebab(camel) {
-  return camel.replace(/([a-z](?=[A-Z]))|([A-Z](?=[A-Z][a-z]))/g, '$1$2-').toLowerCase();
-};
-
-// Creates an ID cache in the `$` property of a custom element instance
-var createIdCache = function createIdCache(element) {
-  element.$ = {};
-  element.renderRoot.querySelectorAll('[id]').forEach(function (node) {
-    element.$[node.id] = node;
-  });
-};
-
-/**
- * A lightweight base class for custom elements
- *
- * Features:
- *
- *  - Determines an appropriate HTML tagname based on an element's class name
- *  - Efficient rendering engine using lit-html (https://github.com/Polymer/lit-html)
- *  - Creates a cache for descendant nodes with an `id` in the `$` property
- */
-var GluonElement = function (_HTMLElement) {
-  inherits(GluonElement, _HTMLElement);
-
-  function GluonElement() {
-    classCallCheck(this, GluonElement);
-
-    var _this = possibleConstructorReturn(this, (GluonElement.__proto__ || Object.getPrototypeOf(GluonElement)).call(this));
-
-    _this.renderRoot = _this.createRenderRoot();
-
-    // This ensures that any properties that are set prior to upgrading this element
-    // have their instance setters called
-    Object.getOwnPropertyNames(_this).forEach(function (property) {
-      var propertyValue = _this[property];
-      delete _this[property];
-      _this[property] = propertyValue;
-    });
-    return _this;
-  }
-
-  /**
-   * Returns an open shadowRoot as the default rendering root
-   *
-   * Override this method to provide an alternative rendering root
-   * For example, return `this` to render the template as childNodes
-   */
-
-  createClass(GluonElement, [{
-    key: 'createRenderRoot',
-    value: function createRenderRoot() {
-      return this.attachShadow({ mode: 'open' });
-    }
-
-    /**
-     * Returns the HTML tagname for elements of this class
-     *
-     * It defaults to the kebab-cased version of the class name. To override,
-     * defined a `static get is()` property on your custom element class, and return
-     * whatever string you want to use for the HTML tagname
-     */
-
-  }, {
-    key: 'connectedCallback',
-
-    /**
-     * Called when an element is connected to the DOM
-     *
-     * When an element has a `template`, attach a shadowRoot to the element,
-     * and render the template. Once the template is rendered, creates an ID cache
-     * in the `$` property
-     *
-     * When adding a `connectedCallback` to your custom element, you should call
-     * `super.connectedCallback()` before doing anything other than actions
-     * that alter the result of the template rendering.
-     */
-    value: function connectedCallback() {
-      if ('template' in this) {
-        this.render({ sync: true });
-        createIdCache(this);
-      }
-    }
-
-    /**
-     * Renders the template for this element into the shadowRoot
-     *
-     * @param { sync }: perform a synchronous (blocking) render. The default render
-     *     is asynchronous, and multiple calls to `render()` are batched by default
-     *
-     * @returns a Promise that resolves once template has been rendered
-     */
-
-  }, {
-    key: 'render',
-    value: function () {
-      var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref2$sync = _ref2.sync,
-            sync = _ref2$sync === undefined ? false : _ref2$sync;
-
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                this[NEEDSRENDER] = true;
-
-                if (sync) {
-                  _context.next = 4;
-                  break;
-                }
-
-                _context.next = 4;
-                return 0;
-
-              case 4:
-                if (this[NEEDSRENDER]) {
-                  this[NEEDSRENDER] = false;
-                  render$1(this.template, this.renderRoot, { scopeName: this.constructor.is, eventContext: this });
-                }
-
-              case 5:
-              case 'end':
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function render$$1() {
-        return _ref.apply(this, arguments);
-      }
-
-      return render$$1;
-    }()
-  }], [{
-    key: 'is',
-    get: function get$$1() {
-      return this.hasOwnProperty(TAG) && this[TAG] || (this[TAG] = camelToKebab(this.name));
-    }
-  }]);
-  return GluonElement;
-}(HTMLElement);
-
-exports.GluonElement = GluonElement;
-exports.html = html;
-
-return exports;
-
-}({}));
-//# sourceMappingURL=gluon.es5.js.map