@lwc/synthetic-shadow 2.45.1 → 2.45.3

package/dist/index.js

@@ -0,0 +1,4754 @@
+/**
+ * Copyright (C) 2023 salesforce.com, inc.
+ */
+/**
+ * Copyright (C) 2023 salesforce.com, inc.
+ */
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function invariant(value, msg) {
+    if (!value) {
+        throw new Error(`Invariant Violation: ${msg}`);
+    }
+}
+function isTrue$1(value, msg) {
+    if (!value) {
+        throw new Error(`Assert Violation: ${msg}`);
+    }
+}
+function isFalse$1(value, msg) {
+    if (value) {
+        throw new Error(`Assert Violation: ${msg}`);
+    }
+}
+function fail(msg) {
+    throw new Error(msg);
+}
+
+var assert = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    fail: fail,
+    invariant: invariant,
+    isFalse: isFalse$1,
+    isTrue: isTrue$1
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const { assign, create, defineProperties, defineProperty, freeze, getOwnPropertyDescriptor, getOwnPropertyNames, getPrototypeOf, hasOwnProperty, isFrozen, keys, seal, setPrototypeOf, } = Object;
+const { isArray } = Array;
+const { concat: ArrayConcat, copyWithin: ArrayCopyWithin, every: ArrayEvery, fill: ArrayFill, filter: ArrayFilter, find: ArrayFind, findIndex: ArrayFindIndex, includes: ArrayIncludes, indexOf: ArrayIndexOf, join: ArrayJoin, map: ArrayMap, pop: ArrayPop, push: ArrayPush, reduce: ArrayReduce, reverse: ArrayReverse, shift: ArrayShift, slice: ArraySlice, some: ArraySome, sort: ArraySort, splice: ArraySplice, unshift: ArrayUnshift, forEach, } = Array.prototype;
+const { charCodeAt: StringCharCodeAt, replace: StringReplace, split: StringSplit, slice: StringSlice, toLowerCase: StringToLowerCase, } = String.prototype;
+function isUndefined(obj) {
+    return obj === undefined;
+}
+function isNull(obj) {
+    return obj === null;
+}
+function isTrue(obj) {
+    return obj === true;
+}
+function isFalse(obj) {
+    return obj === false;
+}
+function isFunction(obj) {
+    return typeof obj === 'function';
+}
+function isObject(obj) {
+    return typeof obj === 'object';
+}
+const OtS = {}.toString;
+function toString(obj) {
+    if (obj && obj.toString) {
+        // Arrays might hold objects with "null" prototype So using
+        // Array.prototype.toString directly will cause an error Iterate through
+        // all the items and handle individually.
+        if (isArray(obj)) {
+            return ArrayJoin.call(ArrayMap.call(obj, toString), ',');
+        }
+        return obj.toString();
+    }
+    else if (typeof obj === 'object') {
+        return OtS.call(obj);
+    }
+    else {
+        return obj + '';
+    }
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// See browser support for globalThis:
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis#browser_compatibility
+/* istanbul ignore next */
+// @ts-ignore
+const _globalThis = typeof globalThis === 'object' ? globalThis : window;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const KEY__IS_NATIVE_SHADOW_ROOT_DEFINED = '$isNativeShadowRootDefined$';
+const KEY__SHADOW_RESOLVER = '$shadowResolver$';
+const KEY__SHADOW_RESOLVER_PRIVATE = '$$ShadowResolverKey$$';
+const KEY__SHADOW_STATIC = '$shadowStaticNode$';
+const KEY__SHADOW_STATIC_PRIVATE = '$shadowStaticNodeKey$';
+const KEY__SHADOW_TOKEN = '$shadowToken$';
+const KEY__SHADOW_TOKEN_PRIVATE = '$$ShadowTokenKey$$';
+const KEY__SYNTHETIC_MODE = '$$lwc-synthetic-mode';
+const KEY__NATIVE_GET_ELEMENT_BY_ID = '$nativeGetElementById$';
+const KEY__NATIVE_QUERY_SELECTOR_ALL = '$nativeQuerySelectorAll$';
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// We use this to detect symbol support in order to avoid the expensive symbol polyfill. Note that
+// we can't use typeof since it will fail when transpiling.
+const hasNativeSymbolSupport = /*@__PURE__*/ (() => Symbol('x').toString() === 'Symbol(x)')();
+/** version: 2.45.3 */
+
+/**
+ * Copyright (C) 2023 salesforce.com, inc.
+ */
+// eslint-disable-next-line no-restricted-properties
+if (!_globalThis.lwcRuntimeFlags) {
+    Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
+}
+/** version: 2.45.3 */
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// TODO [#2472]: Remove this workaround when appropriate.
+// eslint-disable-next-line @lwc/lwc-internal/no-global-node
+const _Node = Node;
+const nodePrototype = _Node.prototype;
+const { DOCUMENT_POSITION_CONTAINED_BY, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_PRECEDING, DOCUMENT_POSITION_FOLLOWING, ELEMENT_NODE, TEXT_NODE, CDATA_SECTION_NODE, PROCESSING_INSTRUCTION_NODE, COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, } = _Node;
+const { appendChild, cloneNode, compareDocumentPosition, insertBefore, removeChild, replaceChild, hasChildNodes, } = nodePrototype;
+const { contains } = HTMLElement.prototype;
+const firstChildGetter = getOwnPropertyDescriptor(nodePrototype, 'firstChild').get;
+const lastChildGetter = getOwnPropertyDescriptor(nodePrototype, 'lastChild').get;
+const textContentGetter = getOwnPropertyDescriptor(nodePrototype, 'textContent').get;
+const parentNodeGetter = getOwnPropertyDescriptor(nodePrototype, 'parentNode').get;
+const ownerDocumentGetter = getOwnPropertyDescriptor(nodePrototype, 'ownerDocument').get;
+const parentElementGetter = hasOwnProperty.call(nodePrototype, 'parentElement')
+    ? getOwnPropertyDescriptor(nodePrototype, 'parentElement').get
+    : getOwnPropertyDescriptor(HTMLElement.prototype, 'parentElement').get; // IE11
+const textContextSetter = getOwnPropertyDescriptor(nodePrototype, 'textContent').set;
+const childNodesGetter = hasOwnProperty.call(nodePrototype, 'childNodes')
+    ? getOwnPropertyDescriptor(nodePrototype, 'childNodes').get
+    : getOwnPropertyDescriptor(HTMLElement.prototype, 'childNodes').get; // IE11
+const isConnected = hasOwnProperty.call(nodePrototype, 'isConnected')
+    ? getOwnPropertyDescriptor(nodePrototype, 'isConnected').get
+    : function () {
+        const doc = ownerDocumentGetter.call(this);
+        // IE11
+        return (
+        // if doc is null, it means `this` is actually a document instance which
+        // is always connected
+        doc === null ||
+            (compareDocumentPosition.call(doc, this) & DOCUMENT_POSITION_CONTAINED_BY) !== 0);
+    };
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const { getAttribute, getBoundingClientRect, getElementsByTagName: getElementsByTagName$1, getElementsByTagNameNS: getElementsByTagNameNS$1, hasAttribute, querySelector, querySelectorAll: querySelectorAll$1, removeAttribute, setAttribute, } = Element.prototype;
+const attachShadow$1 = hasOwnProperty.call(Element.prototype, 'attachShadow')
+    ? Element.prototype.attachShadow
+    : () => {
+        throw new TypeError('attachShadow() is not supported in current browser. Load the @lwc/synthetic-shadow polyfill and use Lightning Web Components');
+    };
+const childElementCountGetter = getOwnPropertyDescriptor(Element.prototype, 'childElementCount').get;
+const firstElementChildGetter = getOwnPropertyDescriptor(Element.prototype, 'firstElementChild').get;
+const lastElementChildGetter = getOwnPropertyDescriptor(Element.prototype, 'lastElementChild').get;
+const innerTextDescriptor = getOwnPropertyDescriptor(HTMLElement.prototype, 'innerText');
+const innerTextGetter = innerTextDescriptor
+    ? innerTextDescriptor.get
+    : null;
+const innerTextSetter = innerTextDescriptor
+    ? innerTextDescriptor.set
+    : null;
+// Note: Firefox does not have outerText, https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText
+const outerTextDescriptor = getOwnPropertyDescriptor(HTMLElement.prototype, 'outerText');
+const outerTextGetter = outerTextDescriptor
+    ? outerTextDescriptor.get
+    : null;
+const outerTextSetter = outerTextDescriptor
+    ? outerTextDescriptor.set
+    : null;
+const innerHTMLDescriptor = hasOwnProperty.call(Element.prototype, 'innerHTML')
+    ? getOwnPropertyDescriptor(Element.prototype, 'innerHTML')
+    : getOwnPropertyDescriptor(HTMLElement.prototype, 'innerHTML'); // IE11
+const innerHTMLGetter = innerHTMLDescriptor.get;
+const innerHTMLSetter = innerHTMLDescriptor.set;
+const outerHTMLDescriptor = hasOwnProperty.call(Element.prototype, 'outerHTML')
+    ? getOwnPropertyDescriptor(Element.prototype, 'outerHTML')
+    : getOwnPropertyDescriptor(HTMLElement.prototype, 'outerHTML'); // IE11
+const outerHTMLGetter = outerHTMLDescriptor.get;
+const outerHTMLSetter = outerHTMLDescriptor.set;
+const tagNameGetter = getOwnPropertyDescriptor(Element.prototype, 'tagName').get;
+const tabIndexDescriptor = getOwnPropertyDescriptor(HTMLElement.prototype, 'tabIndex');
+const tabIndexGetter = tabIndexDescriptor.get;
+const tabIndexSetter = tabIndexDescriptor.set;
+const matches = hasOwnProperty.call(Element.prototype, 'matches')
+    ? Element.prototype.matches
+    : Element.prototype.msMatchesSelector; // IE11
+const childrenGetter = hasOwnProperty.call(Element.prototype, 'children')
+    ? getOwnPropertyDescriptor(Element.prototype, 'children').get
+    : getOwnPropertyDescriptor(HTMLElement.prototype, 'children').get; // IE11
+// for IE11, access from HTMLElement
+// for all other browsers access the method from the parent Element interface
+const { getElementsByClassName: getElementsByClassName$1 } = HTMLElement.prototype;
+const shadowRootGetter = hasOwnProperty.call(Element.prototype, 'shadowRoot')
+    ? getOwnPropertyDescriptor(Element.prototype, 'shadowRoot').get
+    : () => null;
+const assignedSlotGetter$1 = hasOwnProperty.call(Element.prototype, 'assignedSlot')
+    ? getOwnPropertyDescriptor(Element.prototype, 'assignedSlot').get
+    : () => null;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+let assignedNodes, assignedElements;
+if (typeof HTMLSlotElement !== 'undefined') {
+    assignedNodes = HTMLSlotElement.prototype.assignedNodes;
+    assignedElements = HTMLSlotElement.prototype.assignedElements;
+}
+else {
+    assignedNodes = () => {
+        throw new TypeError("assignedNodes() is not supported in current browser. Load the @lwc/synthetic-shadow polyfill to start using <slot> elements in your Lightning Web Component's template");
+    };
+    assignedElements = () => {
+        throw new TypeError("assignedElements() is not supported in current browser. Load the @lwc/synthetic-shadow polyfill to start using <slot> elements in your Lightning Web Component's template");
+    };
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const eventTargetGetter = getOwnPropertyDescriptor(Event.prototype, 'target').get;
+const eventCurrentTargetGetter = getOwnPropertyDescriptor(Event.prototype, 'currentTarget').get;
+const focusEventRelatedTargetGetter = getOwnPropertyDescriptor(FocusEvent.prototype, 'relatedTarget').get;
+// IE does not implement composedPath() but that's ok because we only use this instead of our
+// composedPath() polyfill when dealing with native shadow DOM components in mixed mode. Defaulting
+// to a NOOP just to be safe, even though this is almost guaranteed to be defined such a scenario.
+const composedPath = hasOwnProperty.call(Event.prototype, 'composedPath')
+    ? Event.prototype.composedPath
+    : () => [];
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const DocumentPrototypeActiveElement = getOwnPropertyDescriptor(Document.prototype, 'activeElement').get;
+const elementFromPoint = hasOwnProperty.call(Document.prototype, 'elementFromPoint')
+    ? Document.prototype.elementFromPoint
+    : Document.prototype.msElementFromPoint; // IE11
+const elementsFromPoint = hasOwnProperty.call(Document.prototype, 'elementsFromPoint')
+    ? Document.prototype.elementsFromPoint
+    : Document.prototype.msElementsFromPoint; // IE11
+// defaultView can be null when a document has no browsing context. For example, the owner document
+// of a node in a template doesn't have a default view: https://jsfiddle.net/hv9z0q5a/
+const defaultViewGetter = getOwnPropertyDescriptor(Document.prototype, 'defaultView').get;
+const { createComment, querySelectorAll, getElementById, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, } = Document.prototype;
+// In Firefox v57 and lower, getElementsByName is defined on HTMLDocument.prototype
+// In all other browsers have the method on Document.prototype
+const { getElementsByName } = HTMLDocument.prototype;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const { addEventListener: windowAddEventListener, removeEventListener: windowRemoveEventListener, getComputedStyle: windowGetComputedStyle, getSelection: windowGetSelection, } = window;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// There is code in the polyfills that requires access to the unpatched
+// Mutation Observer constructor, this the code for that.
+// Eventually, the polyfill should uses the patched version, and this file can be removed.
+const MO = MutationObserver;
+const MutationObserverObserve = MO.prototype.observe;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+let NativeShadowRoot = null;
+if (typeof ShadowRoot !== 'undefined') {
+    NativeShadowRoot = ShadowRoot;
+}
+const isNativeShadowRootDefined = !isNull(NativeShadowRoot);
+const isInstanceOfNativeShadowRoot = isNull(NativeShadowRoot)
+    ? () => false
+    : (node) => node instanceof NativeShadowRoot;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function detect$4 () {
+    return typeof HTMLSlotElement === 'undefined';
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const { createElement } = Document.prototype;
+const CHAR_S = 115;
+const CHAR_L = 108;
+const CHAR_O = 111;
+const CHAR_T = 116;
+function apply$4() {
+    // IE11 does not have this element definition
+    // we don't care much about the construction phase, just the prototype
+    class HTMLSlotElement {
+    }
+    // prototype inheritance dance
+    setPrototypeOf(HTMLSlotElement, HTMLElement.constructor);
+    setPrototypeOf(HTMLSlotElement.prototype, HTMLElement.prototype);
+    Window.prototype.HTMLSlotElement = HTMLSlotElement;
+    // IE11 doesn't have HTMLSlotElement, in which case we
+    // need to patch Document.prototype.createElement to remap `slot`
+    // elements to the right prototype
+    defineProperty(Document.prototype, 'createElement', {
+        value: function (tagName, _options) {
+            const elm = createElement.apply(this, ArraySlice.call(arguments));
+            if (tagName.length === 4 &&
+                StringCharCodeAt.call(tagName, 0) === CHAR_S &&
+                StringCharCodeAt.call(tagName, 1) === CHAR_L &&
+                StringCharCodeAt.call(tagName, 2) === CHAR_O &&
+                StringCharCodeAt.call(tagName, 3) === CHAR_T) {
+                // the new element is the `slot`, resetting the proto chain
+                // the new newly created global HTMLSlotElement.prototype
+                setPrototypeOf(elm, HTMLSlotElement.prototype);
+            }
+            return elm;
+        },
+    });
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+if (detect$4()) {
+    apply$4();
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// Helpful for tests running with jsdom
+function getOwnerDocument(node) {
+    const doc = ownerDocumentGetter.call(node);
+    // if doc is null, it means `this` is actually a document instance
+    return doc === null ? node : doc;
+}
+function getOwnerWindow(node) {
+    const doc = getOwnerDocument(node);
+    const win = defaultViewGetter.call(doc);
+    if (win === null) {
+        // this method should never be called with a node that is not part
+        // of a qualifying connected node.
+        throw new TypeError();
+    }
+    return win;
+}
+let skipGlobalPatching;
+// Note: we deviate from native shadow here, but are not fixing
+// due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+function isGlobalPatchingSkipped(node) {
+    // we lazily compute this value instead of doing it during evaluation, this helps
+    // for apps that are setting this after the engine code is evaluated.
+    if (isUndefined(skipGlobalPatching)) {
+        const ownerDocument = getOwnerDocument(node);
+        skipGlobalPatching =
+            ownerDocument.body &&
+                getAttribute.call(ownerDocument.body, 'data-global-patching-bypass') ===
+                    'temporary-bypass';
+    }
+    return isTrue(skipGlobalPatching);
+}
+function arrayFromCollection(collection) {
+    const size = collection.length;
+    const cloned = [];
+    if (size > 0) {
+        for (let i = 0; i < size; i++) {
+            cloned[i] = collection[i];
+        }
+    }
+    return cloned;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const eventTargetPrototype = typeof EventTarget !== 'undefined' ? EventTarget.prototype : _Node.prototype;
+const { addEventListener, dispatchEvent, removeEventListener } = eventTargetPrototype;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// Used as a back reference to identify the host element
+const HostElementKey = '$$HostElementKey$$';
+const ShadowedNodeKey = '$$ShadowedNodeKey$$';
+function fastDefineProperty(node, propName, config) {
+    const shadowedNode = node;
+    if (process.env.NODE_ENV !== 'production') {
+        // in dev, we are more restrictive
+        defineProperty(shadowedNode, propName, config);
+    }
+    else {
+        const { value } = config;
+        // in prod, we prioritize performance
+        shadowedNode[propName] = value;
+    }
+}
+function setNodeOwnerKey(node, value) {
+    fastDefineProperty(node, HostElementKey, { value, configurable: true });
+}
+function setNodeKey(node, value) {
+    fastDefineProperty(node, ShadowedNodeKey, { value });
+}
+function getNodeOwnerKey(node) {
+    return node[HostElementKey];
+}
+function getNodeNearestOwnerKey(node) {
+    let host = node;
+    let hostKey;
+    // search for the first element with owner identity
+    // in case of manually inserted elements and elements slotted from Light DOM
+    while (!isNull(host)) {
+        hostKey = getNodeOwnerKey(host);
+        if (!isUndefined(hostKey)) {
+            return hostKey;
+        }
+        host = parentNodeGetter.call(host);
+        if (!isNull(host) && isSyntheticSlotElement(host)) {
+            return undefined;
+        }
+    }
+}
+function getNodeKey(node) {
+    return node[ShadowedNodeKey];
+}
+/**
+ * This function does not traverse up for performance reasons, but is sufficient for most use
+ * cases. If we need to traverse up and verify those nodes that don't have owner key, use
+ * isNodeDeepShadowed instead.
+ */
+function isNodeShadowed(node) {
+    return !isUndefined(getNodeOwnerKey(node));
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// when finding a slot in the DOM, we can fold it if it is contained
+// inside another slot.
+function foldSlotElement(slot) {
+    let parent = parentElementGetter.call(slot);
+    while (!isNull(parent) && isSlotElement(parent)) {
+        slot = parent;
+        parent = parentElementGetter.call(slot);
+    }
+    return slot;
+}
+function isNodeSlotted(host, node) {
+    if (process.env.NODE_ENV !== 'production') {
+        if (!(host instanceof HTMLElement)) {
+            // eslint-disable-next-line no-console
+            console.error(`isNodeSlotted() should be called with a host as the first argument`);
+        }
+        if (!(node instanceof _Node)) {
+            // eslint-disable-next-line no-console
+            console.error(`isNodeSlotted() should be called with a node as the second argument`);
+        }
+        if (!(compareDocumentPosition.call(node, host) & DOCUMENT_POSITION_CONTAINS)) {
+            // eslint-disable-next-line no-console
+            console.error(`isNodeSlotted() should never be called with a node that is not a child node of the given host`);
+        }
+    }
+    const hostKey = getNodeKey(host);
+    // this routine assumes that the node is coming from a different shadow (it is not owned by the host)
+    // just in case the provided node is not an element
+    let currentElement = node instanceof Element ? node : parentElementGetter.call(node);
+    while (!isNull(currentElement) && currentElement !== host) {
+        const elmOwnerKey = getNodeNearestOwnerKey(currentElement);
+        const parent = parentElementGetter.call(currentElement);
+        if (elmOwnerKey === hostKey) {
+            // we have reached an element inside the host's template, and only if
+            // that element is an slot, then the node is considered slotted
+            return isSlotElement(currentElement);
+        }
+        else if (parent === host) {
+            return false;
+        }
+        else if (!isNull(parent) && getNodeNearestOwnerKey(parent) !== elmOwnerKey) {
+            // we are crossing a boundary of some sort since the elm and its parent
+            // have different owner key. for slotted elements, this is possible
+            // if the parent happens to be a slot.
+            if (isSlotElement(parent)) {
+                /**
+                 * the slot parent might be allocated inside another slot, think of:
+                 * <x-root> (<--- root element)
+                 *    <x-parent> (<--- own by x-root)
+                 *       <x-child> (<--- own by x-root)
+                 *           <slot> (<--- own by x-child)
+                 *               <slot> (<--- own by x-parent)
+                 *                  <div> (<--- own by x-root)
+                 *
+                 * while checking if x-parent has the div slotted, we need to traverse
+                 * up, but when finding the first slot, we skip that one in favor of the
+                 * most outer slot parent before jumping into its corresponding host.
+                 */
+                currentElement = getNodeOwner(foldSlotElement(parent));
+                if (!isNull(currentElement)) {
+                    if (currentElement === host) {
+                        // the slot element is a top level element inside the shadow
+                        // of a host that was allocated into host in question
+                        return true;
+                    }
+                    else if (getNodeNearestOwnerKey(currentElement) === hostKey) {
+                        // the slot element is an element inside the shadow
+                        // of a host that was allocated into host in question
+                        return true;
+                    }
+                }
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            currentElement = parent;
+        }
+    }
+    return false;
+}
+function getNodeOwner(node) {
+    if (!(node instanceof _Node)) {
+        return null;
+    }
+    const ownerKey = getNodeNearestOwnerKey(node);
+    if (isUndefined(ownerKey)) {
+        return null;
+    }
+    let nodeOwner = node;
+    // At this point, node is a valid node with owner identity, now we need to find the owner node
+    // search for a custom element with a VM that owns the first element with owner identity attached to it
+    while (!isNull(nodeOwner) && getNodeKey(nodeOwner) !== ownerKey) {
+        nodeOwner = parentNodeGetter.call(nodeOwner);
+    }
+    if (isNull(nodeOwner)) {
+        return null;
+    }
+    return nodeOwner;
+}
+function isSyntheticSlotElement(node) {
+    return isSlotElement(node) && isNodeShadowed(node);
+}
+function isSlotElement(node) {
+    return node instanceof HTMLSlotElement;
+}
+function isNodeOwnedBy(owner, node) {
+    if (process.env.NODE_ENV !== 'production') {
+        if (!(owner instanceof HTMLElement)) {
+            // eslint-disable-next-line no-console
+            console.error(`isNodeOwnedBy() should be called with an element as the first argument`);
+        }
+        if (!(node instanceof _Node)) {
+            // eslint-disable-next-line no-console
+            console.error(`isNodeOwnedBy() should be called with a node as the second argument`);
+        }
+        if (!(compareDocumentPosition.call(node, owner) & DOCUMENT_POSITION_CONTAINS)) {
+            // eslint-disable-next-line no-console
+            console.error(`isNodeOwnedBy() should never be called with a node that is not a child node of of the given owner`);
+        }
+    }
+    const ownerKey = getNodeNearestOwnerKey(node);
+    if (isUndefined(ownerKey)) {
+        // in case of root level light DOM element slotting into a synthetic shadow
+        const host = parentNodeGetter.call(node);
+        if (!isNull(host) && isSyntheticSlotElement(host)) {
+            return false;
+        }
+        // in case of manually inserted elements
+        return true;
+    }
+    return getNodeKey(owner) === ownerKey;
+}
+function shadowRootChildNodes(root) {
+    const elm = getHost(root);
+    return getAllMatches(elm, arrayFromCollection(childNodesGetter.call(elm)));
+}
+function getAllSlottedMatches(host, nodeList) {
+    const filteredAndPatched = [];
+    for (let i = 0, len = nodeList.length; i < len; i += 1) {
+        const node = nodeList[i];
+        if (!isNodeOwnedBy(host, node) && isNodeSlotted(host, node)) {
+            ArrayPush.call(filteredAndPatched, node);
+        }
+    }
+    return filteredAndPatched;
+}
+function getFirstSlottedMatch(host, nodeList) {
+    for (let i = 0, len = nodeList.length; i < len; i += 1) {
+        const node = nodeList[i];
+        if (!isNodeOwnedBy(host, node) && isNodeSlotted(host, node)) {
+            return node;
+        }
+    }
+    return null;
+}
+function getAllMatches(owner, nodeList) {
+    const filteredAndPatched = [];
+    for (let i = 0, len = nodeList.length; i < len; i += 1) {
+        const node = nodeList[i];
+        const isOwned = isNodeOwnedBy(owner, node);
+        if (isOwned) {
+            // Patch querySelector, querySelectorAll, etc
+            // if element is owned by VM
+            ArrayPush.call(filteredAndPatched, node);
+        }
+    }
+    return filteredAndPatched;
+}
+function getFirstMatch(owner, nodeList) {
+    for (let i = 0, len = nodeList.length; i < len; i += 1) {
+        if (isNodeOwnedBy(owner, nodeList[i])) {
+            return nodeList[i];
+        }
+    }
+    return null;
+}
+function shadowRootQuerySelector(root, selector) {
+    const elm = getHost(root);
+    const nodeList = arrayFromCollection(querySelectorAll$1.call(elm, selector));
+    return getFirstMatch(elm, nodeList);
+}
+function shadowRootQuerySelectorAll(root, selector) {
+    const elm = getHost(root);
+    const nodeList = querySelectorAll$1.call(elm, selector);
+    return getAllMatches(elm, arrayFromCollection(nodeList));
+}
+function getFilteredChildNodes(node) {
+    if (!isSyntheticShadowHost(node) && !isSlotElement(node)) {
+        // regular element - fast path
+        const children = childNodesGetter.call(node);
+        return arrayFromCollection(children);
+    }
+    if (isSyntheticShadowHost(node)) {
+        // we need to get only the nodes that were slotted
+        const slots = arrayFromCollection(querySelectorAll$1.call(node, 'slot'));
+        const resolver = getShadowRootResolver(getShadowRoot(node));
+        // Typescript is inferring the wrong function type for this particular
+        // overloaded method: https://github.com/Microsoft/TypeScript/issues/27972
+        // @ts-ignore type-mismatch
+        return ArrayReduce.call(slots, (seed, slot) => {
+            if (resolver === getShadowRootResolver(slot)) {
+                ArrayPush.apply(seed, getFilteredSlotAssignedNodes(slot));
+            }
+            return seed;
+        }, []);
+    }
+    else {
+        // slot element
+        const children = arrayFromCollection(childNodesGetter.call(node));
+        const resolver = getShadowRootResolver(node);
+        return ArrayFilter.call(children, (child) => resolver === getShadowRootResolver(child));
+    }
+}
+function getFilteredSlotAssignedNodes(slot) {
+    const owner = getNodeOwner(slot);
+    if (isNull(owner)) {
+        return [];
+    }
+    const childNodes = arrayFromCollection(childNodesGetter.call(slot));
+    return ArrayFilter.call(childNodes, (child) => !isNodeShadowed(child) || !isNodeOwnedBy(owner, child));
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+/**
+@license
+Copyright (c) 2016 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
+*/
+// This code is inspired by Polymer ShadyDOM Polyfill
+function getInnerHTML(node) {
+    let s = '';
+    const childNodes = getFilteredChildNodes(node);
+    for (let i = 0, len = childNodes.length; i < len; i += 1) {
+        s += getOuterHTML(childNodes[i]);
+    }
+    return s;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+/**
+@license
+Copyright (c) 2016 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
+*/
+// This code is inspired by Polymer ShadyDOM Polyfill
+// http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#escapingString
+const escapeAttrRegExp = /[&\u00A0"]/g;
+const escapeDataRegExp = /[&\u00A0<>]/g;
+const { replace, toLowerCase } = String.prototype;
+function escapeReplace(c) {
+    switch (c) {
+        case '&':
+            return '&amp;';
+        case '<':
+            return '&lt;';
+        case '>':
+            return '&gt;';
+        case '"':
+            return '&quot;';
+        case '\u00A0':
+            return '&nbsp;';
+        default:
+            return '';
+    }
+}
+function escapeAttr(s) {
+    return replace.call(s, escapeAttrRegExp, escapeReplace);
+}
+function escapeData(s) {
+    return replace.call(s, escapeDataRegExp, escapeReplace);
+}
+// http://www.whatwg.org/specs/web-apps/current-work/#void-elements
+const voidElements = new Set([
+    'AREA',
+    'BASE',
+    'BR',
+    'COL',
+    'COMMAND',
+    'EMBED',
+    'HR',
+    'IMG',
+    'INPUT',
+    'KEYGEN',
+    'LINK',
+    'META',
+    'PARAM',
+    'SOURCE',
+    'TRACK',
+    'WBR',
+]);
+const plaintextParents = new Set([
+    'STYLE',
+    'SCRIPT',
+    'XMP',
+    'IFRAME',
+    'NOEMBED',
+    'NOFRAMES',
+    'PLAINTEXT',
+    'NOSCRIPT',
+]);
+function getOuterHTML(node) {
+    switch (node.nodeType) {
+        case ELEMENT_NODE: {
+            const { attributes: attrs } = node;
+            const tagName = tagNameGetter.call(node);
+            let s = '<' + toLowerCase.call(tagName);
+            for (let i = 0, attr; (attr = attrs[i]); i++) {
+                s += ' ' + attr.name + '="' + escapeAttr(attr.value) + '"';
+            }
+            s += '>';
+            if (voidElements.has(tagName)) {
+                return s;
+            }
+            return s + getInnerHTML(node) + '</' + toLowerCase.call(tagName) + '>';
+        }
+        case TEXT_NODE: {
+            const { data, parentNode } = node;
+            if (parentNode instanceof Element &&
+                plaintextParents.has(tagNameGetter.call(parentNode))) {
+                return data;
+            }
+            return escapeData(data);
+        }
+        case CDATA_SECTION_NODE: {
+            return `<!CDATA[[${node.data}]]>`;
+        }
+        case PROCESSING_INSTRUCTION_NODE: {
+            return `<?${node.target} ${node.data}?>`;
+        }
+        case COMMENT_NODE: {
+            return `<!--${node.data}-->`;
+        }
+        default: {
+            // intentionally ignoring unknown node types
+            // Note: since this routine is always invoked for childNodes
+            // we can safety ignore type 9, 10 and 99 (document, fragment and doctype)
+            return '';
+        }
+    }
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+/**
+@license
+Copyright (c) 2016 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
+*/
+// This code is inspired by Polymer ShadyDOM Polyfill
+function getTextContent(node) {
+    switch (node.nodeType) {
+        case ELEMENT_NODE: {
+            const childNodes = getFilteredChildNodes(node);
+            let content = '';
+            for (let i = 0, len = childNodes.length; i < len; i += 1) {
+                const currentNode = childNodes[i];
+                if (currentNode.nodeType !== COMMENT_NODE) {
+                    content += getTextContent(currentNode);
+                }
+            }
+            return content;
+        }
+        default:
+            return node.nodeValue;
+    }
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const Items$1 = new WeakMap();
+function StaticNodeList() {
+    throw new TypeError('Illegal constructor');
+}
+StaticNodeList.prototype = create(NodeList.prototype, {
+    constructor: {
+        writable: true,
+        configurable: true,
+        value: StaticNodeList,
+    },
+    item: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(index) {
+            return this[index];
+        },
+    },
+    length: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return Items$1.get(this).length;
+        },
+    },
+    // Iterator protocol
+    forEach: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(cb, thisArg) {
+            forEach.call(Items$1.get(this), cb, thisArg);
+        },
+    },
+    entries: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value() {
+            return ArrayMap.call(Items$1.get(this), (v, i) => [i, v]);
+        },
+    },
+    keys: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value() {
+            return ArrayMap.call(Items$1.get(this), (_v, i) => i);
+        },
+    },
+    values: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value() {
+            return Items$1.get(this);
+        },
+    },
+    [Symbol.iterator]: {
+        writable: true,
+        configurable: true,
+        value() {
+            let nextIndex = 0;
+            return {
+                next: () => {
+                    const items = Items$1.get(this);
+                    return nextIndex < items.length
+                        ? {
+                            value: items[nextIndex++],
+                            done: false,
+                        }
+                        : {
+                            done: true,
+                        };
+                },
+            };
+        },
+    },
+    [Symbol.toStringTag]: {
+        configurable: true,
+        get() {
+            return 'NodeList';
+        },
+    },
+    // IE11 doesn't support Symbol.toStringTag, in which case we
+    // provide the regular toString method.
+    toString: {
+        writable: true,
+        configurable: true,
+        value() {
+            return '[object NodeList]';
+        },
+    },
+});
+// prototype inheritance dance
+setPrototypeOf(StaticNodeList, NodeList);
+function createStaticNodeList(items) {
+    const nodeList = create(StaticNodeList.prototype);
+    Items$1.set(nodeList, items);
+    // setting static indexes
+    forEach.call(items, (item, index) => {
+        defineProperty(nodeList, index, {
+            value: item,
+            enumerable: true,
+            configurable: true,
+        });
+    });
+    return nodeList;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// Walk up the DOM tree, collecting all shadow roots plus the document root
+function getAllRootNodes(node) {
+    var _a;
+    const rootNodes = [];
+    let currentRootNode = node.getRootNode();
+    while (!isUndefined(currentRootNode)) {
+        rootNodes.push(currentRootNode);
+        currentRootNode = (_a = currentRootNode.host) === null || _a === void 0 ? void 0 : _a.getRootNode();
+    }
+    return rootNodes;
+}
+// Keep searching up the host tree until we find an element that is within the immediate shadow root
+const findAncestorHostInImmediateShadowRoot = (rootNode, targetRootNode) => {
+    let host;
+    while (!isUndefined((host = rootNode.host))) {
+        const thisRootNode = host.getRootNode();
+        if (thisRootNode === targetRootNode) {
+            return host;
+        }
+        rootNode = thisRootNode;
+    }
+};
+function fauxElementsFromPoint(context, doc, left, top) {
+    const elements = elementsFromPoint.call(doc, left, top);
+    const result = [];
+    const rootNodes = getAllRootNodes(context);
+    // Filter the elements array to only include those elements that are in this shadow root or in one of its
+    // ancestor roots. This matches Chrome and Safari's implementation (but not Firefox's, which only includes
+    // elements in the immediate shadow root: https://crbug.com/1207863#c4).
+    if (!isNull(elements)) {
+        // can be null in IE https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint#browser_compatibility
+        for (let i = 0; i < elements.length; i++) {
+            const element = elements[i];
+            if (isSyntheticSlotElement(element)) {
+                continue;
+            }
+            const elementRootNode = element.getRootNode();
+            if (ArrayIndexOf.call(rootNodes, elementRootNode) !== -1) {
+                ArrayPush.call(result, element);
+                continue;
+            }
+            // In cases where the host element is not visible but its shadow descendants are, then
+            // we may get the shadow descendant instead of the host element here. (The
+            // browser doesn't know the difference in synthetic shadow DOM.)
+            // In native shadow DOM, however, elementsFromPoint would return the host but not
+            // the child. So we need to detect if this shadow element's host is accessible from
+            // the context's shadow root. Note we also need to be careful not to add the host
+            // multiple times.
+            const ancestorHost = findAncestorHostInImmediateShadowRoot(elementRootNode, rootNodes[0]);
+            if (!isUndefined(ancestorHost) &&
+                ArrayIndexOf.call(elements, ancestorHost) === -1 &&
+                ArrayIndexOf.call(result, ancestorHost) === -1) {
+                ArrayPush.call(result, ancestorHost);
+            }
+        }
+    }
+    return result;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const Items = new WeakMap();
+function StaticHTMLCollection() {
+    throw new TypeError('Illegal constructor');
+}
+StaticHTMLCollection.prototype = create(HTMLCollection.prototype, {
+    constructor: {
+        writable: true,
+        configurable: true,
+        value: StaticHTMLCollection,
+    },
+    item: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(index) {
+            return this[index];
+        },
+    },
+    length: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return Items.get(this).length;
+        },
+    },
+    // https://dom.spec.whatwg.org/#dom-htmlcollection-nameditem-key
+    namedItem: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(name) {
+            if (name === '') {
+                return null;
+            }
+            const items = Items.get(this);
+            for (let i = 0, len = items.length; i < len; i++) {
+                const item = items[len];
+                if (name === getAttribute.call(item, 'id') ||
+                    name === getAttribute.call(item, 'name')) {
+                    return item;
+                }
+            }
+            return null;
+        },
+    },
+    [Symbol.toStringTag]: {
+        configurable: true,
+        get() {
+            return 'HTMLCollection';
+        },
+    },
+    // IE11 doesn't support Symbol.toStringTag, in which case we
+    // provide the regular toString method.
+    toString: {
+        writable: true,
+        configurable: true,
+        value() {
+            return '[object HTMLCollection]';
+        },
+    },
+});
+// prototype inheritance dance
+setPrototypeOf(StaticHTMLCollection, HTMLCollection);
+function createStaticHTMLCollection(items) {
+    const collection = create(StaticHTMLCollection.prototype);
+    Items.set(collection, items);
+    // setting static indexes
+    forEach.call(items, (item, index) => {
+        defineProperty(collection, index, {
+            value: item,
+            enumerable: true,
+            configurable: true,
+        });
+    });
+    return collection;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+/**
+ * This method checks whether or not the content of the node is computed
+ * based on the light-dom slotting mechanism. This applies to synthetic slot elements
+ * and elements with shadow dom attached to them. It doesn't apply to native slot elements
+ * because we don't want to patch the children getters for those elements.
+ */
+function hasMountedChildren(node) {
+    return isSyntheticSlotElement(node) || isSyntheticShadowHost(node);
+}
+function getShadowParent(node, value) {
+    const owner = getNodeOwner(node);
+    if (value === owner) {
+        // walking up via parent chain might end up in the shadow root element
+        return getShadowRoot(owner);
+    }
+    else if (value instanceof Element) {
+        if (getNodeNearestOwnerKey(node) === getNodeNearestOwnerKey(value)) {
+            // the element and its parent node belong to the same shadow root
+            return value;
+        }
+        else if (!isNull(owner) && isSlotElement(value)) {
+            // slotted elements must be top level childNodes of the slot element
+            // where they slotted into, but its shadowed parent is always the
+            // owner of the slot.
+            const slotOwner = getNodeOwner(value);
+            if (!isNull(slotOwner) && isNodeOwnedBy(owner, slotOwner)) {
+                // it is a slotted element, and therefore its parent is always going to be the host of the slot
+                return slotOwner;
+            }
+        }
+    }
+    return null;
+}
+function hasChildNodesPatched() {
+    return getInternalChildNodes(this).length > 0;
+}
+function firstChildGetterPatched() {
+    const childNodes = getInternalChildNodes(this);
+    return childNodes[0] || null;
+}
+function lastChildGetterPatched() {
+    const childNodes = getInternalChildNodes(this);
+    return childNodes[childNodes.length - 1] || null;
+}
+function textContentGetterPatched() {
+    return getTextContent(this);
+}
+function textContentSetterPatched(value) {
+    textContextSetter.call(this, value);
+}
+function parentNodeGetterPatched() {
+    const value = parentNodeGetter.call(this);
+    if (isNull(value)) {
+        return value;
+    }
+    // TODO [#1635]: this needs optimization, maybe implementing it based on this.assignedSlot
+    return getShadowParent(this, value);
+}
+function parentElementGetterPatched() {
+    const value = parentNodeGetter.call(this);
+    if (isNull(value)) {
+        return null;
+    }
+    const parentNode = getShadowParent(this, value);
+    // it could be that the parentNode is the shadowRoot, in which case
+    // we need to return null.
+    // TODO [#1635]: this needs optimization, maybe implementing it based on this.assignedSlot
+    return parentNode instanceof Element ? parentNode : null;
+}
+function compareDocumentPositionPatched(otherNode) {
+    if (this === otherNode) {
+        return 0;
+    }
+    else if (this.getRootNode() === otherNode) {
+        // "this" is in a shadow tree where the shadow root is the "otherNode".
+        return 10; // Node.DOCUMENT_POSITION_CONTAINS | Node.DOCUMENT_POSITION_PRECEDING
+    }
+    else if (getNodeOwnerKey(this) !== getNodeOwnerKey(otherNode)) {
+        // "this" and "otherNode" belongs to 2 different shadow tree.
+        return 35; // Node.DOCUMENT_POSITION_DISCONNECTED | Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC | Node.DOCUMENT_POSITION_PRECEDING
+    }
+    // Since "this" and "otherNode" are part of the same shadow tree we can safely rely to the native
+    // Node.compareDocumentPosition implementation.
+    return compareDocumentPosition.call(this, otherNode);
+}
+function containsPatched(otherNode) {
+    if (otherNode == null || getNodeOwnerKey(this) !== getNodeOwnerKey(otherNode)) {
+        // it is from another shadow
+        return false;
+    }
+    return (compareDocumentPosition.call(this, otherNode) & DOCUMENT_POSITION_CONTAINED_BY) !== 0;
+}
+function cloneNodePatched(deep) {
+    const clone = cloneNode.call(this, false);
+    // Per spec, browsers only care about truthy values
+    // Not strict true or false
+    if (!deep) {
+        return clone;
+    }
+    const childNodes = getInternalChildNodes(this);
+    for (let i = 0, len = childNodes.length; i < len; i += 1) {
+        clone.appendChild(childNodes[i].cloneNode(true));
+    }
+    return clone;
+}
+/**
+ * This method only applies to elements with a shadow or slots
+ */
+function childNodesGetterPatched() {
+    if (isSyntheticShadowHost(this)) {
+        const owner = getNodeOwner(this);
+        const childNodes = isNull(owner) ? [] : getAllMatches(owner, getFilteredChildNodes(this));
+        if (process.env.NODE_ENV !== 'production' &&
+            isFalse(hasNativeSymbolSupport) &&
+            isExternalChildNodeAccessorFlagOn()) {
+            // inserting a comment node as the first childNode to trick the IE11
+            // DevTool to show the content of the shadowRoot, this should only happen
+            // in dev-mode and in IE11 (which we detect by looking at the symbol).
+            // Plus it should only be in place if we know it is an external invoker.
+            ArrayUnshift.call(childNodes, getIE11FakeShadowRootPlaceholder(this));
+        }
+        return createStaticNodeList(childNodes);
+    }
+    // nothing to do here since this does not have a synthetic shadow attached to it
+    // TODO [#1636]: what about slot elements?
+    return childNodesGetter.call(this);
+}
+const nativeGetRootNode = _Node.prototype.getRootNode;
+/**
+ * Get the root by climbing up the dom tree, beyond the shadow root
+ * If Node.prototype.getRootNode is supported, use it
+ * else, assume we are working in non-native shadow mode and climb using parentNode
+ */
+const getDocumentOrRootNode = !isUndefined(nativeGetRootNode)
+    ? nativeGetRootNode
+    : function () {
+        let node = this;
+        let nodeParent;
+        while (!isNull((nodeParent = parentNodeGetter.call(node)))) {
+            node = nodeParent;
+        }
+        return node;
+    };
+/**
+ * Get the shadow root
+ * getNodeOwner() returns the host element that owns the given node
+ * Note: getNodeOwner() returns null when running in native-shadow mode.
+ *  Fallback to using the native getRootNode() to discover the root node.
+ *  This is because, it is not possible to inspect the node and decide if it is part
+ *  of a native shadow or the synthetic shadow.
+ * @param {Node} node
+ */
+function getNearestRoot(node) {
+    const ownerNode = getNodeOwner(node);
+    if (isNull(ownerNode)) {
+        // we hit a wall, either we are in native shadow mode or the node is not in lwc boundary.
+        return getDocumentOrRootNode.call(node);
+    }
+    return getShadowRoot(ownerNode);
+}
+/**
+ * If looking for a root node beyond shadow root by calling `node.getRootNode({composed: true})`, use the original `Node.prototype.getRootNode` method
+ * to return the root of the dom tree. In IE11 and Edge, Node.prototype.getRootNode is
+ * [not supported](https://developer.mozilla.org/en-US/docs/Web/API/Node/getRootNode#Browser_compatibility). The root node is discovered by manually
+ * climbing up the dom tree.
+ *
+ * If looking for a shadow root of a node by calling `node.getRootNode({composed: false})` or `node.getRootNode()`,
+ *
+ *  1. Try to identify the host element that owns the give node.
+ *     i. Identify the shadow tree that the node belongs to
+ *     ii. If the node belongs to a shadow tree created by engine, return the shadowRoot of the host element that owns the shadow tree
+ *  2. The host identification logic returns null in two cases:
+ *     i. The node does not belong to a shadow tree created by engine
+ *     ii. The engine is running in native shadow dom mode
+ *     If so, use the original Node.prototype.getRootNode to fetch the root node(or manually climb up the dom tree where getRootNode() is unsupported)
+ *
+ * _Spec_: https://dom.spec.whatwg.org/#dom-node-getrootnode
+ *
+ **/
+function getRootNodePatched(options) {
+    const composed = isUndefined(options) ? false : !!options.composed;
+    return isTrue(composed) ? getDocumentOrRootNode.call(this, options) : getNearestRoot(this);
+}
+// Non-deep-traversing patches: this descriptor map includes all descriptors that
+// do not give access to nodes beyond the immediate children.
+defineProperties(_Node.prototype, {
+    firstChild: {
+        get() {
+            if (hasMountedChildren(this)) {
+                return firstChildGetterPatched.call(this);
+            }
+            return firstChildGetter.call(this);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    lastChild: {
+        get() {
+            if (hasMountedChildren(this)) {
+                return lastChildGetterPatched.call(this);
+            }
+            return lastChildGetter.call(this);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    textContent: {
+        get() {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
+                return textContentGetterPatched.call(this);
+            }
+            return textContentGetter.call(this);
+        },
+        set: textContentSetterPatched,
+        enumerable: true,
+        configurable: true,
+    },
+    parentNode: {
+        get() {
+            if (isNodeShadowed(this)) {
+                return parentNodeGetterPatched.call(this);
+            }
+            const parentNode = parentNodeGetter.call(this);
+            // Handle the case where a top level light DOM element is slotted into a synthetic
+            // shadow slot.
+            if (!isNull(parentNode) && isSyntheticSlotElement(parentNode)) {
+                return getNodeOwner(parentNode);
+            }
+            return parentNode;
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    parentElement: {
+        get() {
+            if (isNodeShadowed(this)) {
+                return parentElementGetterPatched.call(this);
+            }
+            const parentElement = parentElementGetter.call(this);
+            // Handle the case where a top level light DOM element is slotted into a synthetic
+            // shadow slot.
+            if (!isNull(parentElement) && isSyntheticSlotElement(parentElement)) {
+                return getNodeOwner(parentElement);
+            }
+            return parentElement;
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    childNodes: {
+        get() {
+            if (hasMountedChildren(this)) {
+                return childNodesGetterPatched.call(this);
+            }
+            return childNodesGetter.call(this);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    hasChildNodes: {
+        value() {
+            if (hasMountedChildren(this)) {
+                return hasChildNodesPatched.call(this);
+            }
+            return hasChildNodes.call(this);
+        },
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+    compareDocumentPosition: {
+        value(otherNode) {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            if (isGlobalPatchingSkipped(this)) {
+                return compareDocumentPosition.call(this, otherNode);
+            }
+            return compareDocumentPositionPatched.call(this, otherNode);
+        },
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+    contains: {
+        value(otherNode) {
+            // 1. Node.prototype.contains() returns true if otherNode is an inclusive descendant
+            //    spec: https://dom.spec.whatwg.org/#dom-node-contains
+            // 2. This normalizes the behavior of this api across all browsers.
+            //    In IE11, a disconnected dom element without children invoking contains() on self, returns false
+            if (this === otherNode) {
+                return true;
+            }
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            if (otherNode == null) {
+                return false;
+            }
+            if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
+                return containsPatched.call(this, otherNode);
+            }
+            return contains.call(this, otherNode);
+        },
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+    cloneNode: {
+        value(deep) {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
+                return cloneNodePatched.call(this, deep);
+            }
+            return cloneNode.call(this, deep);
+        },
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+    getRootNode: {
+        value: getRootNodePatched,
+        enumerable: true,
+        configurable: true,
+        writable: true,
+    },
+    isConnected: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return isConnected.call(this);
+        },
+    },
+});
+let internalChildNodeAccessorFlag = false;
+/**
+ * These 2 methods are providing a machinery to understand who is accessing the
+ * .childNodes member property of a node. If it is used from inside the synthetic shadow
+ * or from an external invoker. This helps to produce the right output in one very peculiar
+ * case, the IE11 debugging comment for shadowRoot representation on the devtool.
+ */
+function isExternalChildNodeAccessorFlagOn() {
+    return !internalChildNodeAccessorFlag;
+}
+const getInternalChildNodes = process.env.NODE_ENV !== 'production' && isFalse(hasNativeSymbolSupport)
+    ? function (node) {
+        internalChildNodeAccessorFlag = true;
+        let childNodes;
+        let error = null;
+        try {
+            childNodes = node.childNodes;
+        }
+        catch (e) {
+            // childNodes accessor should never throw, but just in case!
+            error = e;
+        }
+        finally {
+            internalChildNodeAccessorFlag = false;
+            if (!isNull(error)) {
+                // re-throwing after restoring the state machinery for setInternalChildNodeAccessorFlag
+                throw error; // eslint-disable-line no-unsafe-finally
+            }
+        }
+        return childNodes;
+    }
+    : function (node) {
+        return node.childNodes;
+    };
+// IE11 extra patches for wrong prototypes
+if (hasOwnProperty.call(HTMLElement.prototype, 'contains')) {
+    defineProperty(HTMLElement.prototype, 'contains', getOwnPropertyDescriptor(_Node.prototype, 'contains'));
+}
+if (hasOwnProperty.call(HTMLElement.prototype, 'parentElement')) {
+    defineProperty(HTMLElement.prototype, 'parentElement', getOwnPropertyDescriptor(_Node.prototype, 'parentElement'));
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const EventListenerMap = new WeakMap();
+const ComposedPathMap = new WeakMap();
+function isEventListenerOrEventListenerObject$1(fnOrObj) {
+    return (isFunction(fnOrObj) ||
+        (isObject(fnOrObj) &&
+            !isNull(fnOrObj) &&
+            isFunction(fnOrObj.handleEvent)));
+}
+function shouldInvokeListener(event, target, currentTarget) {
+    // Subsequent logic assumes that `currentTarget` must be contained in the composed path for the listener to be
+    // invoked, but this is not always the case. `composedPath()` will sometimes return an empty array, even when the
+    // listener should be invoked (e.g., a disconnected instance of EventTarget, an instance of XMLHttpRequest, etc).
+    if (target === currentTarget) {
+        return true;
+    }
+    let composedPath = ComposedPathMap.get(event);
+    if (isUndefined(composedPath)) {
+        composedPath = event.composedPath();
+        ComposedPathMap.set(event, composedPath);
+    }
+    return composedPath.includes(currentTarget);
+}
+function getEventListenerWrapper(fnOrObj) {
+    if (!isEventListenerOrEventListenerObject$1(fnOrObj)) {
+        return fnOrObj;
+    }
+    let wrapperFn = EventListenerMap.get(fnOrObj);
+    if (isUndefined(wrapperFn)) {
+        wrapperFn = function (event) {
+            // This function is invoked from an event listener and currentTarget is always defined.
+            const currentTarget = eventCurrentTargetGetter.call(event);
+            if (process.env.NODE_ENV !== 'production') {
+                assert.invariant(isFalse(isSyntheticShadowHost(currentTarget)), 'This routine should not be used to wrap event listeners for host elements and shadow roots.');
+            }
+            const actualTarget = getActualTarget(event);
+            if (!shouldInvokeListener(event, actualTarget, currentTarget)) {
+                return;
+            }
+            return isFunction(fnOrObj)
+                ? fnOrObj.call(this, event)
+                : fnOrObj.handleEvent && fnOrObj.handleEvent(event);
+        };
+        EventListenerMap.set(fnOrObj, wrapperFn);
+    }
+    return wrapperFn;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const eventToContextMap = new WeakMap();
+function getEventHandler(listener) {
+    if (isFunction(listener)) {
+        return listener;
+    }
+    else {
+        return listener.handleEvent;
+    }
+}
+function isEventListenerOrEventListenerObject(listener) {
+    return isFunction(listener) || isFunction(listener === null || listener === void 0 ? void 0 : listener.handleEvent);
+}
+const customElementToWrappedListeners = new WeakMap();
+function getEventMap(elm) {
+    let listenerInfo = customElementToWrappedListeners.get(elm);
+    if (isUndefined(listenerInfo)) {
+        listenerInfo = create(null);
+        customElementToWrappedListeners.set(elm, listenerInfo);
+    }
+    return listenerInfo;
+}
+/**
+ * Events dispatched on shadow roots actually end up being dispatched on their hosts. This means that the event.target
+ * property of events dispatched on shadow roots always resolve to their host. This function understands this
+ * abstraction and properly returns a reference to the shadow root when appropriate.
+ */
+function getActualTarget(event) {
+    var _a;
+    return (_a = eventToShadowRootMap.get(event)) !== null && _a !== void 0 ? _a : eventTargetGetter.call(event);
+}
+const shadowRootEventListenerMap = new WeakMap();
+function getManagedShadowRootListener(listener) {
+    if (!isEventListenerOrEventListenerObject(listener)) {
+        throw new TypeError(); // avoiding problems with non-valid listeners
+    }
+    let managedListener = shadowRootEventListenerMap.get(listener);
+    if (isUndefined(managedListener)) {
+        managedListener = {
+            identity: listener,
+            placement: 1 /* EventListenerContext.SHADOW_ROOT_LISTENER */,
+            handleEvent(event) {
+                // currentTarget is always defined inside an event listener
+                let currentTarget = eventCurrentTargetGetter.call(event);
+                // If currentTarget is not an instance of a native shadow root then we're dealing with a
+                // host element whose synthetic shadow root must be accessed via getShadowRoot().
+                if (!isInstanceOfNativeShadowRoot(currentTarget)) {
+                    currentTarget = getShadowRoot(currentTarget);
+                }
+                const actualTarget = getActualTarget(event);
+                if (shouldInvokeListener(event, actualTarget, currentTarget)) {
+                    getEventHandler(listener).call(currentTarget, event);
+                }
+            },
+        };
+        shadowRootEventListenerMap.set(listener, managedListener);
+    }
+    return managedListener;
+}
+const customElementEventListenerMap = new WeakMap();
+function getManagedCustomElementListener(listener) {
+    if (!isEventListenerOrEventListenerObject(listener)) {
+        throw new TypeError(); // avoiding problems with non-valid listeners
+    }
+    let managedListener = customElementEventListenerMap.get(listener);
+    if (isUndefined(managedListener)) {
+        managedListener = {
+            identity: listener,
+            placement: 0 /* EventListenerContext.CUSTOM_ELEMENT_LISTENER */,
+            handleEvent(event) {
+                // currentTarget is always defined inside an event listener
+                const currentTarget = eventCurrentTargetGetter.call(event);
+                const actualTarget = getActualTarget(event);
+                if (shouldInvokeListener(event, actualTarget, currentTarget)) {
+                    getEventHandler(listener).call(currentTarget, event);
+                }
+            },
+        };
+        customElementEventListenerMap.set(listener, managedListener);
+    }
+    return managedListener;
+}
+function indexOfManagedListener(listeners, listener) {
+    return ArrayFindIndex.call(listeners, (l) => l.identity === listener.identity);
+}
+function domListener(evt) {
+    let immediatePropagationStopped = false;
+    let propagationStopped = false;
+    const { type, stopImmediatePropagation, stopPropagation } = evt;
+    // currentTarget is always defined
+    const currentTarget = eventCurrentTargetGetter.call(evt);
+    const listenerMap = getEventMap(currentTarget);
+    const listeners = listenerMap[type]; // it must have listeners at this point
+    defineProperty(evt, 'stopImmediatePropagation', {
+        value() {
+            immediatePropagationStopped = true;
+            stopImmediatePropagation.call(evt);
+        },
+        writable: true,
+        enumerable: true,
+        configurable: true,
+    });
+    defineProperty(evt, 'stopPropagation', {
+        value() {
+            propagationStopped = true;
+            stopPropagation.call(evt);
+        },
+        writable: true,
+        enumerable: true,
+        configurable: true,
+    });
+    // in case a listener adds or removes other listeners during invocation
+    const bookkeeping = ArraySlice.call(listeners);
+    function invokeListenersByPlacement(placement) {
+        forEach.call(bookkeeping, (listener) => {
+            if (isFalse(immediatePropagationStopped) && listener.placement === placement) {
+                // making sure that the listener was not removed from the original listener queue
+                if (indexOfManagedListener(listeners, listener) !== -1) {
+                    // all handlers on the custom element should be called with undefined 'this'
+                    listener.handleEvent.call(undefined, evt);
+                }
+            }
+        });
+    }
+    eventToContextMap.set(evt, 1 /* EventListenerContext.SHADOW_ROOT_LISTENER */);
+    invokeListenersByPlacement(1 /* EventListenerContext.SHADOW_ROOT_LISTENER */);
+    if (isFalse(immediatePropagationStopped) && isFalse(propagationStopped)) {
+        // doing the second iteration only if the first one didn't interrupt the event propagation
+        eventToContextMap.set(evt, 0 /* EventListenerContext.CUSTOM_ELEMENT_LISTENER */);
+        invokeListenersByPlacement(0 /* EventListenerContext.CUSTOM_ELEMENT_LISTENER */);
+    }
+    eventToContextMap.set(evt, 2 /* EventListenerContext.UNKNOWN_LISTENER */);
+}
+function attachDOMListener(elm, type, managedListener) {
+    const listenerMap = getEventMap(elm);
+    let listeners = listenerMap[type];
+    if (isUndefined(listeners)) {
+        listeners = listenerMap[type] = [];
+    }
+    // Prevent identical listeners from subscribing to the same event type.
+    // TODO [#1824]: Options will also play a factor in deduping if we introduce options support
+    if (indexOfManagedListener(listeners, managedListener) !== -1) {
+        return;
+    }
+    // only add to DOM if there is no other listener on the same placement yet
+    if (listeners.length === 0) {
+        addEventListener.call(elm, type, domListener);
+    }
+    ArrayPush.call(listeners, managedListener);
+}
+function detachDOMListener(elm, type, managedListener) {
+    const listenerMap = getEventMap(elm);
+    let index;
+    let listeners;
+    if (!isUndefined((listeners = listenerMap[type])) &&
+        (index = indexOfManagedListener(listeners, managedListener)) !== -1) {
+        ArraySplice.call(listeners, index, 1);
+        // only remove from DOM if there is no other listener on the same placement
+        if (listeners.length === 0) {
+            removeEventListener.call(elm, type, domListener);
+        }
+    }
+}
+function addCustomElementEventListener(type, listener, _options) {
+    if (process.env.NODE_ENV !== 'production') {
+        if (!isEventListenerOrEventListenerObject(listener)) {
+            throw new TypeError(`Invalid second argument for Element.addEventListener() in ${toString(this)} for event "${type}". Expected EventListener or EventListenerObject but received ${listener}.`);
+        }
+    }
+    if (isEventListenerOrEventListenerObject(listener)) {
+        const managedListener = getManagedCustomElementListener(listener);
+        attachDOMListener(this, type, managedListener);
+    }
+}
+function removeCustomElementEventListener(type, listener, _options) {
+    if (isEventListenerOrEventListenerObject(listener)) {
+        const managedListener = getManagedCustomElementListener(listener);
+        detachDOMListener(this, type, managedListener);
+    }
+}
+function addShadowRootEventListener(sr, type, listener, _options) {
+    if (process.env.NODE_ENV !== 'production') {
+        if (!isEventListenerOrEventListenerObject(listener)) {
+            throw new TypeError(`Invalid second argument for ShadowRoot.addEventListener() in ${toString(sr)} for event "${type}". Expected EventListener or EventListenerObject but received ${listener}.`);
+        }
+    }
+    if (isEventListenerOrEventListenerObject(listener)) {
+        const elm = getHost(sr);
+        const managedListener = getManagedShadowRootListener(listener);
+        attachDOMListener(elm, type, managedListener);
+    }
+}
+function removeShadowRootEventListener(sr, type, listener, _options) {
+    if (isEventListenerOrEventListenerObject(listener)) {
+        const elm = getHost(sr);
+        const managedListener = getManagedShadowRootListener(listener);
+        detachDOMListener(elm, type, managedListener);
+    }
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const InternalSlot = new WeakMap();
+const { createDocumentFragment } = document;
+function hasInternalSlot(root) {
+    return InternalSlot.has(root);
+}
+function getInternalSlot(root) {
+    const record = InternalSlot.get(root);
+    if (isUndefined(record)) {
+        throw new TypeError();
+    }
+    return record;
+}
+defineProperty(_Node.prototype, KEY__SHADOW_RESOLVER, {
+    set(fn) {
+        if (isUndefined(fn))
+            return;
+        this[KEY__SHADOW_RESOLVER_PRIVATE] = fn;
+        // TODO [#1164]: temporary propagation of the key
+        setNodeOwnerKey(this, fn.nodeKey);
+    },
+    get() {
+        return this[KEY__SHADOW_RESOLVER_PRIVATE];
+    },
+    configurable: true,
+    enumerable: true,
+});
+defineProperty(_globalThis, KEY__IS_NATIVE_SHADOW_ROOT_DEFINED, {
+    value: isNativeShadowRootDefined,
+});
+// The isUndefined check is because two copies of synthetic shadow may be loaded on the same page, and this
+// would throw an error if we tried to redefine it. Plus the whole point is to expose the native method.
+if (isUndefined(_globalThis[KEY__NATIVE_GET_ELEMENT_BY_ID])) {
+    defineProperty(_globalThis, KEY__NATIVE_GET_ELEMENT_BY_ID, {
+        value: getElementById,
+        configurable: true,
+    });
+}
+// See note above.
+if (isUndefined(_globalThis[KEY__NATIVE_QUERY_SELECTOR_ALL])) {
+    defineProperty(_globalThis, KEY__NATIVE_QUERY_SELECTOR_ALL, {
+        value: querySelectorAll,
+        configurable: true,
+    });
+}
+function getShadowRootResolver(node) {
+    return node[KEY__SHADOW_RESOLVER];
+}
+function setShadowRootResolver(node, fn) {
+    node[KEY__SHADOW_RESOLVER] = fn;
+}
+function isDelegatingFocus(host) {
+    return getInternalSlot(host).delegatesFocus;
+}
+function getHost(root) {
+    return getInternalSlot(root).host;
+}
+function getShadowRoot(elm) {
+    return getInternalSlot(elm).shadowRoot;
+}
+// Intentionally adding `Node` here in addition to `Element` since this check is harmless for nodes
+// and we can avoid having to cast the type before calling this method in a few places.
+function isSyntheticShadowHost(node) {
+    const shadowRootRecord = InternalSlot.get(node);
+    return !isUndefined(shadowRootRecord) && node === shadowRootRecord.host;
+}
+function isSyntheticShadowRoot(node) {
+    const shadowRootRecord = InternalSlot.get(node);
+    return !isUndefined(shadowRootRecord) && node === shadowRootRecord.shadowRoot;
+}
+let uid = 0;
+function attachShadow(elm, options) {
+    if (InternalSlot.has(elm)) {
+        throw new Error(`Failed to execute 'attachShadow' on 'Element': Shadow root cannot be created on a host which already hosts a shadow tree.`);
+    }
+    const { mode, delegatesFocus } = options;
+    // creating a real fragment for shadowRoot instance
+    const doc = getOwnerDocument(elm);
+    const sr = createDocumentFragment.call(doc);
+    // creating shadow internal record
+    const record = {
+        mode,
+        delegatesFocus: !!delegatesFocus,
+        host: elm,
+        shadowRoot: sr,
+    };
+    InternalSlot.set(sr, record);
+    InternalSlot.set(elm, record);
+    const shadowResolver = () => sr;
+    const x = (shadowResolver.nodeKey = uid++);
+    setNodeKey(elm, x);
+    setShadowRootResolver(sr, shadowResolver);
+    // correcting the proto chain
+    setPrototypeOf(sr, SyntheticShadowRoot.prototype);
+    return sr;
+}
+const SyntheticShadowRootDescriptors = {
+    constructor: {
+        writable: true,
+        configurable: true,
+        value: SyntheticShadowRoot,
+    },
+    toString: {
+        writable: true,
+        configurable: true,
+        value() {
+            return `[object ShadowRoot]`;
+        },
+    },
+    synthetic: {
+        writable: false,
+        enumerable: false,
+        configurable: false,
+        value: true,
+    },
+};
+const ShadowRootDescriptors = {
+    activeElement: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            const host = getHost(this);
+            const doc = getOwnerDocument(host);
+            const activeElement = DocumentPrototypeActiveElement.call(doc);
+            if (isNull(activeElement)) {
+                return activeElement;
+            }
+            if ((compareDocumentPosition.call(host, activeElement) &
+                DOCUMENT_POSITION_CONTAINED_BY) ===
+                0) {
+                return null;
+            }
+            // activeElement must be child of the host and owned by it
+            let node = activeElement;
+            while (!isNodeOwnedBy(host, node)) {
+                // parentElement is always an element because we are talking up the tree knowing
+                // that it is a child of the host.
+                node = parentElementGetter.call(node);
+            }
+            // If we have a slot element here that means that we were dealing
+            // with an element that was passed to one of our slots. In this
+            // case, activeElement returns null.
+            if (isSlotElement(node)) {
+                return null;
+            }
+            return node;
+        },
+    },
+    delegatesFocus: {
+        configurable: true,
+        get() {
+            return getInternalSlot(this).delegatesFocus;
+        },
+    },
+    elementFromPoint: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(left, top) {
+            const host = getHost(this);
+            const doc = getOwnerDocument(host);
+            return fauxElementFromPoint(this, doc, left, top);
+        },
+    },
+    elementsFromPoint: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(left, top) {
+            const host = getHost(this);
+            const doc = getOwnerDocument(host);
+            return fauxElementsFromPoint(this, doc, left, top);
+        },
+    },
+    getSelection: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value() {
+            throw new Error('Disallowed method "getSelection" on ShadowRoot.');
+        },
+    },
+    host: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return getHost(this);
+        },
+    },
+    mode: {
+        configurable: true,
+        get() {
+            return getInternalSlot(this).mode;
+        },
+    },
+    styleSheets: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            throw new Error();
+        },
+    },
+};
+const eventToShadowRootMap = new WeakMap();
+const NodePatchDescriptors = {
+    insertBefore: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(newChild, refChild) {
+            insertBefore.call(getHost(this), newChild, refChild);
+            return newChild;
+        },
+    },
+    removeChild: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(oldChild) {
+            removeChild.call(getHost(this), oldChild);
+            return oldChild;
+        },
+    },
+    appendChild: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(newChild) {
+            appendChild.call(getHost(this), newChild);
+            return newChild;
+        },
+    },
+    replaceChild: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(newChild, oldChild) {
+            replaceChild.call(getHost(this), newChild, oldChild);
+            return oldChild;
+        },
+    },
+    addEventListener: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(type, listener, options) {
+            addShadowRootEventListener(this, type, listener);
+        },
+    },
+    dispatchEvent: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(evt) {
+            eventToShadowRootMap.set(evt, this);
+            // Typescript does not like it when you treat the `arguments` object as an array
+            // @ts-ignore type-mismatch
+            return dispatchEvent.apply(getHost(this), arguments);
+        },
+    },
+    removeEventListener: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(type, listener, options) {
+            removeShadowRootEventListener(this, type, listener);
+        },
+    },
+    baseURI: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return getHost(this).baseURI;
+        },
+    },
+    childNodes: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return createStaticNodeList(shadowRootChildNodes(this));
+        },
+    },
+    cloneNode: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value() {
+            throw new Error('Disallowed method "cloneNode" on ShadowRoot.');
+        },
+    },
+    compareDocumentPosition: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(otherNode) {
+            const host = getHost(this);
+            if (this === otherNode) {
+                // "this" and "otherNode" are the same shadow root.
+                return 0;
+            }
+            else if (this.contains(otherNode)) {
+                // "otherNode" belongs to the shadow tree where "this" is the shadow root.
+                return 20; // Node.DOCUMENT_POSITION_CONTAINED_BY | Node.DOCUMENT_POSITION_FOLLOWING
+            }
+            else if (compareDocumentPosition.call(host, otherNode) & DOCUMENT_POSITION_CONTAINED_BY) {
+                // "otherNode" is in a different shadow tree contained by the shadow tree where "this" is the shadow root.
+                return 37; // Node.DOCUMENT_POSITION_DISCONNECTED | Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
+            }
+            else {
+                // "otherNode" is in a different shadow tree that is not contained by the shadow tree where "this" is the shadow root.
+                return 35; // Node.DOCUMENT_POSITION_DISCONNECTED | Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
+            }
+        },
+    },
+    contains: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(otherNode) {
+            if (this === otherNode) {
+                return true;
+            }
+            const host = getHost(this);
+            // must be child of the host and owned by it.
+            return ((compareDocumentPosition.call(host, otherNode) & DOCUMENT_POSITION_CONTAINED_BY) !==
+                0 && isNodeOwnedBy(host, otherNode));
+        },
+    },
+    firstChild: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            const childNodes = getInternalChildNodes(this);
+            return childNodes[0] || null;
+        },
+    },
+    lastChild: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            const childNodes = getInternalChildNodes(this);
+            return childNodes[childNodes.length - 1] || null;
+        },
+    },
+    hasChildNodes: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value() {
+            const childNodes = getInternalChildNodes(this);
+            return childNodes.length > 0;
+        },
+    },
+    isConnected: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return isConnected.call(getHost(this));
+        },
+    },
+    nextSibling: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return null;
+        },
+    },
+    previousSibling: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return null;
+        },
+    },
+    nodeName: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return '#document-fragment';
+        },
+    },
+    nodeType: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return 11; // Node.DOCUMENT_FRAGMENT_NODE
+        },
+    },
+    nodeValue: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return null;
+        },
+    },
+    ownerDocument: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return getHost(this).ownerDocument;
+        },
+    },
+    parentElement: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return null;
+        },
+    },
+    parentNode: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return null;
+        },
+    },
+    textContent: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            const childNodes = getInternalChildNodes(this);
+            let textContent = '';
+            for (let i = 0, len = childNodes.length; i < len; i += 1) {
+                const currentNode = childNodes[i];
+                if (currentNode.nodeType !== COMMENT_NODE) {
+                    textContent += getTextContent(currentNode);
+                }
+            }
+            return textContent;
+        },
+        set(v) {
+            const host = getHost(this);
+            textContextSetter.call(host, v);
+        },
+    },
+    // Since the synthetic shadow root is a detached DocumentFragment, short-circuit the getRootNode behavior
+    getRootNode: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(options) {
+            return !isUndefined(options) && isTrue(options.composed)
+                ? getHost(this).getRootNode(options)
+                : this;
+        },
+    },
+};
+const ElementPatchDescriptors = {
+    innerHTML: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            const childNodes = getInternalChildNodes(this);
+            let innerHTML = '';
+            for (let i = 0, len = childNodes.length; i < len; i += 1) {
+                innerHTML += getOuterHTML(childNodes[i]);
+            }
+            return innerHTML;
+        },
+        set(v) {
+            const host = getHost(this);
+            innerHTMLSetter.call(host, v);
+        },
+    },
+};
+const ParentNodePatchDescriptors = {
+    childElementCount: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return this.children.length;
+        },
+    },
+    children: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return createStaticHTMLCollection(ArrayFilter.call(shadowRootChildNodes(this), (elm) => elm instanceof Element));
+        },
+    },
+    firstElementChild: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return this.children[0] || null;
+        },
+    },
+    lastElementChild: {
+        enumerable: true,
+        configurable: true,
+        get() {
+            const { children } = this;
+            return children.item(children.length - 1) || null;
+        },
+    },
+    getElementById: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value() {
+            throw new Error('Disallowed method "getElementById" on ShadowRoot.');
+        },
+    },
+    querySelector: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(selectors) {
+            return shadowRootQuerySelector(this, selectors);
+        },
+    },
+    querySelectorAll: {
+        writable: true,
+        enumerable: true,
+        configurable: true,
+        value(selectors) {
+            return createStaticNodeList(shadowRootQuerySelectorAll(this, selectors));
+        },
+    },
+};
+assign(SyntheticShadowRootDescriptors, NodePatchDescriptors, ParentNodePatchDescriptors, ElementPatchDescriptors, ShadowRootDescriptors);
+function SyntheticShadowRoot() {
+    throw new TypeError('Illegal constructor');
+}
+SyntheticShadowRoot.prototype = create(DocumentFragment.prototype, SyntheticShadowRootDescriptors);
+// `this.shadowRoot instanceof ShadowRoot` should evaluate to true even for synthetic shadow
+defineProperty(SyntheticShadowRoot, Symbol.hasInstance, {
+    value: function (object) {
+        // Technically we should walk up the entire prototype chain, but with SyntheticShadowRoot
+        // it's reasonable to assume that no one is doing any deep subclasses here.
+        return (isObject(object) &&
+            !isNull(object) &&
+            (isInstanceOfNativeShadowRoot(object) ||
+                getPrototypeOf(object) === SyntheticShadowRoot.prototype));
+    },
+});
+/**
+ * This method is only intended to be used in non-production mode in IE11
+ * and its role is to produce a 1-1 mapping between a shadowRoot instance
+ * and a comment node that is intended to use to trick the IE11 DevTools
+ * to show the content of the shadowRoot in the DOM Explorer.
+ */
+function getIE11FakeShadowRootPlaceholder(host) {
+    const shadowRoot = getShadowRoot(host);
+    // @ts-ignore this $$placeholder$$ is not a security issue because you must
+    // have access to the shadowRoot in order to extract the fake node, which give
+    // you access to the same childNodes of the shadowRoot, so, who cares.
+    let c = shadowRoot.$$placeholder$$;
+    if (!isUndefined(c)) {
+        return c;
+    }
+    const doc = getOwnerDocument(host);
+    // @ts-ignore $$placeholder$$ is fine, read the node above.
+    c = shadowRoot.$$placeholder$$ = createComment.call(doc, '');
+    defineProperties(c, {
+        childNodes: {
+            get() {
+                return shadowRoot.childNodes;
+            },
+            enumerable: true,
+            configurable: true,
+        },
+        tagName: {
+            get() {
+                return `#shadow-root (${shadowRoot.mode})`;
+            },
+            enumerable: true,
+            configurable: true,
+        },
+    });
+    return c;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+/**
+@license
+Copyright (c) 2016 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
+*/
+function pathComposer(startNode, composed) {
+    const composedPath = [];
+    let startRoot;
+    if (startNode instanceof Window) {
+        startRoot = startNode;
+    }
+    else if (startNode instanceof _Node) {
+        startRoot = startNode.getRootNode();
+    }
+    else {
+        return composedPath;
+    }
+    let current = startNode;
+    while (!isNull(current)) {
+        composedPath.push(current);
+        if (current instanceof Element || current instanceof Text) {
+            const assignedSlot = current.assignedSlot;
+            if (!isNull(assignedSlot)) {
+                current = assignedSlot;
+            }
+            else {
+                current = current.parentNode;
+            }
+        }
+        else if ((isSyntheticShadowRoot(current) || isInstanceOfNativeShadowRoot(current)) &&
+            (composed || current !== startRoot)) {
+            current = current.host;
+        }
+        else if (current instanceof _Node) {
+            current = current.parentNode;
+        }
+        else {
+            // could be Window
+            current = null;
+        }
+    }
+    let doc;
+    if (startNode instanceof Window) {
+        doc = startNode.document;
+    }
+    else {
+        doc = getOwnerDocument(startNode);
+    }
+    // event composedPath includes window when startNode's ownerRoot is document
+    if (composedPath[composedPath.length - 1] === doc) {
+        composedPath.push(window);
+    }
+    return composedPath;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+/**
+@license
+Copyright (c) 2016 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
+*/
+function retarget(refNode, path) {
+    if (isNull(refNode)) {
+        return null;
+    }
+    // If ANCESTOR's root is not a shadow root or ANCESTOR's root is BASE's
+    // shadow-including inclusive ancestor, return ANCESTOR.
+    const refNodePath = pathComposer(refNode, true);
+    const p$ = path;
+    for (let i = 0, ancestor, lastRoot, root, rootIdx; i < p$.length; i++) {
+        ancestor = p$[i];
+        root = ancestor instanceof Window ? ancestor : ancestor.getRootNode();
+        if (root !== lastRoot) {
+            rootIdx = refNodePath.indexOf(root);
+            lastRoot = root;
+        }
+        if (!isSyntheticShadowRoot(root) || (!isUndefined(rootIdx) && rootIdx > -1)) {
+            return ancestor;
+        }
+    }
+    return null;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function fauxElementFromPoint(context, doc, left, top) {
+    const element = elementFromPoint.call(doc, left, top);
+    if (isNull(element)) {
+        return element;
+    }
+    return retarget(context, pathComposer(element, true));
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function elemFromPoint(left, top) {
+    return fauxElementFromPoint(this, this, left, top);
+}
+Document.prototype.elementFromPoint = elemFromPoint;
+function elemsFromPoint(left, top) {
+    return fauxElementsFromPoint(this, this, left, top);
+}
+Document.prototype.elementsFromPoint = elemsFromPoint;
+// Go until we reach to top of the LWC tree
+defineProperty(Document.prototype, 'activeElement', {
+    get() {
+        let node = DocumentPrototypeActiveElement.call(this);
+        if (isNull(node)) {
+            return node;
+        }
+        while (!isUndefined(getNodeOwnerKey(node))) {
+            node = parentElementGetter.call(node);
+            if (isNull(node)) {
+                return null;
+            }
+        }
+        if (node.tagName === 'HTML') {
+            // IE 11. Active element should never be html element
+            node = this.body;
+        }
+        return node;
+    },
+    enumerable: true,
+    configurable: true,
+});
+// The following patched methods hide shadowed elements from global
+// traversing mechanisms. They are simplified for performance reasons to
+// filter by ownership and do not account for slotted elements. This
+// compromise is fine for our synthetic shadow dom because root elements
+// cannot have slotted elements.
+// Another compromise here is that all these traversing methods will return
+// static HTMLCollection or static NodeList. We decided that this compromise
+// is not a big problem considering the amount of code that is relying on
+// the liveliness of these results are rare.
+defineProperty(Document.prototype, 'getElementById', {
+    value() {
+        const elm = getElementById.apply(this, ArraySlice.call(arguments));
+        if (isNull(elm)) {
+            return null;
+        }
+        // Note: we deviate from native shadow here, but are not fixing
+        // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+        return isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(elm) ? elm : null;
+    },
+    writable: true,
+    enumerable: true,
+    configurable: true,
+});
+defineProperty(Document.prototype, 'querySelector', {
+    value() {
+        const elements = arrayFromCollection(querySelectorAll.apply(this, ArraySlice.call(arguments)));
+        const filtered = ArrayFind.call(elements, 
+        // Note: we deviate from native shadow here, but are not fixing
+        // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+        (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(elm));
+        return !isUndefined(filtered) ? filtered : null;
+    },
+    writable: true,
+    enumerable: true,
+    configurable: true,
+});
+defineProperty(Document.prototype, 'querySelectorAll', {
+    value() {
+        const elements = arrayFromCollection(querySelectorAll.apply(this, ArraySlice.call(arguments)));
+        const filtered = ArrayFilter.call(elements, 
+        // Note: we deviate from native shadow here, but are not fixing
+        // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+        (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(elm));
+        return createStaticNodeList(filtered);
+    },
+    writable: true,
+    enumerable: true,
+    configurable: true,
+});
+defineProperty(Document.prototype, 'getElementsByClassName', {
+    value() {
+        const elements = arrayFromCollection(getElementsByClassName.apply(this, ArraySlice.call(arguments)));
+        const filtered = ArrayFilter.call(elements, 
+        // Note: we deviate from native shadow here, but are not fixing
+        // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+        (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(elm));
+        return createStaticHTMLCollection(filtered);
+    },
+    writable: true,
+    enumerable: true,
+    configurable: true,
+});
+defineProperty(Document.prototype, 'getElementsByTagName', {
+    value() {
+        const elements = arrayFromCollection(getElementsByTagName.apply(this, ArraySlice.call(arguments)));
+        const filtered = ArrayFilter.call(elements, 
+        // Note: we deviate from native shadow here, but are not fixing
+        // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+        (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(elm));
+        return createStaticHTMLCollection(filtered);
+    },
+    writable: true,
+    enumerable: true,
+    configurable: true,
+});
+defineProperty(Document.prototype, 'getElementsByTagNameNS', {
+    value() {
+        const elements = arrayFromCollection(getElementsByTagNameNS.apply(this, ArraySlice.call(arguments)));
+        const filtered = ArrayFilter.call(elements, 
+        // Note: we deviate from native shadow here, but are not fixing
+        // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+        (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(elm));
+        return createStaticHTMLCollection(filtered);
+    },
+    writable: true,
+    enumerable: true,
+    configurable: true,
+});
+defineProperty(
+// In Firefox v57 and lower, getElementsByName is defined on HTMLDocument.prototype
+getOwnPropertyDescriptor(HTMLDocument.prototype, 'getElementsByName')
+    ? HTMLDocument.prototype
+    : Document.prototype, 'getElementsByName', {
+    value() {
+        const elements = arrayFromCollection(getElementsByName.apply(this, ArraySlice.call(arguments)));
+        const filtered = ArrayFilter.call(elements, 
+        // Note: we deviate from native shadow here, but are not fixing
+        // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+        (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(elm));
+        return createStaticNodeList(filtered);
+    },
+    writable: true,
+    enumerable: true,
+    configurable: true,
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+Object.defineProperty(window, 'ShadowRoot', {
+    value: SyntheticShadowRoot,
+    configurable: true,
+    writable: true,
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const composedDescriptor = Object.getOwnPropertyDescriptor(Event.prototype, 'composed');
+function detect$3() {
+    if (!composedDescriptor) {
+        // No need to apply this polyfill if this client completely lacks
+        // support for the composed property.
+        return false;
+    }
+    // Assigning a throwaway click event here to suppress a ts error when we
+    // pass clickEvent into the composed getter below. The error is:
+    // [ts] Variable 'clickEvent' is used before being assigned.
+    let clickEvent = new Event('click');
+    const button = document.createElement('button');
+    button.addEventListener('click', (event) => (clickEvent = event));
+    button.click();
+    return !composedDescriptor.get.call(clickEvent);
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const originalClickDescriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'click');
+function handleClick(event) {
+    Object.defineProperty(event, 'composed', {
+        configurable: true,
+        enumerable: true,
+        get() {
+            return true;
+        },
+    });
+}
+function apply$3() {
+    HTMLElement.prototype.click = function () {
+        addEventListener.call(this, 'click', handleClick);
+        try {
+            originalClickDescriptor.value.call(this);
+        }
+        finally {
+            removeEventListener.call(this, 'click', handleClick);
+        }
+    };
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+if (detect$3()) {
+    apply$3();
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function detect$2() {
+    return new Event('test', { composed: true }).composed !== true;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function apply$2() {
+    // https://github.com/w3c/webcomponents/issues/513#issuecomment-224183937
+    const composedEvents = assign(create(null), {
+        beforeinput: 1,
+        blur: 1,
+        click: 1,
+        compositionend: 1,
+        compositionstart: 1,
+        compositionupdate: 1,
+        copy: 1,
+        cut: 1,
+        dblclick: 1,
+        DOMActivate: 1,
+        DOMFocusIn: 1,
+        DOMFocusOut: 1,
+        drag: 1,
+        dragend: 1,
+        dragenter: 1,
+        dragleave: 1,
+        dragover: 1,
+        dragstart: 1,
+        drop: 1,
+        focus: 1,
+        focusin: 1,
+        focusout: 1,
+        gotpointercapture: 1,
+        input: 1,
+        keydown: 1,
+        keypress: 1,
+        keyup: 1,
+        lostpointercapture: 1,
+        mousedown: 1,
+        mouseenter: 1,
+        mouseleave: 1,
+        mousemove: 1,
+        mouseout: 1,
+        mouseover: 1,
+        mouseup: 1,
+        paste: 1,
+        pointercancel: 1,
+        pointerdown: 1,
+        pointerenter: 1,
+        pointerleave: 1,
+        pointermove: 1,
+        pointerout: 1,
+        pointerover: 1,
+        pointerup: 1,
+        touchcancel: 1,
+        touchend: 1,
+        touchmove: 1,
+        touchstart: 1,
+        wheel: 1,
+    });
+    const EventConstructor = Event;
+    // Patch Event constructor to add the composed property on events created via new Event.
+    function PatchedEvent(type, eventInitDict) {
+        const event = new EventConstructor(type, eventInitDict);
+        const isComposed = !!(eventInitDict && eventInitDict.composed);
+        Object.defineProperties(event, {
+            composed: {
+                get() {
+                    return isComposed;
+                },
+                configurable: true,
+                enumerable: true,
+            },
+        });
+        return event;
+    }
+    PatchedEvent.prototype = EventConstructor.prototype;
+    PatchedEvent.AT_TARGET = EventConstructor.AT_TARGET;
+    PatchedEvent.BUBBLING_PHASE = EventConstructor.BUBBLING_PHASE;
+    PatchedEvent.CAPTURING_PHASE = EventConstructor.CAPTURING_PHASE;
+    PatchedEvent.NONE = EventConstructor.NONE;
+    window.Event = PatchedEvent;
+    // Patch the Event prototype to add the composed property on user agent dispatched event.
+    Object.defineProperties(Event.prototype, {
+        composed: {
+            get() {
+                const { type } = this;
+                return composedEvents[type] === 1;
+            },
+            configurable: true,
+            enumerable: true,
+        },
+    });
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+if (detect$2()) {
+    apply$2();
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const CustomEventConstructor = CustomEvent;
+function PatchedCustomEvent(type, eventInitDict) {
+    const event = new CustomEventConstructor(type, eventInitDict);
+    const isComposed = !!(eventInitDict && eventInitDict.composed);
+    Object.defineProperties(event, {
+        composed: {
+            get() {
+                return isComposed;
+            },
+            configurable: true,
+            enumerable: true,
+        },
+    });
+    return event;
+}
+PatchedCustomEvent.prototype = CustomEventConstructor.prototype;
+window.CustomEvent = PatchedCustomEvent;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+if (typeof ClipboardEvent !== 'undefined') {
+    const isComposedType = assign(create(null), {
+        copy: 1,
+        cut: 1,
+        paste: 1,
+    });
+    // Patch the prototype to override the composed property on user-agent dispatched events
+    defineProperties(ClipboardEvent.prototype, {
+        composed: {
+            get() {
+                const { type } = this;
+                return isComposedType[type] === 1;
+            },
+            configurable: true,
+            enumerable: true,
+        },
+    });
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function detect$1() {
+    // Note: when using this in mobile apps, we might have a DOM that does not support iframes.
+    const hasIframe = typeof HTMLIFrameElement !== 'undefined';
+    // This polyfill should only apply in compat mode; see https://github.com/salesforce/lwc/issues/1513
+    const isCompat = typeof Proxy !== 'undefined' && isTrue(Proxy.isCompat);
+    return hasIframe && isCompat;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function apply$1() {
+    // the iframe property descriptor for `contentWindow` should always be available, otherwise this method should never be called
+    const desc = getOwnPropertyDescriptor(HTMLIFrameElement.prototype, 'contentWindow');
+    const { get: originalGetter } = desc;
+    desc.get = function () {
+        const original = originalGetter.call(this);
+        // If the original iframe element is not a keyed node, then do not wrap it
+        if (isNull(original) || isUndefined(getNodeOwnerKey(this))) {
+            return original;
+        }
+        // only if the element is an iframe inside a shadowRoot, we care about this problem
+        // because in that case, the code that is accessing the iframe, is very likely code
+        // compiled with proxy-compat transformation. It is true that other code without those
+        // transformations might also access an iframe from within a shadowRoot, but in that,
+        // case, which is more rare, we still return the wrapper, and it should work the same,
+        // this part is just an optimization.
+        return wrapIframeWindow(original);
+    };
+    defineProperty(HTMLIFrameElement.prototype, 'contentWindow', desc);
+}
+function wrapIframeWindow(win) {
+    return {
+        addEventListener() {
+            // Typescript does not like it when you treat the `arguments` object as an array
+            // @ts-ignore type-mismatch
+            return win.addEventListener.apply(win, arguments);
+        },
+        blur() {
+            // Typescript does not like it when you treat the `arguments` object as an array
+            // @ts-ignore type-mismatch
+            return win.blur.apply(win, arguments);
+        },
+        close() {
+            // Typescript does not like it when you treat the `arguments` object as an array
+            // @ts-ignore type-mismatch
+            return win.close.apply(win, arguments);
+        },
+        focus() {
+            // Typescript does not like it when you treat the `arguments` object as an array
+            // @ts-ignore type-mismatch
+            return win.focus.apply(win, arguments);
+        },
+        postMessage() {
+            // Typescript does not like it when you treat the `arguments` object as an array
+            // @ts-ignore type-mismatch
+            return win.postMessage.apply(win, arguments);
+        },
+        removeEventListener() {
+            // Typescript does not like it when you treat the `arguments` object as an array
+            // @ts-ignore type-mismatch
+            return win.removeEventListener.apply(win, arguments);
+        },
+        get closed() {
+            return win.closed;
+        },
+        get frames() {
+            return win.frames;
+        },
+        get length() {
+            return win.length;
+        },
+        get location() {
+            return win.location;
+        },
+        set location(value) {
+            win.location = value;
+        },
+        get opener() {
+            return win.opener;
+        },
+        get parent() {
+            return win.parent;
+        },
+        get self() {
+            return win.self;
+        },
+        get top() {
+            return win.top;
+        },
+        get window() {
+            return win.window;
+        },
+    }; // this is limited
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+if (detect$1()) {
+    apply$1();
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const OriginalMutationObserver = MutationObserver;
+const { disconnect: originalDisconnect, observe: originalObserve, takeRecords: originalTakeRecords, } = OriginalMutationObserver.prototype;
+// Internal fields to maintain relationships
+const wrapperLookupField = '$$lwcObserverCallbackWrapper$$';
+const observerLookupField = '$$lwcNodeObservers$$';
+const observerToNodesMap = new WeakMap();
+function getNodeObservers(node) {
+    return node[observerLookupField];
+}
+function setNodeObservers(node, observers) {
+    node[observerLookupField] = observers;
+}
+/**
+ * Retarget the mutation record's target value to its shadowRoot
+ * @param {MutationRecord} originalRecord
+ */
+function retargetMutationRecord(originalRecord) {
+    const { addedNodes, removedNodes, target, type } = originalRecord;
+    const retargetedRecord = create(MutationRecord.prototype);
+    defineProperties(retargetedRecord, {
+        addedNodes: {
+            get() {
+                return addedNodes;
+            },
+            enumerable: true,
+            configurable: true,
+        },
+        removedNodes: {
+            get() {
+                return removedNodes;
+            },
+            enumerable: true,
+            configurable: true,
+        },
+        type: {
+            get() {
+                return type;
+            },
+            enumerable: true,
+            configurable: true,
+        },
+        target: {
+            get() {
+                return target.shadowRoot;
+            },
+            enumerable: true,
+            configurable: true,
+        },
+    });
+    return retargetedRecord;
+}
+/**
+ * Utility to identify if a target node is being observed by the given observer
+ * Start at the current node, if the observer is registered to observe the current node, the mutation qualifies
+ * @param {MutationObserver} observer
+ * @param {Node} target
+ */
+function isQualifiedObserver(observer, target) {
+    let parentNode = target;
+    while (!isNull(parentNode)) {
+        const parentNodeObservers = getNodeObservers(parentNode);
+        if (!isUndefined(parentNodeObservers) &&
+            (parentNodeObservers[0] === observer || // perf optimization to check for the first item is a match
+                ArrayIndexOf.call(parentNodeObservers, observer) !== -1)) {
+            return true;
+        }
+        parentNode = parentNode.parentNode;
+    }
+    return false;
+}
+/**
+ * This function provides a shadow dom compliant filtered view of mutation records for a given observer.
+ *
+ * The key logic here is to determine if a given observer has been registered to observe any nodes
+ * between the target node of a mutation record to the target's root node.
+ * This function also retargets records when mutations occur directly under the shadow root
+ * @param {MutationRecords[]} mutations
+ * @param {MutationObserver} observer
+ */
+function filterMutationRecords(mutations, observer) {
+    return ArrayReduce.call(mutations, (filteredSet, record) => {
+        const { target, addedNodes, removedNodes, type } = record;
+        // If target is an lwc host,
+        // Determine if the mutations affected the host or the shadowRoot
+        // Mutations affecting host: changes to slot content
+        // Mutations affecting shadowRoot: changes to template content
+        if (type === 'childList' && !isUndefined(getNodeKey(target))) {
+            // In case of added nodes, we can climb up the tree and determine eligibility
+            if (addedNodes.length > 0) {
+                // Optimization: Peek in and test one node to decide if the MutationRecord qualifies
+                // The remaining nodes in this MutationRecord will have the same ownerKey
+                const sampleNode = addedNodes[0];
+                if (isQualifiedObserver(observer, sampleNode)) {
+                    // If the target was being observed, then return record as-is
+                    // this will be the case for slot content
+                    const nodeObservers = getNodeObservers(target);
+                    if (nodeObservers &&
+                        (nodeObservers[0] === observer ||
+                            ArrayIndexOf.call(nodeObservers, observer) !== -1)) {
+                        ArrayPush.call(filteredSet, record);
+                    }
+                    else {
+                        // else, must be observing the shadowRoot
+                        ArrayPush.call(filteredSet, retargetMutationRecord(record));
+                    }
+                }
+            }
+            else {
+                // In the case of removed nodes, climbing the tree is not an option as the nodes are disconnected
+                // We can only check if either the host or shadow root was observed and qualify the record
+                const shadowRoot = target.shadowRoot;
+                const sampleNode = removedNodes[0];
+                if (getNodeNearestOwnerKey(target) === getNodeNearestOwnerKey(sampleNode) && // trickery: sampleNode is slot content
+                    isQualifiedObserver(observer, target) // use target as a close enough reference to climb up
+                ) {
+                    ArrayPush.call(filteredSet, record);
+                }
+                else if (shadowRoot) {
+                    const shadowRootObservers = getNodeObservers(shadowRoot);
+                    if (shadowRootObservers &&
+                        (shadowRootObservers[0] === observer ||
+                            ArrayIndexOf.call(shadowRootObservers, observer) !== -1)) {
+                        ArrayPush.call(filteredSet, retargetMutationRecord(record));
+                    }
+                }
+            }
+        }
+        else {
+            // Mutation happened under a root node(shadow root or document) and the decision is straighforward
+            // Ascend the tree starting from target and check if observer is qualified
+            if (isQualifiedObserver(observer, target)) {
+                ArrayPush.call(filteredSet, record);
+            }
+        }
+        return filteredSet;
+    }, []);
+}
+function getWrappedCallback(callback) {
+    let wrappedCallback = callback[wrapperLookupField];
+    if (isUndefined(wrappedCallback)) {
+        wrappedCallback = callback[wrapperLookupField] = (mutations, observer) => {
+            // Filter mutation records
+            const filteredRecords = filterMutationRecords(mutations, observer);
+            // If not records are eligible for the observer, do not invoke callback
+            if (filteredRecords.length === 0) {
+                return;
+            }
+            callback.call(observer, filteredRecords, observer);
+        };
+    }
+    return wrappedCallback;
+}
+/**
+ * Patched MutationObserver constructor.
+ * 1. Wrap the callback to filter out MutationRecords based on dom ownership
+ * 2. Add a property field to track all observed targets of the observer instance
+ * @param {MutationCallback} callback
+ */
+function PatchedMutationObserver(callback) {
+    const wrappedCallback = getWrappedCallback(callback);
+    const observer = new OriginalMutationObserver(wrappedCallback);
+    return observer;
+}
+function patchedDisconnect() {
+    originalDisconnect.call(this);
+    // Clear the node to observer reference which is a strong references
+    const observedNodes = observerToNodesMap.get(this);
+    if (!isUndefined(observedNodes)) {
+        forEach.call(observedNodes, (observedNode) => {
+            const observers = observedNode[observerLookupField];
+            if (!isUndefined(observers)) {
+                const index = ArrayIndexOf.call(observers, this);
+                if (index !== -1) {
+                    ArraySplice.call(observers, index, 1);
+                }
+            }
+        });
+        observedNodes.length = 0;
+    }
+}
+/**
+ * A single mutation observer can observe multiple nodes(target).
+ * Maintain a list of all targets that the observer chooses to observe
+ * @param {Node} target
+ * @param {Object} options
+ */
+function patchedObserve(target, options) {
+    let targetObservers = getNodeObservers(target);
+    // Maintain a list of all observers that want to observe a node
+    if (isUndefined(targetObservers)) {
+        targetObservers = [];
+        setNodeObservers(target, targetObservers);
+    }
+    // Same observer trying to observe the same node
+    if (ArrayIndexOf.call(targetObservers, this) === -1) {
+        ArrayPush.call(targetObservers, this);
+    } // else There is more bookkeeping to do here https://dom.spec.whatwg.org/#dom-mutationobserver-observe Step #7
+    // SyntheticShadowRoot instances are not actually a part of the DOM so observe the host instead.
+    if (isSyntheticShadowRoot(target)) {
+        target = target.host;
+    }
+    // maintain a list of all nodes observed by this observer
+    if (observerToNodesMap.has(this)) {
+        const observedNodes = observerToNodesMap.get(this);
+        if (ArrayIndexOf.call(observedNodes, target) === -1) {
+            ArrayPush.call(observedNodes, target);
+        }
+    }
+    else {
+        observerToNodesMap.set(this, [target]);
+    }
+    return originalObserve.call(this, target, options);
+}
+/**
+ * Patch the takeRecords() api to filter MutationRecords based on the observed targets
+ */
+function patchedTakeRecords() {
+    return filterMutationRecords(originalTakeRecords.call(this), this);
+}
+PatchedMutationObserver.prototype = OriginalMutationObserver.prototype;
+PatchedMutationObserver.prototype.disconnect = patchedDisconnect;
+PatchedMutationObserver.prototype.observe = patchedObserve;
+PatchedMutationObserver.prototype.takeRecords = patchedTakeRecords;
+defineProperty(window, 'MutationObserver', {
+    value: PatchedMutationObserver,
+    configurable: true,
+    writable: true,
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function patchedAddEventListener$1(type, listener, optionsOrCapture) {
+    if (isSyntheticShadowHost(this)) {
+        // Typescript does not like it when you treat the `arguments` object as an array
+        // @ts-ignore type-mismatch
+        return addCustomElementEventListener.apply(this, arguments);
+    }
+    if (arguments.length < 2) {
+        // Slow path, unlikely to be called frequently. We expect modern browsers to throw:
+        // https://googlechrome.github.io/samples/event-listeners-mandatory-arguments/
+        const args = ArraySlice.call(arguments);
+        if (args.length > 1) {
+            args[1] = getEventListenerWrapper(args[1]);
+        }
+        // Ignore types because we're passing through to native method
+        // @ts-ignore type-mismatch
+        return addEventListener.apply(this, args);
+    }
+    // Fast path. This function is optimized to avoid ArraySlice because addEventListener is called
+    // very frequently, and it provides a measurable perf boost to avoid so much array cloning.
+    const wrappedListener = getEventListenerWrapper(listener);
+    // The third argument is optional, so passing in `undefined` for `optionsOrCapture` gives capture=false
+    return addEventListener.call(this, type, wrappedListener, optionsOrCapture);
+}
+function patchedRemoveEventListener$1(_type, _listener, _optionsOrCapture) {
+    if (isSyntheticShadowHost(this)) {
+        // Typescript does not like it when you treat the `arguments` object as an array
+        // @ts-ignore type-mismatch
+        return removeCustomElementEventListener.apply(this, arguments);
+    }
+    const args = ArraySlice.call(arguments);
+    if (arguments.length > 1) {
+        args[1] = getEventListenerWrapper(args[1]);
+    }
+    // Ignore types because we're passing through to native method
+    // @ts-ignore type-mismatch
+    removeEventListener.apply(this, args);
+    // Account for listeners that were added before this polyfill was applied
+    // Typescript does not like it when you treat the `arguments` object as an array
+    // @ts-ignore type-mismatch
+    removeEventListener.apply(this, arguments);
+}
+defineProperties(eventTargetPrototype, {
+    addEventListener: {
+        value: patchedAddEventListener$1,
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+    removeEventListener: {
+        value: patchedRemoveEventListener$1,
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function detect() {
+    return typeof EventTarget === 'undefined';
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function patchedAddEventListener(_type, _listener, _options) {
+    if (arguments.length > 1) {
+        const args = ArraySlice.call(arguments);
+        args[1] = getEventListenerWrapper(args[1]);
+        // Ignore types because we're passing through to native method
+        // @ts-ignore type-mismatch
+        return windowAddEventListener.apply(this, args);
+    }
+    // Typescript does not like it when you treat the `arguments` object as an array
+    // @ts-ignore type-mismatch
+    return windowAddEventListener.apply(this, arguments);
+}
+function patchedRemoveEventListener(_type, _listener, _options) {
+    if (arguments.length > 1) {
+        const args = ArraySlice.call(arguments);
+        args[1] = getEventListenerWrapper(args[1]);
+        // Ignore types because we're passing through to native method
+        // @ts-ignore type-mismatch
+        windowRemoveEventListener.apply(this, args);
+    }
+    // Account for listeners that were added before this polyfill was applied
+    // Typescript does not like it when you treat the `arguments` object as an array
+    // @ts-ignore type-mismatch
+    windowRemoveEventListener.apply(this, arguments);
+}
+function apply() {
+    defineProperties(Window.prototype, {
+        addEventListener: {
+            value: patchedAddEventListener,
+            enumerable: true,
+            writable: true,
+            configurable: true,
+        },
+        removeEventListener: {
+            value: patchedRemoveEventListener,
+            enumerable: true,
+            writable: true,
+            configurable: true,
+        },
+    });
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+if (detect()) {
+    apply();
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function patchedCurrentTargetGetter() {
+    const currentTarget = eventCurrentTargetGetter.call(this);
+    if (isNull(currentTarget)) {
+        return null;
+    }
+    if (eventToContextMap.get(this) === 1 /* EventListenerContext.SHADOW_ROOT_LISTENER */) {
+        return getShadowRoot(currentTarget);
+    }
+    return currentTarget;
+}
+function patchedTargetGetter() {
+    const originalTarget = eventTargetGetter.call(this);
+    if (!(originalTarget instanceof _Node)) {
+        return originalTarget;
+    }
+    const doc = getOwnerDocument(originalTarget);
+    const composedPath = pathComposer(originalTarget, this.composed);
+    const originalCurrentTarget = eventCurrentTargetGetter.call(this);
+    // Handle cases where the currentTarget is null (for async events), and when an event has been
+    // added to Window
+    if (!(originalCurrentTarget instanceof _Node)) {
+        // TODO [#1511]: Special escape hatch to support legacy behavior. Should be fixed.
+        // If the event's target is being accessed async and originalTarget is not a keyed element, do not retarget
+        if (isNull(originalCurrentTarget) && isUndefined(getNodeOwnerKey(originalTarget))) {
+            return originalTarget;
+        }
+        return retarget(doc, composedPath);
+    }
+    else if (originalCurrentTarget === doc || originalCurrentTarget === doc.body) {
+        // TODO [#1530]: If currentTarget is document or document.body (Third party libraries that have global event listeners)
+        // and the originalTarget is not a keyed element, do not retarget
+        if (isUndefined(getNodeOwnerKey(originalTarget))) {
+            return originalTarget;
+        }
+        return retarget(doc, composedPath);
+    }
+    let actualCurrentTarget = originalCurrentTarget;
+    let actualPath = composedPath;
+    // Address the possibility that `currentTarget` is a shadow root
+    if (isSyntheticShadowHost(originalCurrentTarget)) {
+        const context = eventToContextMap.get(this);
+        if (context === 1 /* EventListenerContext.SHADOW_ROOT_LISTENER */) {
+            actualCurrentTarget = getShadowRoot(originalCurrentTarget);
+        }
+    }
+    // Address the possibility that `target` is a shadow root
+    if (isSyntheticShadowHost(originalTarget) && eventToShadowRootMap.has(this)) {
+        actualPath = pathComposer(getShadowRoot(originalTarget), this.composed);
+    }
+    return retarget(actualCurrentTarget, actualPath);
+}
+function patchedComposedPathValue() {
+    const originalTarget = eventTargetGetter.call(this);
+    // Account for events with targets that are not instances of Node (e.g., when a readystatechange
+    // handler is listening on an instance of XMLHttpRequest).
+    if (!(originalTarget instanceof _Node)) {
+        return [];
+    }
+    // If the original target is inside a native shadow root, then just call the native
+    // composePath() method. The event is already retargeted and this causes our composedPath()
+    // polyfill to compute the wrong value. This is only an issue when you have a native web
+    // component inside an LWC component (see test in same commit) but this scenario is unlikely
+    // because we don't yet support that. Workaround specifically for W-9846457. Mixed mode solution
+    // will likely be more involved.
+    const hasShadowRoot = Boolean(originalTarget.shadowRoot);
+    const hasSyntheticShadowRootAttached = hasInternalSlot(originalTarget);
+    if (hasShadowRoot && !hasSyntheticShadowRootAttached) {
+        return composedPath.call(this);
+    }
+    const originalCurrentTarget = eventCurrentTargetGetter.call(this);
+    // If the event has completed propagation, the composedPath should be an empty array.
+    if (isNull(originalCurrentTarget)) {
+        return [];
+    }
+    // Address the possibility that `target` is a shadow root
+    let actualTarget = originalTarget;
+    if (isSyntheticShadowHost(originalTarget) && eventToShadowRootMap.has(this)) {
+        actualTarget = getShadowRoot(originalTarget);
+    }
+    return pathComposer(actualTarget, this.composed);
+}
+defineProperties(Event.prototype, {
+    target: {
+        get: patchedTargetGetter,
+        enumerable: true,
+        configurable: true,
+    },
+    currentTarget: {
+        get: patchedCurrentTargetGetter,
+        enumerable: true,
+        configurable: true,
+    },
+    composedPath: {
+        value: patchedComposedPathValue,
+        writable: true,
+        enumerable: true,
+        configurable: true,
+    },
+    // Non-standard but widely supported for backwards-compatibility
+    srcElement: {
+        get: patchedTargetGetter,
+        enumerable: true,
+        configurable: true,
+    },
+    // Non-standard but implemented in Chrome and continues to exist for backwards-compatibility
+    // https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/dom/events/event.idl;l=58?q=event.idl&ss=chromium
+    path: {
+        get: patchedComposedPathValue,
+        enumerable: true,
+        configurable: true,
+    },
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function retargetRelatedTarget(Ctor) {
+    const relatedTargetGetter = getOwnPropertyDescriptor(Ctor.prototype, 'relatedTarget')
+        .get;
+    defineProperty(Ctor.prototype, 'relatedTarget', {
+        get() {
+            const relatedTarget = relatedTargetGetter.call(this);
+            if (isNull(relatedTarget)) {
+                return null;
+            }
+            if (!(relatedTarget instanceof _Node) || !isNodeShadowed(relatedTarget)) {
+                return relatedTarget;
+            }
+            let pointOfReference = eventCurrentTargetGetter.call(this);
+            if (isNull(pointOfReference)) {
+                pointOfReference = getOwnerDocument(relatedTarget);
+            }
+            return retarget(pointOfReference, pathComposer(relatedTarget, true));
+        },
+        enumerable: true,
+        configurable: true,
+    });
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+retargetRelatedTarget(FocusEvent);
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+retargetRelatedTarget(MouseEvent);
+
+/*
+ * Copyright (c) 2021, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const assignedSlotGetter = hasOwnProperty.call(Text.prototype, 'assignedSlot')
+    ? getOwnPropertyDescriptor(Text.prototype, 'assignedSlot').get
+    : () => null;
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// We can use a single observer without having to worry about leaking because
+// "Registered observers in a node’s registered observer list have a weak
+// reference to the node."
+// https://dom.spec.whatwg.org/#garbage-collection
+let observer;
+const observerConfig = { childList: true };
+const SlotChangeKey = new WeakMap();
+function initSlotObserver() {
+    return new MO((mutations) => {
+        const slots = [];
+        forEach.call(mutations, (mutation) => {
+            if (process.env.NODE_ENV !== 'production') {
+                assert.invariant(mutation.type === 'childList', `Invalid mutation type: ${mutation.type}. This mutation handler for slots should only handle "childList" mutations.`);
+            }
+            const { target: slot } = mutation;
+            if (ArrayIndexOf.call(slots, slot) === -1) {
+                ArrayPush.call(slots, slot);
+                dispatchEvent.call(slot, new CustomEvent('slotchange'));
+            }
+        });
+    });
+}
+function getFilteredSlotFlattenNodes(slot) {
+    const childNodes = arrayFromCollection(childNodesGetter.call(slot));
+    // Typescript is inferring the wrong function type for this particular
+    // overloaded method: https://github.com/Microsoft/TypeScript/issues/27972
+    // @ts-ignore type-mismatch
+    return ArrayReduce.call(childNodes, (seed, child) => {
+        if (child instanceof Element && isSlotElement(child)) {
+            ArrayPush.apply(seed, getFilteredSlotFlattenNodes(child));
+        }
+        else {
+            ArrayPush.call(seed, child);
+        }
+        return seed;
+    }, []);
+}
+function assignedSlotGetterPatched() {
+    const parentNode = parentNodeGetter.call(this);
+    // use original assignedSlot if parent has a native shdow root
+    if (parentNode instanceof Element) {
+        const sr = shadowRootGetter.call(parentNode);
+        if (isInstanceOfNativeShadowRoot(sr)) {
+            if (this instanceof Text) {
+                return assignedSlotGetter.call(this);
+            }
+            return assignedSlotGetter$1.call(this);
+        }
+    }
+    /**
+     * The node is assigned to a slot if:
+     *  - it has a parent and its parent is a slot element
+     *  - and if the slot owner key is different than the node owner key.
+     *
+     * When the slot and the slotted node are 2 different shadow trees, the owner keys will be
+     * different. When the slot is in a shadow tree and the slotted content is a light DOM node,
+     * the light DOM node doesn't have an owner key and therefor the slot owner key will be
+     * different than the node owner key (always `undefined`).
+     */
+    if (!isNull(parentNode) &&
+        isSlotElement(parentNode) &&
+        getNodeOwnerKey(parentNode) !== getNodeOwnerKey(this)) {
+        return parentNode;
+    }
+    return null;
+}
+defineProperties(HTMLSlotElement.prototype, {
+    addEventListener: {
+        value(type, listener, options) {
+            // super.addEventListener - but that doesn't work with typescript
+            HTMLElement.prototype.addEventListener.call(this, type, listener, options);
+            if (type === 'slotchange' && !SlotChangeKey.get(this)) {
+                SlotChangeKey.set(this, true);
+                if (!observer) {
+                    observer = initSlotObserver();
+                }
+                MutationObserverObserve.call(observer, this, observerConfig);
+            }
+        },
+        writable: true,
+        enumerable: true,
+        configurable: true,
+    },
+    assignedElements: {
+        value(options) {
+            if (isNodeShadowed(this)) {
+                const flatten = !isUndefined(options) && isTrue(options.flatten);
+                const nodes = flatten
+                    ? getFilteredSlotFlattenNodes(this)
+                    : getFilteredSlotAssignedNodes(this);
+                return ArrayFilter.call(nodes, (node) => node instanceof Element);
+            }
+            else {
+                return assignedElements.apply(this, ArraySlice.call(arguments));
+            }
+        },
+        writable: true,
+        enumerable: true,
+        configurable: true,
+    },
+    assignedNodes: {
+        value(options) {
+            if (isNodeShadowed(this)) {
+                const flatten = !isUndefined(options) && isTrue(options.flatten);
+                return flatten
+                    ? getFilteredSlotFlattenNodes(this)
+                    : getFilteredSlotAssignedNodes(this);
+            }
+            else {
+                return assignedNodes.apply(this, ArraySlice.call(arguments));
+            }
+        },
+        writable: true,
+        enumerable: true,
+        configurable: true,
+    },
+    name: {
+        get() {
+            const name = getAttribute.call(this, 'name');
+            return isNull(name) ? '' : name;
+        },
+        set(value) {
+            setAttribute.call(this, 'name', value);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    childNodes: {
+        get() {
+            if (isNodeShadowed(this)) {
+                const owner = getNodeOwner(this);
+                const childNodes = isNull(owner)
+                    ? []
+                    : getAllMatches(owner, getFilteredChildNodes(this));
+                return createStaticNodeList(childNodes);
+            }
+            return childNodesGetter.call(this);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+// Non-deep-traversing patches: this descriptor map includes all descriptors that
+// do not five access to nodes beyond the immediate children.
+defineProperties(Text.prototype, {
+    assignedSlot: {
+        get: assignedSlotGetterPatched,
+        enumerable: true,
+        configurable: true,
+    },
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+/**
+ * This methods filters out elements that are not in the same shadow root of context.
+ * It does not enforce shadow dom semantics if $context is not managed by LWC
+ */
+function getNonPatchedFilteredArrayOfNodes(context, unfilteredNodes) {
+    let filtered;
+    const ownerKey = getNodeOwnerKey(context);
+    // a node inside a shadow.
+    if (!isUndefined(ownerKey)) {
+        if (isSyntheticShadowHost(context)) {
+            // element with shadowRoot attached
+            const owner = getNodeOwner(context);
+            if (isNull(owner)) {
+                filtered = [];
+            }
+            else if (getNodeKey(context)) {
+                // it is a custom element, and we should then filter by slotted elements
+                filtered = getAllSlottedMatches(context, unfilteredNodes);
+            }
+            else {
+                // regular element, we should then filter by ownership
+                filtered = getAllMatches(owner, unfilteredNodes);
+            }
+        }
+        else {
+            // context is handled by lwc, using getNodeNearestOwnerKey to include manually inserted elements in the same shadow.
+            filtered = ArrayFilter.call(unfilteredNodes, (elm) => getNodeNearestOwnerKey(elm) === ownerKey);
+        }
+    }
+    else if (context instanceof HTMLBodyElement) {
+        // `context` is document.body which is already patched.
+        filtered = ArrayFilter.call(unfilteredNodes, 
+        // Note: we deviate from native shadow here, but are not fixing
+        // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+        (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(context));
+    }
+    else {
+        // `context` is outside the lwc boundary, return unfiltered list.
+        filtered = ArraySlice.call(unfilteredNodes);
+    }
+    return filtered;
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function innerHTMLGetterPatched() {
+    const childNodes = getInternalChildNodes(this);
+    let innerHTML = '';
+    for (let i = 0, len = childNodes.length; i < len; i += 1) {
+        innerHTML += getOuterHTML(childNodes[i]);
+    }
+    return innerHTML;
+}
+function outerHTMLGetterPatched() {
+    return getOuterHTML(this);
+}
+function attachShadowPatched(options) {
+    // To retain native behavior of the API, provide synthetic shadowRoot only when specified
+    if (options[KEY__SYNTHETIC_MODE]) {
+        return attachShadow(this, options);
+    }
+    return attachShadow$1.call(this, options);
+}
+function shadowRootGetterPatched() {
+    if (isSyntheticShadowHost(this)) {
+        const shadow = getShadowRoot(this);
+        if (shadow.mode === 'open') {
+            return shadow;
+        }
+    }
+    return shadowRootGetter.call(this);
+}
+function childrenGetterPatched() {
+    const owner = getNodeOwner(this);
+    const childNodes = isNull(owner) ? [] : getAllMatches(owner, getFilteredChildNodes(this));
+    return createStaticHTMLCollection(ArrayFilter.call(childNodes, (node) => node instanceof Element));
+}
+function childElementCountGetterPatched() {
+    return this.children.length;
+}
+function firstElementChildGetterPatched() {
+    return this.children[0] || null;
+}
+function lastElementChildGetterPatched() {
+    const { children } = this;
+    return children.item(children.length - 1) || null;
+}
+// Non-deep-traversing patches: this descriptor map includes all descriptors that
+// do not five access to nodes beyond the immediate children.
+defineProperties(Element.prototype, {
+    innerHTML: {
+        get() {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
+                return innerHTMLGetterPatched.call(this);
+            }
+            return innerHTMLGetter.call(this);
+        },
+        set(v) {
+            innerHTMLSetter.call(this, v);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    outerHTML: {
+        get() {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            if (isNodeShadowed(this) || isSyntheticShadowHost(this)) {
+                return outerHTMLGetterPatched.call(this);
+            }
+            return outerHTMLGetter.call(this);
+        },
+        set(v) {
+            outerHTMLSetter.call(this, v);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    attachShadow: {
+        value: attachShadowPatched,
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+    shadowRoot: {
+        get: shadowRootGetterPatched,
+        enumerable: true,
+        configurable: true,
+    },
+    // patched in HTMLElement if exists (IE11 is the one off here)
+    children: {
+        get() {
+            if (hasMountedChildren(this)) {
+                return childrenGetterPatched.call(this);
+            }
+            return childrenGetter.call(this);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    childElementCount: {
+        get() {
+            if (hasMountedChildren(this)) {
+                return childElementCountGetterPatched.call(this);
+            }
+            return childElementCountGetter.call(this);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    firstElementChild: {
+        get() {
+            if (hasMountedChildren(this)) {
+                return firstElementChildGetterPatched.call(this);
+            }
+            return firstElementChildGetter.call(this);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    lastElementChild: {
+        get() {
+            if (hasMountedChildren(this)) {
+                return lastElementChildGetterPatched.call(this);
+            }
+            return lastElementChildGetter.call(this);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    assignedSlot: {
+        get: assignedSlotGetterPatched,
+        enumerable: true,
+        configurable: true,
+    },
+});
+// IE11 extra patches for wrong prototypes
+if (hasOwnProperty.call(HTMLElement.prototype, 'innerHTML')) {
+    defineProperty(HTMLElement.prototype, 'innerHTML', getOwnPropertyDescriptor(Element.prototype, 'innerHTML'));
+}
+if (hasOwnProperty.call(HTMLElement.prototype, 'outerHTML')) {
+    defineProperty(HTMLElement.prototype, 'outerHTML', getOwnPropertyDescriptor(Element.prototype, 'outerHTML'));
+}
+if (hasOwnProperty.call(HTMLElement.prototype, 'children')) {
+    defineProperty(HTMLElement.prototype, 'children', getOwnPropertyDescriptor(Element.prototype, 'children'));
+}
+// Deep-traversing patches from this point on:
+function querySelectorPatched() {
+    const nodeList = arrayFromCollection(querySelectorAll$1.apply(this, ArraySlice.call(arguments)));
+    if (isSyntheticShadowHost(this)) {
+        // element with shadowRoot attached
+        const owner = getNodeOwner(this);
+        if (!isUndefined(getNodeKey(this))) {
+            // it is a custom element, and we should then filter by slotted elements
+            return getFirstSlottedMatch(this, nodeList);
+        }
+        else if (isNull(owner)) {
+            return null;
+        }
+        else {
+            // regular element, we should then filter by ownership
+            return getFirstMatch(owner, nodeList);
+        }
+    }
+    else if (isNodeShadowed(this)) {
+        // element inside a shadowRoot
+        const ownerKey = getNodeOwnerKey(this);
+        if (!isUndefined(ownerKey)) {
+            // `this` is handled by lwc, using getNodeNearestOwnerKey to include manually inserted elements in the same shadow.
+            const elm = ArrayFind.call(nodeList, (elm) => getNodeNearestOwnerKey(elm) === ownerKey);
+            return isUndefined(elm) ? null : elm;
+        }
+        else {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            // `this` is a manually inserted element inside a shadowRoot, return the first element.
+            return nodeList.length === 0 ? null : nodeList[0];
+        }
+    }
+    else {
+        if (!(this instanceof HTMLBodyElement)) {
+            const elm = nodeList[0];
+            return isUndefined(elm) ? null : elm;
+        }
+        // element belonging to the document
+        const elm = ArrayFind.call(nodeList, (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(this));
+        return isUndefined(elm) ? null : elm;
+    }
+}
+function getFilteredArrayOfNodes(context, unfilteredNodes) {
+    let filtered;
+    if (isSyntheticShadowHost(context)) {
+        // element with shadowRoot attached
+        const owner = getNodeOwner(context);
+        if (!isUndefined(getNodeKey(context))) {
+            // it is a custom element, and we should then filter by slotted elements
+            filtered = getAllSlottedMatches(context, unfilteredNodes);
+        }
+        else if (isNull(owner)) {
+            filtered = [];
+        }
+        else {
+            // regular element, we should then filter by ownership
+            filtered = getAllMatches(owner, unfilteredNodes);
+        }
+    }
+    else if (isNodeShadowed(context)) {
+        // element inside a shadowRoot
+        const ownerKey = getNodeOwnerKey(context);
+        if (!isUndefined(ownerKey)) {
+            // context is handled by lwc, using getNodeNearestOwnerKey to include manually inserted elements in the same shadow.
+            filtered = ArrayFilter.call(unfilteredNodes, (elm) => getNodeNearestOwnerKey(elm) === ownerKey);
+        }
+        else {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            // context is manually inserted without lwc:dom-manual, return everything
+            filtered = ArraySlice.call(unfilteredNodes);
+        }
+    }
+    else {
+        if (context instanceof HTMLBodyElement) {
+            // `context` is document.body or element belonging to the document with the patch enabled
+            filtered = ArrayFilter.call(unfilteredNodes, (elm) => isUndefined(getNodeOwnerKey(elm)) || isGlobalPatchingSkipped(context));
+        }
+        else {
+            // `context` is outside the lwc boundary and patch is not enabled.
+            filtered = ArraySlice.call(unfilteredNodes);
+        }
+    }
+    return filtered;
+}
+// The following patched methods hide shadowed elements from global
+// traversing mechanisms. They are simplified for performance reasons to
+// filter by ownership and do not account for slotted elements. This
+// compromise is fine for our synthetic shadow dom because root elements
+// cannot have slotted elements.
+// Another compromise here is that all these traversing methods will return
+// static HTMLCollection or static NodeList. We decided that this compromise
+// is not a big problem considering the amount of code that is relying on
+// the liveliness of these results are rare.
+defineProperties(Element.prototype, {
+    querySelector: {
+        value: querySelectorPatched,
+        writable: true,
+        enumerable: true,
+        configurable: true,
+    },
+    querySelectorAll: {
+        value() {
+            const nodeList = arrayFromCollection(querySelectorAll$1.apply(this, ArraySlice.call(arguments)));
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            const filteredResults = getFilteredArrayOfNodes(this, nodeList);
+            return createStaticNodeList(filteredResults);
+        },
+        writable: true,
+        enumerable: true,
+        configurable: true,
+    },
+});
+// The following APIs are used directly by Jest internally so we avoid patching them during testing.
+if (process.env.NODE_ENV !== 'test') {
+    defineProperties(Element.prototype, {
+        getElementsByClassName: {
+            value() {
+                const elements = arrayFromCollection(getElementsByClassName$1.apply(this, ArraySlice.call(arguments)));
+                // Note: we deviate from native shadow here, but are not fixing
+                // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+                return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
+            },
+            writable: true,
+            enumerable: true,
+            configurable: true,
+        },
+        getElementsByTagName: {
+            value() {
+                const elements = arrayFromCollection(getElementsByTagName$1.apply(this, ArraySlice.call(arguments)));
+                // Note: we deviate from native shadow here, but are not fixing
+                // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+                return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
+            },
+            writable: true,
+            enumerable: true,
+            configurable: true,
+        },
+        getElementsByTagNameNS: {
+            value() {
+                const elements = arrayFromCollection(getElementsByTagNameNS$1.apply(this, ArraySlice.call(arguments)));
+                // Note: we deviate from native shadow here, but are not fixing
+                // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+                return createStaticHTMLCollection(getNonPatchedFilteredArrayOfNodes(this, elements));
+            },
+            writable: true,
+            enumerable: true,
+            configurable: true,
+        },
+    });
+}
+// IE11 extra patches for wrong prototypes
+if (hasOwnProperty.call(HTMLElement.prototype, 'getElementsByClassName')) {
+    defineProperty(HTMLElement.prototype, 'getElementsByClassName', getOwnPropertyDescriptor(Element.prototype, 'getElementsByClassName'));
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const FocusableSelector = `
+    [contenteditable],
+    [tabindex],
+    a[href],
+    area[href],
+    audio[controls],
+    button,
+    iframe,
+    input,
+    select,
+    textarea,
+    video[controls]
+`;
+const formElementTagNames = new Set(['BUTTON', 'INPUT', 'SELECT', 'TEXTAREA']);
+function filterSequentiallyFocusableElements(elements) {
+    return elements.filter((element) => {
+        if (hasAttribute.call(element, 'tabindex')) {
+            // Even though LWC only supports tabindex values of 0 or -1,
+            // passing through elements with tabindex="0" is a tighter criteria
+            // than filtering out elements based on tabindex="-1".
+            return getAttribute.call(element, 'tabindex') === '0';
+        }
+        if (formElementTagNames.has(tagNameGetter.call(element))) {
+            return !hasAttribute.call(element, 'disabled');
+        }
+        return true;
+    });
+}
+const DidAddMouseEventListeners = new WeakMap();
+// Due to browser differences, it is impossible to know what is focusable until
+// we actually try to focus it. We need to refactor our focus delegation logic
+// to verify whether or not the target was actually focused instead of trying
+// to predict focusability like we do here.
+function isVisible(element) {
+    const { width, height } = getBoundingClientRect.call(element);
+    const noZeroSize = width > 0 || height > 0;
+    // The area element can be 0x0 and focusable. Hardcoding this is not ideal
+    // but it will minimize changes in the current behavior.
+    const isAreaElement = element.tagName === 'AREA';
+    return (noZeroSize || isAreaElement) && getComputedStyle(element).visibility !== 'hidden';
+}
+// This function based on https://allyjs.io/data-tables/focusable.html
+// It won't catch everything, but should be good enough
+// There are a lot of edge cases here that we can't realistically handle
+// Determines if a particular element is tabbable, as opposed to simply focusable
+function isTabbable(element) {
+    if (isSyntheticShadowHost(element) && isDelegatingFocus(element)) {
+        return false;
+    }
+    return matches.call(element, FocusableSelector) && isVisible(element);
+}
+function hostElementFocus() {
+    const _rootNode = this.getRootNode();
+    if (_rootNode === this) {
+        // We invoke the focus() method even if the host is disconnected in order to eliminate
+        // observable differences for component authors between synthetic and native.
+        const focusable = querySelector.call(this, FocusableSelector);
+        if (!isNull(focusable)) {
+            // @ts-ignore type-mismatch
+            focusable.focus.apply(focusable, arguments);
+        }
+        return;
+    }
+    // If the root node is not the host element then it's either the document or a shadow root.
+    const rootNode = _rootNode;
+    if (rootNode.activeElement === this) {
+        // The focused element should not change if the focus method is invoked
+        // on the shadow-including ancestor of the currently focused element.
+        return;
+    }
+    const focusables = arrayFromCollection(querySelectorAll$1.call(this, FocusableSelector));
+    let didFocus = false;
+    while (!didFocus && focusables.length !== 0) {
+        const focusable = focusables.shift();
+        // @ts-ignore type-mismatch
+        focusable.focus.apply(focusable, arguments);
+        // Get the root node of the current focusable in case it was slotted.
+        const currentRootNode = focusable.getRootNode();
+        didFocus = currentRootNode.activeElement === focusable;
+    }
+}
+function getTabbableSegments(host) {
+    const doc = getOwnerDocument(host);
+    const all = filterSequentiallyFocusableElements(arrayFromCollection(querySelectorAll.call(doc, FocusableSelector)));
+    const inner = filterSequentiallyFocusableElements(arrayFromCollection(querySelectorAll$1.call(host, FocusableSelector)));
+    if (process.env.NODE_ENV !== 'production') {
+        assert.invariant(getAttribute.call(host, 'tabindex') === '-1' || isDelegatingFocus(host), `The focusin event is only relevant when the tabIndex property is -1 on the host.`);
+    }
+    const firstChild = inner[0];
+    const lastChild = inner[inner.length - 1];
+    const hostIndex = ArrayIndexOf.call(all, host);
+    // Host element can show up in our "previous" section if its tabindex is 0
+    // We want to filter that out here
+    const firstChildIndex = hostIndex > -1 ? hostIndex : ArrayIndexOf.call(all, firstChild);
+    // Account for an empty inner list
+    const lastChildIndex = inner.length === 0 ? firstChildIndex + 1 : ArrayIndexOf.call(all, lastChild) + 1;
+    const prev = ArraySlice.call(all, 0, firstChildIndex);
+    const next = ArraySlice.call(all, lastChildIndex);
+    return {
+        prev,
+        inner,
+        next,
+    };
+}
+function getActiveElement(host) {
+    const doc = getOwnerDocument(host);
+    const activeElement = DocumentPrototypeActiveElement.call(doc);
+    if (isNull(activeElement)) {
+        return activeElement;
+    }
+    // activeElement must be child of the host and owned by it
+    return (compareDocumentPosition.call(host, activeElement) & DOCUMENT_POSITION_CONTAINED_BY) !==
+        0
+        ? activeElement
+        : null;
+}
+function relatedTargetPosition(host, relatedTarget) {
+    // assert: target must be child of host
+    const pos = compareDocumentPosition.call(host, relatedTarget);
+    if (pos & DOCUMENT_POSITION_CONTAINED_BY) {
+        // focus remains inside the host
+        return 0;
+    }
+    else if (pos & DOCUMENT_POSITION_PRECEDING) {
+        // focus is coming from above
+        return 1;
+    }
+    else if (pos & DOCUMENT_POSITION_FOLLOWING) {
+        // focus is coming from below
+        return 2;
+    }
+    // we don't know what's going on.
+    return -1;
+}
+function muteEvent(event) {
+    event.preventDefault();
+    event.stopPropagation();
+}
+function muteFocusEventsDuringExecution(win, func) {
+    windowAddEventListener.call(win, 'focusin', muteEvent, true);
+    windowAddEventListener.call(win, 'focusout', muteEvent, true);
+    func();
+    windowRemoveEventListener.call(win, 'focusin', muteEvent, true);
+    windowRemoveEventListener.call(win, 'focusout', muteEvent, true);
+}
+function focusOnNextOrBlur(segment, target, relatedTarget) {
+    const win = getOwnerWindow(relatedTarget);
+    const next = getNextTabbable(segment, relatedTarget);
+    if (isNull(next)) {
+        // nothing to focus on, blur to invalidate the operation
+        muteFocusEventsDuringExecution(win, () => {
+            target.blur();
+        });
+    }
+    else {
+        muteFocusEventsDuringExecution(win, () => {
+            next.focus();
+        });
+    }
+}
+let letBrowserHandleFocus = false;
+function disableKeyboardFocusNavigationRoutines() {
+    letBrowserHandleFocus = true;
+}
+function enableKeyboardFocusNavigationRoutines() {
+    letBrowserHandleFocus = false;
+}
+function isKeyboardFocusNavigationRoutineEnabled() {
+    return !letBrowserHandleFocus;
+}
+function skipHostHandler(event) {
+    if (letBrowserHandleFocus) {
+        return;
+    }
+    const host = eventCurrentTargetGetter.call(event);
+    const target = eventTargetGetter.call(event);
+    // If the host delegating focus with tabindex=0 is not the target, we know
+    // that the event was dispatched on a descendant node of the host. This
+    // means the focus is coming from below and we don't need to do anything.
+    if (host !== target) {
+        // Focus is coming from above
+        return;
+    }
+    const relatedTarget = focusEventRelatedTargetGetter.call(event);
+    if (isNull(relatedTarget)) {
+        // If relatedTarget is null, the user is most likely tabbing into the document from the
+        // browser chrome. We could probably deduce whether focus is coming in from the top or the
+        // bottom by comparing the position of the target to all tabbable elements. This is an edge
+        // case and only comes up if the custom element is the first or last tabbable element in the
+        // document.
+        return;
+    }
+    const segments = getTabbableSegments(host);
+    const position = relatedTargetPosition(host, relatedTarget);
+    if (position === 1) {
+        // Focus is coming from above
+        const findTabbableElms = isTabbableFrom.bind(null, host.getRootNode());
+        const first = ArrayFind.call(segments.inner, findTabbableElms);
+        if (!isUndefined(first)) {
+            const win = getOwnerWindow(first);
+            muteFocusEventsDuringExecution(win, () => {
+                first.focus();
+            });
+        }
+        else {
+            focusOnNextOrBlur(segments.next, target, relatedTarget);
+        }
+    }
+    else if (host === target) {
+        // Host is receiving focus from below, either from its shadow or from a sibling
+        focusOnNextOrBlur(ArrayReverse.call(segments.prev), target, relatedTarget);
+    }
+}
+function skipShadowHandler(event) {
+    if (letBrowserHandleFocus) {
+        return;
+    }
+    const relatedTarget = focusEventRelatedTargetGetter.call(event);
+    if (isNull(relatedTarget)) {
+        // If relatedTarget is null, the user is most likely tabbing into the document from the
+        // browser chrome. We could probably deduce whether focus is coming in from the top or the
+        // bottom by comparing the position of the target to all tabbable elements. This is an edge
+        // case and only comes up if the custom element is the first or last tabbable element in the
+        // document.
+        return;
+    }
+    const host = eventCurrentTargetGetter.call(event);
+    const segments = getTabbableSegments(host);
+    if (ArrayIndexOf.call(segments.inner, relatedTarget) !== -1) {
+        // If relatedTarget is contained by the host's subtree we can assume that the user is
+        // tabbing between elements inside of the shadow. Do nothing.
+        return;
+    }
+    const target = eventTargetGetter.call(event);
+    // Determine where the focus is coming from (Tab or Shift+Tab)
+    const position = relatedTargetPosition(host, relatedTarget);
+    if (position === 1) {
+        // Focus is coming from above
+        focusOnNextOrBlur(segments.next, target, relatedTarget);
+    }
+    if (position === 2) {
+        // Focus is coming from below
+        focusOnNextOrBlur(ArrayReverse.call(segments.prev), target, relatedTarget);
+    }
+}
+// Use this function to determine whether you can start from one root and end up
+// at another element via tabbing.
+function isTabbableFrom(fromRoot, toElm) {
+    if (!isTabbable(toElm)) {
+        return false;
+    }
+    const ownerDocument = getOwnerDocument(toElm);
+    let root = toElm.getRootNode();
+    while (root !== ownerDocument && root !== fromRoot) {
+        const sr = root;
+        const host = sr.host;
+        if (getAttribute.call(host, 'tabindex') === '-1') {
+            return false;
+        }
+        root = host && host.getRootNode();
+    }
+    return true;
+}
+function getNextTabbable(tabbables, relatedTarget) {
+    const len = tabbables.length;
+    if (len > 0) {
+        for (let i = 0; i < len; i += 1) {
+            const next = tabbables[i];
+            if (isTabbableFrom(relatedTarget.getRootNode(), next)) {
+                return next;
+            }
+        }
+    }
+    return null;
+}
+// Skips the host element
+function handleFocus(elm) {
+    if (process.env.NODE_ENV !== 'production') {
+        assert.invariant(isDelegatingFocus(elm), `Invalid attempt to handle focus event for ${toString(elm)}. ${toString(elm)} should have delegates focus true, but is not delegating focus`);
+    }
+    bindDocumentMousedownMouseupHandlers(elm);
+    // Unbind any focusin listeners we may have going on
+    ignoreFocusIn(elm);
+    addEventListener.call(elm, 'focusin', skipHostHandler, true);
+}
+function ignoreFocus(elm) {
+    removeEventListener.call(elm, 'focusin', skipHostHandler, true);
+}
+function bindDocumentMousedownMouseupHandlers(elm) {
+    const ownerDocument = getOwnerDocument(elm);
+    if (!DidAddMouseEventListeners.get(ownerDocument)) {
+        DidAddMouseEventListeners.set(ownerDocument, true);
+        addEventListener.call(ownerDocument, 'mousedown', disableKeyboardFocusNavigationRoutines, true);
+        addEventListener.call(ownerDocument, 'mouseup', () => {
+            // We schedule this as an async task in the mouseup handler (as
+            // opposed to the mousedown handler) because we want to guarantee
+            // that it will never run before the focusin handler:
+            //
+            // Click form element   | Click form element label
+            // ==================================================
+            // mousedown            | mousedown
+            // FOCUSIN              | mousedown-setTimeout
+            // mousedown-setTimeout | mouseup
+            // mouseup              | FOCUSIN
+            // mouseup-setTimeout   | mouseup-setTimeout
+            setTimeout(enableKeyboardFocusNavigationRoutines);
+        }, true);
+        // [W-7824445] If the element is draggable, the mousedown event is dispatched before the
+        // element is starting to be dragged, which disable the keyboard focus navigation routine.
+        // But by specification, the mouseup event is never dispatched once the element is dropped.
+        //
+        // For all draggable element, we need to add an event listener to re-enable the keyboard
+        // navigation routine after dragging starts.
+        addEventListener.call(ownerDocument, 'dragstart', enableKeyboardFocusNavigationRoutines, true);
+    }
+}
+// Skips the shadow tree
+function handleFocusIn(elm) {
+    if (process.env.NODE_ENV !== 'production') {
+        assert.invariant(tabIndexGetter.call(elm) === -1, `Invalid attempt to handle focus in  ${toString(elm)}. ${toString(elm)} should have tabIndex -1, but has tabIndex ${tabIndexGetter.call(elm)}`);
+    }
+    bindDocumentMousedownMouseupHandlers(elm);
+    // Unbind any focus listeners we may have going on
+    ignoreFocus(elm);
+    // This focusin listener is to catch focusin events from keyboard interactions
+    // A better solution would perhaps be to listen for keydown events, but
+    // the keydown event happens on whatever element already has focus (or no element
+    // at all in the case of the location bar. So, instead we have to assume that focusin
+    // without a mousedown means keyboard navigation
+    addEventListener.call(elm, 'focusin', skipShadowHandler, true);
+}
+function ignoreFocusIn(elm) {
+    removeEventListener.call(elm, 'focusin', skipShadowHandler, true);
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const { blur, focus } = HTMLElement.prototype;
+/**
+ * This method only applies to elements with a shadow attached to them
+ */
+function tabIndexGetterPatched() {
+    if (isDelegatingFocus(this) && isFalse(hasAttribute.call(this, 'tabindex'))) {
+        // this covers the case where the default tabindex should be 0 because the
+        // custom element is delegating its focus
+        return 0;
+    }
+    return tabIndexGetter.call(this);
+}
+/**
+ * This method only applies to elements with a shadow attached to them
+ */
+function tabIndexSetterPatched(value) {
+    // This tabIndex setter might be confusing unless it is understood that HTML
+    // elements have default tabIndex property values. Natively focusable elements have
+    // a default tabIndex value of 0 and all other elements have a default tabIndex
+    // value of -1. For example, the tabIndex property value is -1 for both <x-foo> and
+    // <x-foo tabindex="-1">, but our delegatesFocus polyfill should only kick in for
+    // the latter case when the value of the tabindex attribute is -1.
+    const delegatesFocus = isDelegatingFocus(this);
+    // Record the state of things before invoking component setter.
+    const prevValue = tabIndexGetter.call(this);
+    const prevHasAttr = hasAttribute.call(this, 'tabindex');
+    tabIndexSetter.call(this, value);
+    // Record the state of things after invoking component setter.
+    const currValue = tabIndexGetter.call(this);
+    const currHasAttr = hasAttribute.call(this, 'tabindex');
+    const didValueChange = prevValue !== currValue;
+    // If the tabindex attribute is initially rendered, we can assume that this setter has
+    // previously executed and a listener has been added. We must remove that listener if
+    // the tabIndex property value has changed or if the component no longer renders a
+    // tabindex attribute.
+    if (prevHasAttr && (didValueChange || isFalse(currHasAttr))) {
+        if (prevValue === -1) {
+            ignoreFocusIn(this);
+        }
+        if (prevValue === 0 && delegatesFocus) {
+            ignoreFocus(this);
+        }
+    }
+    // If a tabindex attribute was not rendered after invoking its setter, it means the
+    // component is taking control. Do nothing.
+    if (isFalse(currHasAttr)) {
+        return;
+    }
+    // If the tabindex attribute is initially rendered, we can assume that this setter has
+    // previously executed and a listener has been added. If the tabindex attribute is still
+    // rendered after invoking the setter AND the tabIndex property value has not changed,
+    // we don't need to do any work.
+    if (prevHasAttr && currHasAttr && isFalse(didValueChange)) {
+        return;
+    }
+    // At this point we know that a tabindex attribute was rendered after invoking the
+    // setter and that either:
+    // 1) This is the first time this setter is being invoked.
+    // 2) This is not the first time this setter is being invoked and the value is changing.
+    // We need to add the appropriate listeners in either case.
+    if (currValue === -1) {
+        // Add the magic to skip the shadow tree
+        handleFocusIn(this);
+    }
+    if (currValue === 0 && delegatesFocus) {
+        // Add the magic to skip the host element
+        handleFocus(this);
+    }
+}
+/**
+ * This method only applies to elements with a shadow attached to them
+ */
+function blurPatched() {
+    if (isDelegatingFocus(this)) {
+        const currentActiveElement = getActiveElement(this);
+        if (!isNull(currentActiveElement)) {
+            // if there is an active element, blur it (intentionally using the dot notation in case the user defines the blur routine)
+            currentActiveElement.blur();
+            return;
+        }
+    }
+    return blur.call(this);
+}
+function focusPatched() {
+    // Save enabled state
+    const originallyEnabled = isKeyboardFocusNavigationRoutineEnabled();
+    // Change state by disabling if originally enabled
+    if (originallyEnabled) {
+        disableKeyboardFocusNavigationRoutines();
+    }
+    if (isSyntheticShadowHost(this) && isDelegatingFocus(this)) {
+        hostElementFocus.call(this);
+        return;
+    }
+    // Typescript does not like it when you treat the `arguments` object as an array
+    // @ts-ignore type-mismatch
+    focus.apply(this, arguments);
+    // Restore state by enabling if originally enabled
+    if (originallyEnabled) {
+        enableKeyboardFocusNavigationRoutines();
+    }
+}
+// Non-deep-traversing patches: this descriptor map includes all descriptors that
+// do not five access to nodes beyond the immediate children.
+defineProperties(HTMLElement.prototype, {
+    tabIndex: {
+        get() {
+            if (isSyntheticShadowHost(this)) {
+                return tabIndexGetterPatched.call(this);
+            }
+            return tabIndexGetter.call(this);
+        },
+        set(v) {
+            if (isSyntheticShadowHost(this)) {
+                return tabIndexSetterPatched.call(this, v);
+            }
+            return tabIndexSetter.call(this, v);
+        },
+        enumerable: true,
+        configurable: true,
+    },
+    blur: {
+        value() {
+            if (isSyntheticShadowHost(this)) {
+                return blurPatched.call(this);
+            }
+            blur.call(this);
+        },
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+    focus: {
+        value() {
+            // Typescript does not like it when you treat the `arguments` object as an array
+            // @ts-ignore type-mismatch
+            focusPatched.apply(this, arguments);
+        },
+        enumerable: true,
+        writable: true,
+        configurable: true,
+    },
+});
+// Note: In JSDOM innerText is not implemented: https://github.com/jsdom/jsdom/issues/1245
+if (innerTextGetter !== null && innerTextSetter !== null) {
+    defineProperty(HTMLElement.prototype, 'innerText', {
+        get() {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            return innerTextGetter.call(this);
+        },
+        set(v) {
+            innerTextSetter.call(this, v);
+        },
+        enumerable: true,
+        configurable: true,
+    });
+}
+// Note: Firefox does not have outerText, https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText
+if (outerTextGetter !== null && outerTextSetter !== null) {
+    // From https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText :
+    // HTMLElement.outerText is a non-standard property. As a getter, it returns the same value as Node.innerText.
+    // As a setter, it removes the current node and replaces it with the given text.
+    defineProperty(HTMLElement.prototype, 'outerText', {
+        get() {
+            // Note: we deviate from native shadow here, but are not fixing
+            // due to backwards compat: https://github.com/salesforce/lwc/pull/3103
+            return outerTextGetter.call(this);
+        },
+        set(v) {
+            // Invoking the `outerText` setter on a host element should trigger its disconnection, but until we merge node reactions, it will not work.
+            // We could reimplement the outerText setter in JavaScript ([blink implementation](https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/html/html_element.cc;l=841-879;drc=6e8b402a6231405b753919029c9027404325ea00;bpv=0;bpt=1))
+            // but the benefits don't worth the efforts.
+            outerTextSetter.call(this, v);
+        },
+        enumerable: true,
+        configurable: true,
+    });
+}
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function getShadowToken(node) {
+    return node[KEY__SHADOW_TOKEN];
+}
+function setShadowToken(node, shadowToken) {
+    node[KEY__SHADOW_TOKEN] = shadowToken;
+}
+/**
+ * Patching Element.prototype.$shadowToken$ to mark elements a portal:
+ *
+ *  - we use a property to allow engines to set a custom attribute that should be
+ *    placed into the element to sandbox the css rules defined for the template.
+ *
+ *  - this custom attribute must be unique.
+ *
+ **/
+defineProperty(Element.prototype, KEY__SHADOW_TOKEN, {
+    set(shadowToken) {
+        const oldShadowToken = this[KEY__SHADOW_TOKEN_PRIVATE];
+        if (!isUndefined(oldShadowToken) && oldShadowToken !== shadowToken) {
+            removeAttribute.call(this, oldShadowToken);
+        }
+        if (!isUndefined(shadowToken)) {
+            setAttribute.call(this, shadowToken, '');
+        }
+        this[KEY__SHADOW_TOKEN_PRIVATE] = shadowToken;
+    },
+    get() {
+        return this[KEY__SHADOW_TOKEN_PRIVATE];
+    },
+    configurable: true,
+});
+function recursivelySetShadowResolver(node, fn) {
+    node[KEY__SHADOW_RESOLVER] = fn;
+    const childNodes = childNodesGetter.call(node);
+    for (let i = 0, n = childNodes.length; i < n; i++) {
+        recursivelySetShadowResolver(childNodes[i], fn);
+    }
+}
+defineProperty(Element.prototype, KEY__SHADOW_STATIC, {
+    set(v) {
+        // Marking an element as static will propagate the shadow resolver to the children.
+        if (v) {
+            const fn = this[KEY__SHADOW_RESOLVER];
+            recursivelySetShadowResolver(this, fn);
+        }
+        this[KEY__SHADOW_STATIC_PRIVATE] = v;
+    },
+    get() {
+        return this[KEY__SHADOW_STATIC_PRIVATE];
+    },
+    configurable: true,
+});
+
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const DomManualPrivateKey = '$$DomManualKey$$';
+// Resolver function used when a node is removed from within a portal
+const DocumentResolverFn = function () { };
+// We can use a single observer without having to worry about leaking because
+// "Registered observers in a node’s registered observer list have a weak
+// reference to the node."
+// https://dom.spec.whatwg.org/#garbage-collection
+let portalObserver;
+const portalObserverConfig = {
+    childList: true,
+};
+function adoptChildNode(node, fn, shadowToken) {
+    const previousNodeShadowResolver = getShadowRootResolver(node);
+    if (previousNodeShadowResolver === fn) {
+        return; // nothing to do here, it is already correctly patched
+    }
+    setShadowRootResolver(node, fn);
+    if (node instanceof Element) {
+        setShadowToken(node, shadowToken);
+        if (isSyntheticShadowHost(node)) {
+            // Root LWC elements can't get content slotted into them, therefore we don't observe their children.
+            return;
+        }
+        if (isUndefined(previousNodeShadowResolver)) {
+            // we only care about Element without shadowResolver (no MO.observe has been called)
+            MutationObserverObserve.call(portalObserver, node, portalObserverConfig);
+        }
+        // recursively patching all children as well
+        const childNodes = childNodesGetter.call(node);
+        for (let i = 0, len = childNodes.length; i < len; i += 1) {
+            adoptChildNode(childNodes[i], fn, shadowToken);
+        }
+    }
+}
+function initPortalObserver() {
+    return new MO((mutations) => {
+        forEach.call(mutations, (mutation) => {
+            /**
+             * This routine will process all nodes added or removed from elm (which is marked as a portal)
+             * When adding a node to the portal element, we should add the ownership.
+             * When removing a node from the portal element, this ownership should be removed.
+             *
+             * There is some special cases in which MutationObserver may call with stacked mutations (the same node
+             * will be in addedNodes and removedNodes) or with false positives (a node that is removed and re-appended
+             * in the same tick) for those cases, we cover by checking that the node is contained
+             * (or not in the case of removal) by the element.
+             */
+            const { target: elm, addedNodes, removedNodes } = mutation;
+            // the target of the mutation should always have a ShadowRootResolver attached to it
+            const fn = getShadowRootResolver(elm);
+            const shadowToken = getShadowToken(elm);
+            // Process removals first to handle the case where an element is removed and reinserted
+            for (let i = 0, len = removedNodes.length; i < len; i += 1) {
+                const node = removedNodes[i];
+                if (!(compareDocumentPosition.call(elm, node) & _Node.DOCUMENT_POSITION_CONTAINED_BY)) {
+                    adoptChildNode(node, DocumentResolverFn, undefined);
+                }
+            }
+            for (let i = 0, len = addedNodes.length; i < len; i += 1) {
+                const node = addedNodes[i];
+                if (compareDocumentPosition.call(elm, node) & _Node.DOCUMENT_POSITION_CONTAINED_BY) {
+                    adoptChildNode(node, fn, shadowToken);
+                }
+            }
+        });
+    });
+}
+function markElementAsPortal(elm) {
+    if (isUndefined(portalObserver)) {
+        portalObserver = initPortalObserver();
+    }
+    if (isUndefined(getShadowRootResolver(elm))) {
+        // only an element from a within a shadowRoot should be used here
+        throw new Error(`Invalid Element`);
+    }
+    // install mutation observer for portals
+    MutationObserverObserve.call(portalObserver, elm, portalObserverConfig);
+    // TODO [#1253]: optimization to synchronously adopt new child nodes added
+    // to this elm, we can do that by patching the most common operations
+    // on the node itself
+}
+/**
+ * Patching Element.prototype.$domManual$ to mark elements as portal:
+ *
+ *  - we use a property to allow engines to signal that a particular element in
+ *    a shadow supports manual insertion of child nodes.
+ *
+ *  - this signal comes as a boolean value, and we use it to install the MO instance
+ *    onto the element, to propagate the $ownerKey$ and $shadowToken$ to all new
+ *    child nodes.
+ *
+ *  - at the moment, there is no way to undo this operation, once the element is
+ *    marked as $domManual$, setting it to false does nothing.
+ *
+ **/
+// TODO [#1306]: rename this to $observerConnection$
+defineProperty(Element.prototype, '$domManual$', {
+    set(v) {
+        this[DomManualPrivateKey] = v;
+        if (isTrue(v)) {
+            markElementAsPortal(this);
+        }
+    },
+    get() {
+        return this[DomManualPrivateKey];
+    },
+    configurable: true,
+});
+/** version: 2.45.3 */
+//# sourceMappingURL=index.js.map