@lwc/synthetic-shadow 3.1.2 → 4.0.0-alpha.0

package/dist/index.d.ts

@@ -7,11 +7,8 @@ import './env/document';
 import './env/window';
 import './env/mutation-observer';
 import './env/shadow-root';
-import './polyfills/HTMLSlotElement/main';
 import './polyfills/document-shadow/main';
 import './polyfills/shadow-root/main';
-import './polyfills/click-event-composed/main';
-import './polyfills/event-composed/main';
 import './polyfills/custom-event-composed/main';
 import './polyfills/clipboard-event-composed/main';
 import './polyfills/mutation-observer/main';

package/dist/index.js

@@ -46,7 +46,6 @@ var assert = /*#__PURE__*/Object.freeze({
 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;
 }
@@ -97,12 +96,11 @@ function toString(obj) {
 const _globalThis = typeof globalThis === 'object' ? globalThis : window;
 
 /*
- * Copyright (c) 2018, salesforce.com, inc.
+ * Copyright (c) 2023, 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$';
@@ -112,7 +110,7 @@ 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$';
-/** version: 3.1.2 */
+/** version: 4.0.0-alpha.0 */
 
 /**
  * Copyright (C) 2023 salesforce.com, inc.
@@ -121,7 +119,7 @@ const KEY__NATIVE_QUERY_SELECTOR_ALL = '$nativeQuerySelectorAll$';
 if (!_globalThis.lwcRuntimeFlags) {
     Object.defineProperty(_globalThis, 'lwcRuntimeFlags', { value: create(null) });
 }
-/** version: 3.1.2 */
+/** version: 4.0.0-alpha.0 */
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -209,24 +207,13 @@ const assignedSlotGetter$1 = hasOwnProperty.call(Element.prototype, 'assignedSlo
     : () => null;
 
 /*
- * Copyright (c) 2018, salesforce.com, inc.
+ * Copyright (c) 2023, 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");
-    };
-}
+const assignedNodes = HTMLSlotElement.prototype.assignedNodes;
+const assignedElements = HTMLSlotElement.prototype.assignedElements;
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -282,79 +269,14 @@ 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$2 () {
-    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$2() {
-    // 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.
+ * Copyright (c) 2023, 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();
-}
+// Capture the global `ShadowRoot` since synthetic shadow will override it later
+const NativeShadowRoot = ShadowRoot;
+const isInstanceOfNativeShadowRoot = (node) => node instanceof NativeShadowRoot;
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -405,12 +327,12 @@ function arrayFromCollection(collection) {
 }
 
 /*
- * Copyright (c) 2018, salesforce.com, inc.
+ * Copyright (c) 2023, 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 eventTargetPrototype = EventTarget.prototype;
 const { addEventListener, dispatchEvent, removeEventListener } = eventTargetPrototype;
 
 /*
@@ -1738,7 +1660,7 @@ function removeShadowRootEventListener(sr, type, listener, _options) {
 }
 
 /*
- * Copyright (c) 2018, salesforce.com, inc.
+ * Copyright (c) 2023, 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
@@ -1769,9 +1691,6 @@ defineProperty(_Node.prototype, KEY__SHADOW_RESOLVER, {
     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])) {
@@ -2549,181 +2468,6 @@ Object.defineProperty(window, 'ShadowRoot', {
     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$1() {
-    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$1() {
-    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$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
- */
-function detect() {
-    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() {
-    // 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()) {
-    apply();
-}
-
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -2749,11 +2493,13 @@ PatchedCustomEvent.prototype = CustomEventConstructor.prototype;
 window.CustomEvent = PatchedCustomEvent;
 
 /*
- * Copyright (c) 2018, salesforce.com, inc.
+ * Copyright (c) 2023, 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
  */
+// Note that ClipboardEvent is undefined in Jest/jsdom
+// See: https://github.com/jsdom/jsdom/issues/1568
 if (typeof ClipboardEvent !== 'undefined') {
     const isComposedType = assign(create(null), {
         copy: 1,
@@ -4465,5 +4211,5 @@ defineProperty(Element.prototype, '$domManual$', {
     },
     configurable: true,
 });
-/** version: 3.1.2 */
+/** version: 4.0.0-alpha.0 */
 //# sourceMappingURL=index.js.map