@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.
Files changed (152) hide show
  1. package/fesm2022/_animation-chunk.mjs.map +1 -1
  2. package/fesm2022/_date-formats-chunk.mjs.map +1 -1
  3. package/fesm2022/_date-range-input-harness-chunk.mjs.map +1 -1
  4. package/fesm2022/_error-options-chunk.mjs +6 -6
  5. package/fesm2022/_error-options-chunk.mjs.map +1 -1
  6. package/fesm2022/_error-state-chunk.mjs.map +1 -1
  7. package/fesm2022/_form-field-chunk.mjs +30 -30
  8. package/fesm2022/_form-field-chunk.mjs.map +1 -1
  9. package/fesm2022/_icon-button-chunk.mjs +6 -6
  10. package/fesm2022/_icon-button-chunk.mjs.map +1 -1
  11. package/fesm2022/_icon-registry-chunk.mjs +3 -3
  12. package/fesm2022/_icon-registry-chunk.mjs.map +1 -1
  13. package/fesm2022/_input-harness-chunk.mjs.map +1 -1
  14. package/fesm2022/_input-value-accessor-chunk.mjs.map +1 -1
  15. package/fesm2022/_internal-form-field-chunk.mjs +3 -3
  16. package/fesm2022/_internal-form-field-chunk.mjs.map +1 -1
  17. package/fesm2022/_line-chunk.mjs +7 -7
  18. package/fesm2022/_line-chunk.mjs.map +1 -1
  19. package/fesm2022/_option-chunk.mjs +6 -6
  20. package/fesm2022/_option-chunk.mjs.map +1 -1
  21. package/fesm2022/_option-harness-chunk.mjs.map +1 -1
  22. package/fesm2022/_option-module-chunk.mjs +4 -4
  23. package/fesm2022/_option-module-chunk.mjs.map +1 -1
  24. package/fesm2022/_pseudo-checkbox-chunk.mjs +3 -3
  25. package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -1
  26. package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
  27. package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -1
  28. package/fesm2022/_public-api-chunk.mjs.map +1 -1
  29. package/fesm2022/_ripple-chunk.mjs +6 -6
  30. package/fesm2022/_ripple-chunk.mjs.map +1 -1
  31. package/fesm2022/_ripple-loader-chunk.mjs +3 -3
  32. package/fesm2022/_ripple-loader-chunk.mjs.map +1 -1
  33. package/fesm2022/_ripple-module-chunk.mjs +4 -4
  34. package/fesm2022/_ripple-module-chunk.mjs.map +1 -1
  35. package/fesm2022/_structural-styles-chunk.mjs +3 -3
  36. package/fesm2022/_structural-styles-chunk.mjs.map +1 -1
  37. package/fesm2022/_tooltip-chunk.mjs +6 -6
  38. package/fesm2022/_tooltip-chunk.mjs.map +1 -1
  39. package/fesm2022/autocomplete-testing.mjs.map +1 -1
  40. package/fesm2022/autocomplete.mjs +13 -13
  41. package/fesm2022/autocomplete.mjs.map +1 -1
  42. package/fesm2022/badge-testing.mjs.map +1 -1
  43. package/fesm2022/badge.mjs +10 -10
  44. package/fesm2022/badge.mjs.map +1 -1
  45. package/fesm2022/bottom-sheet-testing.mjs.map +1 -1
  46. package/fesm2022/bottom-sheet.mjs +10 -10
  47. package/fesm2022/bottom-sheet.mjs.map +1 -1
  48. package/fesm2022/button-testing.mjs.map +1 -1
  49. package/fesm2022/button-toggle-testing.mjs.map +1 -1
  50. package/fesm2022/button-toggle.mjs +10 -10
  51. package/fesm2022/button-toggle.mjs.map +1 -1
  52. package/fesm2022/button.mjs +13 -13
  53. package/fesm2022/button.mjs.map +1 -1
  54. package/fesm2022/card-testing.mjs.map +1 -1
  55. package/fesm2022/card.mjs +46 -46
  56. package/fesm2022/card.mjs.map +1 -1
  57. package/fesm2022/checkbox-testing.mjs.map +1 -1
  58. package/fesm2022/checkbox.mjs +7 -7
  59. package/fesm2022/checkbox.mjs.map +1 -1
  60. package/fesm2022/chips-testing.mjs.map +1 -1
  61. package/fesm2022/chips.mjs +46 -46
  62. package/fesm2022/chips.mjs.map +1 -1
  63. package/fesm2022/core-testing.mjs.map +1 -1
  64. package/fesm2022/core.mjs +12 -12
  65. package/fesm2022/core.mjs.map +1 -1
  66. package/fesm2022/datepicker-testing.mjs.map +1 -1
  67. package/fesm2022/datepicker.mjs +84 -84
  68. package/fesm2022/datepicker.mjs.map +1 -1
  69. package/fesm2022/dialog-testing.mjs.map +1 -1
  70. package/fesm2022/dialog.mjs +25 -25
  71. package/fesm2022/dialog.mjs.map +1 -1
  72. package/fesm2022/divider-testing.mjs.map +1 -1
  73. package/fesm2022/divider.mjs +7 -7
  74. package/fesm2022/divider.mjs.map +1 -1
  75. package/fesm2022/expansion-testing.mjs.map +1 -1
  76. package/fesm2022/expansion.mjs +25 -25
  77. package/fesm2022/expansion.mjs.map +1 -1
  78. package/fesm2022/form-field-testing-control.mjs.map +1 -1
  79. package/fesm2022/form-field-testing.mjs.map +1 -1
  80. package/fesm2022/form-field.mjs +4 -4
  81. package/fesm2022/form-field.mjs.map +1 -1
  82. package/fesm2022/grid-list-testing.mjs.map +1 -1
  83. package/fesm2022/grid-list.mjs +22 -22
  84. package/fesm2022/grid-list.mjs.map +1 -1
  85. package/fesm2022/icon-testing.mjs +7 -7
  86. package/fesm2022/icon-testing.mjs.map +1 -1
  87. package/fesm2022/icon.mjs +7 -7
  88. package/fesm2022/icon.mjs.map +1 -1
  89. package/fesm2022/input-testing.mjs.map +1 -1
  90. package/fesm2022/input.mjs +7 -7
  91. package/fesm2022/input.mjs.map +1 -1
  92. package/fesm2022/list-testing.mjs.map +1 -1
  93. package/fesm2022/list.mjs +49 -49
  94. package/fesm2022/list.mjs.map +1 -1
  95. package/fesm2022/material.mjs.map +1 -1
  96. package/fesm2022/menu-testing.mjs.map +1 -1
  97. package/fesm2022/menu.mjs +22 -22
  98. package/fesm2022/menu.mjs.map +1 -1
  99. package/fesm2022/paginator-testing.mjs.map +1 -1
  100. package/fesm2022/paginator.mjs +10 -10
  101. package/fesm2022/paginator.mjs.map +1 -1
  102. package/fesm2022/progress-bar-testing.mjs.map +1 -1
  103. package/fesm2022/progress-bar.mjs +7 -7
  104. package/fesm2022/progress-bar.mjs.map +1 -1
  105. package/fesm2022/progress-spinner-testing.mjs.map +1 -1
  106. package/fesm2022/progress-spinner.mjs +7 -7
  107. package/fesm2022/progress-spinner.mjs.map +1 -1
  108. package/fesm2022/radio-testing.mjs.map +1 -1
  109. package/fesm2022/radio.mjs +10 -10
  110. package/fesm2022/radio.mjs.map +1 -1
  111. package/fesm2022/select-testing.mjs.map +1 -1
  112. package/fesm2022/select.mjs +10 -10
  113. package/fesm2022/select.mjs.map +1 -1
  114. package/fesm2022/sidenav-testing.mjs.map +1 -1
  115. package/fesm2022/sidenav.mjs +38 -34
  116. package/fesm2022/sidenav.mjs.map +1 -1
  117. package/fesm2022/slide-toggle-testing.mjs.map +1 -1
  118. package/fesm2022/slide-toggle.mjs +7 -7
  119. package/fesm2022/slide-toggle.mjs.map +1 -1
  120. package/fesm2022/slider-testing.mjs.map +1 -1
  121. package/fesm2022/slider.mjs +16 -16
  122. package/fesm2022/slider.mjs.map +1 -1
  123. package/fesm2022/snack-bar-testing.mjs.map +1 -1
  124. package/fesm2022/snack-bar.mjs +22 -22
  125. package/fesm2022/snack-bar.mjs.map +1 -1
  126. package/fesm2022/sort-testing.mjs.map +1 -1
  127. package/fesm2022/sort.mjs +13 -13
  128. package/fesm2022/sort.mjs.map +1 -1
  129. package/fesm2022/stepper-testing.mjs.map +1 -1
  130. package/fesm2022/stepper.mjs +31 -31
  131. package/fesm2022/stepper.mjs.map +1 -1
  132. package/fesm2022/table-testing.mjs.map +1 -1
  133. package/fesm2022/table.mjs +55 -55
  134. package/fesm2022/table.mjs.map +1 -1
  135. package/fesm2022/tabs-testing.mjs.map +1 -1
  136. package/fesm2022/tabs.mjs +43 -43
  137. package/fesm2022/tabs.mjs.map +1 -1
  138. package/fesm2022/timepicker-testing.mjs.map +1 -1
  139. package/fesm2022/timepicker.mjs +13 -13
  140. package/fesm2022/timepicker.mjs.map +1 -1
  141. package/fesm2022/toolbar-testing.mjs.map +1 -1
  142. package/fesm2022/toolbar.mjs +10 -10
  143. package/fesm2022/toolbar.mjs.map +1 -1
  144. package/fesm2022/tooltip-testing.mjs.map +1 -1
  145. package/fesm2022/tooltip.mjs +4 -4
  146. package/fesm2022/tooltip.mjs.map +1 -1
  147. package/fesm2022/tree-testing.mjs.map +1 -1
  148. package/fesm2022/tree.mjs +25 -25
  149. package/fesm2022/tree.mjs.map +1 -1
  150. package/package.json +2 -2
  151. package/schematics/ng-add/index.js +1 -1
  152. 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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"}
@@ -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-next.12",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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\"></ng-content>\n\n<ng-content select=\"mat-drawer-content\">\n</ng-content>\n\n@if (!_content) {\n <mat-drawer-content>\n <ng-content></ng-content>\n </mat-drawer-content>\n}\n",
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-next.12",
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\"></ng-content>\n\n<ng-content select=\"mat-drawer-content\">\n</ng-content>\n\n@if (!_content) {\n <mat-drawer-content>\n <ng-content></ng-content>\n </mat-drawer-content>\n}\n",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
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\"></ng-content>\n\n<ng-content select=\"mat-sidenav-content\">\n</ng-content>\n\n@if (!_content) {\n <mat-sidenav-content>\n <ng-content></ng-content>\n </mat-sidenav-content>\n}\n",
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-next.12",
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\"></ng-content>\n\n<ng-content select=\"mat-sidenav-content\">\n</ng-content>\n\n@if (!_content) {\n <mat-sidenav-content>\n <ng-content></ng-content>\n </mat-sidenav-content>\n}\n",
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-next.12",
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-next.12",
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-next.12",
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-next.12",
1143
+ version: "22.0.0-rc.0",
1140
1144
  ngImport: i0,
1141
1145
  type: MatSidenavModule,
1142
1146
  decorators: [{