Skip to content

Commit cf07673

Browse files
committed
main - c38e72f docs: release notes for the v17.0.0 release
1 parent 3f0b2f3 commit cf07673

File tree

147 files changed

+467
-712
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

147 files changed

+467
-712
lines changed

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -281,7 +281,7 @@ <h4 id="CdkTreeNodePadding" class="docs-header-link docs-api-h4 docs-api-class-n
281281

282282

283283
<tr class="docs-api-properties-row">
284-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">&#39;cdkTreeNodePadding&#39;</span>)
284+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ alias: &#39;cdkTreeNodePadding&#39;, transform: numberAttribute }</span>)
285285
</div><p class="docs-api-property-name">
286286
<code>level: number</code>
287287
</p>
@@ -731,7 +731,7 @@ <h4 id="CdkTreeNodeToggle" class="docs-header-link docs-api-h4 docs-api-class-na
731731

732732

733733
<tr class="docs-api-properties-row">
734-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">&#39;cdkTreeNodeToggleRecursive&#39;</span>)
734+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ alias: &#39;cdkTreeNodeToggleRecursive&#39;, transform: booleanAttribute }</span>)
735735
</div><p class="docs-api-property-name">
736736
<code>recursive: boolean</code>
737737
</p>

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

Lines changed: 70 additions & 174 deletions
Large diffs are not rendered by default.

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

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -561,8 +561,8 @@ <h4 id="MatDatepickerInput" class="docs-header-link docs-api-h4 docs-api-class-n
561561

562562

563563
<tr class="docs-api-properties-row">
564-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
565-
@Input()</div><p class="docs-api-property-name">
564+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
565+
</div><p class="docs-api-property-name">
566566
<code>disabled: boolean</code>
567567
</p>
568568
</td>
@@ -868,8 +868,8 @@ <h4 id="MatDateRangePicker" class="docs-header-link docs-api-h4 docs-api-class-n
868868

869869

870870
<tr class="docs-api-properties-row">
871-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
872-
@Input()</div><p class="docs-api-property-name">
871+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
872+
</div><p class="docs-api-property-name">
873873
<code>disabled: boolean</code>
874874
</p>
875875
</td>
@@ -882,8 +882,8 @@ <h4 id="MatDateRangePicker" class="docs-header-link docs-api-h4 docs-api-class-n
882882

883883

884884
<tr class="docs-api-properties-row">
885-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
886-
@Input()</div><p class="docs-api-property-name">
885+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
886+
</div><p class="docs-api-property-name">
887887
<code>opened: boolean</code>
888888
</p>
889889
</td>
@@ -911,8 +911,8 @@ <h4 id="MatDateRangePicker" class="docs-header-link docs-api-h4 docs-api-class-n
911911

912912

913913
<tr class="docs-api-properties-row">
914-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
915-
@Input()</div><p class="docs-api-property-name">
914+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
915+
</div><p class="docs-api-property-name">
916916
<code>restoreFocus: boolean</code>
917917
</p>
918918
</td>
@@ -955,8 +955,8 @@ <h4 id="MatDateRangePicker" class="docs-header-link docs-api-h4 docs-api-class-n
955955

956956

957957
<tr class="docs-api-properties-row">
958-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
959-
@Input()</div><p class="docs-api-property-name">
958+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
959+
</div><p class="docs-api-property-name">
960960
<code>touchUi: boolean</code>
961961
</p>
962962
</td>
@@ -1329,8 +1329,8 @@ <h4 id="MatStartDate" class="docs-header-link docs-api-h4 docs-api-class-name">
13291329

13301330

13311331
<tr class="docs-api-properties-row">
1332-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
1333-
@Input()</div><p class="docs-api-property-name">
1332+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
1333+
</div><p class="docs-api-property-name">
13341334
<code>disabled: boolean</code>
13351335
</p>
13361336
</td>
@@ -1549,8 +1549,8 @@ <h4 id="MatEndDate" class="docs-header-link docs-api-h4 docs-api-class-name">
15491549

15501550

15511551
<tr class="docs-api-properties-row">
1552-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
1553-
@Input()</div><p class="docs-api-property-name">
1552+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
1553+
</div><p class="docs-api-property-name">
15541554
<code>disabled: boolean</code>
15551555
</p>
15561556
</td>
@@ -2399,8 +2399,8 @@ <h4 id="MatDatepicker" class="docs-header-link docs-api-h4 docs-api-class-name">
23992399

24002400

24012401
<tr class="docs-api-properties-row">
2402-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
2403-
@Input()</div><p class="docs-api-property-name">
2402+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
2403+
</div><p class="docs-api-property-name">
24042404
<code>disabled: boolean</code>
24052405
</p>
24062406
</td>
@@ -2413,8 +2413,8 @@ <h4 id="MatDatepicker" class="docs-header-link docs-api-h4 docs-api-class-name">
24132413

24142414

24152415
<tr class="docs-api-properties-row">
2416-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
2417-
@Input()</div><p class="docs-api-property-name">
2416+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
2417+
</div><p class="docs-api-property-name">
24182418
<code>opened: boolean</code>
24192419
</p>
24202420
</td>
@@ -2442,8 +2442,8 @@ <h4 id="MatDatepicker" class="docs-header-link docs-api-h4 docs-api-class-name">
24422442

24432443

24442444
<tr class="docs-api-properties-row">
2445-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
2446-
@Input()</div><p class="docs-api-property-name">
2445+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
2446+
</div><p class="docs-api-property-name">
24472447
<code>restoreFocus: boolean</code>
24482448
</p>
24492449
</td>
@@ -2486,8 +2486,8 @@ <h4 id="MatDatepicker" class="docs-header-link docs-api-h4 docs-api-class-name">
24862486

24872487

24882488
<tr class="docs-api-properties-row">
2489-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
2490-
@Input()</div><p class="docs-api-property-name">
2489+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
2490+
</div><p class="docs-api-property-name">
24912491
<code>touchUi: boolean</code>
24922492
</p>
24932493
</td>
@@ -2922,8 +2922,8 @@ <h4 id="MatDatepickerToggle" class="docs-header-link docs-api-h4 docs-api-class-
29222922

29232923

29242924
<tr class="docs-api-properties-row">
2925-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
2926-
@Input()</div><p class="docs-api-property-name">
2925+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
2926+
</div><p class="docs-api-property-name">
29272927
<code>disabled: boolean</code>
29282928
</p>
29292929
</td>
@@ -3005,8 +3005,8 @@ <h4 id="MatDateRangeInput" class="docs-header-link docs-api-h4 docs-api-class-na
30053005

30063006

30073007
<tr class="docs-api-properties-row">
3008-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
3009-
@Input()</div><p class="docs-api-property-name">
3008+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
3009+
</div><p class="docs-api-property-name">
30103010
<code>disabled: boolean</code>
30113011
</p>
30123012
</td>
@@ -3061,8 +3061,8 @@ <h4 id="MatDateRangeInput" class="docs-header-link docs-api-h4 docs-api-class-na
30613061

30623062

30633063
<tr class="docs-api-properties-row">
3064-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
3065-
@Input()</div><p class="docs-api-property-name">
3064+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
3065+
</div><p class="docs-api-property-name">
30663066
<code>required: boolean</code>
30673067
</p>
30683068
</td>

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

Lines changed: 4 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -77,8 +77,8 @@ <h4 id="MatAccordion" class="docs-header-link docs-api-h4 docs-api-class-name">
7777

7878

7979
<tr class="docs-api-properties-row">
80-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
81-
@Input()</div><p class="docs-api-property-name">
80+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
81+
</div><p class="docs-api-property-name">
8282
<code>hideToggle: boolean</code>
8383
</p>
8484
</td>
@@ -231,8 +231,8 @@ <h4 id="MatExpansionPanel" class="docs-header-link docs-api-h4 docs-api-class-na
231231

232232

233233
<tr class="docs-api-properties-row">
234-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
235-
@Input()</div><p class="docs-api-property-name">
234+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
235+
</div><p class="docs-api-property-name">
236236
<code>hideToggle: boolean</code>
237237
</p>
238238
</td>
@@ -481,19 +481,6 @@ <h4 id="MatExpansionPanelHeader" class="docs-header-link docs-api-h4 docs-api-cl
481481

482482

483483

484-
<tr class="docs-api-properties-row">
485-
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
486-
<code>defaultTabIndex: number</code>
487-
</p>
488-
</td>
489-
<td class="docs-api-property-description"><p>Tabindex to which to fall back to if no value is set.</p>
490-
</td>
491-
</tr>
492-
493-
494-
495-
496-
497484
<tr class="docs-api-properties-row">
498485
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
499486
<code>panel: MatExpansionPanel</code>

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

Lines changed: 4 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1098,10 +1098,10 @@ <h4 id="MatIcon" class="docs-header-link docs-api-h4 docs-api-class-name">
10981098
<tr class="docs-api-properties-row">
10991099
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
11001100
@Input()</div><p class="docs-api-property-name">
1101-
<code>color: ThemePalette</code>
1101+
<code>color: string</code>
11021102
</p>
11031103
</td>
1104-
<td class="docs-api-property-description"><p>Theme color palette for the component.</p>
1104+
<td class="docs-api-property-description"><p>Theme palette color of the icon.</p>
11051105
</td>
11061106
</tr>
11071107

@@ -1138,8 +1138,8 @@ <h4 id="MatIcon" class="docs-header-link docs-api-h4 docs-api-class-name">
11381138

11391139

11401140
<tr class="docs-api-properties-row">
1141-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
1142-
@Input()</div><p class="docs-api-property-name">
1141+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
1142+
</div><p class="docs-api-property-name">
11431143
<code>inline: boolean</code>
11441144
</p>
11451145
</td>
@@ -1164,19 +1164,6 @@ <h4 id="MatIcon" class="docs-header-link docs-api-h4 docs-api-class-name">
11641164

11651165

11661166

1167-
1168-
1169-
<tr class="docs-api-properties-row">
1170-
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
1171-
<code>defaultColor: ThemePalette | undefined</code>
1172-
</p>
1173-
</td>
1174-
<td class="docs-api-property-description"><p>Default color to fall back to if no value is set.</p>
1175-
</td>
1176-
</tr>
1177-
1178-
1179-
11801167
</table>
11811168

11821169

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

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -186,12 +186,12 @@ <h4 id="MatPaginator" class="docs-header-link docs-api-h4 docs-api-class-name">
186186

187187

188188
<tr class="docs-api-properties-row">
189-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
190-
@Input()</div><p class="docs-api-property-name">
189+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
190+
</div><p class="docs-api-property-name">
191191
<code>disabled: boolean</code>
192192
</p>
193193
</td>
194-
<td class="docs-api-property-description"><p>Whether the component is disabled.</p>
194+
<td class="docs-api-property-description"><p>Whether the paginator is disabled.</p>
195195
</td>
196196
</tr>
197197

@@ -200,8 +200,8 @@ <h4 id="MatPaginator" class="docs-header-link docs-api-h4 docs-api-class-name">
200200

201201

202202
<tr class="docs-api-properties-row">
203-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
204-
@Input()</div><p class="docs-api-property-name">
203+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
204+
</div><p class="docs-api-property-name">
205205
<code>hidePageSize: boolean</code>
206206
</p>
207207
</td>
@@ -214,8 +214,8 @@ <h4 id="MatPaginator" class="docs-header-link docs-api-h4 docs-api-class-name">
214214

215215

216216
<tr class="docs-api-properties-row">
217-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
218-
@Input()</div><p class="docs-api-property-name">
217+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: numberAttribute }</span>)
218+
</div><p class="docs-api-property-name">
219219
<code>length: number</code>
220220
</p>
221221
</td>
@@ -228,8 +228,8 @@ <h4 id="MatPaginator" class="docs-header-link docs-api-h4 docs-api-class-name">
228228

229229

230230
<tr class="docs-api-properties-row">
231-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
232-
@Input()</div><p class="docs-api-property-name">
231+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: numberAttribute }</span>)
232+
</div><p class="docs-api-property-name">
233233
<code>pageIndex: number</code>
234234
</p>
235235
</td>
@@ -242,8 +242,8 @@ <h4 id="MatPaginator" class="docs-header-link docs-api-h4 docs-api-class-name">
242242

243243

244244
<tr class="docs-api-properties-row">
245-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
246-
@Input()</div><p class="docs-api-property-name">
245+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: numberAttribute }</span>)
246+
</div><p class="docs-api-property-name">
247247
<code>pageSize: number</code>
248248
</p>
249249
</td>
@@ -284,8 +284,8 @@ <h4 id="MatPaginator" class="docs-header-link docs-api-h4 docs-api-class-name">
284284

285285

286286
<tr class="docs-api-properties-row">
287-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
288-
@Input()</div><p class="docs-api-property-name">
287+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: booleanAttribute }</span>)
288+
</div><p class="docs-api-property-name">
289289
<code>showFirstLastButtons: boolean</code>
290290
</p>
291291
</td>

docs-content/api-docs/material-progress-bar.html

Lines changed: 6 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -50,8 +50,8 @@ <h4 id="MatProgressBar" class="docs-header-link docs-api-h4 docs-api-class-name"
5050

5151

5252
<tr class="docs-api-properties-row">
53-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
54-
@Input()</div><p class="docs-api-property-name">
53+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: numberAttribute }</span>)
54+
</div><p class="docs-api-property-name">
5555
<code>bufferValue: number</code>
5656
</p>
5757
</td>
@@ -66,10 +66,10 @@ <h4 id="MatProgressBar" class="docs-header-link docs-api-h4 docs-api-class-name"
6666
<tr class="docs-api-properties-row">
6767
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
6868
@Input()</div><p class="docs-api-property-name">
69-
<code>color: ThemePalette</code>
69+
<code>color: string</code>
7070
</p>
7171
</td>
72-
<td class="docs-api-property-description"><p>Theme color palette for the component.</p>
72+
<td class="docs-api-property-description"><p>Theme palette color of the progress bar.</p>
7373
</td>
7474
</tr>
7575

@@ -95,8 +95,8 @@ <h4 id="MatProgressBar" class="docs-header-link docs-api-h4 docs-api-class-name"
9595

9696

9797
<tr class="docs-api-properties-row">
98-
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">
99-
@Input()</div><p class="docs-api-property-name">
98+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ transform: numberAttribute }</span>)
99+
</div><p class="docs-api-property-name">
100100
<code>value: number</code>
101101
</p>
102102
</td>
@@ -122,19 +122,6 @@ <h4 id="MatProgressBar" class="docs-header-link docs-api-h4 docs-api-class-name"
122122

123123

124124

125-
126-
127-
<tr class="docs-api-properties-row">
128-
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
129-
<code>defaultColor: ThemePalette | undefined</code>
130-
</p>
131-
</td>
132-
<td class="docs-api-property-description"><p>Default color to fall back to if no value is set.</p>
133-
</td>
134-
</tr>
135-
136-
137-
138125
</table>
139126

140127

0 commit comments

Comments
 (0)