fix(ivy): set encapsulation metadata (#27115)

PR Close #27115

packages/compiler-cli/test/compliance/r3_view_compiler_styling_spec.ts

@@ -94,7 +94,13 @@ describe('compiler compliance: styling', () => {
            }
          };
 
-         const template = 'div.cool { color: blue; }", ":host.nice p { color: gold; }';
+         const template = `
+         MyComponent.ngComponentDef = $r3$.ɵdefineComponent({
+           …
+           styles: ["div.cool { color: blue; }", ":host.nice p { color: gold; }"],
+           encapsulation: 1
+         })
+         `;
          const result = compile(files, angularFiles);
          expectEmit(result.source, template, 'Incorrect template');
        });

packages/compiler/src/render3/view/compiler.ts

@@ -269,6 +269,11 @@ export function compileComponentFromMetadata(
     definitionMap.set('styles', o.literalArr(strings));
   }
 
+  // Only set view encapsulation if it's not the default value
+  if (meta.encapsulation !== null && meta.encapsulation !== core.ViewEncapsulation.Emulated) {
+    definitionMap.set('encapsulation', o.literal(meta.encapsulation));
+  }
+
   // e.g. `animations: [trigger('123', [])]`
   if (meta.animations !== null) {
     definitionMap.set(