main - 1d5a6a2 docs(material/tree): fixed mixed node types

crisbeto · crisbeto · commit 999300486e92 · 2024-11-12T16:14:47.000Z
diff --git a/docs-content/examples-highlighted/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example-css.html b/docs-content/examples-highlighted/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example-css.html
@@ -21,6 +21,6 @@
  * Leaf nodes need to have padding so as to align with other non-leaf nodes
  * under the same parent.
  */</span>
-<span class="hljs-selector-class">.example-tree</span> <span class="hljs-selector-tag">div</span><span class="hljs-selector-attr">[role=group]</span> &gt; <span class="hljs-selector-class">.mat-tree-node</span> {
+<span class="hljs-selector-class">.example-tree</span> <span class="hljs-selector-tag">div</span><span class="hljs-selector-attr">[role=group]</span> &gt; <span class="hljs-selector-class">.mat-nested-tree-node</span> {
   <span class="hljs-attribute">padding-left</span>: <span class="hljs-number">40px</span>;
 }
diff --git a/docs-content/examples-highlighted/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example-html.html b/docs-content/examples-highlighted/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example-html.html
@@ -2,9 +2,9 @@
   <span class="hljs-comment">&lt;!-- This is the tree node template for leaf nodes --&gt;</span>
   <span class="hljs-comment">&lt;!-- There is inline padding applied to this node using styles.
     This padding value depends on the mat-icon-button width. --&gt;</span>
-  <span class="hljs-tag">&lt;<span class="hljs-name">mat-tree-node</span> *<span class="hljs-attr">matTreeNodeDef</span>=<span class="hljs-string">&quot;let node&quot;</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">mat-nested-tree-node</span> *<span class="hljs-attr">matTreeNodeDef</span>=<span class="hljs-string">&quot;let node&quot;</span>&gt;</span>
     {{node.name}}
-  <span class="hljs-tag">&lt;/<span class="hljs-name">mat-tree-node</span>&gt;</span>
+  <span class="hljs-tag">&lt;/<span class="hljs-name">mat-nested-tree-node</span>&gt;</span>
   <span class="hljs-comment">&lt;!-- This is the tree node template for expandable nodes --&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">mat-nested-tree-node</span>
       *<span class="hljs-attr">matTreeNodeDef</span>=<span class="hljs-string">&quot;let node; when: hasChild&quot;</span>
diff --git a/docs-content/examples-highlighted/material/tree/tree-nested-overview/tree-nested-overview-example-css.html b/docs-content/examples-highlighted/material/tree/tree-nested-overview/tree-nested-overview-example-css.html
@@ -21,6 +21,6 @@
  * Leaf nodes need to have padding so as to align with other non-leaf nodes
  * under the same parent.
  */</span>
-<span class="hljs-selector-class">.example-tree</span> <span class="hljs-selector-tag">div</span><span class="hljs-selector-attr">[role=group]</span> &gt; <span class="hljs-selector-class">.mat-tree-node</span> {
+<span class="hljs-selector-class">.example-tree</span> <span class="hljs-selector-tag">div</span><span class="hljs-selector-attr">[role=group]</span> &gt; <span class="hljs-selector-class">.mat-nested-tree-node</span> {
   <span class="hljs-attribute">padding-left</span>: <span class="hljs-number">40px</span>;
 }
diff --git a/docs-content/examples-highlighted/material/tree/tree-nested-overview/tree-nested-overview-example-html.html b/docs-content/examples-highlighted/material/tree/tree-nested-overview/tree-nested-overview-example-html.html
@@ -2,9 +2,9 @@
   <span class="hljs-comment">&lt;!-- This is the tree node template for leaf nodes --&gt;</span>
   <span class="hljs-comment">&lt;!-- There is inline padding applied to this node using styles.
     This padding value depends on the mat-icon-button width. --&gt;</span>
-  <span class="hljs-tag">&lt;<span class="hljs-name">mat-tree-node</span> *<span class="hljs-attr">matTreeNodeDef</span>=<span class="hljs-string">&quot;let node&quot;</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">mat-nested-tree-node</span> *<span class="hljs-attr">matTreeNodeDef</span>=<span class="hljs-string">&quot;let node&quot;</span>&gt;</span>
     {{node.name}}
-  <span class="hljs-tag">&lt;/<span class="hljs-name">mat-tree-node</span>&gt;</span>
+  <span class="hljs-tag">&lt;/<span class="hljs-name">mat-nested-tree-node</span>&gt;</span>
   <span class="hljs-comment">&lt;!-- This is the tree node template for expandable nodes --&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">mat-nested-tree-node</span>
       *<span class="hljs-attr">matTreeNodeDef</span>=<span class="hljs-string">&quot;let node; when: hasChild&quot;</span>
diff --git a/docs-content/examples-source/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example.css b/docs-content/examples-source/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example.css
@@ -21,6 +21,6 @@
  * Leaf nodes need to have padding so as to align with other non-leaf nodes
  * under the same parent.
  */
-.example-tree div[role=group] > .mat-tree-node {
+.example-tree div[role=group] > .mat-nested-tree-node {
   padding-left: 40px;
 }
diff --git a/docs-content/examples-source/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example.html b/docs-content/examples-source/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example.html
@@ -2,9 +2,9 @@
   <!-- This is the tree node template for leaf nodes -->
   <!-- There is inline padding applied to this node using styles.
     This padding value depends on the mat-icon-button width. -->
-  <mat-tree-node *matTreeNodeDef="let node">
+  <mat-nested-tree-node *matTreeNodeDef="let node">
     {{node.name}}
-  </mat-tree-node>
+  </mat-nested-tree-node>
   <!-- This is the tree node template for expandable nodes -->
   <mat-nested-tree-node
       *matTreeNodeDef="let node; when: hasChild"
diff --git a/docs-content/examples-source/material/tree/tree-nested-overview/tree-nested-overview-example.css b/docs-content/examples-source/material/tree/tree-nested-overview/tree-nested-overview-example.css
@@ -21,6 +21,6 @@
  * Leaf nodes need to have padding so as to align with other non-leaf nodes
  * under the same parent.
  */
-.example-tree div[role=group] > .mat-tree-node {
+.example-tree div[role=group] > .mat-nested-tree-node {
   padding-left: 40px;
 }
diff --git a/docs-content/examples-source/material/tree/tree-nested-overview/tree-nested-overview-example.html b/docs-content/examples-source/material/tree/tree-nested-overview/tree-nested-overview-example.html
@@ -2,9 +2,9 @@
   <!-- This is the tree node template for leaf nodes -->
   <!-- There is inline padding applied to this node using styles.
     This padding value depends on the mat-icon-button width. -->
-  <mat-tree-node *matTreeNodeDef="let node">
+  <mat-nested-tree-node *matTreeNodeDef="let node">
     {{node.name}}
-  </mat-tree-node>
+  </mat-nested-tree-node>
   <!-- This is the tree node template for expandable nodes -->
   <mat-nested-tree-node
       *matTreeNodeDef="let node; when: hasChild"
diff --git a/fesm2022/material/tree.mjs b/fesm2022/material/tree.mjs
diff --git a/fesm2022/material/tree.mjs.map b/fesm2022/material/tree.mjs.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "19.1.0-next.0+sha-02d703b",
+  "version": "19.1.0-next.0+sha-1d5a6a2",
   "description": "Angular Components Examples",
   "private": true,
   "repository": {
@@ -259,15 +259,15 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/cdk": "19.1.0-next.0+sha-02d703b",
-    "@angular/cdk-experimental": "19.1.0-next.0+sha-02d703b",
+    "@angular/cdk": "19.1.0-next.0+sha-1d5a6a2",
+    "@angular/cdk-experimental": "19.1.0-next.0+sha-1d5a6a2",
     "@angular/core": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
     "@angular/common": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
-    "@angular/material": "19.1.0-next.0+sha-02d703b",
-    "@angular/material-experimental": "19.1.0-next.0+sha-02d703b",
-    "@angular/material-moment-adapter": "19.1.0-next.0+sha-02d703b",
-    "@angular/material-luxon-adapter": "19.1.0-next.0+sha-02d703b",
-    "@angular/material-date-fns-adapter": "19.1.0-next.0+sha-02d703b"
+    "@angular/material": "19.1.0-next.0+sha-1d5a6a2",
+    "@angular/material-experimental": "19.1.0-next.0+sha-1d5a6a2",
+    "@angular/material-moment-adapter": "19.1.0-next.0+sha-1d5a6a2",
+    "@angular/material-luxon-adapter": "19.1.0-next.0+sha-1d5a6a2",
+    "@angular/material-date-fns-adapter": "19.1.0-next.0+sha-1d5a6a2"
   },
   "dependencies": {
     "tslib": "^2.3.0"

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,6 @@`
`21`	`21`	`* Leaf nodes need to have padding so as to align with other non-leaf nodes`
`22`	`22`	`* under the same parent.`
`23`	`23`	`*/</span>`
`24`		`-<span class="hljs-selector-class">.example-tree</span> <span class="hljs-selector-tag">div</span><span class="hljs-selector-attr">[role=group]</span> > <span class="hljs-selector-class">.mat-tree-node</span> {`
	`24`	`+<span class="hljs-selector-class">.example-tree</span> <span class="hljs-selector-tag">div</span><span class="hljs-selector-attr">[role=group]</span> > <span class="hljs-selector-class">.mat-nested-tree-node</span> {`
`25`	`25`	`<span class="hljs-attribute">padding-left</span>: <span class="hljs-number">40px</span>;`
`26`	`26`	`}`