fix(docs): rename master to something else (#25151)

Rename master to something else in misc docs examples and code comments. (cherry picked from commit 323359c)
angular · Jun 24, 2022 · 160abab · 160abab
1 parent f47e12e
commit 160abab
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/...nts-examples/material-experimental/mdc-table/table-selection/table-selection-example.html b/...nts-examples/material-experimental/mdc-table/table-selection/table-selection-example.html
@@ -3,7 +3,7 @@
   <!-- Checkbox Column -->
   <ng-container matColumnDef="select">
     <th mat-header-cell *matHeaderCellDef>
-      <mat-checkbox (change)="$event ? masterToggle() : null"
+      <mat-checkbox (change)="$event ? toggleAllRows() : null"
                     [checked]="selection.hasValue() && isAllSelected()"
                     [indeterminate]="selection.hasValue() && !isAllSelected()"
                     [aria-label]="checkboxLabel()">

diff --git a/...nents-examples/material-experimental/mdc-table/table-selection/table-selection-example.ts b/...nents-examples/material-experimental/mdc-table/table-selection/table-selection-example.ts
@@ -43,7 +43,7 @@ export class TableSelectionExample {
   }
 
   /** Selects all rows if they are not all selected; otherwise clear selection. */
-  masterToggle() {
+  toggleAllRows() {
     if (this.isAllSelected()) {
       this.selection.clear();
       return;

diff --git a/src/components-examples/material/table/table-selection/table-selection-example.html b/src/components-examples/material/table/table-selection/table-selection-example.html
@@ -3,7 +3,7 @@
   <!-- Checkbox Column -->
   <ng-container matColumnDef="select">
     <th mat-header-cell *matHeaderCellDef>
-      <mat-checkbox (change)="$event ? masterToggle() : null"
+      <mat-checkbox (change)="$event ? toggleAllRows() : null"
                     [checked]="selection.hasValue() && isAllSelected()"
                     [indeterminate]="selection.hasValue() && !isAllSelected()"
                     [aria-label]="checkboxLabel()">

diff --git a/src/components-examples/material/table/table-selection/table-selection-example.ts b/src/components-examples/material/table/table-selection/table-selection-example.ts
@@ -43,7 +43,7 @@ export class TableSelectionExample {
   }
 
   /** Selects all rows if they are not all selected; otherwise clear selection. */
-  masterToggle() {
+  toggleAllRows() {
     if (this.isAllSelected()) {
       this.selection.clear();
       return;

diff --git a/src/material/core/style/_variables.scss b/src/material/core/style/_variables.scss
@@ -4,7 +4,7 @@ $xsmall: 'max-width: 599px';
 $small: 'max-width: 959px';
 
 // TODO: Revisit all z-indices before beta
-// z-index master list
+// z-index main list
 
 $z-index-fab: 20 !default;
 $z-index-drawer: 100 !default;

diff --git a/src/material/table/table.md b/src/material/table/table.md
@@ -258,14 +258,14 @@ this.selection = new SelectionModel<MyDataType>(allowMultiSelect, initialSelecti
 
 ##### 2. Define a selection column
 
-Add a column definition for displaying the row checkboxes, including a master toggle checkbox for
+Add a column definition for displaying the row checkboxes, including a main toggle checkbox for
 the header. The column name should be added to the list of displayed columns provided to the
 header and data row.
 
 ```html
 <ng-container matColumnDef="select">
   <th mat-header-cell *matHeaderCellDef>
-    <mat-checkbox (change)="$event ? masterToggle() : null"
+    <mat-checkbox (change)="$event ? toggleAllRows() : null"
                   [checked]="selection.hasValue() && isAllSelected()"
                   [indeterminate]="selection.hasValue() && !isAllSelected()">
     </mat-checkbox>
@@ -281,7 +281,7 @@ header and data row.
 
 ##### 3. Add event handling logic
 
-Implement the behavior in your component's logic to handle the header's master toggle and checking
+Implement the behavior in your component's logic to handle the header's main toggle and checking
 if all rows are selected.
 
 ```js
@@ -293,7 +293,7 @@ isAllSelected() {
 }
 
 /** Selects all rows if they are not all selected; otherwise clear selection. */
-masterToggle() {
+toggleAllRows() {
   this.isAllSelected() ?
       this.selection.clear() :
       this.dataSource.data.forEach(row => this.selection.select(row));