@angular/cdk 17.2.0-next.1 → 17.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 (127) hide show
  1. package/esm2022/a11y/a11y-module.mjs +4 -4
  2. package/esm2022/a11y/aria-describer/aria-describer.mjs +3 -3
  3. package/esm2022/a11y/focus-monitor/focus-monitor.mjs +6 -6
  4. package/esm2022/a11y/focus-trap/configurable-focus-trap-factory.mjs +3 -3
  5. package/esm2022/a11y/focus-trap/focus-trap-manager.mjs +3 -3
  6. package/esm2022/a11y/focus-trap/focus-trap.mjs +6 -6
  7. package/esm2022/a11y/high-contrast-mode/high-contrast-mode-detector.mjs +3 -3
  8. package/esm2022/a11y/input-modality/input-modality-detector.mjs +3 -3
  9. package/esm2022/a11y/interactivity-checker/interactivity-checker.mjs +3 -3
  10. package/esm2022/a11y/live-announcer/live-announcer.mjs +6 -6
  11. package/esm2022/accordion/accordion-item.mjs +3 -3
  12. package/esm2022/accordion/accordion-module.mjs +4 -4
  13. package/esm2022/accordion/accordion.mjs +3 -3
  14. package/esm2022/bidi/bidi-module.mjs +4 -4
  15. package/esm2022/bidi/dir.mjs +3 -3
  16. package/esm2022/bidi/directionality.mjs +3 -3
  17. package/esm2022/clipboard/clipboard-module.mjs +4 -4
  18. package/esm2022/clipboard/clipboard.mjs +3 -3
  19. package/esm2022/clipboard/copy-to-clipboard.mjs +3 -3
  20. package/esm2022/collections/unique-selection-dispatcher.mjs +3 -3
  21. package/esm2022/dialog/dialog-container.mjs +3 -3
  22. package/esm2022/dialog/dialog-module.mjs +4 -4
  23. package/esm2022/dialog/dialog.mjs +3 -3
  24. package/esm2022/drag-drop/directives/drag-handle.mjs +3 -3
  25. package/esm2022/drag-drop/directives/drag-placeholder.mjs +3 -3
  26. package/esm2022/drag-drop/directives/drag-preview.mjs +3 -3
  27. package/esm2022/drag-drop/directives/drag.mjs +3 -3
  28. package/esm2022/drag-drop/directives/drop-list-group.mjs +3 -3
  29. package/esm2022/drag-drop/directives/drop-list.mjs +3 -3
  30. package/esm2022/drag-drop/drag-drop-module.mjs +4 -4
  31. package/esm2022/drag-drop/drag-drop-registry.mjs +3 -3
  32. package/esm2022/drag-drop/drag-drop.mjs +3 -3
  33. package/esm2022/layout/breakpoints-observer.mjs +3 -3
  34. package/esm2022/layout/layout-module.mjs +4 -4
  35. package/esm2022/layout/media-matcher.mjs +3 -3
  36. package/esm2022/listbox/listbox-module.mjs +4 -4
  37. package/esm2022/listbox/listbox.mjs +16 -7
  38. package/esm2022/menu/context-menu-trigger.mjs +6 -6
  39. package/esm2022/menu/menu-aim.mjs +6 -6
  40. package/esm2022/menu/menu-bar.mjs +3 -3
  41. package/esm2022/menu/menu-base.mjs +3 -3
  42. package/esm2022/menu/menu-group.mjs +3 -3
  43. package/esm2022/menu/menu-item-checkbox.mjs +3 -3
  44. package/esm2022/menu/menu-item-radio.mjs +3 -3
  45. package/esm2022/menu/menu-item-selectable.mjs +3 -3
  46. package/esm2022/menu/menu-item.mjs +3 -3
  47. package/esm2022/menu/menu-module.mjs +4 -4
  48. package/esm2022/menu/menu-stack.mjs +3 -3
  49. package/esm2022/menu/menu-trigger-base.mjs +3 -3
  50. package/esm2022/menu/menu-trigger.mjs +3 -3
  51. package/esm2022/menu/menu.mjs +3 -3
  52. package/esm2022/observers/observe-content.mjs +13 -13
  53. package/esm2022/observers/private/shared-resize-observer.mjs +3 -3
  54. package/esm2022/overlay/dispatchers/base-overlay-dispatcher.mjs +3 -3
  55. package/esm2022/overlay/dispatchers/overlay-keyboard-dispatcher.mjs +3 -3
  56. package/esm2022/overlay/dispatchers/overlay-outside-click-dispatcher.mjs +3 -3
  57. package/esm2022/overlay/fullscreen-overlay-container.mjs +3 -3
  58. package/esm2022/overlay/overlay-container.mjs +3 -3
  59. package/esm2022/overlay/overlay-directives.mjs +6 -6
  60. package/esm2022/overlay/overlay-module.mjs +4 -4
  61. package/esm2022/overlay/overlay.mjs +3 -3
  62. package/esm2022/overlay/position/overlay-position-builder.mjs +3 -3
  63. package/esm2022/overlay/scroll/scroll-strategy-options.mjs +3 -3
  64. package/esm2022/platform/platform-module.mjs +4 -4
  65. package/esm2022/platform/platform.mjs +3 -3
  66. package/esm2022/portal/portal-directives.mjs +16 -16
  67. package/esm2022/scrolling/fixed-size-virtual-scroll.mjs +3 -3
  68. package/esm2022/scrolling/scroll-dispatcher.mjs +3 -3
  69. package/esm2022/scrolling/scrollable.mjs +3 -3
  70. package/esm2022/scrolling/scrolling-module.mjs +8 -8
  71. package/esm2022/scrolling/viewport-ruler.mjs +3 -3
  72. package/esm2022/scrolling/virtual-for-of.mjs +3 -3
  73. package/esm2022/scrolling/virtual-scroll-viewport.mjs +3 -3
  74. package/esm2022/scrolling/virtual-scrollable-element.mjs +3 -3
  75. package/esm2022/scrolling/virtual-scrollable-window.mjs +3 -3
  76. package/esm2022/scrolling/virtual-scrollable.mjs +3 -3
  77. package/esm2022/stepper/step-header.mjs +3 -3
  78. package/esm2022/stepper/step-label.mjs +3 -3
  79. package/esm2022/stepper/stepper-button.mjs +6 -6
  80. package/esm2022/stepper/stepper-module.mjs +4 -4
  81. package/esm2022/stepper/stepper.mjs +6 -6
  82. package/esm2022/table/cell.mjs +21 -21
  83. package/esm2022/table/coalesced-style-scheduler.mjs +3 -3
  84. package/esm2022/table/row.mjs +27 -27
  85. package/esm2022/table/sticky-styler.mjs +8 -6
  86. package/esm2022/table/table-module.mjs +4 -4
  87. package/esm2022/table/table.mjs +37 -24
  88. package/esm2022/table/text-column.mjs +3 -3
  89. package/esm2022/text-field/autofill.mjs +6 -6
  90. package/esm2022/text-field/autosize.mjs +3 -3
  91. package/esm2022/text-field/text-field-module.mjs +4 -4
  92. package/esm2022/tree/nested-node.mjs +3 -3
  93. package/esm2022/tree/node.mjs +3 -3
  94. package/esm2022/tree/outlet.mjs +3 -3
  95. package/esm2022/tree/padding.mjs +3 -3
  96. package/esm2022/tree/toggle.mjs +3 -3
  97. package/esm2022/tree/tree-module.mjs +4 -4
  98. package/esm2022/tree/tree.mjs +6 -6
  99. package/esm2022/version.mjs +1 -1
  100. package/fesm2022/a11y.mjs +40 -40
  101. package/fesm2022/accordion.mjs +10 -10
  102. package/fesm2022/bidi.mjs +10 -10
  103. package/fesm2022/cdk.mjs +1 -1
  104. package/fesm2022/cdk.mjs.map +1 -1
  105. package/fesm2022/clipboard.mjs +10 -10
  106. package/fesm2022/collections.mjs +3 -3
  107. package/fesm2022/dialog.mjs +10 -10
  108. package/fesm2022/drag-drop.mjs +28 -28
  109. package/fesm2022/layout.mjs +10 -10
  110. package/fesm2022/listbox.mjs +19 -10
  111. package/fesm2022/listbox.mjs.map +1 -1
  112. package/fesm2022/menu.mjs +49 -49
  113. package/fesm2022/observers/private.mjs +3 -3
  114. package/fesm2022/observers.mjs +13 -13
  115. package/fesm2022/overlay.mjs +34 -34
  116. package/fesm2022/platform.mjs +7 -7
  117. package/fesm2022/portal.mjs +16 -16
  118. package/fesm2022/scrolling.mjs +35 -35
  119. package/fesm2022/stepper.mjs +22 -22
  120. package/fesm2022/table.mjs +101 -86
  121. package/fesm2022/table.mjs.map +1 -1
  122. package/fesm2022/text-field.mjs +13 -13
  123. package/fesm2022/tree.mjs +25 -25
  124. package/package.json +3 -3
  125. package/schematics/ng-add/index.js +1 -1
  126. package/schematics/ng-add/index.mjs +1 -1
  127. package/table/index.d.ts +8 -2
@@ -72,10 +72,10 @@ class AutofillMonitor {
72
72
  ngOnDestroy() {
73
73
  this._monitoredElements.forEach((_info, element) => this.stopMonitoring(element));
74
74
  }
75
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AutofillMonitor, deps: [{ token: i1.Platform }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
76
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AutofillMonitor, providedIn: 'root' }); }
75
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AutofillMonitor, deps: [{ token: i1.Platform }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
76
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AutofillMonitor, providedIn: 'root' }); }
77
77
  }
78
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AutofillMonitor, decorators: [{
78
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AutofillMonitor, decorators: [{
79
79
  type: Injectable,
80
80
  args: [{ providedIn: 'root' }]
81
81
  }], ctorParameters: () => [{ type: i1.Platform }, { type: i0.NgZone }] });
@@ -95,10 +95,10 @@ class CdkAutofill {
95
95
  ngOnDestroy() {
96
96
  this._autofillMonitor.stopMonitoring(this._elementRef);
97
97
  }
98
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkAutofill, deps: [{ token: i0.ElementRef }, { token: AutofillMonitor }], target: i0.ɵɵFactoryTarget.Directive }); }
99
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: CdkAutofill, isStandalone: true, selector: "[cdkAutofill]", outputs: { cdkAutofill: "cdkAutofill" }, ngImport: i0 }); }
98
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkAutofill, deps: [{ token: i0.ElementRef }, { token: AutofillMonitor }], target: i0.ɵɵFactoryTarget.Directive }); }
99
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: CdkAutofill, isStandalone: true, selector: "[cdkAutofill]", outputs: { cdkAutofill: "cdkAutofill" }, ngImport: i0 }); }
100
100
  }
101
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkAutofill, decorators: [{
101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkAutofill, decorators: [{
102
102
  type: Directive,
103
103
  args: [{
104
104
  selector: '[cdkAutofill]',
@@ -367,10 +367,10 @@ class CdkTextareaAutosize {
367
367
  textarea.setSelectionRange(selectionStart, selectionEnd);
368
368
  }
369
369
  }
370
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTextareaAutosize, deps: [{ token: i0.ElementRef }, { token: i1.Platform }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
371
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.1.1", type: CdkTextareaAutosize, isStandalone: true, selector: "textarea[cdkTextareaAutosize]", inputs: { minRows: ["cdkAutosizeMinRows", "minRows"], maxRows: ["cdkAutosizeMaxRows", "maxRows"], enabled: ["cdkTextareaAutosize", "enabled", booleanAttribute], placeholder: "placeholder" }, host: { attributes: { "rows": "1" }, listeners: { "input": "_noopInputHandler()" }, classAttribute: "cdk-textarea-autosize" }, exportAs: ["cdkTextareaAutosize"], ngImport: i0 }); }
370
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTextareaAutosize, deps: [{ token: i0.ElementRef }, { token: i1.Platform }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
371
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.0", type: CdkTextareaAutosize, isStandalone: true, selector: "textarea[cdkTextareaAutosize]", inputs: { minRows: ["cdkAutosizeMinRows", "minRows"], maxRows: ["cdkAutosizeMaxRows", "maxRows"], enabled: ["cdkTextareaAutosize", "enabled", booleanAttribute], placeholder: "placeholder" }, host: { attributes: { "rows": "1" }, listeners: { "input": "_noopInputHandler()" }, classAttribute: "cdk-textarea-autosize" }, exportAs: ["cdkTextareaAutosize"], ngImport: i0 }); }
372
372
  }
373
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTextareaAutosize, decorators: [{
373
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTextareaAutosize, decorators: [{
374
374
  type: Directive,
375
375
  args: [{
376
376
  selector: 'textarea[cdkTextareaAutosize]',
@@ -403,11 +403,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
403
403
  }] } });
404
404
 
405
405
  class TextFieldModule {
406
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TextFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
407
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: TextFieldModule, imports: [CdkAutofill, CdkTextareaAutosize], exports: [CdkAutofill, CdkTextareaAutosize] }); }
408
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TextFieldModule }); }
406
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: TextFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
407
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: TextFieldModule, imports: [CdkAutofill, CdkTextareaAutosize], exports: [CdkAutofill, CdkTextareaAutosize] }); }
408
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: TextFieldModule }); }
409
409
  }
410
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TextFieldModule, decorators: [{
410
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: TextFieldModule, decorators: [{
411
411
  type: NgModule,
412
412
  args: [{
413
413
  imports: [CdkAutofill, CdkTextareaAutosize],
package/fesm2022/tree.mjs CHANGED
@@ -160,10 +160,10 @@ class CdkTreeNodeOutlet {
160
160
  this.viewContainer = viewContainer;
161
161
  this._node = _node;
162
162
  }
163
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNodeOutlet, deps: [{ token: i0.ViewContainerRef }, { token: CDK_TREE_NODE_OUTLET_NODE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
164
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: CdkTreeNodeOutlet, isStandalone: true, selector: "[cdkTreeNodeOutlet]", ngImport: i0 }); }
163
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNodeOutlet, deps: [{ token: i0.ViewContainerRef }, { token: CDK_TREE_NODE_OUTLET_NODE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
164
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: CdkTreeNodeOutlet, isStandalone: true, selector: "[cdkTreeNodeOutlet]", ngImport: i0 }); }
165
165
  }
166
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNodeOutlet, decorators: [{
166
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNodeOutlet, decorators: [{
167
167
  type: Directive,
168
168
  args: [{
169
169
  selector: '[cdkTreeNodeOutlet]',
@@ -191,10 +191,10 @@ class CdkTreeNodeDef {
191
191
  constructor(template) {
192
192
  this.template = template;
193
193
  }
194
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNodeDef, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
195
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: CdkTreeNodeDef, isStandalone: true, selector: "[cdkTreeNodeDef]", inputs: { when: ["cdkTreeNodeDefWhen", "when"] }, ngImport: i0 }); }
194
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNodeDef, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
195
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: CdkTreeNodeDef, isStandalone: true, selector: "[cdkTreeNodeDef]", inputs: { when: ["cdkTreeNodeDefWhen", "when"] }, ngImport: i0 }); }
196
196
  }
197
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNodeDef, decorators: [{
197
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNodeDef, decorators: [{
198
198
  type: Directive,
199
199
  args: [{
200
200
  selector: '[cdkTreeNodeDef]',
@@ -416,10 +416,10 @@ class CdkTree {
416
416
  CdkTreeNode.mostRecentTreeNode.data = nodeData;
417
417
  }
418
418
  }
419
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTree, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
420
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: CdkTree, isStandalone: true, selector: "cdk-tree", inputs: { dataSource: "dataSource", treeControl: "treeControl", trackBy: "trackBy" }, host: { attributes: { "role": "tree" }, classAttribute: "cdk-tree" }, queries: [{ propertyName: "_nodeDefs", predicate: CdkTreeNodeDef, descendants: true }], viewQueries: [{ propertyName: "_nodeOutlet", first: true, predicate: CdkTreeNodeOutlet, descendants: true, static: true }], exportAs: ["cdkTree"], ngImport: i0, template: `<ng-container cdkTreeNodeOutlet></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
419
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTree, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
420
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: CdkTree, isStandalone: true, selector: "cdk-tree", inputs: { dataSource: "dataSource", treeControl: "treeControl", trackBy: "trackBy" }, host: { attributes: { "role": "tree" }, classAttribute: "cdk-tree" }, queries: [{ propertyName: "_nodeDefs", predicate: CdkTreeNodeDef, descendants: true }], viewQueries: [{ propertyName: "_nodeOutlet", first: true, predicate: CdkTreeNodeOutlet, descendants: true, static: true }], exportAs: ["cdkTree"], ngImport: i0, template: `<ng-container cdkTreeNodeOutlet></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
421
421
  }
422
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTree, decorators: [{
422
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTree, decorators: [{
423
423
  type: Component,
424
424
  args: [{
425
425
  selector: 'cdk-tree',
@@ -536,10 +536,10 @@ class CdkTreeNode {
536
536
  }
537
537
  this.role = 'treeitem';
538
538
  }
539
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNode, deps: [{ token: i0.ElementRef }, { token: CdkTree }], target: i0.ɵɵFactoryTarget.Directive }); }
540
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: CdkTreeNode, isStandalone: true, selector: "cdk-tree-node", inputs: { role: "role" }, host: { properties: { "attr.aria-expanded": "isExpanded" }, classAttribute: "cdk-tree-node" }, exportAs: ["cdkTreeNode"], ngImport: i0 }); }
539
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNode, deps: [{ token: i0.ElementRef }, { token: CdkTree }], target: i0.ɵɵFactoryTarget.Directive }); }
540
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: CdkTreeNode, isStandalone: true, selector: "cdk-tree-node", inputs: { role: "role" }, host: { properties: { "attr.aria-expanded": "isExpanded" }, classAttribute: "cdk-tree-node" }, exportAs: ["cdkTreeNode"], ngImport: i0 }); }
541
541
  }
542
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNode, decorators: [{
542
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNode, decorators: [{
543
543
  type: Directive,
544
544
  args: [{
545
545
  selector: 'cdk-tree-node',
@@ -647,13 +647,13 @@ class CdkNestedTreeNode extends CdkTreeNode {
647
647
  // that we don't pick up the outlet of a child node by accident.
648
648
  return outlets && outlets.find(outlet => !outlet._node || outlet._node === this);
649
649
  }
650
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkNestedTreeNode, deps: [{ token: i0.ElementRef }, { token: CdkTree }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
651
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: CdkNestedTreeNode, isStandalone: true, selector: "cdk-nested-tree-node", host: { classAttribute: "cdk-nested-tree-node" }, providers: [
650
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkNestedTreeNode, deps: [{ token: i0.ElementRef }, { token: CdkTree }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
651
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: CdkNestedTreeNode, isStandalone: true, selector: "cdk-nested-tree-node", host: { classAttribute: "cdk-nested-tree-node" }, providers: [
652
652
  { provide: CdkTreeNode, useExisting: CdkNestedTreeNode },
653
653
  { provide: CDK_TREE_NODE_OUTLET_NODE, useExisting: CdkNestedTreeNode },
654
654
  ], queries: [{ propertyName: "nodeOutlet", predicate: CdkTreeNodeOutlet, descendants: true }], exportAs: ["cdkNestedTreeNode"], usesInheritance: true, ngImport: i0 }); }
655
655
  }
656
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkNestedTreeNode, decorators: [{
656
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkNestedTreeNode, decorators: [{
657
657
  type: Directive,
658
658
  args: [{
659
659
  selector: 'cdk-nested-tree-node',
@@ -773,10 +773,10 @@ class CdkTreeNodePadding {
773
773
  this._indent = numberAttribute(value);
774
774
  this._setPadding();
775
775
  }
776
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNodePadding, deps: [{ token: CdkTreeNode }, { token: CdkTree }, { token: i0.ElementRef }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
777
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.1.1", type: CdkTreeNodePadding, isStandalone: true, selector: "[cdkTreeNodePadding]", inputs: { level: ["cdkTreeNodePadding", "level", numberAttribute], indent: ["cdkTreeNodePaddingIndent", "indent"] }, ngImport: i0 }); }
776
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNodePadding, deps: [{ token: CdkTreeNode }, { token: CdkTree }, { token: i0.ElementRef }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
777
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.0", type: CdkTreeNodePadding, isStandalone: true, selector: "[cdkTreeNodePadding]", inputs: { level: ["cdkTreeNodePadding", "level", numberAttribute], indent: ["cdkTreeNodePaddingIndent", "indent"] }, ngImport: i0 }); }
778
778
  }
779
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNodePadding, decorators: [{
779
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNodePadding, decorators: [{
780
780
  type: Directive,
781
781
  args: [{
782
782
  selector: '[cdkTreeNodePadding]',
@@ -808,10 +808,10 @@ class CdkTreeNodeToggle {
808
808
  : this._tree.treeControl.toggle(this._treeNode.data);
809
809
  event.stopPropagation();
810
810
  }
811
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNodeToggle, deps: [{ token: CdkTree }, { token: CdkTreeNode }], target: i0.ɵɵFactoryTarget.Directive }); }
812
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.1.1", type: CdkTreeNodeToggle, isStandalone: true, selector: "[cdkTreeNodeToggle]", inputs: { recursive: ["cdkTreeNodeToggleRecursive", "recursive", booleanAttribute] }, host: { listeners: { "click": "_toggle($event)" } }, ngImport: i0 }); }
811
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNodeToggle, deps: [{ token: CdkTree }, { token: CdkTreeNode }], target: i0.ɵɵFactoryTarget.Directive }); }
812
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.0", type: CdkTreeNodeToggle, isStandalone: true, selector: "[cdkTreeNodeToggle]", inputs: { recursive: ["cdkTreeNodeToggleRecursive", "recursive", booleanAttribute] }, host: { listeners: { "click": "_toggle($event)" } }, ngImport: i0 }); }
813
813
  }
814
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeNodeToggle, decorators: [{
814
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeNodeToggle, decorators: [{
815
815
  type: Directive,
816
816
  args: [{
817
817
  selector: '[cdkTreeNodeToggle]',
@@ -835,8 +835,8 @@ const EXPORTED_DECLARATIONS = [
835
835
  CdkTreeNodeOutlet,
836
836
  ];
837
837
  class CdkTreeModule {
838
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
839
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeModule, imports: [CdkNestedTreeNode,
838
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
839
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeModule, imports: [CdkNestedTreeNode,
840
840
  CdkTreeNodeDef,
841
841
  CdkTreeNodePadding,
842
842
  CdkTreeNodeToggle,
@@ -849,9 +849,9 @@ class CdkTreeModule {
849
849
  CdkTree,
850
850
  CdkTreeNode,
851
851
  CdkTreeNodeOutlet] }); }
852
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeModule }); }
852
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeModule }); }
853
853
  }
854
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CdkTreeModule, decorators: [{
854
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CdkTreeModule, decorators: [{
855
855
  type: NgModule,
856
856
  args: [{
857
857
  imports: EXPORTED_DECLARATIONS,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@angular/cdk",
3
- "version": "17.2.0-next.1",
3
+ "version": "17.2.0",
4
4
  "description": "Angular Material Component Development Kit",
5
5
  "repository": {
6
6
  "type": "git",
@@ -202,8 +202,8 @@
202
202
  }
203
203
  },
204
204
  "peerDependencies": {
205
- "@angular/core": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
206
- "@angular/common": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
205
+ "@angular/core": "^17.0.0 || ^18.0.0",
206
+ "@angular/common": "^17.0.0 || ^18.0.0",
207
207
  "rxjs": "^6.5.3 || ^7.4.0"
208
208
  },
209
209
  "dependencies": {
@@ -28,7 +28,7 @@ function default_1() {
28
28
  // In order to align the CDK version with other Angular dependencies that are setup by
29
29
  // `@schematics/angular`, we use tilde instead of caret. This is default for Angular
30
30
  // dependencies in new CLI projects.
31
- (0, package_config_1.addPackageToPackageJson)(host, '@angular/cdk', `~17.2.0-next.1`);
31
+ (0, package_config_1.addPackageToPackageJson)(host, '@angular/cdk', `~17.2.0`);
32
32
  // Add a task to run the package manager. This is necessary because we updated the
33
33
  // workspace "package.json" file and we want lock files to reflect the new version range.
34
34
  context.addTask(new tasks_1.NodePackageInstallTask());
@@ -28,7 +28,7 @@ function default_1() {
28
28
  // In order to align the CDK version with other Angular dependencies that are setup by
29
29
  // `@schematics/angular`, we use tilde instead of caret. This is default for Angular
30
30
  // dependencies in new CLI projects.
31
- (0, package_config_1.addPackageToPackageJson)(host, '@angular/cdk', `~17.2.0-next.1`);
31
+ (0, package_config_1.addPackageToPackageJson)(host, '@angular/cdk', `~17.2.0`);
32
32
  // Add a task to run the package manager. This is necessary because we updated the
33
33
  // workspace "package.json" file and we want lock files to reflect the new version range.
34
34
  context.addTask(new tasks_1.NodePackageInstallTask());
package/table/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { AfterContentChecked } from '@angular/core';
2
+ import { AfterContentInit } from '@angular/core';
2
3
  import { BehaviorSubject } from 'rxjs';
3
4
  import { ChangeDetectorRef } from '@angular/core';
4
5
  import { CollectionViewer } from '@angular/cdk/collections';
@@ -375,7 +376,7 @@ export declare class CdkRowDef<T> extends BaseRowDef {
375
376
  * as a data array, an Observable stream that emits the data array to render, or a DataSource with a
376
377
  * connect function that will return an Observable stream that emits the data array to render.
377
378
  */
378
- export declare class CdkTable<T> implements AfterContentChecked, CollectionViewer, OnDestroy, OnInit {
379
+ export declare class CdkTable<T> implements AfterContentInit, AfterContentChecked, CollectionViewer, OnDestroy, OnInit {
379
380
  protected readonly _differs: IterableDiffers;
380
381
  protected readonly _changeDetectorRef: ChangeDetectorRef;
381
382
  protected readonly _elementRef: ElementRef;
@@ -514,7 +515,9 @@ export declare class CdkTable<T> implements AfterContentChecked, CollectionViewe
514
515
  /** Whether the no data row is currently showing anything. */
515
516
  private _isShowingNoDataRow;
516
517
  /** Whether the table has rendered out all the outlets for the first time. */
517
- private _hasRendered;
518
+ private _hasAllOutlets;
519
+ /** Whether the table is done initializing. */
520
+ private _hasInitialized;
518
521
  /** Aria role to apply to the table's cells based on the table's own role. */
519
522
  _getCellRole(): string | null;
520
523
  private _cellRoleInternal;
@@ -610,6 +613,7 @@ export declare class CdkTable<T> implements AfterContentChecked, CollectionViewe
610
613
  */
611
614
  _ngZone?: NgZone | undefined);
612
615
  ngOnInit(): void;
616
+ ngAfterContentInit(): void;
613
617
  ngAfterContentChecked(): void;
614
618
  ngOnDestroy(): void;
615
619
  /**
@@ -667,6 +671,8 @@ export declare class CdkTable<T> implements AfterContentChecked, CollectionViewe
667
671
  updateStickyColumnStyles(): void;
668
672
  /** Invoked whenever an outlet is created and has been assigned to the table. */
669
673
  _outletAssigned(): void;
674
+ /** Whether the table has all the information to start rendering. */
675
+ private _canRender;
670
676
  /** Renders the table if its state has changed. */
671
677
  private _render;
672
678
  /**