@angular/cdk 14.2.0-rc.0 → 14.2.0

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 (184) hide show
  1. package/a11y/index.d.ts +3 -1
  2. package/esm2020/a11y/a11y-module.mjs +5 -5
  3. package/esm2020/a11y/aria-describer/aria-describer.mjs +4 -4
  4. package/esm2020/a11y/focus-monitor/focus-monitor.mjs +16 -8
  5. package/esm2020/a11y/focus-trap/configurable-focus-trap-factory.mjs +4 -4
  6. package/esm2020/a11y/focus-trap/focus-trap-manager.mjs +4 -4
  7. package/esm2020/a11y/focus-trap/focus-trap.mjs +7 -7
  8. package/esm2020/a11y/high-contrast-mode/high-contrast-mode-detector.mjs +4 -4
  9. package/esm2020/a11y/input-modality/input-modality-detector.mjs +4 -4
  10. package/esm2020/a11y/interactivity-checker/interactivity-checker.mjs +4 -4
  11. package/esm2020/a11y/live-announcer/live-announcer.mjs +7 -7
  12. package/esm2020/accordion/accordion-item.mjs +4 -4
  13. package/esm2020/accordion/accordion-module.mjs +5 -5
  14. package/esm2020/accordion/accordion.mjs +4 -4
  15. package/esm2020/bidi/bidi-module.mjs +5 -5
  16. package/esm2020/bidi/dir.mjs +4 -4
  17. package/esm2020/bidi/directionality.mjs +4 -4
  18. package/esm2020/clipboard/clipboard-module.mjs +5 -5
  19. package/esm2020/clipboard/clipboard.mjs +4 -4
  20. package/esm2020/clipboard/copy-to-clipboard.mjs +4 -4
  21. package/esm2020/collections/unique-selection-dispatcher.mjs +4 -4
  22. package/esm2020/dialog/dialog-container.mjs +4 -4
  23. package/esm2020/dialog/dialog-module.mjs +5 -5
  24. package/esm2020/dialog/dialog.mjs +4 -4
  25. package/esm2020/drag-drop/directives/drag-handle.mjs +4 -4
  26. package/esm2020/drag-drop/directives/drag-placeholder.mjs +4 -4
  27. package/esm2020/drag-drop/directives/drag-preview.mjs +4 -4
  28. package/esm2020/drag-drop/directives/drag.mjs +4 -4
  29. package/esm2020/drag-drop/directives/drop-list-group.mjs +4 -4
  30. package/esm2020/drag-drop/directives/drop-list.mjs +4 -4
  31. package/esm2020/drag-drop/drag-drop-module.mjs +5 -5
  32. package/esm2020/drag-drop/drag-drop-registry.mjs +4 -4
  33. package/esm2020/drag-drop/drag-drop.mjs +4 -4
  34. package/esm2020/layout/breakpoints-observer.mjs +4 -4
  35. package/esm2020/layout/layout-module.mjs +5 -5
  36. package/esm2020/layout/media-matcher.mjs +4 -4
  37. package/esm2020/listbox/listbox-module.mjs +5 -5
  38. package/esm2020/listbox/listbox.mjs +7 -7
  39. package/esm2020/menu/context-menu-trigger.mjs +7 -7
  40. package/esm2020/menu/menu-aim.mjs +7 -7
  41. package/esm2020/menu/menu-bar.mjs +4 -4
  42. package/esm2020/menu/menu-base.mjs +4 -4
  43. package/esm2020/menu/menu-group.mjs +4 -4
  44. package/esm2020/menu/menu-item-checkbox.mjs +4 -4
  45. package/esm2020/menu/menu-item-radio.mjs +4 -4
  46. package/esm2020/menu/menu-item-selectable.mjs +4 -4
  47. package/esm2020/menu/menu-item.mjs +4 -4
  48. package/esm2020/menu/menu-module.mjs +5 -5
  49. package/esm2020/menu/menu-stack.mjs +4 -4
  50. package/esm2020/menu/menu-trigger-base.mjs +4 -4
  51. package/esm2020/menu/menu-trigger.mjs +4 -4
  52. package/esm2020/menu/menu.mjs +4 -4
  53. package/esm2020/observers/observe-content.mjs +14 -14
  54. package/esm2020/overlay/dispatchers/base-overlay-dispatcher.mjs +4 -4
  55. package/esm2020/overlay/dispatchers/overlay-keyboard-dispatcher.mjs +4 -4
  56. package/esm2020/overlay/dispatchers/overlay-outside-click-dispatcher.mjs +4 -4
  57. package/esm2020/overlay/fullscreen-overlay-container.mjs +4 -4
  58. package/esm2020/overlay/overlay-container.mjs +4 -4
  59. package/esm2020/overlay/overlay-directives.mjs +7 -7
  60. package/esm2020/overlay/overlay-module.mjs +5 -5
  61. package/esm2020/overlay/overlay.mjs +4 -4
  62. package/esm2020/overlay/position/overlay-position-builder.mjs +4 -4
  63. package/esm2020/overlay/scroll/scroll-strategy-options.mjs +4 -4
  64. package/esm2020/platform/platform-module.mjs +5 -5
  65. package/esm2020/platform/platform.mjs +4 -4
  66. package/esm2020/portal/portal-directives.mjs +17 -17
  67. package/esm2020/scrolling/fixed-size-virtual-scroll.mjs +4 -4
  68. package/esm2020/scrolling/scroll-dispatcher.mjs +4 -4
  69. package/esm2020/scrolling/scrollable.mjs +4 -4
  70. package/esm2020/scrolling/scrolling-module.mjs +9 -9
  71. package/esm2020/scrolling/viewport-ruler.mjs +4 -4
  72. package/esm2020/scrolling/virtual-for-of.mjs +4 -4
  73. package/esm2020/scrolling/virtual-scroll-viewport.mjs +11 -5
  74. package/esm2020/scrolling/virtual-scrollable-element.mjs +4 -4
  75. package/esm2020/scrolling/virtual-scrollable-window.mjs +4 -4
  76. package/esm2020/scrolling/virtual-scrollable.mjs +4 -4
  77. package/esm2020/stepper/step-header.mjs +4 -4
  78. package/esm2020/stepper/step-label.mjs +4 -4
  79. package/esm2020/stepper/stepper-button.mjs +7 -7
  80. package/esm2020/stepper/stepper-module.mjs +5 -5
  81. package/esm2020/stepper/stepper.mjs +7 -7
  82. package/esm2020/table/cell.mjs +22 -22
  83. package/esm2020/table/coalesced-style-scheduler.mjs +4 -4
  84. package/esm2020/table/row.mjs +28 -28
  85. package/esm2020/table/table-module.mjs +5 -5
  86. package/esm2020/table/table.mjs +19 -19
  87. package/esm2020/table/text-column.mjs +4 -4
  88. package/esm2020/text-field/autofill.mjs +7 -7
  89. package/esm2020/text-field/autosize.mjs +4 -4
  90. package/esm2020/text-field/text-field-module.mjs +5 -5
  91. package/esm2020/tree/nested-node.mjs +4 -4
  92. package/esm2020/tree/node.mjs +4 -4
  93. package/esm2020/tree/outlet.mjs +4 -4
  94. package/esm2020/tree/padding.mjs +4 -4
  95. package/esm2020/tree/toggle.mjs +4 -4
  96. package/esm2020/tree/tree-module.mjs +5 -5
  97. package/esm2020/tree/tree.mjs +7 -7
  98. package/esm2020/version.mjs +1 -1
  99. package/fesm2015/a11y.mjs +49 -41
  100. package/fesm2015/a11y.mjs.map +1 -1
  101. package/fesm2015/accordion.mjs +10 -10
  102. package/fesm2015/accordion.mjs.map +1 -1
  103. package/fesm2015/bidi.mjs +10 -10
  104. package/fesm2015/bidi.mjs.map +1 -1
  105. package/fesm2015/cdk.mjs +1 -1
  106. package/fesm2015/cdk.mjs.map +1 -1
  107. package/fesm2015/clipboard.mjs +10 -10
  108. package/fesm2015/clipboard.mjs.map +1 -1
  109. package/fesm2015/collections.mjs +3 -3
  110. package/fesm2015/collections.mjs.map +1 -1
  111. package/fesm2015/dialog.mjs +10 -10
  112. package/fesm2015/dialog.mjs.map +1 -1
  113. package/fesm2015/drag-drop.mjs +28 -28
  114. package/fesm2015/drag-drop.mjs.map +1 -1
  115. package/fesm2015/layout.mjs +10 -10
  116. package/fesm2015/layout.mjs.map +1 -1
  117. package/fesm2015/listbox.mjs +10 -10
  118. package/fesm2015/listbox.mjs.map +1 -1
  119. package/fesm2015/menu.mjs +49 -49
  120. package/fesm2015/menu.mjs.map +1 -1
  121. package/fesm2015/observers.mjs +13 -13
  122. package/fesm2015/observers.mjs.map +1 -1
  123. package/fesm2015/overlay.mjs +34 -34
  124. package/fesm2015/overlay.mjs.map +1 -1
  125. package/fesm2015/platform.mjs +7 -7
  126. package/fesm2015/platform.mjs.map +1 -1
  127. package/fesm2015/portal.mjs +16 -16
  128. package/fesm2015/portal.mjs.map +1 -1
  129. package/fesm2015/scrolling.mjs +42 -37
  130. package/fesm2015/scrolling.mjs.map +1 -1
  131. package/fesm2015/stepper.mjs +22 -22
  132. package/fesm2015/stepper.mjs.map +1 -1
  133. package/fesm2015/table.mjs +76 -76
  134. package/fesm2015/table.mjs.map +1 -1
  135. package/fesm2015/text-field.mjs +13 -13
  136. package/fesm2015/text-field.mjs.map +1 -1
  137. package/fesm2015/tree.mjs +25 -25
  138. package/fesm2015/tree.mjs.map +1 -1
  139. package/fesm2020/a11y.mjs +49 -41
  140. package/fesm2020/a11y.mjs.map +1 -1
  141. package/fesm2020/accordion.mjs +10 -10
  142. package/fesm2020/accordion.mjs.map +1 -1
  143. package/fesm2020/bidi.mjs +10 -10
  144. package/fesm2020/bidi.mjs.map +1 -1
  145. package/fesm2020/cdk.mjs +1 -1
  146. package/fesm2020/cdk.mjs.map +1 -1
  147. package/fesm2020/clipboard.mjs +10 -10
  148. package/fesm2020/clipboard.mjs.map +1 -1
  149. package/fesm2020/collections.mjs +3 -3
  150. package/fesm2020/collections.mjs.map +1 -1
  151. package/fesm2020/dialog.mjs +10 -10
  152. package/fesm2020/dialog.mjs.map +1 -1
  153. package/fesm2020/drag-drop.mjs +28 -28
  154. package/fesm2020/drag-drop.mjs.map +1 -1
  155. package/fesm2020/layout.mjs +10 -10
  156. package/fesm2020/layout.mjs.map +1 -1
  157. package/fesm2020/listbox.mjs +10 -10
  158. package/fesm2020/listbox.mjs.map +1 -1
  159. package/fesm2020/menu.mjs +49 -49
  160. package/fesm2020/menu.mjs.map +1 -1
  161. package/fesm2020/observers.mjs +13 -13
  162. package/fesm2020/observers.mjs.map +1 -1
  163. package/fesm2020/overlay.mjs +34 -34
  164. package/fesm2020/overlay.mjs.map +1 -1
  165. package/fesm2020/platform.mjs +7 -7
  166. package/fesm2020/platform.mjs.map +1 -1
  167. package/fesm2020/portal.mjs +16 -16
  168. package/fesm2020/portal.mjs.map +1 -1
  169. package/fesm2020/scrolling.mjs +42 -37
  170. package/fesm2020/scrolling.mjs.map +1 -1
  171. package/fesm2020/stepper.mjs +22 -22
  172. package/fesm2020/stepper.mjs.map +1 -1
  173. package/fesm2020/table.mjs +76 -76
  174. package/fesm2020/table.mjs.map +1 -1
  175. package/fesm2020/text-field.mjs +13 -13
  176. package/fesm2020/text-field.mjs.map +1 -1
  177. package/fesm2020/tree.mjs +25 -25
  178. package/fesm2020/tree.mjs.map +1 -1
  179. package/package.json +1 -1
  180. package/schematics/ng-add/index.js +1 -1
  181. package/schematics/ng-add/index.mjs +1 -1
  182. package/schematics/update-tool/component-resource-collector.js +6 -3
  183. package/schematics/update-tool/component-resource-collector.mjs +6 -3
  184. package/scrolling/index.d.ts +1 -0
@@ -1,10 +1,10 @@
1
1
  import { coerceNumberProperty, coerceElement, coerceBooleanProperty } from '@angular/cdk/coercion';
2
2
  import * as i0 from '@angular/core';
3
- import { InjectionToken, forwardRef, Directive, Input, Injectable, Optional, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, ViewChild, SkipSelf, ElementRef, NgModule } from '@angular/core';
3
+ import { InjectionToken, forwardRef, Directive, Input, Injectable, Optional, Inject, inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, ViewChild, SkipSelf, ElementRef, NgModule } from '@angular/core';
4
4
  import { Subject, of, Observable, fromEvent, animationFrameScheduler, asapScheduler, Subscription, isObservable } from 'rxjs';
5
5
  import { distinctUntilChanged, auditTime, filter, takeUntil, startWith, pairwise, switchMap, shareReplay } from 'rxjs/operators';
6
6
  import * as i1 from '@angular/cdk/platform';
7
- import { getRtlScrollAxisType, supportsScrollBehavior } from '@angular/cdk/platform';
7
+ import { getRtlScrollAxisType, supportsScrollBehavior, Platform } from '@angular/cdk/platform';
8
8
  import { DOCUMENT } from '@angular/common';
9
9
  import * as i2 from '@angular/cdk/bidi';
10
10
  import { BidiModule } from '@angular/cdk/bidi';
@@ -204,15 +204,15 @@ class CdkFixedSizeVirtualScroll {
204
204
  this._scrollStrategy.updateItemAndBufferSize(this.itemSize, this.minBufferPx, this.maxBufferPx);
205
205
  }
206
206
  }
207
- CdkFixedSizeVirtualScroll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkFixedSizeVirtualScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive });
208
- CdkFixedSizeVirtualScroll.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: { itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx" }, providers: [
207
+ CdkFixedSizeVirtualScroll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkFixedSizeVirtualScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive });
208
+ CdkFixedSizeVirtualScroll.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0-rc.0", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: { itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx" }, providers: [
209
209
  {
210
210
  provide: VIRTUAL_SCROLL_STRATEGY,
211
211
  useFactory: _fixedSizeVirtualScrollStrategyFactory,
212
212
  deps: [forwardRef(() => CdkFixedSizeVirtualScroll)],
213
213
  },
214
214
  ], usesOnChanges: true, ngImport: i0 });
215
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkFixedSizeVirtualScroll, decorators: [{
215
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkFixedSizeVirtualScroll, decorators: [{
216
216
  type: Directive,
217
217
  args: [{
218
218
  selector: 'cdk-virtual-scroll-viewport[itemSize]',
@@ -375,9 +375,9 @@ class ScrollDispatcher {
375
375
  }
376
376
  }
377
377
  }
378
- ScrollDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ScrollDispatcher, deps: [{ token: i0.NgZone }, { token: i1.Platform }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
379
- ScrollDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ScrollDispatcher, providedIn: 'root' });
380
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ScrollDispatcher, decorators: [{
378
+ ScrollDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ScrollDispatcher, deps: [{ token: i0.NgZone }, { token: i1.Platform }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
379
+ ScrollDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ScrollDispatcher, providedIn: 'root' });
380
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ScrollDispatcher, decorators: [{
381
381
  type: Injectable,
382
382
  args: [{ providedIn: 'root' }]
383
383
  }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.Platform }, { type: undefined, decorators: [{
@@ -543,9 +543,9 @@ class CdkScrollable {
543
543
  }
544
544
  }
545
545
  }
546
- CdkScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkScrollable, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
547
- CdkScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]", ngImport: i0 });
548
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkScrollable, decorators: [{
546
+ CdkScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkScrollable, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
547
+ CdkScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0-rc.0", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]", ngImport: i0 });
548
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkScrollable, decorators: [{
549
549
  type: Directive,
550
550
  args: [{
551
551
  selector: '[cdk-scrollable], [cdkScrollable]',
@@ -681,9 +681,9 @@ class ViewportRuler {
681
681
  : { width: 0, height: 0 };
682
682
  }
683
683
  }
684
- ViewportRuler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ViewportRuler, deps: [{ token: i1.Platform }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
685
- ViewportRuler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ViewportRuler, providedIn: 'root' });
686
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ViewportRuler, decorators: [{
684
+ ViewportRuler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ViewportRuler, deps: [{ token: i1.Platform }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
685
+ ViewportRuler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ViewportRuler, providedIn: 'root' });
686
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ViewportRuler, decorators: [{
687
687
  type: Injectable,
688
688
  args: [{ providedIn: 'root' }]
689
689
  }], ctorParameters: function () { return [{ type: i1.Platform }, { type: i0.NgZone }, { type: undefined, decorators: [{
@@ -718,9 +718,9 @@ class CdkVirtualScrollable extends CdkScrollable {
718
718
  return orientation === 'horizontal' ? viewportEl.clientWidth : viewportEl.clientHeight;
719
719
  }
720
720
  }
721
- CdkVirtualScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualScrollable, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
722
- CdkVirtualScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CdkVirtualScrollable, usesInheritance: true, ngImport: i0 });
723
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualScrollable, decorators: [{
721
+ CdkVirtualScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualScrollable, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
722
+ CdkVirtualScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0-rc.0", type: CdkVirtualScrollable, usesInheritance: true, ngImport: i0 });
723
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualScrollable, decorators: [{
724
724
  type: Directive
725
725
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ScrollDispatcher }, { type: i0.NgZone }, { type: i2.Directionality, decorators: [{
726
726
  type: Optional
@@ -751,6 +751,7 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
751
751
  this._changeDetectorRef = _changeDetectorRef;
752
752
  this._scrollStrategy = _scrollStrategy;
753
753
  this.scrollable = scrollable;
754
+ this._platform = inject(Platform);
754
755
  /** Emits when the viewport is detached from a CdkVirtualForOf. */
755
756
  this._detachedSubject = new Subject();
756
757
  /** Emits when the rendered range changes. */
@@ -825,6 +826,10 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
825
826
  this._appendOnly = coerceBooleanProperty(value);
826
827
  }
827
828
  ngOnInit() {
829
+ // Scrolling depends on the element dimensions which we can't get during SSR.
830
+ if (!this._platform.isBrowser) {
831
+ return;
832
+ }
828
833
  if (this.scrollable === this) {
829
834
  super.ngOnInit();
830
835
  }
@@ -1098,15 +1103,15 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
1098
1103
  this.orientation === 'horizontal' ? `${this._totalContentSize}px` : '';
1099
1104
  }
1100
1105
  }
1101
- CdkVirtualScrollViewport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualScrollViewport, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: VIRTUAL_SCROLL_STRATEGY, optional: true }, { token: i2.Directionality, optional: true }, { token: ScrollDispatcher }, { token: ViewportRuler }, { token: VIRTUAL_SCROLLABLE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1102
- CdkVirtualScrollViewport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: { orientation: "orientation", appendOnly: "appendOnly" }, outputs: { scrolledIndexChange: "scrolledIndexChange" }, host: { properties: { "class.cdk-virtual-scroll-orientation-horizontal": "orientation === \"horizontal\"", "class.cdk-virtual-scroll-orientation-vertical": "orientation !== \"horizontal\"" }, classAttribute: "cdk-virtual-scroll-viewport" }, providers: [
1106
+ CdkVirtualScrollViewport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualScrollViewport, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: VIRTUAL_SCROLL_STRATEGY, optional: true }, { token: i2.Directionality, optional: true }, { token: ScrollDispatcher }, { token: ViewportRuler }, { token: VIRTUAL_SCROLLABLE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1107
+ CdkVirtualScrollViewport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0-rc.0", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: { orientation: "orientation", appendOnly: "appendOnly" }, outputs: { scrolledIndexChange: "scrolledIndexChange" }, host: { properties: { "class.cdk-virtual-scroll-orientation-horizontal": "orientation === \"horizontal\"", "class.cdk-virtual-scroll-orientation-vertical": "orientation !== \"horizontal\"" }, classAttribute: "cdk-virtual-scroll-viewport" }, providers: [
1103
1108
  {
1104
1109
  provide: CdkScrollable,
1105
1110
  useFactory: (virtualScrollable, viewport) => virtualScrollable || viewport,
1106
1111
  deps: [CdkVirtualScrollable, CdkVirtualScrollViewport],
1107
1112
  },
1108
1113
  ], viewQueries: [{ propertyName: "_contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n Wrap the rendered content in an element that will be used to offset it based on the scroll\n position.\n-->\n<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\">\n <ng-content></ng-content>\n</div>\n<!--\n Spacer used to force the scrolling container to the correct size for the *total* number of items\n so that the scrollbar captures the size of the entire data set.\n-->\n<div class=\"cdk-virtual-scroll-spacer\"\n [style.width]=\"_totalContentWidth\" [style.height]=\"_totalContentHeight\"></div>\n", styles: ["cdk-virtual-scroll-viewport{display:block;position:relative;transform:translateZ(0)}.cdk-virtual-scrollable{overflow:auto;will-change:scroll-position;contain:strict;-webkit-overflow-scrolling:touch}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .cdk-virtual-scroll-content-wrapper{right:0;left:auto}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{min-height:100%}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{min-width:100%}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.cdk-virtual-scroll-spacer{height:1px;transform-origin:0 0;flex:0 0 auto}[dir=rtl] .cdk-virtual-scroll-spacer{transform-origin:100% 0}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualScrollViewport, decorators: [{
1114
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualScrollViewport, decorators: [{
1110
1115
  type: Component,
1111
1116
  args: [{ selector: 'cdk-virtual-scroll-viewport', host: {
1112
1117
  'class': 'cdk-virtual-scroll-viewport',
@@ -1408,9 +1413,9 @@ class CdkVirtualForOf {
1408
1413
  };
1409
1414
  }
1410
1415
  }
1411
- CdkVirtualForOf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }, { token: _VIEW_REPEATER_STRATEGY }, { token: CdkVirtualScrollViewport, skipSelf: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
1412
- CdkVirtualForOf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: { cdkVirtualForOf: "cdkVirtualForOf", cdkVirtualForTrackBy: "cdkVirtualForTrackBy", cdkVirtualForTemplate: "cdkVirtualForTemplate", cdkVirtualForTemplateCacheSize: "cdkVirtualForTemplateCacheSize" }, providers: [{ provide: _VIEW_REPEATER_STRATEGY, useClass: _RecycleViewRepeaterStrategy }], ngImport: i0 });
1413
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualForOf, decorators: [{
1416
+ CdkVirtualForOf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }, { token: _VIEW_REPEATER_STRATEGY }, { token: CdkVirtualScrollViewport, skipSelf: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
1417
+ CdkVirtualForOf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0-rc.0", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: { cdkVirtualForOf: "cdkVirtualForOf", cdkVirtualForTrackBy: "cdkVirtualForTrackBy", cdkVirtualForTemplate: "cdkVirtualForTemplate", cdkVirtualForTemplateCacheSize: "cdkVirtualForTemplateCacheSize" }, providers: [{ provide: _VIEW_REPEATER_STRATEGY, useClass: _RecycleViewRepeaterStrategy }], ngImport: i0 });
1418
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualForOf, decorators: [{
1414
1419
  type: Directive,
1415
1420
  args: [{
1416
1421
  selector: '[cdkVirtualFor][cdkVirtualForOf]',
@@ -1450,9 +1455,9 @@ class CdkVirtualScrollableElement extends CdkVirtualScrollable {
1450
1455
  this.measureScrollOffset(from));
1451
1456
  }
1452
1457
  }
1453
- CdkVirtualScrollableElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualScrollableElement, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
1454
- CdkVirtualScrollableElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CdkVirtualScrollableElement, selector: "[cdkVirtualScrollingElement]", host: { classAttribute: "cdk-virtual-scrollable" }, providers: [{ provide: VIRTUAL_SCROLLABLE, useExisting: CdkVirtualScrollableElement }], usesInheritance: true, ngImport: i0 });
1455
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualScrollableElement, decorators: [{
1458
+ CdkVirtualScrollableElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualScrollableElement, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
1459
+ CdkVirtualScrollableElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0-rc.0", type: CdkVirtualScrollableElement, selector: "[cdkVirtualScrollingElement]", host: { classAttribute: "cdk-virtual-scrollable" }, providers: [{ provide: VIRTUAL_SCROLLABLE, useExisting: CdkVirtualScrollableElement }], usesInheritance: true, ngImport: i0 });
1460
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualScrollableElement, decorators: [{
1456
1461
  type: Directive,
1457
1462
  args: [{
1458
1463
  selector: '[cdkVirtualScrollingElement]',
@@ -1484,9 +1489,9 @@ class CdkVirtualScrollableWindow extends CdkVirtualScrollable {
1484
1489
  return this.getElementRef().nativeElement.getBoundingClientRect()[from];
1485
1490
  }
1486
1491
  }
1487
- CdkVirtualScrollableWindow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualScrollableWindow, deps: [{ token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
1488
- CdkVirtualScrollableWindow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CdkVirtualScrollableWindow, selector: "cdk-virtual-scroll-viewport[scrollWindow]", providers: [{ provide: VIRTUAL_SCROLLABLE, useExisting: CdkVirtualScrollableWindow }], usesInheritance: true, ngImport: i0 });
1489
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkVirtualScrollableWindow, decorators: [{
1492
+ CdkVirtualScrollableWindow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualScrollableWindow, deps: [{ token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
1493
+ CdkVirtualScrollableWindow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0-rc.0", type: CdkVirtualScrollableWindow, selector: "cdk-virtual-scroll-viewport[scrollWindow]", providers: [{ provide: VIRTUAL_SCROLLABLE, useExisting: CdkVirtualScrollableWindow }], usesInheritance: true, ngImport: i0 });
1494
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkVirtualScrollableWindow, decorators: [{
1490
1495
  type: Directive,
1491
1496
  args: [{
1492
1497
  selector: 'cdk-virtual-scroll-viewport[scrollWindow]',
@@ -1505,10 +1510,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImpor
1505
1510
  */
1506
1511
  class CdkScrollableModule {
1507
1512
  }
1508
- CdkScrollableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkScrollableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1509
- CdkScrollableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CdkScrollableModule, declarations: [CdkScrollable], exports: [CdkScrollable] });
1510
- CdkScrollableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkScrollableModule });
1511
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CdkScrollableModule, decorators: [{
1513
+ CdkScrollableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkScrollableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1514
+ CdkScrollableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkScrollableModule, declarations: [CdkScrollable], exports: [CdkScrollable] });
1515
+ CdkScrollableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkScrollableModule });
1516
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: CdkScrollableModule, decorators: [{
1512
1517
  type: NgModule,
1513
1518
  args: [{
1514
1519
  exports: [CdkScrollable],
@@ -1520,8 +1525,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImpor
1520
1525
  */
1521
1526
  class ScrollingModule {
1522
1527
  }
1523
- ScrollingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ScrollingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1524
- ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: ScrollingModule, declarations: [CdkFixedSizeVirtualScroll,
1528
+ ScrollingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ScrollingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1529
+ ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ScrollingModule, declarations: [CdkFixedSizeVirtualScroll,
1525
1530
  CdkVirtualForOf,
1526
1531
  CdkVirtualScrollViewport,
1527
1532
  CdkVirtualScrollableWindow,
@@ -1530,8 +1535,8 @@ ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
1530
1535
  CdkVirtualScrollViewport,
1531
1536
  CdkVirtualScrollableWindow,
1532
1537
  CdkVirtualScrollableElement] });
1533
- ScrollingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ScrollingModule, imports: [BidiModule, CdkScrollableModule, BidiModule, CdkScrollableModule] });
1534
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ScrollingModule, decorators: [{
1538
+ ScrollingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ScrollingModule, imports: [BidiModule, CdkScrollableModule, BidiModule, CdkScrollableModule] });
1539
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0-rc.0", ngImport: i0, type: ScrollingModule, decorators: [{
1535
1540
  type: NgModule,
1536
1541
  args: [{
1537
1542
  imports: [BidiModule, CdkScrollableModule],