main - b8ec0a6 refactor(multiple): switch the CDK to the inject funct…

…ion (#29718)

docs-content/api-docs/cdk-accordion.html

@@ -125,7 +125,7 @@ <h4 id="CdkAccordionItem" class="docs-header-link docs-api-h4 docs-api-class-nam
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>accordion: CdkAccordion</code>
+      <code>accordion: inject&lt;CdkAccordion&gt;(CDK_ACCORDION, { optional: true, skipSelf: true })!</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>

docs-content/api-docs/cdk-drag-drop.html

@@ -425,11 +425,10 @@ <h4 id="CdkDropList" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>element: ElementRef&lt;HTMLElement&gt;</code>
+      <code>element: inject&lt;ElementRef&lt;HTMLElement&gt;&gt;(ElementRef)</code>
     </p>
   </td>
-  <td class="docs-api-property-description"><p>Element that the drop list is attached to.</p>
-</td>
+  <td class="docs-api-property-description"></td>
 </tr>
 
 
@@ -889,11 +888,10 @@ <h4 id="CdkDrag" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>dropContainer: CdkDropList</code>
+      <code>dropContainer: inject&lt;CdkDropList&gt;(CDK_DROP_LIST, { optional: true, skipSelf: true })!</code>
     </p>
   </td>
-  <td class="docs-api-property-description"><p>Droppable container that the draggable is a part of.</p>
-</td>
+  <td class="docs-api-property-description"></td>
 </tr>
 
 
@@ -902,11 +900,10 @@ <h4 id="CdkDrag" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>element: ElementRef&lt;HTMLElement&gt;</code>
+      <code>element: inject&lt;ElementRef&lt;HTMLElement&gt;&gt;(ElementRef)</code>
     </p>
   </td>
-  <td class="docs-api-property-description"><p>Element that the draggable is attached to.</p>
-</td>
+  <td class="docs-api-property-description"></td>
 </tr>
 
 
@@ -1104,7 +1101,7 @@ <h4 id="CdkDragHandle" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>element: ElementRef&lt;HTMLElement&gt;</code>
+      <code>element: inject&lt;ElementRef&lt;HTMLElement&gt;&gt;(ElementRef)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>
@@ -1172,7 +1169,7 @@ <h4 id="CdkDragPreview" class="docs-header-link docs-api-h4 docs-api-class-name"
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>templateRef: TemplateRef&lt;T&gt;</code>
+      <code>templateRef: inject&lt;TemplateRef&lt;T&gt;&gt;(TemplateRef)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>
@@ -1226,7 +1223,7 @@ <h4 id="CdkDragPlaceholder" class="docs-header-link docs-api-h4 docs-api-class-n
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>templateRef: TemplateRef&lt;T&gt;</code>
+      <code>templateRef: inject&lt;TemplateRef&lt;T&gt;&gt;(TemplateRef)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>

docs-content/api-docs/cdk-layout.html

@@ -34,7 +34,7 @@ <h4 id="BreakpointObserver" class="docs-header-link docs-api-h4 docs-api-class-n
   <span header-link="BreakpointObserver"></span>
   <code>BreakpointObserver</code>
 
-</h4><p class="docs-api-class-description"><p>Utility for checking the matching state of @media queries.</p>
+</h4><p class="docs-api-class-description"><p>Utility for checking the matching state of <code>@media</code> queries.</p>
 </p>
 
 

docs-content/api-docs/cdk-overlay.html

@@ -50,11 +50,10 @@ <h4 id="Overlay" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>scrollStrategies: ScrollStrategyOptions</code>
+      <code>scrollStrategies: inject(ScrollStrategyOptions)</code>
     </p>
   </td>
-  <td class="docs-api-property-description"><p>Scrolling strategies that can be used when creating an overlay.</p>
-</td>
+  <td class="docs-api-property-description"></td>
 </tr>
 
 
@@ -710,11 +709,10 @@ <h4 id="CdkOverlayOrigin" class="docs-header-link docs-api-h4 docs-api-class-nam
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>elementRef: ElementRef</code>
+      <code>elementRef: inject(ElementRef)</code>
     </p>
   </td>
-  <td class="docs-api-property-description"><p>Reference to the element on which the directive is applied.</p>
-</td>
+  <td class="docs-api-property-description"></td>
 </tr>
 
 

docs-content/api-docs/cdk-scrolling.html

@@ -339,7 +339,7 @@ <h4 id="CdkScrollable" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>dir: Directionality</code>
+      <code>dir: inject(Directionality, { optional: true })</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>
@@ -351,7 +351,7 @@ <h4 id="CdkScrollable" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>elementRef: ElementRef&lt;HTMLElement&gt;</code>
+      <code>elementRef: inject&lt;ElementRef&lt;HTMLElement&gt;&gt;(ElementRef)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>
@@ -363,7 +363,7 @@ <h4 id="CdkScrollable" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>ngZone: NgZone</code>
+      <code>ngZone: inject(NgZone)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>
@@ -375,7 +375,7 @@ <h4 id="CdkScrollable" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>scrollDispatcher: ScrollDispatcher</code>
+      <code>scrollDispatcher: inject(ScrollDispatcher)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>
@@ -928,7 +928,7 @@ <h4 id="CdkVirtualScrollViewport" class="docs-header-link docs-api-h4 docs-api-c
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>elementRef: ElementRef&lt;HTMLElement&gt;</code>
+      <code>elementRef: inject&lt;ElementRef&lt;HTMLElement&gt;&gt;(ElementRef)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>
@@ -953,7 +953,7 @@ <h4 id="CdkVirtualScrollViewport" class="docs-header-link docs-api-h4 docs-api-c
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>scrollable: CdkVirtualScrollable</code>
+      <code>scrollable: inject&lt;CdkVirtualScrollable&gt;(VIRTUAL_SCROLLABLE, { optional: true })!</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>

docs-content/api-docs/cdk-stepper.html

@@ -471,7 +471,26 @@ <h4 id="CdkStepLabel" class="docs-header-link docs-api-h4 docs-api-class-name">
 
     <span class="docs-api-class-selector-name">[cdkStepLabel]</span>
 
-</p>
+</p><h5 class="docs-api-h5 docs-api-method-header">Properties</h5>
+  <table class="docs-api-properties-table">
+    <tr class="docs-api-properties-header-row">
+      <th class="docs-api-properties-th">Name</th>
+      <th class="docs-api-properties-th">Description</th>
+    </tr>
+
+
+
+<tr class="docs-api-properties-row">
+  <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
+      <code>template: inject&lt;TemplateRef&lt;any&gt;&gt;(TemplateRef)</code>
+    </p>
+  </td>
+  <td class="docs-api-property-description"></td>
+</tr>
+
+
+
+  </table>
 
 
 

docs-content/api-docs/cdk-table.html

@@ -950,6 +950,18 @@ <h4 id="CdkHeaderRowDef" class="docs-header-link docs-api-h4 docs-api-class-name
 
 
 
+
+
+<tr class="docs-api-properties-row">
+  <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
+      <code>template: inject&lt;TemplateRef&lt;any&gt;&gt;(TemplateRef)</code>
+    </p>
+  </td>
+  <td class="docs-api-property-description"></td>
+</tr>
+
+
+
   </table>
 
 
@@ -1143,6 +1155,18 @@ <h4 id="CdkFooterRowDef" class="docs-header-link docs-api-h4 docs-api-class-name
 
 
 
+
+
+<tr class="docs-api-properties-row">
+  <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
+      <code>template: inject&lt;TemplateRef&lt;any&gt;&gt;(TemplateRef)</code>
+    </p>
+  </td>
+  <td class="docs-api-property-description"></td>
+</tr>
+
+
+
   </table>
 
 
@@ -1340,6 +1364,18 @@ <h4 id="CdkRowDef" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 
 
+
+
+<tr class="docs-api-properties-row">
+  <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
+      <code>template: inject&lt;TemplateRef&lt;any&gt;&gt;(TemplateRef)</code>
+    </p>
+  </td>
+  <td class="docs-api-property-description"></td>
+</tr>
+
+
+
   </table>
 
 
@@ -1519,7 +1555,7 @@ <h4 id="CdkNoDataRow" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>templateRef: TemplateRef&lt;any&gt;</code>
+      <code>templateRef: inject&lt;TemplateRef&lt;any&gt;&gt;(TemplateRef)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>
@@ -1674,6 +1710,18 @@ <h4 id="BaseRowDef" class="docs-header-link docs-api-h4 docs-api-class-name">
 
 
 
+
+
+<tr class="docs-api-properties-row">
+  <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
+      <code>template: inject&lt;TemplateRef&lt;any&gt;&gt;(TemplateRef)</code>
+    </p>
+  </td>
+  <td class="docs-api-property-description"></td>
+</tr>
+
+
+
   </table>
 
 

docs-content/api-docs/cdk-tree.html

@@ -473,18 +473,6 @@ <h4 id="CdkTreeNodeDef" class="docs-header-link docs-api-h4 docs-api-class-name"
 
 
 
-
-
-<tr class="docs-api-properties-row">
-  <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>template: TemplateRef&lt;any&gt;</code>
-    </p>
-  </td>
-  <td class="docs-api-property-description"></td>
-</tr>
-
-
-
   </table>
 
 
@@ -587,7 +575,7 @@ <h4 id="CdkTreeNodeOutlet" class="docs-header-link docs-api-h4 docs-api-class-na
 
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
-      <code>viewContainer: ViewContainerRef</code>
+      <code>viewContainer: inject(ViewContainerRef)</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>

docs-content/api-docs/material-stepper.html

@@ -125,7 +125,26 @@ <h4 id="MatStepLabel" class="docs-header-link docs-api-h4 docs-api-class-name">
 
     <span class="docs-api-class-selector-name">[matStepLabel]</span>
 
-</p>
+</p><h5 class="docs-api-h5 docs-api-method-header">Properties</h5>
+  <table class="docs-api-properties-table">
+    <tr class="docs-api-properties-header-row">
+      <th class="docs-api-properties-th">Name</th>
+      <th class="docs-api-properties-th">Description</th>
+    </tr>
+
+
+
+<tr class="docs-api-properties-row">
+  <td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
+      <code>template: inject&lt;TemplateRef&lt;any&gt;&gt;(TemplateRef)</code>
+    </p>
+  </td>
+  <td class="docs-api-property-description"></td>
+</tr>
+
+
+
+  </table>