` element.
- */
- getHTML() {
- const l = this.strings.length - 1;
- let html = '';
- let isCommentBinding = false;
- for (let i = 0; i < l; i++) {
- const s = this.strings[i];
- // For each binding we want to determine the kind of marker to insert
- // into the template source before it's parsed by the browser's HTML
- // parser. The marker type is based on whether the expression is in an
- // attribute, text, or comment poisition.
- // * For node-position bindings we insert a comment with the marker
- // sentinel as its text content, like .
- // * For attribute bindings we insert just the marker sentinel for the
- // first binding, so that we support unquoted attribute bindings.
- // Subsequent bindings can use a comment marker because multi-binding
- // attributes must be quoted.
- // * For comment bindings we insert just the marker sentinel so we don't
- // close the comment.
- //
- // The following code scans the template source, but is *not* an HTML
- // parser. We don't need to track the tree structure of the HTML, only
- // whether a binding is inside a comment, and if not, if it appears to be
- // the first binding in an attribute.
- const commentOpen = s.lastIndexOf('', commentOpen + 1) === -1;
- // Check to see if we have an attribute-like sequence preceeding the
- // expression. This can match "name=value" like structures in text,
- // comments, and attribute values, so there can be false-positives.
- const attributeMatch = lastAttributeNameRegex.exec(s);
- if (attributeMatch === null) {
- // We're only in this branch if we don't have a attribute-like
- // preceeding sequence. For comments, this guards against unusual
- // attribute values like . Cases like
- // are handled correctly in the attribute branch
- // below.
- html += s + (isCommentBinding ? commentMarker : nodeMarker);
- }
- else {
- // For attributes we use just a marker sentinel, and also append a
- // $lit$ suffix to the name to opt-out of attribute-specific parsing
- // that IE and Edge do for style and certain SVG attributes.
- html += s.substr(0, attributeMatch.index) + attributeMatch[1] +
- attributeMatch[2] + boundAttributeSuffix + attributeMatch[3] +
- marker;
- }
- }
- html += this.strings[l];
- return html;
- }
- getTemplateElement() {
- const template = document.createElement('template');
- template.innerHTML = this.getHTML();
- return template;
- }
-}
-
+ */const y=t=>null===t||!("object"==typeof t||"function"==typeof t),w=t=>Array.isArray(t)||!(!t||!t[Symbol.iterator]);class S{constructor(t,e,n){this.dirty=!0,this.element=t,this.name=e,this.strings=n,this.parts=[];for(let t=0;tthis.handleEvent(t)}setValue(t){this.__pendingValue=t}commit(){for(;n(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=o,t(this)}if(this.__pendingValue===o)return;const t=this.__pendingValue,e=this.value,i=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),s=null!=t&&(null==e||i);i&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),s&&(this.__options=E(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=o}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const E=t=>t&&(M?{capture:t.capture,passive:t.passive,once:t.once}:t.capture);
/**
* @license
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -582,433 +78,7 @@ class TemplateResult {
* 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
- */
-const isPrimitive = (value) => {
- return (value === null ||
- !(typeof value === 'object' || typeof value === 'function'));
-};
-const isIterable = (value) => {
- return Array.isArray(value) ||
- // tslint:disable-next-line:no-any
- !!(value && value[Symbol.iterator]);
-};
-/**
- * Writes attribute values to the DOM for a group of AttributeParts bound to a
- * single attibute. The value is only set once even if there are multiple parts
- * for an attribute.
- */
-class AttributeCommitter {
- constructor(element, name, strings) {
- this.dirty = true;
- this.element = element;
- this.name = name;
- this.strings = strings;
- this.parts = [];
- for (let 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.
- */
- _createPart() {
- return new AttributePart(this);
- }
- _getValue() {
- const strings = this.strings;
- const l = strings.length - 1;
- let text = '';
- for (let i = 0; i < l; i++) {
- text += strings[i];
- const part = this.parts[i];
- if (part !== undefined) {
- const v = part.value;
- if (isPrimitive(v) || !isIterable(v)) {
- text += typeof v === 'string' ? v : String(v);
- }
- else {
- for (const t of v) {
- text += typeof t === 'string' ? t : String(t);
- }
- }
- }
- }
- text += strings[l];
- return text;
- }
- commit() {
- if (this.dirty) {
- this.dirty = false;
- this.element.setAttribute(this.name, this._getValue());
- }
- }
-}
-/**
- * A Part that controls all or part of an attribute value.
- */
-class AttributePart {
- constructor(committer) {
- this.value = undefined;
- this.committer = committer;
- }
- 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;
- }
- }
- }
- commit() {
- while (isDirective(this.value)) {
- const directive = this.value;
- this.value = noChange;
- directive(this);
- }
- if (this.value === noChange) {
- return;
- }
- this.committer.commit();
- }
-}
-/**
- * A Part that controls a location within a Node tree. Like a Range, NodePart
- * has start and end locations and can set and update the Nodes between those
- * locations.
- *
- * NodeParts support several value types: primitives, Nodes, TemplateResults,
- * as well as arrays and iterables of those types.
- */
-class NodePart {
- constructor(options) {
- this.value = undefined;
- this.__pendingValue = undefined;
- this.options = options;
- }
- /**
- * Appends this part into a container.
- *
- * This part must be empty, as its contents are not automatically moved.
- */
- appendInto(container) {
- this.startNode = container.appendChild(createMarker());
- this.endNode = container.appendChild(createMarker());
- }
- /**
- * Inserts this part after the `ref` node (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.
- */
- 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.
- */
- appendIntoPart(part) {
- part.__insert(this.startNode = createMarker());
- part.__insert(this.endNode = createMarker());
- }
- /**
- * Inserts this part after the `ref` part.
- *
- * This part must be empty, as its contents are not automatically moved.
- */
- insertAfterPart(ref) {
- ref.__insert(this.startNode = createMarker());
- this.endNode = ref.endNode;
- ref.endNode = this.startNode;
- }
- setValue(value) {
- this.__pendingValue = value;
- }
- commit() {
- while (isDirective(this.__pendingValue)) {
- const directive = this.__pendingValue;
- this.__pendingValue = noChange;
- directive(this);
- }
- const 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 (isIterable(value)) {
- this.__commitIterable(value);
- }
- else if (value === nothing) {
- this.value = nothing;
- this.clear();
- }
- else {
- // Fallback, will render the string representation
- this.__commitText(value);
- }
- }
- __insert(node) {
- this.endNode.parentNode.insertBefore(node, this.endNode);
- }
- __commitNode(value) {
- if (this.value === value) {
- return;
- }
- this.clear();
- this.__insert(value);
- this.value = value;
- }
- __commitText(value) {
- const node = this.startNode.nextSibling;
- value = value == null ? '' : value;
- // If `value` isn't already a string, we explicitly convert it here in case
- // it can't be implicitly converted - i.e. it's a symbol.
- const valueAsString = typeof value === 'string' ? value : String(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 = valueAsString;
- }
- else {
- this.__commitNode(document.createTextNode(valueAsString));
- }
- this.value = value;
- }
- __commitTemplateResult(value) {
- const 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.
- const instance = new TemplateInstance(template, value.processor, this.options);
- const fragment = instance._clone();
- instance.update(value.values);
- this.__commitNode(fragment);
- this.value = instance;
- }
- }
- __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
- const itemParts = this.value;
- let partIndex = 0;
- let itemPart;
- for (const item of 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++;
- }
- if (partIndex < itemParts.length) {
- // Truncate the parts array so _value reflects the current state
- itemParts.length = partIndex;
- this.clear(itemPart && itemPart.endNode);
- }
- }
- clear(startNode = this.startNode) {
- removeNodes(this.startNode.parentNode, startNode.nextSibling, this.endNode);
- }
-}
-/**
- * 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.
- */
-class BooleanAttributePart {
- constructor(element, name, strings) {
- 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;
- }
- setValue(value) {
- this.__pendingValue = value;
- }
- commit() {
- while (isDirective(this.__pendingValue)) {
- const directive = this.__pendingValue;
- this.__pendingValue = noChange;
- directive(this);
- }
- if (this.__pendingValue === noChange) {
- return;
- }
- const 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;
- }
-}
-/**
- * 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.
- */
-class PropertyCommitter extends AttributeCommitter {
- constructor(element, name, strings) {
- super(element, name, strings);
- this.single =
- (strings.length === 2 && strings[0] === '' && strings[1] === '');
- }
- _createPart() {
- return new PropertyPart(this);
- }
- _getValue() {
- if (this.single) {
- return this.parts[0].value;
- }
- return super._getValue();
- }
- commit() {
- if (this.dirty) {
- this.dirty = false;
- // tslint:disable-next-line:no-any
- this.element[this.name] = this._getValue();
- }
- }
-}
-class PropertyPart extends 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.
-let eventOptionsSupported = false;
-try {
- const 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) {
-}
-class EventPart {
- constructor(element, eventName, eventContext) {
- this.value = undefined;
- this.__pendingValue = undefined;
- this.element = element;
- this.eventName = eventName;
- this.eventContext = eventContext;
- this.__boundHandleEvent = (e) => this.handleEvent(e);
- }
- setValue(value) {
- this.__pendingValue = value;
- }
- commit() {
- while (isDirective(this.__pendingValue)) {
- const directive = this.__pendingValue;
- this.__pendingValue = noChange;
- directive(this);
- }
- if (this.__pendingValue === noChange) {
- return;
- }
- const newListener = this.__pendingValue;
- const oldListener = this.value;
- const shouldRemoveListener = newListener == null ||
- oldListener != null &&
- (newListener.capture !== oldListener.capture ||
- newListener.once !== oldListener.once ||
- newListener.passive !== oldListener.passive);
- const 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;
- }
- handleEvent(event) {
- if (typeof this.value === 'function') {
- this.value.call(this.eventContext || this.element, event);
- }
- else {
- this.value.handleEvent(event);
- }
- }
-}
-// 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.
-const getOptions = (o) => o &&
- (eventOptionsSupported ?
- { capture: o.capture, passive: o.passive, once: o.once } :
- o.capture);
-
+ */const A=new class{handleAttributeExpressions(t,e,n,i){const s=e[0];if("."===s){return new C(t,e.slice(1),n).parts}return"@"===s?[new T(t,e.slice(1),i.eventContext)]:"?"===s?[new P(t,e.slice(1),n)]:new S(t,e,n).parts}handleTextExpression(t){return new x(t)}};
/**
* @license
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -1021,45 +91,7 @@ const getOptions = (o) => o &&
* 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.
- */
-class DefaultTemplateProcessor {
- /**
- * 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.
- */
- handleAttributeExpressions(element, name, strings, options) {
- const prefix = name[0];
- if (prefix === '.') {
- const committer = new PropertyCommitter(element, name.slice(1), strings);
- return committer.parts;
- }
- if (prefix === '@') {
- return [new EventPart(element, name.slice(1), options.eventContext)];
- }
- if (prefix === '?') {
- return [new BooleanAttributePart(element, name.slice(1), strings)];
- }
- const committer = new AttributeCommitter(element, name, strings);
- return committer.parts;
- }
- /**
- * Create parts for a text-position binding.
- * @param templateFactory
- */
- handleTextExpression(options) {
- return new NodePart(options);
- }
-}
-const defaultTemplateProcessor = new DefaultTemplateProcessor();
-
+ */function k(t){let e=D.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},D.set(t.type,e));let n=e.stringsArray.get(t.strings);if(void 0!==n)return n;const i=t.strings.join(a);return void 0===(n=e.keyString.get(i))&&(n=new h(t,t.getTemplateElement()),e.keyString.set(i,n)),e.stringsArray.set(t.strings,n),n}const D=new Map,O=new WeakMap;
/**
* @license
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -1073,40 +105,6 @@ const defaultTemplateProcessor = new DefaultTemplateProcessor();
* 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) {
- let templateCache = templateCaches.get(result.type);
- if (templateCache === undefined) {
- templateCache = {
- stringsArray: new WeakMap(),
- keyString: new Map()
- };
- templateCaches.set(result.type, templateCache);
- }
- let 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
- const 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;
-}
-const templateCaches = new Map();
-
/**
* @license
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -1120,33 +118,7 @@ const templateCaches = new Map();
* subject to an additional IP rights grant found at
* http://polymer.github.io/PATENTS.txt
*/
-const parts = new WeakMap();
-/**
- * Renders a template result or other value to a container.
- *
- * To update a container with new values, reevaluate the template literal and
- * call `render` with the new result.
- *
- * @param result Any value renderable by NodePart - typically 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.
- */
-const render = (result, container, options) => {
- let part = parts.get(container);
- if (part === undefined) {
- removeNodes(container, container.firstChild);
- parts.set(container, part = new NodePart(Object.assign({ templateFactory }, options)));
- part.appendInto(container);
- }
- part.setValue(result);
- part.commit();
-};
-
+(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");const V=(t,...e)=>new v(t,e,"html",A),$=133;
/**
* @license
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -1159,17 +131,7 @@ const render = (result, container, options) => {
* 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
- */
-// 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.1.2');
-/**
- * Interprets a template literal as an HTML template that can efficiently
- * render to and update a container.
- */
-const html = (strings, ...values) => new TemplateResult(strings, values, 'html', defaultTemplateProcessor);
-
+ */function H(t,e){const{element:{content:n},parts:i}=t,s=document.createTreeWalker(n,$,null,!1);let o=R(i),r=i[o],a=-1,c=0;const l=[];let d=null;for(;s.nextNode();){a++;const t=s.currentNode;for(t.previousSibling===d&&(d=null),e.has(t)&&(l.push(t),null===d&&(d=t)),null!==d&&c++;void 0!==r&&r.index===a;)r.index=null!==d?-1:r.index-c,r=i[o=R(i,o)]}l.forEach(t=>t.parentNode.removeChild(t))}const Y=t=>{let e=11===t.nodeType?0:1;const n=document.createTreeWalker(t,$,null,!1);for(;n.nextNode();)e++;return e},R=(t,e=-1)=>{for(let n=e+1;n new TemplateResult(strings, values, 'html',
* subject to an additional IP rights grant found at
* http://polymer.github.io/PATENTS.txt
*/
-const walkerNodeFilter = 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */;
-/**
- * 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) {
- const { element: { content }, parts } = template;
- const walker = document.createTreeWalker(content, walkerNodeFilter, null, false);
- let partIndex = nextActiveIndexInTemplateParts(parts);
- let part = parts[partIndex];
- let nodeIndex = -1;
- let removeCount = 0;
- const nodesToRemoveInTemplate = [];
- let currentRemovingNode = null;
- while (walker.nextNode()) {
- nodeIndex++;
- const 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((n) => n.parentNode.removeChild(n));
-}
-const countNodes = (node) => {
- let count = (node.nodeType === 11 /* Node.DOCUMENT_FRAGMENT_NODE */) ? 0 : 1;
- const walker = document.createTreeWalker(node, walkerNodeFilter, null, false);
- while (walker.nextNode()) {
- count++;
- }
- return count;
-};
-const nextActiveIndexInTemplateParts = (parts, startIndex = -1) => {
- for (let i = startIndex + 1; i < parts.length; i++) {
- const 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, refNode = null) {
- const { element: { content }, parts } = template;
- // 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;
- }
- const walker = document.createTreeWalker(content, walkerNodeFilter, null, false);
- let partIndex = nextActiveIndexInTemplateParts(parts);
- let insertCount = 0;
- let walkerIndex = -1;
- while (walker.nextNode()) {
- walkerIndex++;
- const 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);
- }
- }
-}
-
+const U=(t,e)=>`${t}--${e}`;let j=!0;void 0===window.ShadyCSS?j=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),j=!1);const B=t=>e=>{const n=U(e.type,t);let i=D.get(n);void 0===i&&(i={stringsArray:new WeakMap,keyString:new Map},D.set(n,i));let s=i.stringsArray.get(e.strings);if(void 0!==s)return s;const o=e.strings.join(a);if(void 0===(s=i.keyString.get(o))){const n=e.getTemplateElement();j&&window.ShadyCSS.prepareTemplateDom(n,t),s=new h(e,n),i.keyString.set(o,s)}return i.stringsArray.set(e.strings,s),s},L=["html","svg"],I=new Set,F=(t,e,n)=>{I.add(t);const i=n?n.element:document.createElement("template"),s=e.querySelectorAll("style"),{length:o}=s;if(0===o)return void window.ShadyCSS.prepareTemplateStyles(i,t);const r=document.createElement("style");for(let t=0;t{L.forEach(e=>{const n=D.get(U(e,t));void 0!==n&&n.keyString.forEach(t=>{const{element:{content:e}}=t,n=new Set;Array.from(e.querySelectorAll("style")).forEach(t=>{n.add(t)}),H(t,n)})})})(t);const a=i.content;n?function(t,e,n=null){const{element:{content:i},parts:s}=t;if(null==n)return void i.appendChild(e);const o=document.createTreeWalker(i,$,null,!1);let r=R(s),a=0,c=-1;for(;o.nextNode();){for(c++,o.currentNode===n&&(a=Y(e),n.parentNode.insertBefore(e,n));-1!==r&&s[r].index===c;){if(a>0){for(;-1!==r;)s[r].index+=a,r=R(s,r);return}r=R(s,r)}}}(n,r,a.firstChild):a.insertBefore(r,a.firstChild),window.ShadyCSS.prepareTemplateStyles(i,t);const c=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==c)e.insertBefore(c.cloneNode(!0),e.firstChild);else if(n){a.insertBefore(r,a.firstChild);const t=new Set;t.add(r),H(n,t)}};window.JSCompiler_renameProperty=(t,e)=>t;const z={toAttribute(t,e){switch(e){case Boolean:return t?"":null;case Object:case Array:return null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){switch(e){case Boolean:return null!==t;case Number:return null===t?null:Number(t);case Object:case Array:return JSON.parse(t)}return t}},q=(t,e)=>e!==t&&(e==e||t==t),W={attribute:!0,type:String,converter:z,reflect:!1,hasChanged:q},J=Promise.resolve(!0),Z=1,X=4,K=8,G=16,Q=32,tt="finalized";class et extends HTMLElement{constructor(){super(),this._updateState=0,this._instanceProperties=void 0,this._updatePromise=J,this._hasConnectedResolver=void 0,this._changedProperties=new Map,this._reflectingProperties=void 0,this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach((e,n)=>{const i=this._attributeNameForProperty(n,e);void 0!==i&&(this._attributeToPropertyMap.set(i,n),t.push(i))}),t}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const t=Object.getPrototypeOf(this)._classProperties;void 0!==t&&t.forEach((t,e)=>this._classProperties.set(e,t))}}static createProperty(t,e=W){if(this._ensureClassProperties(),this._classProperties.set(t,e),e.noAccessor||this.prototype.hasOwnProperty(t))return;const n="symbol"==typeof t?Symbol():`__${t}`;Object.defineProperty(this.prototype,t,{get(){return this[n]},set(e){const i=this[t];this[n]=e,this._requestUpdate(t,i)},configurable:!0,enumerable:!0})}static finalize(){const t=Object.getPrototypeOf(this);if(t.hasOwnProperty(tt)||t.finalize(),this[tt]=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const t=this.properties,e=[...Object.getOwnPropertyNames(t),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t):[]];for(const n of e)this.createProperty(n,t[n])}}static _attributeNameForProperty(t,e){const n=e.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,n=q){return n(t,e)}static _propertyValueFromAttribute(t,e){const n=e.type,i=e.converter||z,s="function"==typeof i?i:i.fromAttribute;return s?s(t,n):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const n=e.type,i=e.converter;return(i&&i.toAttribute||z.toAttribute)(t,n)}initialize(){this._saveInstanceProperties(),this._requestUpdate()}_saveInstanceProperties(){this.constructor._classProperties.forEach((t,e)=>{if(this.hasOwnProperty(e)){const t=this[e];delete this[e],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(e,t)}})}_applyInstanceProperties(){this._instanceProperties.forEach((t,e)=>this[e]=t),this._instanceProperties=void 0}connectedCallback(){this._updateState=this._updateState|Q,this._hasConnectedResolver&&(this._hasConnectedResolver(),this._hasConnectedResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(t,e,n){e!==n&&this._attributeToProperty(t,n)}_propertyToAttribute(t,e,n=W){const i=this.constructor,s=i._attributeNameForProperty(t,n);if(void 0!==s){const t=i._propertyValueToAttribute(e,n);if(void 0===t)return;this._updateState=this._updateState|K,null==t?this.removeAttribute(s):this.setAttribute(s,t),this._updateState=this._updateState&~K}}_attributeToProperty(t,e){if(this._updateState&K)return;const n=this.constructor,i=n._attributeToPropertyMap.get(t);if(void 0!==i){const t=n._classProperties.get(i)||W;this._updateState=this._updateState|G,this[i]=n._propertyValueFromAttribute(e,t),this._updateState=this._updateState&~G}}_requestUpdate(t,e){let n=!0;if(void 0!==t){const i=this.constructor,s=i._classProperties.get(t)||W;i._valueHasChanged(this[t],e,s.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==s.reflect||this._updateState&G||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,s))):n=!1}!this._hasRequestedUpdate&&n&&this._enqueueUpdate()}requestUpdate(t,e){return this._requestUpdate(t,e),this.updateComplete}async _enqueueUpdate(){let t,e;this._updateState=this._updateState|X;const n=this._updatePromise;this._updatePromise=new Promise((n,i)=>{t=n,e=i});try{await n}catch(t){}this._hasConnected||await new Promise(t=>this._hasConnectedResolver=t);try{const t=this.performUpdate();null!=t&&await t}catch(t){e(t)}t(!this._hasRequestedUpdate)}get _hasConnected(){return this._updateState&Q}get _hasRequestedUpdate(){return this._updateState&X}get hasUpdated(){return this._updateState&Z}performUpdate(){this._instanceProperties&&this._applyInstanceProperties();let t=!1;const e=this._changedProperties;try{(t=this.shouldUpdate(e))&&this.update(e)}catch(e){throw t=!1,e}finally{this._markUpdated()}t&&(this._updateState&Z||(this._updateState=this._updateState|Z,this.firstUpdated(e)),this.updated(e))}_markUpdated(){this._changedProperties=new Map,this._updateState=this._updateState&~X}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this._updatePromise}shouldUpdate(t){return!0}update(t){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach((t,e)=>this._propertyToAttribute(e,this[e],t)),this._reflectingProperties=void 0)}updated(t){}firstUpdated(t){}}et[tt]=!0;
/**
* @license
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -1307,986 +159,7 @@ function insertNodeIntoTemplate(template, node, refNode = null) {
* subject to an additional IP rights grant found at
* http://polymer.github.io/PATENTS.txt
*/
-// Get a key to lookup in `templateCaches`.
-const getTemplateCacheKey = (type, scopeName) => `${type}--${scopeName}`;
-let 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}
- */
-const shadyTemplateFactory = (scopeName) => (result) => {
- const cacheKey = getTemplateCacheKey(result.type, scopeName);
- let templateCache = templateCaches.get(cacheKey);
- if (templateCache === undefined) {
- templateCache = {
- stringsArray: new WeakMap(),
- keyString: new Map()
- };
- templateCaches.set(cacheKey, templateCache);
- }
- let template = templateCache.stringsArray.get(result.strings);
- if (template !== undefined) {
- return template;
- }
- const key = result.strings.join(marker);
- template = templateCache.keyString.get(key);
- if (template === undefined) {
- const 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;
-};
-const TEMPLATE_TYPES = ['html', 'svg'];
-/**
- * Removes all style elements from Templates for the given scopeName.
- */
-const removeStylesFromLitTemplates = (scopeName) => {
- TEMPLATE_TYPES.forEach((type) => {
- const templates = templateCaches.get(getTemplateCacheKey(type, scopeName));
- if (templates !== undefined) {
- templates.keyString.forEach((template) => {
- const { element: { content } } = template;
- // IE 11 doesn't support the iterable param Set constructor
- const styles = new Set();
- Array.from(content.querySelectorAll('style')).forEach((s) => {
- styles.add(s);
- });
- removeNodesFromTemplate(template, styles);
- });
- }
- });
-};
-const 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,