@lwc/engine-core 6.2.0 → 6.3.0

package/dist/index.js

@@ -23,8 +23,7 @@ let enabled$1 = false;
 const reportingControl = {
     /**
      * Attach a new reporting control (aka dispatcher).
-     *
-     * @param dispatcher - reporting control
+     * @param dispatcher reporting control
      */
     attachDispatcher(dispatcher) {
         enabled$1 = true;
@@ -67,7 +66,7 @@ function onReportingEnabled(callback) {
 /**
  * Report to the current dispatcher, if there is one.
  * @param reportingEventId
- * @param payload - data to report
+ * @param payload data to report
  */
 function report(reportingEventId, payload) {
     if (enabled$1) {
@@ -129,7 +128,7 @@ function addErrorComponentStack(vm, error) {
 }
 
 /*
- * Copyright (c) 2018, salesforce.com, inc.
+ * Copyright (c) 2024, Salesforce, 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
@@ -137,7 +136,6 @@ function addErrorComponentStack(vm, error) {
 const alreadyLoggedMessages = new Set();
 // Only used in LWC's Karma tests
 if (process.env.NODE_ENV === 'test-karma-lwc') {
-    // @ts-ignore
     window.__lwcResetAlreadyLoggedMessages = () => {
         alreadyLoggedMessages.clear();
     };
@@ -795,7 +793,7 @@ function getShadowRootRestrictionsDescriptors(sr) {
                     logError('The `addEventListener` method on ShadowRoot does not support any options.', getAssociatedVMIfPresent(this));
                 }
                 // Typescript does not like it when you treat the `arguments` object as an array
-                // @ts-ignore type-mismatch
+                // @ts-expect-error type-mismatch
                 return originalAddEventListener.apply(this, arguments);
             },
         }),
@@ -844,7 +842,7 @@ function getCustomElementRestrictionsDescriptors(elm) {
                     logError('The `addEventListener` method in `LightningElement` does not support any options.', getAssociatedVMIfPresent(this));
                 }
                 // Typescript does not like it when you treat the `arguments` object as an array
-                // @ts-ignore type-mismatch
+                // @ts-expect-error type-mismatch
                 return originalAddEventListener.apply(this, arguments);
             },
         }),
@@ -1430,6 +1428,7 @@ const reactiveMembrane = new ObservableMembrane({
  * EXPERIMENTAL: This function implements an unwrap mechanism that
  * works for observable membrane objects. This API is subject to
  * change or being removed.
+ * @param value
  */
 function unwrap(value) {
     // On the server side, we don't need mutation tracking. Skipping it improves performance.
@@ -1543,6 +1542,8 @@ function applyShadowMigrateMode(shadowRoot) {
  * that a Custom Element can support (including AOM properties), which
  * determines what kind of capabilities the Base Lightning Element should support. When producing the new descriptors
  * for the Base Lightning Element, it also include the reactivity bit, so the standard property is reactive.
+ * @param propName
+ * @param descriptor
  */
 function createBridgeToElementDescriptor(propName, descriptor) {
     const { get, set, enumerable, configurable } = descriptor;
@@ -1592,8 +1593,8 @@ const refsCache = new WeakMap();
 /**
  * This class is the base class for any LWC element.
  * Some elements directly extends this class, others implement it via inheritance.
- **/
-// @ts-ignore
+ */
+// @ts-expect-error When exported, it will conform, but we need to build it first!
 const LightningElement = function () {
     // This should be as performant as possible, while any initialization should be done lazily
     if (isNull(vmBeingConstructed)) {
@@ -1735,7 +1736,7 @@ function createElementInternalsProxy(elementInternals, isFormAssociated) {
     });
     return elementInternalsProxy;
 }
-// @ts-ignore
+// Type assertion because we need to build the prototype before it satisfies the interface.
 LightningElement.prototype = {
     constructor: LightningElement,
     dispatchEvent(event) {
@@ -1937,6 +1938,9 @@ LightningElement.prototype = {
         if (process.env.NODE_ENV !== 'production') {
             warnIfInvokedDuringConstruction(vm, 'childNodes');
         }
+        // getChildNodes returns a NodeList, which has `item(index: number): Node | null`.
+        // NodeListOf<T> extends NodeList, but claims to not return null. That seems inaccurate,
+        // but these are built-in types, so ultimately not our problem.
         return renderer.getChildNodes(vm.elm);
     },
     get firstChild() {
@@ -2176,7 +2180,7 @@ function createConfigWatcher(component, configCallback, callbackWhenConfigIsRead
         ro.observe(() => (config = configCallback(component)));
         // eslint-disable-next-line @lwc/lwc-internal/no-invalid-todo
         // TODO: dev-mode validation of config based on the adapter.configSchema
-        // @ts-ignore it is assigned in the observe() callback
+        // @ts-expect-error it is assigned in the observe() callback
         callbackWhenConfigIsReady(config);
     };
     return {
@@ -2252,7 +2256,7 @@ function createConnector(vm, name, wireDef) {
         });
     }
     return {
-        // @ts-ignore the boundary protection executes sync, connector is always defined
+        // @ts-expect-error the boundary protection executes sync, connector is always defined
         connector,
         computeConfigAndUpdate,
         resetConfigWatcher: () => ro.reset(),
@@ -2461,9 +2465,11 @@ function internalTrackDecorator(key) {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 /**
- * @wire decorator to wire fields and methods to a wire adapter in
+ * The @wire decorator wires fields and methods to a wire adapter in
  * LWC Components. This function implements the internals of this
  * decorator.
+ * @param _adapter
+ * @param _config
  */
 function wire(_adapter, _config) {
     if (process.env.NODE_ENV !== 'production') {
@@ -2574,6 +2580,8 @@ function validateMethodDecoratedWithApi(Ctor, methodName, descriptor) {
 /**
  * INTERNAL: This function can only be invoked by compiled code. The compiler
  * will prevent this function from being imported by user-land code.
+ * @param Ctor
+ * @param meta
  */
 function registerDecorators(Ctor, meta) {
     const proto = Ctor.prototype;
@@ -2727,7 +2735,6 @@ function getDecoratorsMeta(Ctor) {
 let warned = false;
 // Only used in LWC's Karma tests
 if (process.env.NODE_ENV === 'test-karma-lwc') {
-    // @ts-ignore
     window.__lwcResetWarnedOnVersionMismatch = () => {
         warned = false;
     };
@@ -2762,6 +2769,7 @@ function isTemplateRegistered(tpl) {
 /**
  * INTERNAL: This function can only be invoked by compiled code. The compiler
  * will prevent this function from being imported by userland code.
+ * @param tpl
  */
 function registerTemplate(tpl) {
     if (process.env.NODE_ENV !== 'production') {
@@ -2775,6 +2783,10 @@ function registerTemplate(tpl) {
 /**
  * EXPERIMENTAL: This function acts like a hook for Lightning Locker Service and other similar
  * libraries to sanitize vulnerable attributes.
+ * @param tagName
+ * @param namespaceUri
+ * @param attrName
+ * @param attrValue
  */
 function sanitizeAttribute(tagName, namespaceUri, attrName, attrValue) {
     // locker-service patches this function during runtime to sanitize vulnerable attributes. When
@@ -2840,7 +2852,7 @@ function createAttributeChangedCallback(attributeToPropMap, superAttributeChange
             if (!isUndefined$1(superAttributeChangedCallback)) {
                 // delegate unknown attributes to the super.
                 // Typescript does not like it when you treat the `arguments` object as an array
-                // @ts-ignore type-mismatch
+                // @ts-expect-error type-mismatch
                 superAttributeChangedCallback.apply(this, arguments);
             }
             return;
@@ -3360,6 +3372,7 @@ function createComponentDef(Ctor) {
 /**
  * EXPERIMENTAL: This function allows for the identification of LWC constructors. This API is
  * subject to change or being removed.
+ * @param ctor
  */
 function isComponentConstructor(ctor) {
     if (!isFunction$1(ctor)) {
@@ -3433,6 +3446,7 @@ const lightingElementDef = {
 /**
  * EXPERIMENTAL: This function allows for the collection of internal component metadata. This API is
  * subject to change or being removed.
+ * @param Ctor
  */
 function getComponentDef(Ctor) {
     const def = getComponentInternalDef(Ctor);
@@ -3629,6 +3643,8 @@ function getNearestShadowComponent(vm) {
  * If the component that is currently being rendered uses scoped styles,
  * this returns the unique token for that scoped stylesheet. Otherwise
  * it returns null.
+ * @param owner
+ * @param legacy
  */
 // TODO [#3733]: remove support for legacy scope tokens
 function getScopeTokenClass(owner, legacy) {
@@ -3642,6 +3658,7 @@ function getScopeTokenClass(owner, legacy) {
  * exists. Otherwise it returns null.
  *
  * A host style token is applied to the component if scoped styles are used.
+ * @param vnode
  */
 function getStylesheetTokenHost(vnode) {
     const { template } = getComponentInternalDef(vnode.ctor);
@@ -4050,11 +4067,9 @@ function traverseAndSetElements(root, parts, renderer) {
 }
 /**
  * Given an array of static parts, do all the mounting required for these parts.
- *
- * @param root - the root element
- * @param vnode - the parent VStatic
- * @param renderer - the renderer to use
- * @param mount - true this is a first (mount) render as opposed to a subsequent (patch) render
+ * @param root the root element
+ * @param vnode the parent VStatic
+ * @param renderer the renderer to use
  */
 function mountStaticParts(root, vnode, renderer) {
     // On the server, we don't support ref (because it relies on renderedCallback), nor do we
@@ -4079,9 +4094,8 @@ function mountStaticParts(root, vnode, renderer) {
 }
 /**
  * Mounts elements to the newly generated VStatic node
- *
- * @param n1 - the previous VStatic vnode
- * @param n2 - the current VStatic vnode
+ * @param n1 the previous VStatic vnode
+ * @param n2 the current VStatic vnode
  */
 function patchStaticParts(n1, n2) {
     // On the server, we don't support ref (because it relies on renderedCallback), nor do we
@@ -4596,6 +4610,7 @@ function allocateChildren(vnode, vm) {
  * With the delimiters removed, the contents are marked dynamic so they are diffed correctly.
  *
  * This function is used for slotted VFragments to avoid the text delimiters interfering with slotting functionality.
+ * @param children
  */
 function flattenFragmentsInChildren(children) {
     const flattenedChildren = [];
@@ -5209,6 +5224,7 @@ function i(iterable, factory) {
 }
 /**
  * [f]lattening
+ * @param items
  */
 function f(items) {
     if (process.env.NODE_ENV !== 'production') {
@@ -5325,6 +5341,10 @@ function fid(url) {
  * [ddc] - create a (deprecated) dynamic component via `<x-foo lwc:dynamic={Ctor}>`
  *
  * TODO [#3331]: remove usage of lwc:dynamic in 246
+ * @param sel
+ * @param Ctor
+ * @param data
+ * @param children
  */
 function ddc(sel, Ctor, data, children = EmptyArray) {
     if (process.env.NODE_ENV !== 'production') {
@@ -5343,6 +5363,9 @@ function ddc(sel, Ctor, data, children = EmptyArray) {
 }
 /**
  * [dc] - create a dynamic component via `<lwc:component lwc:is={Ctor}>`
+ * @param Ctor
+ * @param data
+ * @param children
  */
 function dc(Ctor, data, children = EmptyArray) {
     if (process.env.NODE_ENV !== 'production') {
@@ -5370,13 +5393,13 @@ function dc(Ctor, data, children = EmptyArray) {
  * to the engine that a particular collection of children must be diffed using the slow
  * algo based on keys due to the nature of the list. E.g.:
  *
- *   - slot element's children: the content of the slot has to be dynamic when in synthetic
- *                              shadow mode because the `vnode.children` might be the slotted
- *                              content vs default content, in which case the size and the
- *                              keys are not matching.
- *   - children that contain dynamic components
- *   - children that are produced by iteration
- *
+ * - slot element's children: the content of the slot has to be dynamic when in synthetic
+ * shadow mode because the `vnode.children` might be the slotted
+ * content vs default content, in which case the size and the
+ * keys are not matching.
+ * - children that contain dynamic components
+ * - children that are produced by iteration
+ * @param vnodes
  */
 function sc(vnodes) {
     if (process.env.NODE_ENV !== 'production') {
@@ -5400,6 +5423,7 @@ let sanitizeHtmlContentHook = () => {
 };
 /**
  * Sets the sanitizeHtmlContentHook.
+ * @param newHookImpl
  */
 function setSanitizeHtmlContentHook(newHookImpl) {
     sanitizeHtmlContentHook = newHookImpl;
@@ -5581,9 +5605,27 @@ function validateLightDomTemplate(template, vm) {
         }
     }
 }
+// This should be a no-op outside of LWC's Karma tests, where it's not needed
+let registerFragmentCache = noop;
+// Only used in LWC's Karma tests
+if (process.env.NODE_ENV === 'test-karma-lwc') {
+    // Keep track of fragmentCaches, so we can clear them in LWC's Karma tests
+    const fragmentCaches = [];
+    registerFragmentCache = (fragmentCache) => {
+        fragmentCaches.push(fragmentCache);
+    };
+    window.__lwcResetFragmentCaches = () => {
+        for (const fragmentCache of fragmentCaches) {
+            for (const key of keys(fragmentCache)) {
+                delete fragmentCache[key];
+            }
+        }
+    };
+}
 function buildParseFragmentFn(createFragmentFn) {
     return (strings, ...keys) => {
         const cache = create(null);
+        registerFragmentCache(cache);
         return function () {
             const { context: { hasScopedStyles, stylesheetToken, legacyStylesheetToken }, shadowMode, renderer, } = getVMBeingRendered();
             const hasStyleToken = !isUndefined$1(stylesheetToken);
@@ -5596,11 +5638,6 @@ function buildParseFragmentFn(createFragmentFn) {
             if (hasStyleToken && isSyntheticShadow) {
                 cacheKey |= 2 /* FragmentCache.SHADOW_MODE_SYNTHETIC */;
             }
-            if (hasLegacyToken) {
-                // This isn't strictly required for prod, but it's required for our karma tests
-                // since the lwcRuntimeFlag may change over time
-                cacheKey |= 4 /* FragmentCache.HAS_LEGACY_SCOPE_TOKEN */;
-            }
             if (!isUndefined$1(cache[cacheKey])) {
                 return cache[cacheKey];
             }
@@ -5841,6 +5878,8 @@ const registeredComponentMap = new Map();
 /**
  * INTERNAL: This function can only be invoked by compiled code. The compiler
  * will prevent this function from being imported by userland code.
+ * @param Ctor
+ * @param metadata
  */
 function registerComponent(
 // We typically expect a LightningElementConstructor, but technically you can call this with anything
@@ -6198,7 +6237,7 @@ function computeShadowMode(def, owner, renderer, hydrated) {
     return shadowMode;
 }
 function assertIsVM(obj) {
-    if (isNull(obj) || !isObject(obj) || !('renderRoot' in obj)) {
+    if (!isObject(obj) || isNull(obj) || !('renderRoot' in obj)) {
         throw new TypeError(`${obj} is not a VM.`);
     }
 }
@@ -6391,6 +6430,7 @@ function runLightChildNodesDisconnectedCallback(vm) {
  * need to continue into its children because by attempting to disconnect the
  * custom element itself will trigger the removal of anything slotted or anything
  * defined on its shadow.
+ * @param vnodes
  */
 function recursivelyDisconnectChildren(vnodes) {
     for (let i = 0, len = vnodes.length; i < len; i += 1) {
@@ -6787,7 +6827,6 @@ function enableDetection() {
                 throw new Error('detect-non-standard-aria.ts loaded before @lwc/aria-reflection');
             }
         }
-        // @ts-ignore
         const { get, set } = descriptor;
         // It's important for this defineProperty call to happen _after_ ARIA accessors are applied to the
         // BaseBridgeElement and LightningElement prototypes. Otherwise, we will log/report for access of non-standard
@@ -7398,7 +7437,7 @@ function warnOnArrayMutation(stylesheets) {
         const originalArrayMethod = getOriginalArrayMethod(prop);
         stylesheets[prop] = function arrayMutationWarningWrapper() {
             reportTemplateViolation('stylesheets');
-            // @ts-ignore
+            // @ts-expect-error can't properly determine the right `this`
             return originalArrayMethod.apply(this, arguments);
         };
     }
@@ -7546,6 +7585,7 @@ function freezeTemplate(tmpl) {
 /**
  * EXPERIMENTAL: This function provides access to the component constructor, given an HTMLElement.
  * This API is subject to change or being removed.
+ * @param elm
  */
 function getComponentConstructor(elm) {
     let ctor = null;
@@ -7570,6 +7610,7 @@ function getComponentConstructor(elm) {
  * EXPERIMENTAL: This function allows you to create a reactive readonly
  * membrane around any object value. This API is subject to change or
  * being removed.
+ * @param obj
  */
 function readonly(obj) {
     if (process.env.NODE_ENV !== 'production') {
@@ -7582,5 +7623,5 @@ function readonly(obj) {
 }
 
 export { LightningElement, profilerControl as __unstable__ProfilerControl, reportingControl as __unstable__ReportingControl, api$1 as api, computeShadowAndRenderMode, connectRootElement, createContextProviderWithRegister, createVM, disconnectRootElement, freezeTemplate, getAssociatedVMIfPresent, getComponentAPIVersion, getComponentConstructor, getComponentDef, getComponentHtmlPrototype, hydrateRoot, isComponentConstructor, parseFragment, parseSVGFragment, readonly, registerComponent, registerDecorators, registerTemplate, runFormAssociatedCallback, runFormDisabledCallback, runFormResetCallback, runFormStateRestoreCallback, sanitizeAttribute, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };
-/** version: 6.2.0 */
+/** version: 6.3.0 */
 //# sourceMappingURL=index.js.map