@angular/material 22.0.0-rc.0 → 22.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/_animation-chunk.mjs.map +1 -1
- package/fesm2022/_date-formats-chunk.mjs.map +1 -1
- package/fesm2022/_date-range-input-harness-chunk.mjs.map +1 -1
- package/fesm2022/_error-options-chunk.mjs +6 -6
- package/fesm2022/_error-options-chunk.mjs.map +1 -1
- package/fesm2022/_error-state-chunk.mjs.map +1 -1
- package/fesm2022/_form-field-chunk.mjs +30 -30
- package/fesm2022/_form-field-chunk.mjs.map +1 -1
- package/fesm2022/_icon-button-chunk.mjs +6 -6
- package/fesm2022/_icon-button-chunk.mjs.map +1 -1
- package/fesm2022/_icon-registry-chunk.mjs +3 -3
- package/fesm2022/_icon-registry-chunk.mjs.map +1 -1
- package/fesm2022/_input-harness-chunk.mjs.map +1 -1
- package/fesm2022/_input-value-accessor-chunk.mjs.map +1 -1
- package/fesm2022/_internal-form-field-chunk.mjs +3 -3
- package/fesm2022/_internal-form-field-chunk.mjs.map +1 -1
- package/fesm2022/_line-chunk.mjs +7 -7
- package/fesm2022/_line-chunk.mjs.map +1 -1
- package/fesm2022/_option-chunk.mjs +6 -6
- package/fesm2022/_option-chunk.mjs.map +1 -1
- package/fesm2022/_option-harness-chunk.mjs.map +1 -1
- package/fesm2022/_option-module-chunk.mjs +4 -4
- package/fesm2022/_option-module-chunk.mjs.map +1 -1
- package/fesm2022/_pseudo-checkbox-chunk.mjs +3 -3
- package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -1
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -1
- package/fesm2022/_public-api-chunk.mjs.map +1 -1
- package/fesm2022/_ripple-chunk.mjs +6 -6
- package/fesm2022/_ripple-chunk.mjs.map +1 -1
- package/fesm2022/_ripple-loader-chunk.mjs +3 -3
- package/fesm2022/_ripple-loader-chunk.mjs.map +1 -1
- package/fesm2022/_ripple-module-chunk.mjs +4 -4
- package/fesm2022/_ripple-module-chunk.mjs.map +1 -1
- package/fesm2022/_structural-styles-chunk.mjs +3 -3
- package/fesm2022/_structural-styles-chunk.mjs.map +1 -1
- package/fesm2022/_tooltip-chunk.mjs +6 -6
- package/fesm2022/_tooltip-chunk.mjs.map +1 -1
- package/fesm2022/autocomplete-testing.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +13 -13
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge-testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +10 -10
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet-testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +10 -10
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button-testing.mjs.map +1 -1
- package/fesm2022/button-toggle-testing.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +10 -10
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +13 -13
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card-testing.mjs.map +1 -1
- package/fesm2022/card.mjs +46 -46
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox-testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +7 -7
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips-testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +46 -46
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core-testing.mjs.map +1 -1
- package/fesm2022/core.mjs +12 -12
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker-testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +84 -84
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog-testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +25 -25
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider-testing.mjs.map +1 -1
- package/fesm2022/divider.mjs +7 -7
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion-testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +25 -25
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field-testing-control.mjs.map +1 -1
- package/fesm2022/form-field-testing.mjs.map +1 -1
- package/fesm2022/form-field.mjs +4 -4
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list-testing.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +22 -22
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon-testing.mjs +7 -7
- package/fesm2022/icon-testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +7 -7
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input-testing.mjs.map +1 -1
- package/fesm2022/input.mjs +7 -7
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list-testing.mjs.map +1 -1
- package/fesm2022/list.mjs +49 -49
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/material.mjs.map +1 -1
- package/fesm2022/menu-testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +22 -22
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator-testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +10 -10
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar-testing.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +7 -7
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner-testing.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +7 -7
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio-testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +10 -10
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select-testing.mjs.map +1 -1
- package/fesm2022/select.mjs +10 -10
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav-testing.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +38 -34
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle-testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +7 -7
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider-testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +16 -16
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar-testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +22 -22
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort-testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +13 -13
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper-testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +31 -31
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table-testing.mjs.map +1 -1
- package/fesm2022/table.mjs +55 -55
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs-testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +43 -43
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker-testing.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +13 -13
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar-testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +10 -10
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip-testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +4 -4
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree-testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +25 -25
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +2 -2
- package/schematics/ng-add/index.js +1 -1
- package/types/sidenav.d.ts +5 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidenav-testing.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/drawer-harness.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/drawer-content-harness.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/drawer-container-harness.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/sidenav-content-harness.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/sidenav-harness.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/sidenav-container-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerHarnessFilters} from './drawer-harness-filters';\n\n/**\n * Base class for the drawer harness functionality.\n * @docs-private\n */\nexport class MatDrawerHarnessBase extends ContentContainerComponentHarness<string> {\n /** Whether the drawer is open. */\n async isOpen(): Promise<boolean> {\n return (await this.host()).hasClass('mat-drawer-opened');\n }\n\n /** Gets the position of the drawer inside its container. */\n async getPosition(): Promise<'start' | 'end'> {\n const host = await this.host();\n return (await host.hasClass('mat-drawer-end')) ? 'end' : 'start';\n }\n\n /** Gets the mode that the drawer is in. */\n async getMode(): Promise<'over' | 'push' | 'side'> {\n const host = await this.host();\n\n if (await host.hasClass('mat-drawer-push')) {\n return 'push';\n }\n\n if (await host.hasClass('mat-drawer-side')) {\n return 'side';\n }\n\n return 'over';\n }\n}\n\n/** Harness for interacting with a standard mat-drawer in tests. */\nexport class MatDrawerHarness extends MatDrawerHarnessBase {\n /** The selector for the host element of a `MatDrawer` instance. */\n static hostSelector = '.mat-drawer';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatDrawerHarness` that meets\n * certain criteria.\n * @param options Options for filtering which drawer instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: DrawerHarnessFilters = {}): HarnessPredicate<MatDrawerHarness> {\n return new HarnessPredicate(MatDrawerHarness, options).addOption(\n 'position',\n options.position,\n async (harness, position) => (await harness.getPosition()) === position,\n );\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerContentHarnessFilters} from './drawer-harness-filters';\n\n/** Harness for interacting with a standard mat-drawer-content in tests. */\nexport class MatDrawerContentHarness extends ContentContainerComponentHarness<string> {\n /** The selector for the host element of a `MatDrawerContent` instance. */\n static hostSelector = '.mat-drawer-content';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatDrawerContentHarness` that\n * meets certain criteria.\n * @param options Options for filtering which drawer content instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: DrawerContentHarnessFilters = {},\n ): HarnessPredicate<MatDrawerContentHarness> {\n return new HarnessPredicate(MatDrawerContentHarness, options);\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerContainerHarnessFilters, DrawerHarnessFilters} from './drawer-harness-filters';\nimport {MatDrawerContentHarness} from './drawer-content-harness';\nimport {MatDrawerHarness} from './drawer-harness';\n\n/** Harness for interacting with a standard mat-drawer-container in tests. */\nexport class MatDrawerContainerHarness extends ContentContainerComponentHarness<string> {\n /** The selector for the host element of a `MatDrawerContainer` instance. */\n static hostSelector = '.mat-drawer-container';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatDrawerContainerHarness` that\n * meets certain criteria.\n * @param options Options for filtering which container instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: DrawerContainerHarnessFilters = {},\n ): HarnessPredicate<MatDrawerContainerHarness> {\n return new HarnessPredicate(MatDrawerContainerHarness, options);\n }\n\n /**\n * Gets drawers that match particular criteria within the container.\n * @param filter Optionally filters which chips are included.\n */\n async getDrawers(filter: DrawerHarnessFilters = {}): Promise<MatDrawerHarness[]> {\n return this.locatorForAll(MatDrawerHarness.with(filter))();\n }\n\n /** Gets the element that has the container's content. */\n async getContent(): Promise<MatDrawerContentHarness> {\n return this.locatorFor(MatDrawerContentHarness)();\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerContentHarnessFilters} from './drawer-harness-filters';\n\n/** Harness for interacting with a standard mat-sidenav-content in tests. */\nexport class MatSidenavContentHarness extends ContentContainerComponentHarness<string> {\n /** The selector for the host element of a `MatSidenavContent` instance. */\n static hostSelector = '.mat-sidenav-content';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatSidenavContentHarness` that\n * meets certain criteria.\n * @param options Options for filtering which sidenav content instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: DrawerContentHarnessFilters = {},\n ): HarnessPredicate<MatSidenavContentHarness> {\n return new HarnessPredicate(MatSidenavContentHarness, options);\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {HarnessPredicate} from '@angular/cdk/testing';\nimport {MatDrawerHarnessBase} from './drawer-harness';\nimport {DrawerHarnessFilters} from './drawer-harness-filters';\n\n/** Harness for interacting with a standard mat-sidenav in tests. */\nexport class MatSidenavHarness extends MatDrawerHarnessBase {\n /** The selector for the host element of a `MatSidenav` instance. */\n static hostSelector = '.mat-sidenav';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatSidenavHarness` that meets\n * certain criteria.\n * @param options Options for filtering which sidenav instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: DrawerHarnessFilters = {}): HarnessPredicate<MatSidenavHarness> {\n return new HarnessPredicate(MatSidenavHarness, options).addOption(\n 'position',\n options.position,\n async (harness, position) => (await harness.getPosition()) === position,\n );\n }\n\n /** Whether the sidenav is fixed in the viewport. */\n async isFixedInViewport(): Promise<boolean> {\n return (await this.host()).hasClass('mat-sidenav-fixed');\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerContainerHarnessFilters, DrawerHarnessFilters} from './drawer-harness-filters';\nimport {MatSidenavContentHarness} from './sidenav-content-harness';\nimport {MatSidenavHarness} from './sidenav-harness';\n\n/** Harness for interacting with a standard mat-sidenav-container in tests. */\nexport class MatSidenavContainerHarness extends ContentContainerComponentHarness<string> {\n /** The selector for the host element of a `MatSidenavContainer` instance. */\n static hostSelector = '.mat-sidenav-container';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatSidenavContainerHarness` that\n * meets certain criteria.\n * @param options Options for filtering which container instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: DrawerContainerHarnessFilters = {},\n ): HarnessPredicate<MatSidenavContainerHarness> {\n return new HarnessPredicate(MatSidenavContainerHarness, options);\n }\n\n /**\n * Gets sidenavs that match particular criteria within the container.\n * @param filter Optionally filters which chips are included.\n */\n async getSidenavs(filter: DrawerHarnessFilters = {}): Promise<MatSidenavHarness[]> {\n return this.locatorForAll(MatSidenavHarness.with(filter))();\n }\n\n /** Gets the element that has the container's content. */\n async getContent(): Promise<MatSidenavContentHarness> {\n return this.locatorFor(MatSidenavContentHarness)();\n }\n}\n"],"names":["MatDrawerHarnessBase","ContentContainerComponentHarness","isOpen","host","hasClass","getPosition","getMode","MatDrawerHarness","hostSelector","with","options","HarnessPredicate","addOption","position","harness","MatDrawerContentHarness","MatDrawerContainerHarness","getDrawers","filter","locatorForAll","getContent","locatorFor","MatSidenavContentHarness","MatSidenavHarness","isFixedInViewport","MatSidenavContainerHarness","getSidenavs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sidenav-testing.mjs","sources":["../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/drawer-harness.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/drawer-content-harness.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/drawer-container-harness.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/sidenav-content-harness.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/sidenav-harness.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/material/sidenav/testing/sidenav-container-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerHarnessFilters} from './drawer-harness-filters';\n\n/**\n * Base class for the drawer harness functionality.\n * @docs-private\n */\nexport class MatDrawerHarnessBase extends ContentContainerComponentHarness<string> {\n /** Whether the drawer is open. */\n async isOpen(): Promise<boolean> {\n return (await this.host()).hasClass('mat-drawer-opened');\n }\n\n /** Gets the position of the drawer inside its container. */\n async getPosition(): Promise<'start' | 'end'> {\n const host = await this.host();\n return (await host.hasClass('mat-drawer-end')) ? 'end' : 'start';\n }\n\n /** Gets the mode that the drawer is in. */\n async getMode(): Promise<'over' | 'push' | 'side'> {\n const host = await this.host();\n\n if (await host.hasClass('mat-drawer-push')) {\n return 'push';\n }\n\n if (await host.hasClass('mat-drawer-side')) {\n return 'side';\n }\n\n return 'over';\n }\n}\n\n/** Harness for interacting with a standard mat-drawer in tests. */\nexport class MatDrawerHarness extends MatDrawerHarnessBase {\n /** The selector for the host element of a `MatDrawer` instance. */\n static hostSelector = '.mat-drawer';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatDrawerHarness` that meets\n * certain criteria.\n * @param options Options for filtering which drawer instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: DrawerHarnessFilters = {}): HarnessPredicate<MatDrawerHarness> {\n return new HarnessPredicate(MatDrawerHarness, options).addOption(\n 'position',\n options.position,\n async (harness, position) => (await harness.getPosition()) === position,\n );\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerContentHarnessFilters} from './drawer-harness-filters';\n\n/** Harness for interacting with a standard mat-drawer-content in tests. */\nexport class MatDrawerContentHarness extends ContentContainerComponentHarness<string> {\n /** The selector for the host element of a `MatDrawerContent` instance. */\n static hostSelector = '.mat-drawer-content';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatDrawerContentHarness` that\n * meets certain criteria.\n * @param options Options for filtering which drawer content instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: DrawerContentHarnessFilters = {},\n ): HarnessPredicate<MatDrawerContentHarness> {\n return new HarnessPredicate(MatDrawerContentHarness, options);\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerContainerHarnessFilters, DrawerHarnessFilters} from './drawer-harness-filters';\nimport {MatDrawerContentHarness} from './drawer-content-harness';\nimport {MatDrawerHarness} from './drawer-harness';\n\n/** Harness for interacting with a standard mat-drawer-container in tests. */\nexport class MatDrawerContainerHarness extends ContentContainerComponentHarness<string> {\n /** The selector for the host element of a `MatDrawerContainer` instance. */\n static hostSelector = '.mat-drawer-container';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatDrawerContainerHarness` that\n * meets certain criteria.\n * @param options Options for filtering which container instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: DrawerContainerHarnessFilters = {},\n ): HarnessPredicate<MatDrawerContainerHarness> {\n return new HarnessPredicate(MatDrawerContainerHarness, options);\n }\n\n /**\n * Gets drawers that match particular criteria within the container.\n * @param filter Optionally filters which chips are included.\n */\n async getDrawers(filter: DrawerHarnessFilters = {}): Promise<MatDrawerHarness[]> {\n return this.locatorForAll(MatDrawerHarness.with(filter))();\n }\n\n /** Gets the element that has the container's content. */\n async getContent(): Promise<MatDrawerContentHarness> {\n return this.locatorFor(MatDrawerContentHarness)();\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerContentHarnessFilters} from './drawer-harness-filters';\n\n/** Harness for interacting with a standard mat-sidenav-content in tests. */\nexport class MatSidenavContentHarness extends ContentContainerComponentHarness<string> {\n /** The selector for the host element of a `MatSidenavContent` instance. */\n static hostSelector = '.mat-sidenav-content';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatSidenavContentHarness` that\n * meets certain criteria.\n * @param options Options for filtering which sidenav content instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: DrawerContentHarnessFilters = {},\n ): HarnessPredicate<MatSidenavContentHarness> {\n return new HarnessPredicate(MatSidenavContentHarness, options);\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {HarnessPredicate} from '@angular/cdk/testing';\nimport {MatDrawerHarnessBase} from './drawer-harness';\nimport {DrawerHarnessFilters} from './drawer-harness-filters';\n\n/** Harness for interacting with a standard mat-sidenav in tests. */\nexport class MatSidenavHarness extends MatDrawerHarnessBase {\n /** The selector for the host element of a `MatSidenav` instance. */\n static hostSelector = '.mat-sidenav';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatSidenavHarness` that meets\n * certain criteria.\n * @param options Options for filtering which sidenav instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: DrawerHarnessFilters = {}): HarnessPredicate<MatSidenavHarness> {\n return new HarnessPredicate(MatSidenavHarness, options).addOption(\n 'position',\n options.position,\n async (harness, position) => (await harness.getPosition()) === position,\n );\n }\n\n /** Whether the sidenav is fixed in the viewport. */\n async isFixedInViewport(): Promise<boolean> {\n return (await this.host()).hasClass('mat-sidenav-fixed');\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ContentContainerComponentHarness, HarnessPredicate} from '@angular/cdk/testing';\nimport {DrawerContainerHarnessFilters, DrawerHarnessFilters} from './drawer-harness-filters';\nimport {MatSidenavContentHarness} from './sidenav-content-harness';\nimport {MatSidenavHarness} from './sidenav-harness';\n\n/** Harness for interacting with a standard mat-sidenav-container in tests. */\nexport class MatSidenavContainerHarness extends ContentContainerComponentHarness<string> {\n /** The selector for the host element of a `MatSidenavContainer` instance. */\n static hostSelector = '.mat-sidenav-container';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MatSidenavContainerHarness` that\n * meets certain criteria.\n * @param options Options for filtering which container instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: DrawerContainerHarnessFilters = {},\n ): HarnessPredicate<MatSidenavContainerHarness> {\n return new HarnessPredicate(MatSidenavContainerHarness, options);\n }\n\n /**\n * Gets sidenavs that match particular criteria within the container.\n * @param filter Optionally filters which chips are included.\n */\n async getSidenavs(filter: DrawerHarnessFilters = {}): Promise<MatSidenavHarness[]> {\n return this.locatorForAll(MatSidenavHarness.with(filter))();\n }\n\n /** Gets the element that has the container's content. */\n async getContent(): Promise<MatSidenavContentHarness> {\n return this.locatorFor(MatSidenavContentHarness)();\n }\n}\n"],"names":["MatDrawerHarnessBase","ContentContainerComponentHarness","isOpen","host","hasClass","getPosition","getMode","MatDrawerHarness","hostSelector","with","options","HarnessPredicate","addOption","position","harness","MatDrawerContentHarness","MatDrawerContainerHarness","getDrawers","filter","locatorForAll","getContent","locatorFor","MatSidenavContentHarness","MatSidenavHarness","isFixedInViewport","MatSidenavContainerHarness","getSidenavs"],"mappings":"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"}
|
package/fesm2022/sidenav.mjs
CHANGED
|
@@ -7,7 +7,7 @@ import { CdkScrollable, ViewportRuler, CdkScrollableModule } from '@angular/cdk/
|
|
|
7
7
|
import * as i0 from '@angular/core';
|
|
8
8
|
import { InjectionToken, inject, ElementRef, NgZone, Renderer2, DOCUMENT, signal, EventEmitter, Injector, ChangeDetectorRef, afterNextRender, QueryList, ViewEncapsulation, Component, ViewChild, Output, Input, ContentChild, ContentChildren, NgModule } from '@angular/core';
|
|
9
9
|
import { Subject, merge } from 'rxjs';
|
|
10
|
-
import { filter, map, mapTo, takeUntil, take, startWith, debounceTime } from 'rxjs/operators';
|
|
10
|
+
import { filter, map, mapTo, takeUntil, take, startWith, debounceTime, delay } from 'rxjs/operators';
|
|
11
11
|
import { _animationsDisabled } from './_animation-chunk.mjs';
|
|
12
12
|
import '@angular/cdk/layout';
|
|
13
13
|
|
|
@@ -23,11 +23,21 @@ class MatDrawerContent extends CdkScrollable {
|
|
|
23
23
|
_platform = inject(Platform);
|
|
24
24
|
_changeDetectorRef = inject(ChangeDetectorRef);
|
|
25
25
|
_element = inject(ElementRef);
|
|
26
|
+
_ngZone = inject(NgZone);
|
|
26
27
|
_isInert = false;
|
|
27
28
|
_container = inject(MatDrawerContainer);
|
|
28
29
|
ngAfterContentInit() {
|
|
29
30
|
this._container._contentMarginChanges.subscribe(() => this._changeDetectorRef.markForCheck());
|
|
30
31
|
}
|
|
32
|
+
_drawerToggled(drawer) {
|
|
33
|
+
if (drawer.opened) {
|
|
34
|
+
this._ngZone.runOutsideAngular(() => {
|
|
35
|
+
drawer._animationEnd.pipe(delay(50), take(1)).subscribe(() => this._updateInert());
|
|
36
|
+
});
|
|
37
|
+
} else {
|
|
38
|
+
this._updateInert();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
31
41
|
_updateInert() {
|
|
32
42
|
const newValue = this._container._isShowingBackdrop();
|
|
33
43
|
if (newValue !== this._isInert) {
|
|
@@ -52,7 +62,7 @@ class MatDrawerContent extends CdkScrollable {
|
|
|
52
62
|
}
|
|
53
63
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
54
64
|
minVersion: "12.0.0",
|
|
55
|
-
version: "22.0.0-
|
|
65
|
+
version: "22.0.0-rc.0",
|
|
56
66
|
ngImport: i0,
|
|
57
67
|
type: MatDrawerContent,
|
|
58
68
|
deps: null,
|
|
@@ -60,7 +70,7 @@ class MatDrawerContent extends CdkScrollable {
|
|
|
60
70
|
});
|
|
61
71
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
62
72
|
minVersion: "14.0.0",
|
|
63
|
-
version: "22.0.0-
|
|
73
|
+
version: "22.0.0-rc.0",
|
|
64
74
|
type: MatDrawerContent,
|
|
65
75
|
isStandalone: true,
|
|
66
76
|
selector: "mat-drawer-content",
|
|
@@ -85,7 +95,7 @@ class MatDrawerContent extends CdkScrollable {
|
|
|
85
95
|
}
|
|
86
96
|
i0.ɵɵngDeclareClassMetadata({
|
|
87
97
|
minVersion: "12.0.0",
|
|
88
|
-
version: "22.0.0-
|
|
98
|
+
version: "22.0.0-rc.0",
|
|
89
99
|
ngImport: i0,
|
|
90
100
|
type: MatDrawerContent,
|
|
91
101
|
decorators: [{
|
|
@@ -256,26 +266,19 @@ class MatDrawer {
|
|
|
256
266
|
if (!hasMovedFocus && typeof element.focus === 'function') {
|
|
257
267
|
element.focus();
|
|
258
268
|
}
|
|
259
|
-
this._notifyContentFocus();
|
|
260
269
|
}, {
|
|
261
270
|
injector: this._injector
|
|
262
271
|
});
|
|
263
272
|
break;
|
|
264
273
|
case 'first-heading':
|
|
265
274
|
this._focusByCssSelector('h1, h2, h3, h4, h5, h6, [role="heading"]');
|
|
266
|
-
this._notifyContentFocus();
|
|
267
275
|
break;
|
|
268
276
|
default:
|
|
269
277
|
this._focusByCssSelector(this.autoFocus);
|
|
270
|
-
this._notifyContentFocus();
|
|
271
278
|
break;
|
|
272
279
|
}
|
|
273
280
|
}
|
|
274
|
-
_notifyContentFocus() {
|
|
275
|
-
(this._container?._content || this._container?._userContent)?._updateInert();
|
|
276
|
-
}
|
|
277
281
|
_restoreFocus(focusOrigin) {
|
|
278
|
-
this._notifyContentFocus();
|
|
279
282
|
if (this.autoFocus === 'dialog') {
|
|
280
283
|
return;
|
|
281
284
|
}
|
|
@@ -335,6 +338,7 @@ class MatDrawer {
|
|
|
335
338
|
return Promise.resolve(isOpen ? 'open' : 'close');
|
|
336
339
|
}
|
|
337
340
|
this._opened.set(isOpen);
|
|
341
|
+
(this._container?._content || this._container?._userContent)?._drawerToggled(this);
|
|
338
342
|
if (this._container?._transitionsEnabled) {
|
|
339
343
|
this._setIsAnimating(true);
|
|
340
344
|
setTimeout(() => this._animationStarted.next());
|
|
@@ -394,7 +398,7 @@ class MatDrawer {
|
|
|
394
398
|
};
|
|
395
399
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
396
400
|
minVersion: "12.0.0",
|
|
397
|
-
version: "22.0.0-
|
|
401
|
+
version: "22.0.0-rc.0",
|
|
398
402
|
ngImport: i0,
|
|
399
403
|
type: MatDrawer,
|
|
400
404
|
deps: [],
|
|
@@ -402,7 +406,7 @@ class MatDrawer {
|
|
|
402
406
|
});
|
|
403
407
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
404
408
|
minVersion: "14.0.0",
|
|
405
|
-
version: "22.0.0-
|
|
409
|
+
version: "22.0.0-rc.0",
|
|
406
410
|
type: MatDrawer,
|
|
407
411
|
isStandalone: true,
|
|
408
412
|
selector: "mat-drawer",
|
|
@@ -452,7 +456,7 @@ class MatDrawer {
|
|
|
452
456
|
}
|
|
453
457
|
i0.ɵɵngDeclareClassMetadata({
|
|
454
458
|
minVersion: "12.0.0",
|
|
455
|
-
version: "22.0.0-
|
|
459
|
+
version: "22.0.0-rc.0",
|
|
456
460
|
ngImport: i0,
|
|
457
461
|
type: MatDrawer,
|
|
458
462
|
decorators: [{
|
|
@@ -736,7 +740,7 @@ class MatDrawerContainer {
|
|
|
736
740
|
}
|
|
737
741
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
738
742
|
minVersion: "12.0.0",
|
|
739
|
-
version: "22.0.0-
|
|
743
|
+
version: "22.0.0-rc.0",
|
|
740
744
|
ngImport: i0,
|
|
741
745
|
type: MatDrawerContainer,
|
|
742
746
|
deps: [],
|
|
@@ -744,7 +748,7 @@ class MatDrawerContainer {
|
|
|
744
748
|
});
|
|
745
749
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
746
750
|
minVersion: "17.0.0",
|
|
747
|
-
version: "22.0.0-
|
|
751
|
+
version: "22.0.0-rc.0",
|
|
748
752
|
type: MatDrawerContainer,
|
|
749
753
|
isStandalone: true,
|
|
750
754
|
selector: "mat-drawer-container",
|
|
@@ -783,7 +787,7 @@ class MatDrawerContainer {
|
|
|
783
787
|
}],
|
|
784
788
|
exportAs: ["matDrawerContainer"],
|
|
785
789
|
ngImport: i0,
|
|
786
|
-
template: "@if (hasBackdrop) {\n <div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\n [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div>\n}\n\n<ng-content select=\"mat-drawer\"
|
|
790
|
+
template: "@if (hasBackdrop) {\n <div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\n [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div>\n}\n\n<ng-content select=\"mat-drawer, mat-sidenav\"/>\n<ng-content select=\"mat-drawer-content, mat-sidenav-content\"/>\n\n@if (!_content) {\n <mat-drawer-content>\n <ng-content/>\n </mat-drawer-content>\n}\n",
|
|
787
791
|
styles: [".mat-drawer-container {\n position: relative;\n z-index: 1;\n color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));\n background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background));\n box-sizing: border-box;\n display: block;\n overflow: hidden;\n}\n.mat-drawer-container[fullscreen] {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-drawer-container[fullscreen].mat-drawer-container-has-open {\n overflow: hidden;\n}\n.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {\n z-index: 3;\n}\n.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,\n.mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,\n.ng-animate-disabled .mat-drawer-container .mat-drawer-content {\n transition: none;\n}\n\n.mat-drawer-backdrop {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n display: block;\n z-index: 3;\n visibility: hidden;\n}\n.mat-drawer-backdrop.mat-drawer-shown {\n visibility: visible;\n background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent));\n}\n.mat-drawer-transition .mat-drawer-backdrop {\n transition-duration: 400ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);\n transition-property: background-color, visibility;\n}\n@media (forced-colors: active) {\n .mat-drawer-backdrop {\n opacity: 0.5;\n }\n}\n\n.mat-drawer-content {\n position: relative;\n z-index: 1;\n display: block;\n height: 100%;\n overflow: auto;\n}\n.mat-drawer-content.mat-drawer-content-hidden {\n opacity: 0;\n}\n.mat-drawer-transition .mat-drawer-content {\n transition-duration: 400ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);\n transition-property: transform, margin-left, margin-right;\n}\n\n.mat-drawer {\n position: relative;\n z-index: 4;\n color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant));\n box-shadow: var(--mat-sidenav-container-elevation-shadow, none);\n background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface));\n border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n width: var(--mat-sidenav-container-width, 360px);\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 3;\n outline: 0;\n box-sizing: border-box;\n overflow-y: auto;\n transform: translate3d(-100%, 0, 0);\n}\n@media (forced-colors: active) {\n .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end {\n border-right: solid 1px currentColor;\n }\n}\n@media (forced-colors: active) {\n [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end {\n border-left: solid 1px currentColor;\n border-right: none;\n }\n}\n.mat-drawer.mat-drawer-side {\n z-index: 2;\n}\n.mat-drawer.mat-drawer-end {\n right: 0;\n transform: translate3d(100%, 0, 0);\n border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n[dir=rtl] .mat-drawer {\n border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n transform: translate3d(100%, 0, 0);\n}\n[dir=rtl] .mat-drawer.mat-drawer-end {\n border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n left: 0;\n right: auto;\n transform: translate3d(-100%, 0, 0);\n}\n.mat-drawer-transition .mat-drawer {\n transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) {\n visibility: hidden;\n box-shadow: none;\n}\n.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {\n display: none;\n}\n.mat-drawer.mat-drawer-opened.mat-drawer-opened {\n transform: none;\n}\n\n.mat-drawer-side {\n box-shadow: none;\n border-right-color: var(--mat-sidenav-container-divider-color, transparent);\n border-right-width: 1px;\n border-right-style: solid;\n}\n.mat-drawer-side.mat-drawer-end {\n border-left-color: var(--mat-sidenav-container-divider-color, transparent);\n border-left-width: 1px;\n border-left-style: solid;\n border-right: none;\n}\n[dir=rtl] .mat-drawer-side {\n border-left-color: var(--mat-sidenav-container-divider-color, transparent);\n border-left-width: 1px;\n border-left-style: solid;\n border-right: none;\n}\n[dir=rtl] .mat-drawer-side.mat-drawer-end {\n border-right-color: var(--mat-sidenav-container-divider-color, transparent);\n border-right-width: 1px;\n border-right-style: solid;\n border-left: none;\n}\n\n.mat-drawer-inner-container {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n\n.mat-sidenav-fixed {\n position: fixed;\n}\n"],
|
|
788
792
|
dependencies: [{
|
|
789
793
|
kind: "component",
|
|
@@ -795,7 +799,7 @@ class MatDrawerContainer {
|
|
|
795
799
|
}
|
|
796
800
|
i0.ɵɵngDeclareClassMetadata({
|
|
797
801
|
minVersion: "12.0.0",
|
|
798
|
-
version: "22.0.0-
|
|
802
|
+
version: "22.0.0-rc.0",
|
|
799
803
|
ngImport: i0,
|
|
800
804
|
type: MatDrawerContainer,
|
|
801
805
|
decorators: [{
|
|
@@ -813,7 +817,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
813
817
|
useExisting: MatDrawerContainer
|
|
814
818
|
}],
|
|
815
819
|
imports: [MatDrawerContent],
|
|
816
|
-
template: "@if (hasBackdrop) {\n <div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\n [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div>\n}\n\n<ng-content select=\"mat-drawer\"
|
|
820
|
+
template: "@if (hasBackdrop) {\n <div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\n [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div>\n}\n\n<ng-content select=\"mat-drawer, mat-sidenav\"/>\n<ng-content select=\"mat-drawer-content, mat-sidenav-content\"/>\n\n@if (!_content) {\n <mat-drawer-content>\n <ng-content/>\n </mat-drawer-content>\n}\n",
|
|
817
821
|
styles: [".mat-drawer-container {\n position: relative;\n z-index: 1;\n color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));\n background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background));\n box-sizing: border-box;\n display: block;\n overflow: hidden;\n}\n.mat-drawer-container[fullscreen] {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-drawer-container[fullscreen].mat-drawer-container-has-open {\n overflow: hidden;\n}\n.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {\n z-index: 3;\n}\n.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,\n.mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,\n.ng-animate-disabled .mat-drawer-container .mat-drawer-content {\n transition: none;\n}\n\n.mat-drawer-backdrop {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n display: block;\n z-index: 3;\n visibility: hidden;\n}\n.mat-drawer-backdrop.mat-drawer-shown {\n visibility: visible;\n background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent));\n}\n.mat-drawer-transition .mat-drawer-backdrop {\n transition-duration: 400ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);\n transition-property: background-color, visibility;\n}\n@media (forced-colors: active) {\n .mat-drawer-backdrop {\n opacity: 0.5;\n }\n}\n\n.mat-drawer-content {\n position: relative;\n z-index: 1;\n display: block;\n height: 100%;\n overflow: auto;\n}\n.mat-drawer-content.mat-drawer-content-hidden {\n opacity: 0;\n}\n.mat-drawer-transition .mat-drawer-content {\n transition-duration: 400ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);\n transition-property: transform, margin-left, margin-right;\n}\n\n.mat-drawer {\n position: relative;\n z-index: 4;\n color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant));\n box-shadow: var(--mat-sidenav-container-elevation-shadow, none);\n background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface));\n border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n width: var(--mat-sidenav-container-width, 360px);\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 3;\n outline: 0;\n box-sizing: border-box;\n overflow-y: auto;\n transform: translate3d(-100%, 0, 0);\n}\n@media (forced-colors: active) {\n .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end {\n border-right: solid 1px currentColor;\n }\n}\n@media (forced-colors: active) {\n [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end {\n border-left: solid 1px currentColor;\n border-right: none;\n }\n}\n.mat-drawer.mat-drawer-side {\n z-index: 2;\n}\n.mat-drawer.mat-drawer-end {\n right: 0;\n transform: translate3d(100%, 0, 0);\n border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n[dir=rtl] .mat-drawer {\n border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n transform: translate3d(100%, 0, 0);\n}\n[dir=rtl] .mat-drawer.mat-drawer-end {\n border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n left: 0;\n right: auto;\n transform: translate3d(-100%, 0, 0);\n}\n.mat-drawer-transition .mat-drawer {\n transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) {\n visibility: hidden;\n box-shadow: none;\n}\n.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {\n display: none;\n}\n.mat-drawer.mat-drawer-opened.mat-drawer-opened {\n transform: none;\n}\n\n.mat-drawer-side {\n box-shadow: none;\n border-right-color: var(--mat-sidenav-container-divider-color, transparent);\n border-right-width: 1px;\n border-right-style: solid;\n}\n.mat-drawer-side.mat-drawer-end {\n border-left-color: var(--mat-sidenav-container-divider-color, transparent);\n border-left-width: 1px;\n border-left-style: solid;\n border-right: none;\n}\n[dir=rtl] .mat-drawer-side {\n border-left-color: var(--mat-sidenav-container-divider-color, transparent);\n border-left-width: 1px;\n border-left-style: solid;\n border-right: none;\n}\n[dir=rtl] .mat-drawer-side.mat-drawer-end {\n border-right-color: var(--mat-sidenav-container-divider-color, transparent);\n border-right-width: 1px;\n border-right-style: solid;\n border-left: none;\n}\n\n.mat-drawer-inner-container {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n\n.mat-sidenav-fixed {\n position: fixed;\n}\n"]
|
|
818
822
|
}]
|
|
819
823
|
}],
|
|
@@ -848,7 +852,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
848
852
|
class MatSidenavContent extends MatDrawerContent {
|
|
849
853
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
850
854
|
minVersion: "12.0.0",
|
|
851
|
-
version: "22.0.0-
|
|
855
|
+
version: "22.0.0-rc.0",
|
|
852
856
|
ngImport: i0,
|
|
853
857
|
type: MatSidenavContent,
|
|
854
858
|
deps: null,
|
|
@@ -856,7 +860,7 @@ class MatSidenavContent extends MatDrawerContent {
|
|
|
856
860
|
});
|
|
857
861
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
858
862
|
minVersion: "14.0.0",
|
|
859
|
-
version: "22.0.0-
|
|
863
|
+
version: "22.0.0-rc.0",
|
|
860
864
|
type: MatSidenavContent,
|
|
861
865
|
isStandalone: true,
|
|
862
866
|
selector: "mat-sidenav-content",
|
|
@@ -879,7 +883,7 @@ class MatSidenavContent extends MatDrawerContent {
|
|
|
879
883
|
}
|
|
880
884
|
i0.ɵɵngDeclareClassMetadata({
|
|
881
885
|
minVersion: "12.0.0",
|
|
882
|
-
version: "22.0.0-
|
|
886
|
+
version: "22.0.0-rc.0",
|
|
883
887
|
ngImport: i0,
|
|
884
888
|
type: MatSidenavContent,
|
|
885
889
|
decorators: [{
|
|
@@ -925,7 +929,7 @@ class MatSidenav extends MatDrawer {
|
|
|
925
929
|
_fixedBottomGap = 0;
|
|
926
930
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
927
931
|
minVersion: "12.0.0",
|
|
928
|
-
version: "22.0.0-
|
|
932
|
+
version: "22.0.0-rc.0",
|
|
929
933
|
ngImport: i0,
|
|
930
934
|
type: MatSidenav,
|
|
931
935
|
deps: null,
|
|
@@ -933,7 +937,7 @@ class MatSidenav extends MatDrawer {
|
|
|
933
937
|
});
|
|
934
938
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
935
939
|
minVersion: "14.0.0",
|
|
936
|
-
version: "22.0.0-
|
|
940
|
+
version: "22.0.0-rc.0",
|
|
937
941
|
type: MatSidenav,
|
|
938
942
|
isStandalone: true,
|
|
939
943
|
selector: "mat-sidenav",
|
|
@@ -974,7 +978,7 @@ class MatSidenav extends MatDrawer {
|
|
|
974
978
|
}
|
|
975
979
|
i0.ɵɵngDeclareClassMetadata({
|
|
976
980
|
minVersion: "12.0.0",
|
|
977
|
-
version: "22.0.0-
|
|
981
|
+
version: "22.0.0-rc.0",
|
|
978
982
|
ngImport: i0,
|
|
979
983
|
type: MatSidenav,
|
|
980
984
|
decorators: [{
|
|
@@ -1020,7 +1024,7 @@ class MatSidenavContainer extends MatDrawerContainer {
|
|
|
1020
1024
|
_content = undefined;
|
|
1021
1025
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1022
1026
|
minVersion: "12.0.0",
|
|
1023
|
-
version: "22.0.0-
|
|
1027
|
+
version: "22.0.0-rc.0",
|
|
1024
1028
|
ngImport: i0,
|
|
1025
1029
|
type: MatSidenavContainer,
|
|
1026
1030
|
deps: null,
|
|
@@ -1028,7 +1032,7 @@ class MatSidenavContainer extends MatDrawerContainer {
|
|
|
1028
1032
|
});
|
|
1029
1033
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1030
1034
|
minVersion: "17.0.0",
|
|
1031
|
-
version: "22.0.0-
|
|
1035
|
+
version: "22.0.0-rc.0",
|
|
1032
1036
|
type: MatSidenavContainer,
|
|
1033
1037
|
isStandalone: true,
|
|
1034
1038
|
selector: "mat-sidenav-container",
|
|
@@ -1058,7 +1062,7 @@ class MatSidenavContainer extends MatDrawerContainer {
|
|
|
1058
1062
|
exportAs: ["matSidenavContainer"],
|
|
1059
1063
|
usesInheritance: true,
|
|
1060
1064
|
ngImport: i0,
|
|
1061
|
-
template: "@if (hasBackdrop) {\n <div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\n [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div>\n}\n\n<ng-content select=\"mat-sidenav\"
|
|
1065
|
+
template: "@if (hasBackdrop) {\n <div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\n [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div>\n}\n\n<ng-content select=\"mat-drawer, mat-sidenav\"/>\n<ng-content select=\"mat-drawer-content, mat-sidenav-content\"/>\n\n@if (!_content) {\n <mat-sidenav-content>\n <ng-content/>\n </mat-sidenav-content>\n}\n",
|
|
1062
1066
|
styles: [".mat-drawer-container {\n position: relative;\n z-index: 1;\n color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));\n background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background));\n box-sizing: border-box;\n display: block;\n overflow: hidden;\n}\n.mat-drawer-container[fullscreen] {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-drawer-container[fullscreen].mat-drawer-container-has-open {\n overflow: hidden;\n}\n.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {\n z-index: 3;\n}\n.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,\n.mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,\n.ng-animate-disabled .mat-drawer-container .mat-drawer-content {\n transition: none;\n}\n\n.mat-drawer-backdrop {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n display: block;\n z-index: 3;\n visibility: hidden;\n}\n.mat-drawer-backdrop.mat-drawer-shown {\n visibility: visible;\n background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent));\n}\n.mat-drawer-transition .mat-drawer-backdrop {\n transition-duration: 400ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);\n transition-property: background-color, visibility;\n}\n@media (forced-colors: active) {\n .mat-drawer-backdrop {\n opacity: 0.5;\n }\n}\n\n.mat-drawer-content {\n position: relative;\n z-index: 1;\n display: block;\n height: 100%;\n overflow: auto;\n}\n.mat-drawer-content.mat-drawer-content-hidden {\n opacity: 0;\n}\n.mat-drawer-transition .mat-drawer-content {\n transition-duration: 400ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);\n transition-property: transform, margin-left, margin-right;\n}\n\n.mat-drawer {\n position: relative;\n z-index: 4;\n color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant));\n box-shadow: var(--mat-sidenav-container-elevation-shadow, none);\n background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface));\n border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n width: var(--mat-sidenav-container-width, 360px);\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 3;\n outline: 0;\n box-sizing: border-box;\n overflow-y: auto;\n transform: translate3d(-100%, 0, 0);\n}\n@media (forced-colors: active) {\n .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end {\n border-right: solid 1px currentColor;\n }\n}\n@media (forced-colors: active) {\n [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end {\n border-left: solid 1px currentColor;\n border-right: none;\n }\n}\n.mat-drawer.mat-drawer-side {\n z-index: 2;\n}\n.mat-drawer.mat-drawer-end {\n right: 0;\n transform: translate3d(100%, 0, 0);\n border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n[dir=rtl] .mat-drawer {\n border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n transform: translate3d(100%, 0, 0);\n}\n[dir=rtl] .mat-drawer.mat-drawer-end {\n border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n left: 0;\n right: auto;\n transform: translate3d(-100%, 0, 0);\n}\n.mat-drawer-transition .mat-drawer {\n transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) {\n visibility: hidden;\n box-shadow: none;\n}\n.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {\n display: none;\n}\n.mat-drawer.mat-drawer-opened.mat-drawer-opened {\n transform: none;\n}\n\n.mat-drawer-side {\n box-shadow: none;\n border-right-color: var(--mat-sidenav-container-divider-color, transparent);\n border-right-width: 1px;\n border-right-style: solid;\n}\n.mat-drawer-side.mat-drawer-end {\n border-left-color: var(--mat-sidenav-container-divider-color, transparent);\n border-left-width: 1px;\n border-left-style: solid;\n border-right: none;\n}\n[dir=rtl] .mat-drawer-side {\n border-left-color: var(--mat-sidenav-container-divider-color, transparent);\n border-left-width: 1px;\n border-left-style: solid;\n border-right: none;\n}\n[dir=rtl] .mat-drawer-side.mat-drawer-end {\n border-right-color: var(--mat-sidenav-container-divider-color, transparent);\n border-right-width: 1px;\n border-right-style: solid;\n border-left: none;\n}\n\n.mat-drawer-inner-container {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n\n.mat-sidenav-fixed {\n position: fixed;\n}\n"],
|
|
1063
1067
|
dependencies: [{
|
|
1064
1068
|
kind: "component",
|
|
@@ -1070,7 +1074,7 @@ class MatSidenavContainer extends MatDrawerContainer {
|
|
|
1070
1074
|
}
|
|
1071
1075
|
i0.ɵɵngDeclareClassMetadata({
|
|
1072
1076
|
minVersion: "12.0.0",
|
|
1073
|
-
version: "22.0.0-
|
|
1077
|
+
version: "22.0.0-rc.0",
|
|
1074
1078
|
ngImport: i0,
|
|
1075
1079
|
type: MatSidenavContainer,
|
|
1076
1080
|
decorators: [{
|
|
@@ -1091,7 +1095,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1091
1095
|
useExisting: MatSidenavContainer
|
|
1092
1096
|
}],
|
|
1093
1097
|
imports: [MatSidenavContent],
|
|
1094
|
-
template: "@if (hasBackdrop) {\n <div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\n [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div>\n}\n\n<ng-content select=\"mat-sidenav\"
|
|
1098
|
+
template: "@if (hasBackdrop) {\n <div class=\"mat-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\n [class.mat-drawer-shown]=\"_isShowingBackdrop()\"></div>\n}\n\n<ng-content select=\"mat-drawer, mat-sidenav\"/>\n<ng-content select=\"mat-drawer-content, mat-sidenav-content\"/>\n\n@if (!_content) {\n <mat-sidenav-content>\n <ng-content/>\n </mat-sidenav-content>\n}\n",
|
|
1095
1099
|
styles: [".mat-drawer-container {\n position: relative;\n z-index: 1;\n color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));\n background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background));\n box-sizing: border-box;\n display: block;\n overflow: hidden;\n}\n.mat-drawer-container[fullscreen] {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-drawer-container[fullscreen].mat-drawer-container-has-open {\n overflow: hidden;\n}\n.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {\n z-index: 3;\n}\n.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,\n.mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,\n.ng-animate-disabled .mat-drawer-container .mat-drawer-content {\n transition: none;\n}\n\n.mat-drawer-backdrop {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n display: block;\n z-index: 3;\n visibility: hidden;\n}\n.mat-drawer-backdrop.mat-drawer-shown {\n visibility: visible;\n background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent));\n}\n.mat-drawer-transition .mat-drawer-backdrop {\n transition-duration: 400ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);\n transition-property: background-color, visibility;\n}\n@media (forced-colors: active) {\n .mat-drawer-backdrop {\n opacity: 0.5;\n }\n}\n\n.mat-drawer-content {\n position: relative;\n z-index: 1;\n display: block;\n height: 100%;\n overflow: auto;\n}\n.mat-drawer-content.mat-drawer-content-hidden {\n opacity: 0;\n}\n.mat-drawer-transition .mat-drawer-content {\n transition-duration: 400ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);\n transition-property: transform, margin-left, margin-right;\n}\n\n.mat-drawer {\n position: relative;\n z-index: 4;\n color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant));\n box-shadow: var(--mat-sidenav-container-elevation-shadow, none);\n background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface));\n border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n width: var(--mat-sidenav-container-width, 360px);\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 3;\n outline: 0;\n box-sizing: border-box;\n overflow-y: auto;\n transform: translate3d(-100%, 0, 0);\n}\n@media (forced-colors: active) {\n .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end {\n border-right: solid 1px currentColor;\n }\n}\n@media (forced-colors: active) {\n [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end {\n border-left: solid 1px currentColor;\n border-right: none;\n }\n}\n.mat-drawer.mat-drawer-side {\n z-index: 2;\n}\n.mat-drawer.mat-drawer-end {\n right: 0;\n transform: translate3d(100%, 0, 0);\n border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n[dir=rtl] .mat-drawer {\n border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n transform: translate3d(100%, 0, 0);\n}\n[dir=rtl] .mat-drawer.mat-drawer-end {\n border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n left: 0;\n right: auto;\n transform: translate3d(-100%, 0, 0);\n}\n.mat-drawer-transition .mat-drawer {\n transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) {\n visibility: hidden;\n box-shadow: none;\n}\n.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {\n display: none;\n}\n.mat-drawer.mat-drawer-opened.mat-drawer-opened {\n transform: none;\n}\n\n.mat-drawer-side {\n box-shadow: none;\n border-right-color: var(--mat-sidenav-container-divider-color, transparent);\n border-right-width: 1px;\n border-right-style: solid;\n}\n.mat-drawer-side.mat-drawer-end {\n border-left-color: var(--mat-sidenav-container-divider-color, transparent);\n border-left-width: 1px;\n border-left-style: solid;\n border-right: none;\n}\n[dir=rtl] .mat-drawer-side {\n border-left-color: var(--mat-sidenav-container-divider-color, transparent);\n border-left-width: 1px;\n border-left-style: solid;\n border-right: none;\n}\n[dir=rtl] .mat-drawer-side.mat-drawer-end {\n border-right-color: var(--mat-sidenav-container-divider-color, transparent);\n border-right-width: 1px;\n border-right-style: solid;\n border-left: none;\n}\n\n.mat-drawer-inner-container {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n\n.mat-sidenav-fixed {\n position: fixed;\n}\n"]
|
|
1096
1100
|
}]
|
|
1097
1101
|
}],
|
|
@@ -1112,7 +1116,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1112
1116
|
class MatSidenavModule {
|
|
1113
1117
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1114
1118
|
minVersion: "12.0.0",
|
|
1115
|
-
version: "22.0.0-
|
|
1119
|
+
version: "22.0.0-rc.0",
|
|
1116
1120
|
ngImport: i0,
|
|
1117
1121
|
type: MatSidenavModule,
|
|
1118
1122
|
deps: [],
|
|
@@ -1120,7 +1124,7 @@ class MatSidenavModule {
|
|
|
1120
1124
|
});
|
|
1121
1125
|
static ɵmod = i0.ɵɵngDeclareNgModule({
|
|
1122
1126
|
minVersion: "14.0.0",
|
|
1123
|
-
version: "22.0.0-
|
|
1127
|
+
version: "22.0.0-rc.0",
|
|
1124
1128
|
ngImport: i0,
|
|
1125
1129
|
type: MatSidenavModule,
|
|
1126
1130
|
imports: [CdkScrollableModule, MatDrawer, MatDrawerContainer, MatDrawerContent, MatSidenav, MatSidenavContainer, MatSidenavContent],
|
|
@@ -1128,7 +1132,7 @@ class MatSidenavModule {
|
|
|
1128
1132
|
});
|
|
1129
1133
|
static ɵinj = i0.ɵɵngDeclareInjector({
|
|
1130
1134
|
minVersion: "12.0.0",
|
|
1131
|
-
version: "22.0.0-
|
|
1135
|
+
version: "22.0.0-rc.0",
|
|
1132
1136
|
ngImport: i0,
|
|
1133
1137
|
type: MatSidenavModule,
|
|
1134
1138
|
imports: [CdkScrollableModule, BidiModule, CdkScrollableModule]
|
|
@@ -1136,7 +1140,7 @@ class MatSidenavModule {
|
|
|
1136
1140
|
}
|
|
1137
1141
|
i0.ɵɵngDeclareClassMetadata({
|
|
1138
1142
|
minVersion: "12.0.0",
|
|
1139
|
-
version: "22.0.0-
|
|
1143
|
+
version: "22.0.0-rc.0",
|
|
1140
1144
|
ngImport: i0,
|
|
1141
1145
|
type: MatSidenavModule,
|
|
1142
1146
|
decorators: [{
|