@lwc/engine-core 3.5.0 → 3.6.0

package/dist/framework/base-bridge-element.d.ts

@@ -3,5 +3,5 @@ export interface HTMLElementConstructor {
     prototype: HTMLElement;
     new (): HTMLElement;
 }
-export declare function HTMLBridgeElementFactory(SuperClass: HTMLElementConstructor, publicProperties: string[], methods: string[], observedFields: string[], proto: LightningElement | null): HTMLElementConstructor;
+export declare function HTMLBridgeElementFactory(SuperClass: HTMLElementConstructor, publicProperties: string[], methods: string[], observedFields: string[], proto: LightningElement | null, hasCustomSuperClass: boolean): HTMLElementConstructor;
 export declare const BaseBridgeElement: HTMLElementConstructor;

package/dist/framework/vm.d.ts

@@ -30,7 +30,8 @@ export declare const enum ShadowMode {
 }
 export declare const enum ShadowSupportMode {
     Any = "any",
-    Default = "reset"
+    Default = "reset",
+    Native = "native"
 }
 export declare const enum LwcDomMode {
     Manual = "manual"

package/dist/index.cjs.js

@@ -2624,7 +2624,7 @@ function createAccessorThatWarns(propName) {
         configurable: true,
     };
 }
-function HTMLBridgeElementFactory(SuperClass, publicProperties, methods, observedFields, proto) {
+function HTMLBridgeElementFactory(SuperClass, publicProperties, methods, observedFields, proto, hasCustomSuperClass) {
     const HTMLBridgeElement = class extends SuperClass {
     };
     // generating the hash table for attributes to avoid duplicate fields and facilitate validation
@@ -2635,7 +2635,8 @@ function HTMLBridgeElementFactory(SuperClass, publicProperties, methods, observe
     const descriptors = shared.create(null);
     // present a hint message so that developers are aware that they have not decorated property with @api
     if (process.env.NODE_ENV !== 'production') {
-        if (!shared.isUndefined(proto) && !shared.isNull(proto)) {
+        // TODO [#3761]: enable for components that don't extend from LightningElement
+        if (!shared.isUndefined(proto) && !shared.isNull(proto) && !hasCustomSuperClass) {
             const nonPublicPropertiesToWarnOn = new Set([
                 // getters, setters, and methods
                 ...shared.keys(shared.getOwnPropertyDescriptors(proto)),
@@ -2716,7 +2717,7 @@ function HTMLBridgeElementFactory(SuperClass, publicProperties, methods, observe
     shared.defineProperties(HTMLBridgeElement.prototype, descriptors);
     return HTMLBridgeElement;
 }
-const BaseBridgeElement = HTMLBridgeElementFactory(HTMLElementConstructor, shared.getOwnPropertyNames(HTMLElementOriginalDescriptors), [], [], null);
+const BaseBridgeElement = HTMLBridgeElementFactory(HTMLElementConstructor, shared.getOwnPropertyNames(HTMLElementOriginalDescriptors), [], [], null, false);
 if (process.env.IS_BROWSER) {
     // This ARIA reflection only really makes sense in the browser. On the server, there is no `renderedCallback()`,
     // so you cannot do e.g. `this.template.querySelector('x-child').ariaBusy = 'true'`. So we don't need to expose
@@ -3026,7 +3027,8 @@ function createComponentDef(Ctor) {
         }
         if (!shared.isUndefined(ctorShadowSupportMode) &&
             ctorShadowSupportMode !== "any" /* ShadowSupportMode.Any */ &&
-            ctorShadowSupportMode !== "reset" /* ShadowSupportMode.Default */) {
+            ctorShadowSupportMode !== "reset" /* ShadowSupportMode.Default */ &&
+            ctorShadowSupportMode !== "native" /* ShadowSupportMode.Native */) {
             logError(`Invalid value for static property shadowSupportMode: '${ctorShadowSupportMode}'`);
         }
         if (!shared.isUndefined(ctorRenderMode) &&
@@ -3040,8 +3042,9 @@ function createComponentDef(Ctor) {
     const proto = Ctor.prototype;
     let { connectedCallback, disconnectedCallback, renderedCallback, errorCallback, formAssociatedCallback, formResetCallback, formDisabledCallback, formStateRestoreCallback, render, } = proto;
     const superProto = getCtorProto(Ctor);
-    const superDef = superProto !== LightningElement ? getComponentInternalDef(superProto) : lightingElementDef;
-    const bridge = HTMLBridgeElementFactory(superDef.bridge, shared.keys(apiFields), shared.keys(apiMethods), shared.keys(observedFields), proto);
+    const hasCustomSuperClass = superProto !== LightningElement;
+    const superDef = hasCustomSuperClass ? getComponentInternalDef(superProto) : lightingElementDef;
+    const bridge = HTMLBridgeElementFactory(superDef.bridge, shared.keys(apiFields), shared.keys(apiMethods), shared.keys(observedFields), proto, hasCustomSuperClass);
     const props = shared.assign(shared.create(null), superDef.props, apiFields);
     const propsConfig = shared.assign(shared.create(null), superDef.propsConfig, apiFieldsConfig);
     const methods = shared.assign(shared.create(null), superDef.methods, apiMethods);
@@ -5724,8 +5727,10 @@ function computeShadowMode(def, owner, renderer) {
             // everything defaults to native when the synthetic shadow polyfill is unavailable.
             shadowMode = 0 /* ShadowMode.Native */;
         }
-        else if (lwcRuntimeFlags.ENABLE_MIXED_SHADOW_MODE) {
-            if (def.shadowSupportMode === "any" /* ShadowSupportMode.Any */) {
+        else if (lwcRuntimeFlags.ENABLE_MIXED_SHADOW_MODE ||
+            def.shadowSupportMode === "native" /* ShadowSupportMode.Native */) {
+            if (def.shadowSupportMode === "any" /* ShadowSupportMode.Any */ ||
+                def.shadowSupportMode === "native" /* ShadowSupportMode.Native */) {
                 shadowMode = 0 /* ShadowMode.Native */;
             }
             else {
@@ -7125,5 +7130,5 @@ exports.swapTemplate = swapTemplate;
 exports.track = track;
 exports.unwrap = unwrap;
 exports.wire = wire;
-/** version: 3.5.0 */
+/** version: 3.6.0 */
 //# sourceMappingURL=index.cjs.js.map