main - 223e114 docs(material/cdk/observers): Documentation supplement due to extended capabilities of the directive (#31352)

Author: dananaprey

docs-content/overviews/cdk/observers/observers.md.html

@@ -9,4 +9,7 @@ <h3 id="cdkobservecontent" class="docs-header-link">
 mutation to the content is observed.</p>
 <pre><code class="language-html"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;projected-content-wrapper&quot;</span> (<span class="hljs-attr">cdkObserveContent</span>)=<span class="hljs-string">&quot;projectContentChanged()&quot;</span>&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">ng-content</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">ng-content</span>&gt;</span>
+<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre><p>Directive also can be used for observing any type of content</p>
+<pre><code class="language-html"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;content-wrapper&quot;</span> (<span class="hljs-attr">click</span>)=<span class="hljs-string">&quot;changeText()&quot;</span> (<span class="hljs-attr">cdkObserveContent</span>)=<span class="hljs-string">&quot;textChanged()&quot;</span>&gt;</span>
+  {{ text }}
 <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre></div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "20.2.0-next.3+sha-0e2617d",
+  "version": "20.2.0-next.3+sha-223e114",
   "description": "Angular Components Examples",
   "private": true,
   "repository": {
@@ -259,15 +259,15 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/cdk": "20.2.0-next.3+sha-0e2617d",
-    "@angular/cdk-experimental": "20.2.0-next.3+sha-0e2617d",
+    "@angular/cdk": "20.2.0-next.3+sha-223e114",
+    "@angular/cdk-experimental": "20.2.0-next.3+sha-223e114",
     "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
     "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
-    "@angular/material": "20.2.0-next.3+sha-0e2617d",
-    "@angular/material-experimental": "20.2.0-next.3+sha-0e2617d",
-    "@angular/material-moment-adapter": "20.2.0-next.3+sha-0e2617d",
-    "@angular/material-luxon-adapter": "20.2.0-next.3+sha-0e2617d",
-    "@angular/material-date-fns-adapter": "20.2.0-next.3+sha-0e2617d"
+    "@angular/material": "20.2.0-next.3+sha-223e114",
+    "@angular/material-experimental": "20.2.0-next.3+sha-223e114",
+    "@angular/material-moment-adapter": "20.2.0-next.3+sha-223e114",
+    "@angular/material-luxon-adapter": "20.2.0-next.3+sha-223e114",
+    "@angular/material-date-fns-adapter": "20.2.0-next.3+sha-223e114"
   },
   "devDependencies": {
     "@angular/cdk": "workspace:*",