Skip to content

Commit 504b438

Browse files
crisbetocrisbeto
committed
main - 6875bb6 docs(material/snack-bar): adjust docs for standalone (#28111)
1 parent 0283636 commit 504b438

File tree

25 files changed

+83
-82
lines changed

25 files changed

+83
-82
lines changed

‎docs-content/examples-highlighted/material-experimental/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example-ts.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<span class="hljs-keyword">import</span> {DataSource} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/collections&#x27;</span>;
33
<span class="hljs-keyword">import</span> {FormValueContainer, CdkPopoverEditModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk-experimental/popover-edit&#x27;</span>;
44
<span class="hljs-keyword">import</span> {NgForm, FormsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/forms&#x27;</span>;
5-
<span class="hljs-keyword">import</span> {MatSnackBar, MatSnackBarModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
5+
<span class="hljs-keyword">import</span> {MatSnackBar} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
66
<span class="hljs-keyword">import</span> {BehaviorSubject, Observable} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;rxjs&#x27;</span>;
77
<span class="hljs-keyword">import</span> {MatListModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/list&#x27;</span>;
88
<span class="hljs-keyword">import</span> {MatCheckboxModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/checkbox&#x27;</span>;
@@ -218,7 +218,6 @@
218218
MatIconModule,
219219
MatCheckboxModule,
220220
MatListModule,
221-
MatSnackBarModule,
222221
],
223222
})
224223
<span class="hljs-keyword">export</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">PopoverEditMatTableExample</span> </span>{

‎docs-content/examples-highlighted/material/snack-bar/snack-bar-annotated-component/snack-bar-annotated-component-example-ts.html

+9-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
<span class="hljs-keyword">import</span> {Component, inject} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/core&#x27;</span>;
2-
<span class="hljs-keyword">import</span> {MatSnackBar, MatSnackBarRef, MatSnackBarModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
2+
<span class="hljs-keyword">import</span> {
3+
MatSnackBar,
4+
MatSnackBarAction,
5+
MatSnackBarActions,
6+
MatSnackBarLabel,
7+
MatSnackBarRef,
8+
} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
39
<span class="hljs-keyword">import</span> {MatButtonModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/button&#x27;</span>;
410
<span class="hljs-keyword">import</span> {MatInputModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/input&#x27;</span>;
511
<span class="hljs-keyword">import</span> {FormsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/forms&#x27;</span>;
@@ -13,7 +19,7 @@
1319
<span class="hljs-attr">templateUrl</span>: <span class="hljs-string">&#x27;snack-bar-annotated-component-example.html&#x27;</span>,
1420
<span class="hljs-attr">styleUrls</span>: [<span class="hljs-string">&#x27;snack-bar-annotated-component-example.css&#x27;</span>],
1521
<span class="hljs-attr">standalone</span>: <span class="hljs-literal">true</span>,
16-
<span class="hljs-attr">imports</span>: [MatFormFieldModule, FormsModule, MatInputModule, MatButtonModule, MatSnackBarModule],
22+
<span class="hljs-attr">imports</span>: [MatFormFieldModule, FormsModule, MatInputModule, MatButtonModule],
1723
})
1824
<span class="hljs-keyword">export</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">SnackBarAnnotatedComponentExample</span> </span>{
1925
durationInSeconds = <span class="hljs-number">5</span>;
@@ -42,7 +48,7 @@
4248
`</span>,
4349
],
4450
<span class="hljs-attr">standalone</span>: <span class="hljs-literal">true</span>,
45-
<span class="hljs-attr">imports</span>: [MatButtonModule, MatSnackBarModule],
51+
<span class="hljs-attr">imports</span>: [MatButtonModule, MatSnackBarLabel, MatSnackBarActions, MatSnackBarAction],
4652
})
4753
<span class="hljs-keyword">export</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">PizzaPartyAnnotatedComponent</span> </span>{
4854
snackBarRef = inject(MatSnackBarRef);

‎docs-content/examples-highlighted/material/snack-bar/snack-bar-component/snack-bar-component-example-ts.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<span class="hljs-keyword">import</span> {Component} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/core&#x27;</span>;
2-
<span class="hljs-keyword">import</span> {MatSnackBar, MatSnackBarModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
2+
<span class="hljs-keyword">import</span> {MatSnackBar} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
33
<span class="hljs-keyword">import</span> {MatButtonModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/button&#x27;</span>;
44
<span class="hljs-keyword">import</span> {MatInputModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/input&#x27;</span>;
55
<span class="hljs-keyword">import</span> {FormsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/forms&#x27;</span>;
@@ -13,7 +13,7 @@
1313
<span class="hljs-attr">templateUrl</span>: <span class="hljs-string">&#x27;snack-bar-component-example.html&#x27;</span>,
1414
<span class="hljs-attr">styleUrls</span>: [<span class="hljs-string">&#x27;snack-bar-component-example.css&#x27;</span>],
1515
<span class="hljs-attr">standalone</span>: <span class="hljs-literal">true</span>,
16-
<span class="hljs-attr">imports</span>: [MatFormFieldModule, FormsModule, MatInputModule, MatButtonModule, MatSnackBarModule],
16+
<span class="hljs-attr">imports</span>: [MatFormFieldModule, FormsModule, MatInputModule, MatButtonModule],
1717
})
1818
<span class="hljs-keyword">export</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">SnackBarComponentExample</span> </span>{
1919
durationInSeconds = <span class="hljs-number">5</span>;

‎docs-content/examples-highlighted/material/snack-bar/snack-bar-harness/snack-bar-harness-example-ts.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<span class="hljs-keyword">import</span> {Component} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/core&#x27;</span>;
2-
<span class="hljs-keyword">import</span> {MatSnackBar, MatSnackBarConfig, MatSnackBarModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
2+
<span class="hljs-keyword">import</span> {MatSnackBar, MatSnackBarConfig} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
33

44
<span class="hljs-comment">/**
55
* <span class="hljs-doctag">@title </span>Testing with MatSnackBarHarness
@@ -8,7 +8,6 @@
88
<span class="hljs-attr">selector</span>: <span class="hljs-string">&#x27;snack-bar-harness-example&#x27;</span>,
99
<span class="hljs-attr">templateUrl</span>: <span class="hljs-string">&#x27;snack-bar-harness-example.html&#x27;</span>,
1010
<span class="hljs-attr">standalone</span>: <span class="hljs-literal">true</span>,
11-
<span class="hljs-attr">imports</span>: [MatSnackBarModule],
1211
})
1312
<span class="hljs-keyword">export</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">SnackBarHarnessExample</span> </span>{
1413
<span class="hljs-function"><span class="hljs-title">constructor</span>(<span class="hljs-params"><span class="hljs-keyword">readonly</span> snackBar: MatSnackBar</span>)</span> {}

‎docs-content/examples-highlighted/material/snack-bar/snack-bar-harness/snack-bar-harness-example.spec-ts.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,14 @@
44
<span class="hljs-keyword">import</span> {SnackBarHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./snack-bar-harness-example&#x27;</span>;
55
<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
66
<span class="hljs-keyword">import</span> {MatSnackBarHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar/testing&#x27;</span>;
7-
<span class="hljs-keyword">import</span> {MatSnackBarModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
87

98
describe(<span class="hljs-string">&#x27;SnackBarHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
109
<span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;SnackBarHarnessExample&gt;;
1110
<span class="hljs-keyword">let</span> loader: HarnessLoader;
1211

1312
beforeEach(<span class="hljs-function">() =&gt;</span> {
1413
TestBed.configureTestingModule({
15-
<span class="hljs-attr">imports</span>: [MatSnackBarModule, NoopAnimationsModule],
14+
<span class="hljs-attr">imports</span>: [NoopAnimationsModule],
1615
}).compileComponents();
1716
fixture = TestBed.createComponent(SnackBarHarnessExample);
1817
fixture.detectChanges();

‎docs-content/examples-highlighted/material/snack-bar/snack-bar-overview/snack-bar-overview-example-ts.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<span class="hljs-keyword">import</span> {Component} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/core&#x27;</span>;
2-
<span class="hljs-keyword">import</span> {MatSnackBar, MatSnackBarModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
2+
<span class="hljs-keyword">import</span> {MatSnackBar} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
33
<span class="hljs-keyword">import</span> {MatButtonModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/button&#x27;</span>;
44
<span class="hljs-keyword">import</span> {MatInputModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/input&#x27;</span>;
55
<span class="hljs-keyword">import</span> {MatFormFieldModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/form-field&#x27;</span>;
@@ -12,7 +12,7 @@
1212
<span class="hljs-attr">templateUrl</span>: <span class="hljs-string">&#x27;snack-bar-overview-example.html&#x27;</span>,
1313
<span class="hljs-attr">styleUrls</span>: [<span class="hljs-string">&#x27;snack-bar-overview-example.css&#x27;</span>],
1414
<span class="hljs-attr">standalone</span>: <span class="hljs-literal">true</span>,
15-
<span class="hljs-attr">imports</span>: [MatFormFieldModule, MatInputModule, MatButtonModule, MatSnackBarModule],
15+
<span class="hljs-attr">imports</span>: [MatFormFieldModule, MatInputModule, MatButtonModule],
1616
})
1717
<span class="hljs-keyword">export</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">SnackBarOverviewExample</span> </span>{
1818
<span class="hljs-function"><span class="hljs-title">constructor</span>(<span class="hljs-params"><span class="hljs-keyword">private</span> _snackBar: MatSnackBar</span>)</span> {}

‎docs-content/examples-highlighted/material/snack-bar/snack-bar-position/snack-bar-position-example-ts.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
<span class="hljs-keyword">import</span> {
33
MatSnackBar,
44
MatSnackBarHorizontalPosition,
5-
MatSnackBarModule,
65
MatSnackBarVerticalPosition,
76
} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/snack-bar&#x27;</span>;
87
<span class="hljs-keyword">import</span> {MatButtonModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/button&#x27;</span>;
@@ -17,7 +16,7 @@
1716
<span class="hljs-attr">templateUrl</span>: <span class="hljs-string">&#x27;snack-bar-position-example.html&#x27;</span>,
1817
<span class="hljs-attr">styleUrls</span>: [<span class="hljs-string">&#x27;snack-bar-position-example.css&#x27;</span>],
1918
<span class="hljs-attr">standalone</span>: <span class="hljs-literal">true</span>,
20-
<span class="hljs-attr">imports</span>: [MatFormFieldModule, MatSelectModule, MatButtonModule, MatSnackBarModule],
19+
<span class="hljs-attr">imports</span>: [MatFormFieldModule, MatSelectModule, MatButtonModule],
2120
})
2221
<span class="hljs-keyword">export</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">SnackBarPositionExample</span> </span>{
2322
<span class="hljs-attr">horizontalPosition</span>: MatSnackBarHorizontalPosition = <span class="hljs-string">&#x27;start&#x27;</span>;

‎docs-content/examples-source/material-experimental/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example.ts

+1-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
22
import {DataSource} from '@angular/cdk/collections';
33
import {FormValueContainer, CdkPopoverEditModule} from '@angular/cdk-experimental/popover-edit';
44
import {NgForm, FormsModule} from '@angular/forms';
5-
import {MatSnackBar, MatSnackBarModule} from '@angular/material/snack-bar';
5+
import {MatSnackBar} from '@angular/material/snack-bar';
66
import {BehaviorSubject, Observable} from 'rxjs';
77
import {MatListModule} from '@angular/material/list';
88
import {MatCheckboxModule} from '@angular/material/checkbox';
@@ -218,7 +218,6 @@ const FANTASY_ELEMENTS: readonly FantasyElement[] = [
218218
MatIconModule,
219219
MatCheckboxModule,
220220
MatListModule,
221-
MatSnackBarModule,
222221
],
223222
})
224223
export class PopoverEditMatTableExample {

‎docs-content/examples-source/material/snack-bar/snack-bar-annotated-component/snack-bar-annotated-component-example.ts

+9-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
import {Component, inject} from '@angular/core';
2-
import {MatSnackBar, MatSnackBarRef, MatSnackBarModule} from '@angular/material/snack-bar';
2+
import {
3+
MatSnackBar,
4+
MatSnackBarAction,
5+
MatSnackBarActions,
6+
MatSnackBarLabel,
7+
MatSnackBarRef,
8+
} from '@angular/material/snack-bar';
39
import {MatButtonModule} from '@angular/material/button';
410
import {MatInputModule} from '@angular/material/input';
511
import {FormsModule} from '@angular/forms';
@@ -13,7 +19,7 @@ import {MatFormFieldModule} from '@angular/material/form-field';
1319
templateUrl: 'snack-bar-annotated-component-example.html',
1420
styleUrls: ['snack-bar-annotated-component-example.css'],
1521
standalone: true,
16-
imports: [MatFormFieldModule, FormsModule, MatInputModule, MatButtonModule, MatSnackBarModule],
22+
imports: [MatFormFieldModule, FormsModule, MatInputModule, MatButtonModule],
1723
})
1824
export class SnackBarAnnotatedComponentExample {
1925
durationInSeconds = 5;
@@ -42,7 +48,7 @@ export class SnackBarAnnotatedComponentExample {
4248
`,
4349
],
4450
standalone: true,
45-
imports: [MatButtonModule, MatSnackBarModule],
51+
imports: [MatButtonModule, MatSnackBarLabel, MatSnackBarActions, MatSnackBarAction],
4652
})
4753
export class PizzaPartyAnnotatedComponent {
4854
snackBarRef = inject(MatSnackBarRef);

‎docs-content/examples-source/material/snack-bar/snack-bar-component/snack-bar-component-example.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {Component} from '@angular/core';
2-
import {MatSnackBar, MatSnackBarModule} from '@angular/material/snack-bar';
2+
import {MatSnackBar} from '@angular/material/snack-bar';
33
import {MatButtonModule} from '@angular/material/button';
44
import {MatInputModule} from '@angular/material/input';
55
import {FormsModule} from '@angular/forms';
@@ -13,7 +13,7 @@ import {MatFormFieldModule} from '@angular/material/form-field';
1313
templateUrl: 'snack-bar-component-example.html',
1414
styleUrls: ['snack-bar-component-example.css'],
1515
standalone: true,
16-
imports: [MatFormFieldModule, FormsModule, MatInputModule, MatButtonModule, MatSnackBarModule],
16+
imports: [MatFormFieldModule, FormsModule, MatInputModule, MatButtonModule],
1717
})
1818
export class SnackBarComponentExample {
1919
durationInSeconds = 5;

‎docs-content/examples-source/material/snack-bar/snack-bar-harness/snack-bar-harness-example.spec.ts

+1-2
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,14 @@ import {HarnessLoader} from '@angular/cdk/testing';
44
import {SnackBarHarnessExample} from './snack-bar-harness-example';
55
import {NoopAnimationsModule} from '@angular/platform-browser/animations';
66
import {MatSnackBarHarness} from '@angular/material/snack-bar/testing';
7-
import {MatSnackBarModule} from '@angular/material/snack-bar';
87

98
describe('SnackBarHarnessExample', () => {
109
let fixture: ComponentFixture<SnackBarHarnessExample>;
1110
let loader: HarnessLoader;
1211

1312
beforeEach(() => {
1413
TestBed.configureTestingModule({
15-
imports: [MatSnackBarModule, NoopAnimationsModule],
14+
imports: [NoopAnimationsModule],
1615
}).compileComponents();
1716
fixture = TestBed.createComponent(SnackBarHarnessExample);
1817
fixture.detectChanges();

‎docs-content/examples-source/material/snack-bar/snack-bar-harness/snack-bar-harness-example.ts

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {Component} from '@angular/core';
2-
import {MatSnackBar, MatSnackBarConfig, MatSnackBarModule} from '@angular/material/snack-bar';
2+
import {MatSnackBar, MatSnackBarConfig} from '@angular/material/snack-bar';
33

44
/**
55
* @title Testing with MatSnackBarHarness
@@ -8,7 +8,6 @@ import {MatSnackBar, MatSnackBarConfig, MatSnackBarModule} from '@angular/materi
88
selector: 'snack-bar-harness-example',
99
templateUrl: 'snack-bar-harness-example.html',
1010
standalone: true,
11-
imports: [MatSnackBarModule],
1211
})
1312
export class SnackBarHarnessExample {
1413
constructor(readonly snackBar: MatSnackBar) {}

‎docs-content/examples-source/material/snack-bar/snack-bar-overview/snack-bar-overview-example.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {Component} from '@angular/core';
2-
import {MatSnackBar, MatSnackBarModule} from '@angular/material/snack-bar';
2+
import {MatSnackBar} from '@angular/material/snack-bar';
33
import {MatButtonModule} from '@angular/material/button';
44
import {MatInputModule} from '@angular/material/input';
55
import {MatFormFieldModule} from '@angular/material/form-field';
@@ -12,7 +12,7 @@ import {MatFormFieldModule} from '@angular/material/form-field';
1212
templateUrl: 'snack-bar-overview-example.html',
1313
styleUrls: ['snack-bar-overview-example.css'],
1414
standalone: true,
15-
imports: [MatFormFieldModule, MatInputModule, MatButtonModule, MatSnackBarModule],
15+
imports: [MatFormFieldModule, MatInputModule, MatButtonModule],
1616
})
1717
export class SnackBarOverviewExample {
1818
constructor(private _snackBar: MatSnackBar) {}

‎docs-content/examples-source/material/snack-bar/snack-bar-position/snack-bar-position-example.ts

+1-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import {Component} from '@angular/core';
22
import {
33
MatSnackBar,
44
MatSnackBarHorizontalPosition,
5-
MatSnackBarModule,
65
MatSnackBarVerticalPosition,
76
} from '@angular/material/snack-bar';
87
import {MatButtonModule} from '@angular/material/button';
@@ -17,7 +16,7 @@ import {MatFormFieldModule} from '@angular/material/form-field';
1716
templateUrl: 'snack-bar-position-example.html',
1817
styleUrls: ['snack-bar-position-example.css'],
1918
standalone: true,
20-
imports: [MatFormFieldModule, MatSelectModule, MatButtonModule, MatSnackBarModule],
19+
imports: [MatFormFieldModule, MatSelectModule, MatButtonModule],
2120
})
2221
export class SnackBarPositionExample {
2322
horizontalPosition: MatSnackBarHorizontalPosition = 'start';

0 commit comments

Comments
 (0)