main - a13699e refactor(material/timepicker): use ID generator

Author: crisbeto

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

@@ -142,7 +142,7 @@ <h4 id="MenuStack" 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>id: `${nextId++}`</code>
+      <code>id: inject(_IdGenerator).getId(&#39;cdk-menu-stack-&#39;)</code>
     </p>
   </td>
   <td class="docs-api-property-description"><p>The ID of this menu stack.</p>
@@ -638,7 +638,7 @@ <h4 id="CdkMenuBar" class="docs-header-link docs-api-h4 docs-api-class-name">
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
           @Input()</div><p class="docs-api-property-name">
-      <code>id: `cdk-menu-${nextId++}`</code>
+      <code>id: string</code>
     </p>
   </td>
   <td class="docs-api-property-description"><p>The id of the menu&#39;s host element.</p>
@@ -828,7 +828,7 @@ <h4 id="CdkMenu" class="docs-header-link docs-api-h4 docs-api-class-name">
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
           @Input()</div><p class="docs-api-property-name">
-      <code>id: `cdk-menu-${nextId++}`</code>
+      <code>id: string</code>
     </p>
   </td>
   <td class="docs-api-property-description"><p>The id of the menu&#39;s host element.</p>
@@ -1024,7 +1024,7 @@ <h4 id="CdkMenuBase" class="docs-header-link docs-api-h4 docs-api-class-name">
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
           @Input()</div><p class="docs-api-property-name">
-      <code>id: `cdk-menu-${nextId++}`</code>
+      <code>id: string</code>
     </p>
   </td>
   <td class="docs-api-property-description"><p>The id of the menu&#39;s host element.</p>

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

@@ -3148,7 +3148,7 @@ <h4 id="MatDateRangeInput" 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>id: `mat-date-range-input-${nextUniqueId++}`</code>
+      <code>id: string</code>
     </p>
   </td>
   <td class="docs-api-property-description"><p>Unique ID for the group.</p>

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

@@ -219,7 +219,7 @@ <h4 id="MatMenu" 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>panelId: `mat-menu-panel-${menuPanelUid++}`</code>
+      <code>panelId: string</code>
     </p>
   </td>
   <td class="docs-api-property-description"></td>

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

@@ -1124,7 +1124,7 @@ <h4 id="MatTabNavPanel" class="docs-header-link docs-api-h4 docs-api-class-name"
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
           @Input()</div><p class="docs-api-property-name">
-      <code>id: `mat-tab-nav-panel-${nextUniqueId++}`</code>
+      <code>id: string</code>
     </p>
   </td>
   <td class="docs-api-property-description"><p>Unique id for the tab panel.</p>
@@ -1224,7 +1224,7 @@ <h4 id="MatTabLink" class="docs-header-link docs-api-h4 docs-api-class-name">
 <tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
           @Input()</div><p class="docs-api-property-name">
-      <code>id: `mat-tab-link-${nextUniqueId++}`</code>
+      <code>id: string</code>
     </p>
   </td>
   <td class="docs-api-property-description"><p>Unique id for the tab.</p>

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

@@ -173,7 +173,7 @@ <h4 id="MatTimepicker" 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>panelId: `mat-timepicker-panel-${uniqueId++}`</code>
+      <code>panelId: string</code>
     </p>
   </td>
   <td class="docs-api-property-description"><p>Unique ID of the timepicker&#39;s panel</p>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "19.1.0-next.0+sha-bd75077",
+  "version": "19.1.0-next.0+sha-a13699e",
   "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-bd75077",
-    "@angular/cdk-experimental": "19.1.0-next.0+sha-bd75077",
+    "@angular/cdk": "19.1.0-next.0+sha-a13699e",
+    "@angular/cdk-experimental": "19.1.0-next.0+sha-a13699e",
     "@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-bd75077",
-    "@angular/material-experimental": "19.1.0-next.0+sha-bd75077",
-    "@angular/material-moment-adapter": "19.1.0-next.0+sha-bd75077",
-    "@angular/material-luxon-adapter": "19.1.0-next.0+sha-bd75077",
-    "@angular/material-date-fns-adapter": "19.1.0-next.0+sha-bd75077"
+    "@angular/material": "19.1.0-next.0+sha-a13699e",
+    "@angular/material-experimental": "19.1.0-next.0+sha-a13699e",
+    "@angular/material-moment-adapter": "19.1.0-next.0+sha-a13699e",
+    "@angular/material-luxon-adapter": "19.1.0-next.0+sha-a13699e",
+    "@angular/material-date-fns-adapter": "19.1.0-next.0+sha-a13699e"
   },
   "dependencies": {
     "tslib": "^2.3.0"