diff --git a/goldens/size-test.yaml b/goldens/size-test.yaml index 163b059bc0d6..35e148e15282 100644 --- a/goldens/size-test.yaml +++ b/goldens/size-test.yaml @@ -1,18 +1,15 @@ -cdk/drag-drop/all-directives: 153589 -cdk/drag-drop/basic: 151067 -material-experimental/mdc-chips/basic: 228960 -material-experimental/mdc-form-field/advanced: 263071 -material-experimental/mdc-form-field/basic: 261520 -material/autocomplete/without-optgroup: 271956 -material/button-toggle/standalone: 188227 -material/chips/basic: 225027 -material/datepicker/range-picker/without-form-field: 383794 -material/expansion/without-accordion: 197936 -material/form-field/advanced: 242955 -material/form-field/basic: 241344 -material/list/nav-list: 193236 -material/menu/without-lazy-content: 276217 -material/radio/without-group: 191753 -material/select/basic: 317415 -material/tabs/advanced: 254738 -material/tabs/basic: 253876 +cdk/drag-drop/all-directives: 153026 +cdk/drag-drop/basic: 150520 +material/autocomplete/without-optgroup: 274252 +material/button-toggle/standalone: 188001 +material/chips/basic: 260951 +material/datepicker/range-picker/without-form-field: 400297 +material/expansion/without-accordion: 197979 +material/form-field/advanced: 263205 +material/form-field/basic: 261635 +material/list/nav-list: 218753 +material/menu/without-lazy-content: 278141 +material/radio/without-group: 199995 +material/select/basic: 316667 +material/tabs/advanced: 259447 +material/tabs/basic: 259301 diff --git a/integration/harness-e2e-cli/e2e/radio-harness.spec.ts b/integration/harness-e2e-cli/e2e/radio-harness.spec.ts index c298b03b8800..24a9a2638ece 100644 --- a/integration/harness-e2e-cli/e2e/radio-harness.spec.ts +++ b/integration/harness-e2e-cli/e2e/radio-harness.spec.ts @@ -1,4 +1,4 @@ -import {MatLegacyRadioGroupHarness} from '@angular/material/legacy-radio/testing'; +import {MatRadioGroupHarness} from '@angular/material/radio/testing'; import {SeleniumWebDriverHarnessEnvironment} from '@angular/cdk/testing/selenium-webdriver'; import {HarnessLoader} from '@angular/cdk/testing'; import {configureDriver} from './driver.js'; @@ -18,7 +18,7 @@ describe('app test', () => { }); it('should work', async () => { - const group = await loader.getHarness(MatLegacyRadioGroupHarness); + const group = await loader.getHarness(MatRadioGroupHarness); expect(group).toBeDefined(); expect(await group.getCheckedValue()).toBe(null); diff --git a/integration/harness-e2e-cli/src/app/app.module.ts b/integration/harness-e2e-cli/src/app/app.module.ts index 1ecb49ae75eb..c7d7aa82584b 100644 --- a/integration/harness-e2e-cli/src/app/app.module.ts +++ b/integration/harness-e2e-cli/src/app/app.module.ts @@ -3,11 +3,11 @@ import {BrowserModule} from '@angular/platform-browser'; import {NoopAnimationsModule} from '@angular/platform-browser/animations'; import {AppComponent} from './app.component'; -import {MatLegacyRadioModule} from '@angular/material/legacy-radio'; +import {MatRadioModule} from '@angular/material/radio'; @NgModule({ declarations: [AppComponent], - imports: [MatLegacyRadioModule, NoopAnimationsModule, BrowserModule], + imports: [MatRadioModule, NoopAnimationsModule, BrowserModule], bootstrap: [AppComponent], }) export class AppModule {} diff --git a/integration/ng-add/src/app/app.module.ts b/integration/ng-add/src/app/app.module.ts index 53128d54b9cb..a8958202a3be 100644 --- a/integration/ng-add/src/app/app.module.ts +++ b/integration/ng-add/src/app/app.module.ts @@ -7,7 +7,6 @@ import {AppComponent} from './app.component'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, AppRoutingModule], - providers: [], bootstrap: [AppComponent], }) export class AppModule {} diff --git a/integration/ng-update-v13/src/app/app.module.ts b/integration/ng-update-v13/src/app/app.module.ts index 65f6ae4dd7ec..a9e2f3c155d3 100644 --- a/integration/ng-update-v13/src/app/app.module.ts +++ b/integration/ng-update-v13/src/app/app.module.ts @@ -7,7 +7,6 @@ import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, BrowserAnimationsModule], - providers: [], bootstrap: [AppComponent], }) export class AppModule {} diff --git a/integration/size-test/material-experimental/mdc-chips/BUILD.bazel b/integration/size-test/material-experimental/mdc-chips/BUILD.bazel deleted file mode 100644 index 4a2dc13e56c0..000000000000 --- a/integration/size-test/material-experimental/mdc-chips/BUILD.bazel +++ /dev/null @@ -1,7 +0,0 @@ -load("//integration/size-test:index.bzl", "size_test") - -size_test( - name = "basic", - file = "basic.ts", - deps = ["//src/material/chips"], -) diff --git a/integration/size-test/material-experimental/mdc-chips/basic.ts b/integration/size-test/material-experimental/mdc-chips/basic.ts deleted file mode 100644 index 9b3af793f233..000000000000 --- a/integration/size-test/material-experimental/mdc-chips/basic.ts +++ /dev/null @@ -1,22 +0,0 @@ -import {Component, NgModule} from '@angular/core'; -import {MatChipsModule} from '@angular/material/chips'; - -/** - * Basic component using `MatChipSet` and `MatChip`. Other supported parts of the - * chip module such as `MatChipRemove` are not used and should be tree-shaken away. - */ -@Component({ - template: ` - - First - - `, -}) -export class TestComponent {} - -@NgModule({ - imports: [MatChipsModule], - declarations: [TestComponent], - bootstrap: [TestComponent], -}) -export class AppModule {} diff --git a/integration/size-test/material-experimental/mdc-form-field/BUILD.bazel b/integration/size-test/material-experimental/mdc-form-field/BUILD.bazel deleted file mode 100644 index 4030cd1032b9..000000000000 --- a/integration/size-test/material-experimental/mdc-form-field/BUILD.bazel +++ /dev/null @@ -1,19 +0,0 @@ -load("//integration/size-test:index.bzl", "size_test") - -size_test( - name = "basic", - file = "basic.ts", - deps = [ - "//src/material/form-field", - "//src/material/input", - ], -) - -size_test( - name = "advanced", - file = "advanced.ts", - deps = [ - "//src/material/form-field", - "//src/material/input", - ], -) diff --git a/integration/size-test/material-experimental/mdc-form-field/advanced.ts b/integration/size-test/material-experimental/mdc-form-field/advanced.ts deleted file mode 100644 index 5efcce71d668..000000000000 --- a/integration/size-test/material-experimental/mdc-form-field/advanced.ts +++ /dev/null @@ -1,27 +0,0 @@ -import {Component, NgModule} from '@angular/core'; -import {MatFormFieldModule} from '@angular/material/form-field'; -import {MatInputModule} from '@angular/material/input'; - -/** - * Advanced component using `MatFormField` and `MatInput` in combination with content - * directives such as `MatError`, `MatHint`, `MatPrefix` or `MatSuffix`. - */ -@Component({ - template: ` - -
-
- Error - Hint - - - `, -}) -export class TestComponent {} - -@NgModule({ - imports: [MatInputModule, MatFormFieldModule], - declarations: [TestComponent], - bootstrap: [TestComponent], -}) -export class AppModule {} diff --git a/integration/size-test/material-experimental/mdc-form-field/basic.ts b/integration/size-test/material-experimental/mdc-form-field/basic.ts deleted file mode 100644 index 2e5b64f7f8e9..000000000000 --- a/integration/size-test/material-experimental/mdc-form-field/basic.ts +++ /dev/null @@ -1,24 +0,0 @@ -import {Component, NgModule} from '@angular/core'; -import {MatFormFieldModule} from '@angular/material/form-field'; -import {MatInputModule} from '@angular/material/input'; - -/** - * Basic component using `MatFormField` and `MatInput`. Other parts of the form-field - * module such as `MatError`, `MatHint`, `MatPrefix` or `MatSuffix` are not used - * and should be tree-shaken away. - */ -@Component({ - template: ` - - - - `, -}) -export class TestComponent {} - -@NgModule({ - imports: [MatInputModule, MatFormFieldModule], - declarations: [TestComponent], - bootstrap: [TestComponent], -}) -export class AppModule {} diff --git a/integration/size-test/material/autocomplete/BUILD.bazel b/integration/size-test/material/autocomplete/BUILD.bazel index c52ba4f38263..1deede624097 100644 --- a/integration/size-test/material/autocomplete/BUILD.bazel +++ b/integration/size-test/material/autocomplete/BUILD.bazel @@ -3,5 +3,5 @@ load("//integration/size-test:index.bzl", "size_test") size_test( name = "without-optgroup", file = "without-optgroup.ts", - deps = ["//src/material/legacy-autocomplete"], + deps = ["//src/material/autocomplete"], ) diff --git a/integration/size-test/material/autocomplete/without-optgroup.ts b/integration/size-test/material/autocomplete/without-optgroup.ts index 1fd66fda5730..f439047dc847 100644 --- a/integration/size-test/material/autocomplete/without-optgroup.ts +++ b/integration/size-test/material/autocomplete/without-optgroup.ts @@ -1,5 +1,5 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyAutocompleteModule} from '@angular/material/legacy-autocomplete'; +import {MatAutocompleteModule} from '@angular/material/autocomplete'; /** * Basic component using `MatAutocomplete` and `MatOption`. Other supported parts of the @@ -16,7 +16,7 @@ import {MatLegacyAutocompleteModule} from '@angular/material/legacy-autocomplete export class TestComponent {} @NgModule({ - imports: [MatLegacyAutocompleteModule], + imports: [MatAutocompleteModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/chips/BUILD.bazel b/integration/size-test/material/chips/BUILD.bazel index 52540a8a6b99..4a2dc13e56c0 100644 --- a/integration/size-test/material/chips/BUILD.bazel +++ b/integration/size-test/material/chips/BUILD.bazel @@ -3,5 +3,5 @@ load("//integration/size-test:index.bzl", "size_test") size_test( name = "basic", file = "basic.ts", - deps = ["//src/material/legacy-chips"], + deps = ["//src/material/chips"], ) diff --git a/integration/size-test/material/chips/basic.ts b/integration/size-test/material/chips/basic.ts index be2d05758e58..45e1827302ad 100644 --- a/integration/size-test/material/chips/basic.ts +++ b/integration/size-test/material/chips/basic.ts @@ -1,5 +1,5 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyChipsModule} from '@angular/material/legacy-chips'; +import {MatChipsModule} from '@angular/material/chips'; /** * Basic component using `MatChipList` and `MatChip`. Other supported parts of the @@ -7,15 +7,15 @@ import {MatLegacyChipsModule} from '@angular/material/legacy-chips'; */ @Component({ template: ` - - First - + + First + `, }) export class TestComponent {} @NgModule({ - imports: [MatLegacyChipsModule], + imports: [MatChipsModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/form-field/BUILD.bazel b/integration/size-test/material/form-field/BUILD.bazel index 276d78be6260..4030cd1032b9 100644 --- a/integration/size-test/material/form-field/BUILD.bazel +++ b/integration/size-test/material/form-field/BUILD.bazel @@ -4,8 +4,8 @@ size_test( name = "basic", file = "basic.ts", deps = [ - "//src/material/legacy-form-field", - "//src/material/legacy-input", + "//src/material/form-field", + "//src/material/input", ], ) @@ -13,7 +13,7 @@ size_test( name = "advanced", file = "advanced.ts", deps = [ - "//src/material/legacy-form-field", - "//src/material/legacy-input", + "//src/material/form-field", + "//src/material/input", ], ) diff --git a/integration/size-test/material/form-field/advanced.ts b/integration/size-test/material/form-field/advanced.ts index 5cef5937137e..5efcce71d668 100644 --- a/integration/size-test/material/form-field/advanced.ts +++ b/integration/size-test/material/form-field/advanced.ts @@ -1,6 +1,6 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyFormFieldModule} from '@angular/material/legacy-form-field'; -import {MatLegacyInputModule} from '@angular/material/legacy-input'; +import {MatFormFieldModule} from '@angular/material/form-field'; +import {MatInputModule} from '@angular/material/input'; /** * Advanced component using `MatFormField` and `MatInput` in combination with content @@ -20,7 +20,7 @@ import {MatLegacyInputModule} from '@angular/material/legacy-input'; export class TestComponent {} @NgModule({ - imports: [MatLegacyInputModule, MatLegacyFormFieldModule], + imports: [MatInputModule, MatFormFieldModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/form-field/basic.ts b/integration/size-test/material/form-field/basic.ts index 5a15d1279511..2e5b64f7f8e9 100644 --- a/integration/size-test/material/form-field/basic.ts +++ b/integration/size-test/material/form-field/basic.ts @@ -1,6 +1,6 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyFormFieldModule} from '@angular/material/legacy-form-field'; -import {MatLegacyInputModule} from '@angular/material/legacy-input'; +import {MatFormFieldModule} from '@angular/material/form-field'; +import {MatInputModule} from '@angular/material/input'; /** * Basic component using `MatFormField` and `MatInput`. Other parts of the form-field @@ -17,7 +17,7 @@ import {MatLegacyInputModule} from '@angular/material/legacy-input'; export class TestComponent {} @NgModule({ - imports: [MatLegacyInputModule, MatLegacyFormFieldModule], + imports: [MatInputModule, MatFormFieldModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/list/BUILD.bazel b/integration/size-test/material/list/BUILD.bazel index 3f49d3df4120..c349ba35a86c 100644 --- a/integration/size-test/material/list/BUILD.bazel +++ b/integration/size-test/material/list/BUILD.bazel @@ -3,5 +3,5 @@ load("//integration/size-test:index.bzl", "size_test") size_test( name = "nav-list", file = "nav-list.ts", - deps = ["//src/material/legacy-list"], + deps = ["//src/material/list"], ) diff --git a/integration/size-test/material/list/nav-list.ts b/integration/size-test/material/list/nav-list.ts index 4c8a3e5ad5c7..9c605aadcfef 100644 --- a/integration/size-test/material/list/nav-list.ts +++ b/integration/size-test/material/list/nav-list.ts @@ -1,5 +1,5 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyListModule} from '@angular/material/legacy-list'; +import {MatListModule} from '@angular/material/list'; /** * Basic component using `MatNavList` and `MatListItem`. Other parts of the list @@ -18,7 +18,7 @@ import {MatLegacyListModule} from '@angular/material/legacy-list'; export class TestComponent {} @NgModule({ - imports: [MatLegacyListModule], + imports: [MatListModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/menu/BUILD.bazel b/integration/size-test/material/menu/BUILD.bazel index 1764dad18c8c..b05792da3d1d 100644 --- a/integration/size-test/material/menu/BUILD.bazel +++ b/integration/size-test/material/menu/BUILD.bazel @@ -3,5 +3,5 @@ load("//integration/size-test:index.bzl", "size_test") size_test( name = "without-lazy-content", file = "without-lazy-content.ts", - deps = ["//src/material/legacy-menu"], + deps = ["//src/material/menu"], ) diff --git a/integration/size-test/material/menu/without-lazy-content.ts b/integration/size-test/material/menu/without-lazy-content.ts index 5be4f0a1c805..26852f18ea32 100644 --- a/integration/size-test/material/menu/without-lazy-content.ts +++ b/integration/size-test/material/menu/without-lazy-content.ts @@ -1,5 +1,5 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyMenuModule} from '@angular/material/legacy-menu'; +import {MatMenuModule} from '@angular/material/menu'; /** * Basic component using `MatMenu` and `MatMenuTrigger`. No lazy `MatMenuContent` is @@ -14,7 +14,7 @@ import {MatLegacyMenuModule} from '@angular/material/legacy-menu'; export class TestComponent {} @NgModule({ - imports: [MatLegacyMenuModule], + imports: [MatMenuModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/radio/BUILD.bazel b/integration/size-test/material/radio/BUILD.bazel index 51d62ac94311..12e1478d275f 100644 --- a/integration/size-test/material/radio/BUILD.bazel +++ b/integration/size-test/material/radio/BUILD.bazel @@ -3,5 +3,5 @@ load("//integration/size-test:index.bzl", "size_test") size_test( name = "without-group", file = "without-group.ts", - deps = ["//src/material/legacy-radio"], + deps = ["//src/material/radio"], ) diff --git a/integration/size-test/material/radio/without-group.ts b/integration/size-test/material/radio/without-group.ts index f5bfce8f0058..79a9a25e4ecb 100644 --- a/integration/size-test/material/radio/without-group.ts +++ b/integration/size-test/material/radio/without-group.ts @@ -1,5 +1,5 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyRadioModule} from '@angular/material/legacy-radio'; +import {MatRadioModule} from '@angular/material/radio'; /** * Basic component using `MatRadioButton`. Doesn't use a `MatRadioGroup`, so the class @@ -13,7 +13,7 @@ import {MatLegacyRadioModule} from '@angular/material/legacy-radio'; export class TestComponent {} @NgModule({ - imports: [MatLegacyRadioModule], + imports: [MatRadioModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/select/BUILD.bazel b/integration/size-test/material/select/BUILD.bazel index d7d7c2f15132..e973d9d851cb 100644 --- a/integration/size-test/material/select/BUILD.bazel +++ b/integration/size-test/material/select/BUILD.bazel @@ -3,5 +3,5 @@ load("//integration/size-test:index.bzl", "size_test") size_test( name = "basic", file = "basic.ts", - deps = ["//src/material/legacy-select"], + deps = ["//src/material/select"], ) diff --git a/integration/size-test/material/select/basic.ts b/integration/size-test/material/select/basic.ts index fecbb2fdfaf0..405cb0486479 100644 --- a/integration/size-test/material/select/basic.ts +++ b/integration/size-test/material/select/basic.ts @@ -1,5 +1,5 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacySelectModule} from '@angular/material/legacy-select'; +import {MatSelectModule} from '@angular/material/select'; /** * Basic component using `MatSelect` and `MatOption`. Other supported parts of the @@ -16,7 +16,7 @@ import {MatLegacySelectModule} from '@angular/material/legacy-select'; export class TestComponent {} @NgModule({ - imports: [MatLegacySelectModule], + imports: [MatSelectModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/tabs/BUILD.bazel b/integration/size-test/material/tabs/BUILD.bazel index 0bff7ebe4522..2138fad1bb66 100644 --- a/integration/size-test/material/tabs/BUILD.bazel +++ b/integration/size-test/material/tabs/BUILD.bazel @@ -3,11 +3,11 @@ load("//integration/size-test:index.bzl", "size_test") size_test( name = "basic", file = "basic.ts", - deps = ["//src/material/legacy-tabs"], + deps = ["//src/material/tabs"], ) size_test( name = "advanced", file = "advanced.ts", - deps = ["//src/material/legacy-tabs"], + deps = ["//src/material/tabs"], ) diff --git a/integration/size-test/material/tabs/advanced.ts b/integration/size-test/material/tabs/advanced.ts index 9da55ce12b8e..deedf72e1f10 100644 --- a/integration/size-test/material/tabs/advanced.ts +++ b/integration/size-test/material/tabs/advanced.ts @@ -1,5 +1,5 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyTabsModule} from '@angular/material/legacy-tabs'; +import {MatTabsModule} from '@angular/material/tabs'; /** * Advanced component using `MatTabGroup` and `MatTab` in combination with @@ -18,7 +18,7 @@ import {MatLegacyTabsModule} from '@angular/material/legacy-tabs'; export class TestComponent {} @NgModule({ - imports: [MatLegacyTabsModule], + imports: [MatTabsModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/size-test/material/tabs/basic.ts b/integration/size-test/material/tabs/basic.ts index 850dd57da099..32ab52724394 100644 --- a/integration/size-test/material/tabs/basic.ts +++ b/integration/size-test/material/tabs/basic.ts @@ -1,5 +1,5 @@ import {Component, NgModule} from '@angular/core'; -import {MatLegacyTabsModule} from '@angular/material/legacy-tabs'; +import {MatTabsModule} from '@angular/material/tabs'; /** * Basic component using `MatTabGroup` and `MatTab`. Other parts of the tabs @@ -16,7 +16,7 @@ import {MatLegacyTabsModule} from '@angular/material/legacy-tabs'; export class TestComponent {} @NgModule({ - imports: [MatLegacyTabsModule], + imports: [MatTabsModule], declarations: [TestComponent], bootstrap: [TestComponent], }) diff --git a/integration/yarn-pnp-compat/src/app/app.module.ts b/integration/yarn-pnp-compat/src/app/app.module.ts index 895ff3336c71..787f275df63d 100644 --- a/integration/yarn-pnp-compat/src/app/app.module.ts +++ b/integration/yarn-pnp-compat/src/app/app.module.ts @@ -1,14 +1,13 @@ import {NgModule} from '@angular/core'; import {BrowserModule} from '@angular/platform-browser'; -import {MatLegacyButtonModule} from '@angular/material/legacy-button'; +import {MatButtonModule} from '@angular/material/button'; import {AppComponent} from './app.component'; import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; @NgModule({ declarations: [AppComponent], - imports: [BrowserModule, BrowserAnimationsModule, MatLegacyButtonModule], - providers: [], + imports: [BrowserModule, BrowserAnimationsModule, MatButtonModule], bootstrap: [AppComponent], }) export class AppModule {}