@lwc/engine-core 7.0.2 → 7.0.3-alpha.0

package/dist/index.js

@@ -445,6 +445,14 @@ function guid() {
     }
     return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
 }
+function shouldUseNativeCustomElementLifecycle(ctor) {
+    if (lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+        // temporary "kill switch"
+        return false;
+    }
+    const apiVersion = getComponentAPIVersion(ctor);
+    return isAPIFeatureEnabled(7 /* APIFeature.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE */, apiVersion);
+}
 // Borrowed from Vue template compiler.
 // https://github.com/vuejs/vue/blob/531371b818b0e31a989a06df43789728f23dc4e8/src/platforms/web/util/style.js#L5-L16
 const DECLARATION_DELIMITER = /;(?![^(]*\))/g;
@@ -495,7 +503,7 @@ function assertNotProd() {
 function shouldBeFormAssociated(Ctor) {
     const ctorFormAssociated = Boolean(Ctor.formAssociated);
     const apiVersion = getComponentAPIVersion(Ctor);
-    const apiFeatureEnabled = isAPIFeatureEnabled(7 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion);
+    const apiFeatureEnabled = isAPIFeatureEnabled(8 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion);
     if (process.env.NODE_ENV !== 'production' && ctorFormAssociated && !apiFeatureEnabled) {
         const tagName = getComponentRegisteredName(Ctor);
         logWarnOnce(`Component <${tagName}> set static formAssociated to true, but form ` +
@@ -1738,7 +1746,7 @@ LightningElement.prototype = {
     attachInternals() {
         const vm = getAssociatedVM(this);
         const { elm, apiVersion, renderer: { attachInternals }, } = vm;
-        if (!isAPIFeatureEnabled(7 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion)) {
+        if (!isAPIFeatureEnabled(8 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion)) {
             throw new Error(`The attachInternals API is only supported in API version 61 and above. ` +
                 `The current version is ${apiVersion}. ` +
                 `To use this API, update the LWC component API version. https://lwc.dev/guide/versioning`);
@@ -1778,7 +1786,7 @@ LightningElement.prototype = {
             assert.fail('this.hostElement is not supported in this environment');
         }
         const apiVersion = getComponentAPIVersion(vm.def.ctor);
-        if (!isAPIFeatureEnabled(8 /* APIFeature.ENABLE_THIS_DOT_HOST_ELEMENT */, apiVersion)) {
+        if (!isAPIFeatureEnabled(9 /* APIFeature.ENABLE_THIS_DOT_HOST_ELEMENT */, apiVersion)) {
             if (process.env.NODE_ENV !== 'production') {
                 logWarnOnce('The `this.hostElement` API within LightningElement is ' +
                     'only supported in API version 62 and above. Increase the API version to use it.');
@@ -1920,7 +1928,7 @@ LightningElement.prototype = {
     get style() {
         const { elm, renderer, def } = getAssociatedVM(this);
         const apiVersion = getComponentAPIVersion(def.ctor);
-        if (!isAPIFeatureEnabled(9 /* APIFeature.ENABLE_THIS_DOT_STYLE */, apiVersion)) {
+        if (!isAPIFeatureEnabled(10 /* APIFeature.ENABLE_THIS_DOT_STYLE */, apiVersion)) {
             if (process.env.NODE_ENV !== 'production') {
                 logWarnOnce('The `this.style` API within LightningElement returning the CSSStyleDeclaration is ' +
                     'only supported in API version 62 and above. Increase the API version to use it.');
@@ -4492,7 +4500,7 @@ function mountCustomElement(vnode, parent, anchor, renderer) {
     // compiler may generate tagnames with uppercase letters so - for backwards
     // compatibility, we lower case the tagname here.
     const normalizedTagname = sel.toLowerCase();
-    const useNativeLifecycle = !lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE;
+    const useNativeLifecycle = shouldUseNativeCustomElementLifecycle(ctor);
     const isFormAssociated = shouldBeFormAssociated(ctor);
     const elm = createCustomElement(normalizedTagname, upgradeCallback, useNativeLifecycle, isFormAssociated);
     vnode.elm = elm;
@@ -5639,11 +5647,8 @@ function ncls(value) {
             }
         }
     }
-    else if (isObject(value) && !isNull(value)) {
-        // Iterate own enumerable keys of the object
-        const keys$1 = keys(value);
-        for (let i = 0; i < keys$1.length; i += 1) {
-            const key = keys$1[i];
+    else if (isObject(value)) {
+        for (const key in value) {
             if (value[key]) {
                 res += key + ' ';
             }
@@ -6372,7 +6377,7 @@ function resetComponentStateWhenRemoved(vm) {
 // old vnode.children is removed from the DOM.
 function removeVM(vm) {
     if (process.env.NODE_ENV !== 'production') {
-        if (lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+        if (!shouldUseNativeCustomElementLifecycle(vm.component.constructor)) {
             // With native lifecycle, we cannot be certain that connectedCallback was called before a component
             // was removed from the VDOM. If the component is disconnected, then connectedCallback will not fire
             // in native mode, although it will fire in synthetic mode due to appendChild triggering it.
@@ -6696,7 +6701,7 @@ function runConnectedCallback(vm) {
     // This test only makes sense in the browser, with synthetic lifecycle, and when reporting is enabled or
     // we're in dev mode. This is to detect a particular issue with synthetic lifecycle.
     if (process.env.IS_BROWSER &&
-        lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE &&
+        !shouldUseNativeCustomElementLifecycle(vm.component.constructor) &&
         (process.env.NODE_ENV !== 'production' || isReportingEnabled())) {
         if (!vm.renderer.isConnected(vm.elm)) {
             if (process.env.NODE_ENV !== 'production') {
@@ -8024,5 +8029,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, shouldBeFormAssociated, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };
-/** version: 7.0.2 */
+/** version: 7.0.0 */
 //# sourceMappingURL=index.js.map