From 7ff7dfaee7af0aa41e8a1c7fed37b647ebfd1c6b Mon Sep 17 00:00:00 2001
From: Matthieu Riegler <kyro38@gmail.com>
Date: Tue, 30 Apr 2024 00:02:16 +0200
Subject: [PATCH] docs: fix missing example (#55584)

preview is hidding was responsible for hidding the content.

fixes #55583

PR Close #55584
---
 adev/src/content/best-practices/a11y.md          | 6 +++---
 adev/src/content/guide/pipes/change-detection.md | 2 +-
 adev/src/content/guide/pipes/transform-data.md   | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/adev/src/content/best-practices/a11y.md b/adev/src/content/best-practices/a11y.md
index 7d030c250c3..ac68f5df0ca 100644
--- a/adev/src/content/best-practices/a11y.md
+++ b/adev/src/content/best-practices/a11y.md
@@ -76,15 +76,15 @@ The following example shows how to make a progress bar accessible by using host
     The ARIA attribute `aria-valuenow` is bound to the user's input.
 * In the template, the `aria-label` attribute ensures that the control is accessible to screen readers.
 
-<docs-code-multifile
-  path="adev/src/content/examples/accessibility/src/app/app.component.ts"
-  preview>
+<docs-code-multifile>
   <docs-code
     path="adev/src/content/examples/accessibility/src/app/progress-bar.component.ts"
+    language="ts"
     linenums
     highlight="[12, 20]"/>
   <docs-code
     path="adev/src/content/examples/accessibility/src/app/app.component.html"
+    language="html"
     linenums
     highlight="[8, 9]"/>
 </docs-code-multifile>
diff --git a/adev/src/content/guide/pipes/change-detection.md b/adev/src/content/guide/pipes/change-detection.md
index 28b5b842537..6edabceaa03 100644
--- a/adev/src/content/guide/pipes/change-detection.md
+++ b/adev/src/content/guide/pipes/change-detection.md
@@ -60,7 +60,7 @@ The tabs for the example show the following:
 | flying-heroes.component.html   | Template with the new pipe used. |
 | flying-heroes.pipe.ts          | File with custom pipe that filters flying heroes. |
 
-<docs-code-multifile path="adev/src/content/examples/pipes/src/app/flying-heroes.component.ts_FlyingHeroesComponent" preview>
+<docs-code-multifile>
     <docs-code header="src/app/flying-heroes.component.html" path="adev/src/content/examples/pipes/src/app/flying-heroes.component.html" visibleRegion="template-flying-heroes"/>
     <docs-code header="src/app/flying-heroes.pipe.ts" path="adev/src/content/examples/pipes/src/app/flying-heroes.pipe.ts" visibleRegion="pure"/>
 </docs-code-multifile>
diff --git a/adev/src/content/guide/pipes/transform-data.md b/adev/src/content/guide/pipes/transform-data.md
index 36cc0fbe9d0..7cac3abd804 100644
--- a/adev/src/content/guide/pipes/transform-data.md
+++ b/adev/src/content/guide/pipes/transform-data.md
@@ -57,7 +57,7 @@ The following code example shows two component definitions:
 | `exponential-strength.pipe.ts` | Defines a custom pipe named `exponentialStrength` with the `transform` method that performs the transformation. It defines an argument to the `transform` method \(`exponent`\) for a parameter passed to the pipe. |
 | `power-booster.component.ts`   | Demonstrates how to use the pipe, specifying a value \(`2`\) and the exponent parameter \(`10`\).                                                                                                                   |
 
-<docs-code-multifile preview path="adev/src/content/examples/pipes/src/app/power-booster.component.ts">
-  <docs-code header="src/app/exponential-strength.pipe.ts" path="adev/src/content/examples/pipes/src/app/exponential-strength.pipe.ts"/>
-  <docs-code header="src/app/power-booster.component.ts" path="adev/src/content/examples/pipes/src/app/power-booster.component.ts"/>
+<docs-code-multifile>
+  <docs-code header="src/app/exponential-strength.pipe.ts" language="ts" path="adev/src/content/examples/pipes/src/app/exponential-strength.pipe.ts"/>
+  <docs-code header="src/app/power-booster.component.ts" language="ts" path="adev/src/content/examples/pipes/src/app/power-booster.component.ts"/>
 </docs-code-multifile>