@angular/cdk 21.0.0-next.9 → 21.0.0-rc.1

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 (124) hide show
  1. package/_adev_assets/cdk_drag_drop.json +13 -12
  2. package/_adev_assets/cdk_testing.json +9 -9
  3. package/_adev_assets/cdk_testing_protractor.json +1 -1
  4. package/_adev_assets/cdk_testing_selenium_webdriver.json +1 -1
  5. package/_adev_assets/cdk_testing_testbed.json +1 -1
  6. package/fesm2022/_a11y-module-chunk.mjs +755 -869
  7. package/fesm2022/_a11y-module-chunk.mjs.map +1 -1
  8. package/fesm2022/_activedescendant-key-manager-chunk.mjs +8 -8
  9. package/fesm2022/_activedescendant-key-manager-chunk.mjs.map +1 -1
  10. package/fesm2022/_array-chunk.mjs +1 -1
  11. package/fesm2022/_array-chunk.mjs.map +1 -1
  12. package/fesm2022/_breakpoints-observer-chunk.mjs +149 -152
  13. package/fesm2022/_breakpoints-observer-chunk.mjs.map +1 -1
  14. package/fesm2022/_css-pixel-value-chunk.mjs +4 -5
  15. package/fesm2022/_css-pixel-value-chunk.mjs.map +1 -1
  16. package/fesm2022/_data-source-chunk.mjs +2 -8
  17. package/fesm2022/_data-source-chunk.mjs.map +1 -1
  18. package/fesm2022/_directionality-chunk.mjs +54 -54
  19. package/fesm2022/_directionality-chunk.mjs.map +1 -1
  20. package/fesm2022/_dispose-view-repeater-strategy-chunk.mjs +25 -36
  21. package/fesm2022/_dispose-view-repeater-strategy-chunk.mjs.map +1 -1
  22. package/fesm2022/_element-chunk.mjs +6 -17
  23. package/fesm2022/_element-chunk.mjs.map +1 -1
  24. package/fesm2022/_fake-event-detection-chunk.mjs +3 -17
  25. package/fesm2022/_fake-event-detection-chunk.mjs.map +1 -1
  26. package/fesm2022/_focus-key-manager-chunk.mjs +10 -14
  27. package/fesm2022/_focus-key-manager-chunk.mjs.map +1 -1
  28. package/fesm2022/_focus-monitor-chunk.mjs +376 -566
  29. package/fesm2022/_focus-monitor-chunk.mjs.map +1 -1
  30. package/fesm2022/_id-generator-chunk.mjs +37 -27
  31. package/fesm2022/_id-generator-chunk.mjs.map +1 -1
  32. package/fesm2022/_keycodes-chunk.mjs +9 -9
  33. package/fesm2022/_keycodes-chunk.mjs.map +1 -1
  34. package/fesm2022/_list-key-manager-chunk.mjs +248 -336
  35. package/fesm2022/_list-key-manager-chunk.mjs.map +1 -1
  36. package/fesm2022/_overlay-module-chunk.mjs +2535 -2947
  37. package/fesm2022/_overlay-module-chunk.mjs.map +1 -1
  38. package/fesm2022/_passive-listeners-chunk.mjs +10 -22
  39. package/fesm2022/_passive-listeners-chunk.mjs.map +1 -1
  40. package/fesm2022/_platform-chunk.mjs +42 -65
  41. package/fesm2022/_platform-chunk.mjs.map +1 -1
  42. package/fesm2022/_recycle-view-repeater-strategy-chunk.mjs +78 -134
  43. package/fesm2022/_recycle-view-repeater-strategy-chunk.mjs.map +1 -1
  44. package/fesm2022/_scrolling-chunk.mjs +44 -85
  45. package/fesm2022/_scrolling-chunk.mjs.map +1 -1
  46. package/fesm2022/_selection-model-chunk.mjs +138 -209
  47. package/fesm2022/_selection-model-chunk.mjs.map +1 -1
  48. package/fesm2022/_shadow-dom-chunk.mjs +21 -35
  49. package/fesm2022/_shadow-dom-chunk.mjs.map +1 -1
  50. package/fesm2022/_style-loader-chunk.mjs +50 -37
  51. package/fesm2022/_style-loader-chunk.mjs.map +1 -1
  52. package/fesm2022/_test-environment-chunk.mjs +2 -14
  53. package/fesm2022/_test-environment-chunk.mjs.map +1 -1
  54. package/fesm2022/_tree-key-manager-chunk.mjs +229 -308
  55. package/fesm2022/_tree-key-manager-chunk.mjs.map +1 -1
  56. package/fesm2022/_typeahead-chunk.mjs +52 -74
  57. package/fesm2022/_typeahead-chunk.mjs.map +1 -1
  58. package/fesm2022/_unique-selection-dispatcher-chunk.mjs +43 -40
  59. package/fesm2022/_unique-selection-dispatcher-chunk.mjs.map +1 -1
  60. package/fesm2022/a11y.mjs +351 -449
  61. package/fesm2022/a11y.mjs.map +1 -1
  62. package/fesm2022/accordion.mjs +254 -192
  63. package/fesm2022/accordion.mjs.map +1 -1
  64. package/fesm2022/bidi.mjs +121 -64
  65. package/fesm2022/bidi.mjs.map +1 -1
  66. package/fesm2022/cdk.mjs +1 -2
  67. package/fesm2022/cdk.mjs.map +1 -1
  68. package/fesm2022/clipboard.mjs +208 -186
  69. package/fesm2022/clipboard.mjs.map +1 -1
  70. package/fesm2022/coercion-private.mjs +4 -8
  71. package/fesm2022/coercion-private.mjs.map +1 -1
  72. package/fesm2022/coercion.mjs +11 -29
  73. package/fesm2022/coercion.mjs.map +1 -1
  74. package/fesm2022/dialog.mjs +660 -808
  75. package/fesm2022/dialog.mjs.map +1 -1
  76. package/fesm2022/drag-drop.mjs +3347 -4286
  77. package/fesm2022/drag-drop.mjs.map +1 -1
  78. package/fesm2022/keycodes.mjs +4 -8
  79. package/fesm2022/keycodes.mjs.map +1 -1
  80. package/fesm2022/layout.mjs +44 -26
  81. package/fesm2022/layout.mjs.map +1 -1
  82. package/fesm2022/listbox.mjs +841 -895
  83. package/fesm2022/listbox.mjs.map +1 -1
  84. package/fesm2022/menu.mjs +1942 -1858
  85. package/fesm2022/menu.mjs.map +1 -1
  86. package/fesm2022/observers-private.mjs +88 -106
  87. package/fesm2022/observers-private.mjs.map +1 -1
  88. package/fesm2022/observers.mjs +262 -184
  89. package/fesm2022/observers.mjs.map +1 -1
  90. package/fesm2022/overlay.mjs +72 -68
  91. package/fesm2022/overlay.mjs.map +1 -1
  92. package/fesm2022/platform.mjs +43 -54
  93. package/fesm2022/platform.mjs.map +1 -1
  94. package/fesm2022/portal.mjs +402 -560
  95. package/fesm2022/portal.mjs.map +1 -1
  96. package/fesm2022/private.mjs +38 -10
  97. package/fesm2022/private.mjs.map +1 -1
  98. package/fesm2022/scrolling.mjs +1323 -1400
  99. package/fesm2022/scrolling.mjs.map +1 -1
  100. package/fesm2022/stepper.mjs +758 -590
  101. package/fesm2022/stepper.mjs.map +1 -1
  102. package/fesm2022/table.mjs +2327 -2319
  103. package/fesm2022/table.mjs.map +1 -1
  104. package/fesm2022/testing-selenium-webdriver.mjs +252 -325
  105. package/fesm2022/testing-selenium-webdriver.mjs.map +1 -1
  106. package/fesm2022/testing-testbed.mjs +592 -709
  107. package/fesm2022/testing-testbed.mjs.map +1 -1
  108. package/fesm2022/testing.mjs +368 -889
  109. package/fesm2022/testing.mjs.map +1 -1
  110. package/fesm2022/text-field.mjs +459 -388
  111. package/fesm2022/text-field.mjs.map +1 -1
  112. package/fesm2022/tree.mjs +1483 -1731
  113. package/fesm2022/tree.mjs.map +1 -1
  114. package/overlay/_index.scss +30 -0
  115. package/overlay-prebuilt.css +1 -1
  116. package/package.json +1 -1
  117. package/schematics/ng-add/index.js +1 -1
  118. package/types/_overlay-module-chunk.d.ts +69 -7
  119. package/types/_portal-directives-chunk.d.ts +2 -18
  120. package/types/a11y.d.ts +3 -1
  121. package/types/accordion.d.ts +3 -1
  122. package/types/dialog.d.ts +1 -1
  123. package/types/overlay.d.ts +1 -1
  124. package/types/portal.d.ts +1 -1
@@ -185,6 +185,36 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
185
185
  // block scrolling on a page that doesn't have a scrollbar in the first place.
186
186
  overflow-y: scroll;
187
187
  }
188
+
189
+ .cdk-overlay-popover {
190
+ background: none;
191
+ border: none;
192
+ padding: 0;
193
+ outline: 0;
194
+ overflow: visible;
195
+ position: fixed;
196
+ pointer-events: none;
197
+ white-space: normal;
198
+ line-height: normal;
199
+ text-decoration: none;
200
+
201
+ // These are important so the overlay can be measured before it's fully inserted.
202
+ width: 100%;
203
+ height: 100%;
204
+
205
+ // Chrome sets a user agent style of `inset: 0` which combined
206
+ // with `align-self` can break the positioning (see #29809).
207
+ inset: auto;
208
+
209
+ // For the time being we're using our `.cdk-overlay-backdrop` element instead of the native one.
210
+ &::backdrop {
211
+ display: none;
212
+ }
213
+
214
+ .cdk-overlay-backdrop {
215
+ position: fixed;
216
+ }
217
+ }
188
218
  }
189
219
 
190
220
  /// Emits structural styles required for cdk/overlay to function.
@@ -1 +1 @@
1
- .cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
1
+ .cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;line-height:normal;text-decoration:none;width:100%;height:100%;inset:auto}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@angular/cdk",
3
- "version": "21.0.0-next.9",
3
+ "version": "21.0.0-rc.1",
4
4
  "description": "Angular Material Component Development Kit",
5
5
  "repository": {
6
6
  "type": "git",
@@ -26,6 +26,6 @@ function default_1() {
26
26
  // In order to align the CDK version with other Angular dependencies that are setup by
27
27
  // `@schematics/angular`, we use tilde instead of caret. This is default for Angular
28
28
  // dependencies in new CLI projects.
29
- return (0, utility_1.addDependency)('@angular/cdk', `~21.0.0-next.9`, { existing: utility_1.ExistingBehavior.Skip });
29
+ return (0, utility_1.addDependency)('@angular/cdk', `~21.0.0-rc.1`, { existing: utility_1.ExistingBehavior.Skip });
30
30
  }
31
31
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { OnDestroy, NgZone, EnvironmentInjector, Renderer2, ComponentRef, EmbeddedViewRef, ElementRef, Injector, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
2
+ import { OnDestroy, NgZone, EnvironmentInjector, Renderer2, ComponentRef, EmbeddedViewRef, ElementRef, Injector, InjectionToken, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
3
3
  import { Direction, Directionality, BidiModule } from './_bidi-module-chunk.js';
4
4
  import { PortalOutlet, ComponentPortal, TemplatePortal, PortalModule } from './_portal-directives-chunk.js';
5
5
  import { CdkScrollable, ScrollingModule } from './_scrolling-module-chunk.js';
@@ -189,6 +189,7 @@ declare class OverlayRef implements PortalOutlet {
189
189
  private _updateElementSize;
190
190
  /** Toggles the pointer events for the overlay pane element. */
191
191
  private _togglePointerEvents;
192
+ private _attachHost;
192
193
  /** Attaches a backdrop for this overlay. */
193
194
  private _attachBackdrop;
194
195
  /**
@@ -230,6 +231,11 @@ interface PositionStrategy {
230
231
  detach?(): void;
231
232
  /** Cleans up any DOM modifications made by the position strategy, if necessary. */
232
233
  dispose(): void;
234
+ /**
235
+ * Gets the element in the DOM after which to insert
236
+ * the overlay when it is rendered out as a popover.
237
+ */
238
+ getPopoverInsertionPoint?(): Element | null;
233
239
  }
234
240
 
235
241
  /** Initial configuration used when creating an overlay. */
@@ -269,6 +275,11 @@ declare class OverlayConfig {
269
275
  * the `HashLocationStrategy`).
270
276
  */
271
277
  disposeOnNavigation?: boolean;
278
+ /**
279
+ * Whether the overlay should be rendered as a native popover element,
280
+ * rather than placing it inside of the overlay container.
281
+ */
282
+ usePopover?: boolean;
272
283
  constructor(config?: OverlayConfig);
273
284
  }
274
285
 
@@ -412,6 +423,8 @@ type FlexibleConnectedPositionStrategyOrigin = ElementRef | Element | (Point & {
412
423
  * @param origin Origin relative to which to position the overlay.
413
424
  */
414
425
  declare function createFlexibleConnectedPositionStrategy(injector: Injector, origin: FlexibleConnectedPositionStrategyOrigin): FlexibleConnectedPositionStrategy;
426
+ /** Supported locations in the DOM for connected overlays. */
427
+ type FlexibleOverlayPopoverLocation = 'global' | 'inline';
415
428
  /**
416
429
  * A strategy for positioning overlays. Using this strategy, an overlay is given an
417
430
  * implicit position relative some origin element. The relative position is defined in terms of
@@ -483,6 +496,8 @@ declare class FlexibleConnectedPositionStrategy implements PositionStrategy {
483
496
  private _appliedPanelClasses;
484
497
  /** Amount by which the overlay was pushed in each axis during the last time it was positioned. */
485
498
  private _previousPushAmount;
499
+ /** Configures where in the DOM to insert the overlay when popovers are enabled. */
500
+ private _popoverLocation;
486
501
  /** Observable sequence of position changes. */
487
502
  positionChanges: Observable<ConnectedOverlayPositionChange>;
488
503
  /** Ordered list of preferred positions, from most to least desirable. */
@@ -571,6 +586,15 @@ declare class FlexibleConnectedPositionStrategy implements PositionStrategy {
571
586
  * elements onto which to set the transform origin.
572
587
  */
573
588
  withTransformOriginOn(selector: string): this;
589
+ /**
590
+ * Determines where in the DOM the overlay will be rendered when popover mode is enabled.
591
+ * @param location Configures the location in the DOM. Supports the following values:
592
+ * - `global` - The default which inserts the overlay inside the overlay container.
593
+ * - `inline` - Inserts the overlay next to the trigger.
594
+ */
595
+ withPopoverLocation(location: FlexibleOverlayPopoverLocation): this;
596
+ /** @docs-private */
597
+ getPopoverInsertionPoint(): Element | null;
574
598
  /**
575
599
  * Gets the (x, y) coordinate of a connection point on the origin based on a relative position.
576
600
  */
@@ -707,6 +731,37 @@ declare class CdkOverlayOrigin {
707
731
  static ɵfac: i0.ɵɵFactoryDeclaration<CdkOverlayOrigin, never>;
708
732
  static ɵdir: i0.ɵɵDirectiveDeclaration<CdkOverlayOrigin, "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", ["cdkOverlayOrigin"], {}, {}, never, never, true, never>;
709
733
  }
734
+ /**
735
+ * Injection token that can be used to configure the
736
+ * default options for the `CdkConnectedOverlay` directive.
737
+ */
738
+ declare const CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG: InjectionToken<CdkConnectedOverlayConfig>;
739
+ /** Object used to configure the `CdkConnectedOverlay` directive. */
740
+ interface CdkConnectedOverlayConfig {
741
+ origin?: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
742
+ positions?: ConnectedPosition[];
743
+ positionStrategy?: FlexibleConnectedPositionStrategy;
744
+ offsetX?: number;
745
+ offsetY?: number;
746
+ width?: number | string;
747
+ height?: number | string;
748
+ minWidth?: number | string;
749
+ minHeight?: number | string;
750
+ backdropClass?: string | string[];
751
+ panelClass?: string | string[];
752
+ viewportMargin?: ViewportMargin;
753
+ scrollStrategy?: ScrollStrategy;
754
+ disableClose?: boolean;
755
+ transformOriginSelector?: string;
756
+ hasBackdrop?: boolean;
757
+ lockPosition?: boolean;
758
+ flexibleDimensions?: boolean;
759
+ growAfterOpen?: boolean;
760
+ push?: boolean;
761
+ disposeOnNavigation?: boolean;
762
+ usePopover?: FlexibleOverlayPopoverLocation | null;
763
+ matchWidth?: boolean;
764
+ }
710
765
  /**
711
766
  * Directive to facilitate declarative creation of an
712
767
  * Overlay using a FlexibleConnectedPositionStrategy.
@@ -724,7 +779,6 @@ declare class CdkConnectedOverlay implements OnDestroy, OnChanges {
724
779
  private _offsetY;
725
780
  private _position;
726
781
  private _scrollStrategyFactory;
727
- private _disposeOnNavigation;
728
782
  private _ngZone;
729
783
  /** Origin for the connected overlay. */
730
784
  origin: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
@@ -774,8 +828,13 @@ declare class CdkConnectedOverlay implements OnDestroy, OnChanges {
774
828
  /** Whether the overlay can be pushed on-screen if none of the provided positions fit. */
775
829
  push: boolean;
776
830
  /** Whether the overlay should be disposed of when the user goes backwards/forwards in history. */
777
- get disposeOnNavigation(): boolean;
778
- set disposeOnNavigation(value: boolean);
831
+ disposeOnNavigation: boolean;
832
+ /** Whether the connected overlay should be rendered inside a popover element or the overlay container. */
833
+ usePopover: FlexibleOverlayPopoverLocation | null;
834
+ /** Whether the overlay should match the trigger's width. */
835
+ matchWidth: boolean;
836
+ /** Shorthand for setting multiple overlay options at once. */
837
+ set _config(value: string | CdkConnectedOverlayConfig);
779
838
  /** Event emitted when the backdrop is clicked. */
780
839
  readonly backdropClick: EventEmitter<MouseEvent>;
781
840
  /** Event emitted when the position has changed. */
@@ -805,18 +864,21 @@ declare class CdkConnectedOverlay implements OnDestroy, OnChanges {
805
864
  private _createPositionStrategy;
806
865
  private _getOrigin;
807
866
  private _getOriginElement;
867
+ private _getWidth;
808
868
  /** Attaches the overlay. */
809
869
  attachOverlay(): void;
810
870
  /** Detaches the overlay. */
811
871
  detachOverlay(): void;
872
+ private _assignConfig;
812
873
  static ɵfac: i0.ɵɵFactoryDeclaration<CdkConnectedOverlay, never>;
813
- static ɵdir: i0.ɵɵDirectiveDeclaration<CdkConnectedOverlay, "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", ["cdkConnectedOverlay"], { "origin": { "alias": "cdkConnectedOverlayOrigin"; "required": false; }; "positions": { "alias": "cdkConnectedOverlayPositions"; "required": false; }; "positionStrategy": { "alias": "cdkConnectedOverlayPositionStrategy"; "required": false; }; "offsetX": { "alias": "cdkConnectedOverlayOffsetX"; "required": false; }; "offsetY": { "alias": "cdkConnectedOverlayOffsetY"; "required": false; }; "width": { "alias": "cdkConnectedOverlayWidth"; "required": false; }; "height": { "alias": "cdkConnectedOverlayHeight"; "required": false; }; "minWidth": { "alias": "cdkConnectedOverlayMinWidth"; "required": false; }; "minHeight": { "alias": "cdkConnectedOverlayMinHeight"; "required": false; }; "backdropClass": { "alias": "cdkConnectedOverlayBackdropClass"; "required": false; }; "panelClass": { "alias": "cdkConnectedOverlayPanelClass"; "required": false; }; "viewportMargin": { "alias": "cdkConnectedOverlayViewportMargin"; "required": false; }; "scrollStrategy": { "alias": "cdkConnectedOverlayScrollStrategy"; "required": false; }; "open": { "alias": "cdkConnectedOverlayOpen"; "required": false; }; "disableClose": { "alias": "cdkConnectedOverlayDisableClose"; "required": false; }; "transformOriginSelector": { "alias": "cdkConnectedOverlayTransformOriginOn"; "required": false; }; "hasBackdrop": { "alias": "cdkConnectedOverlayHasBackdrop"; "required": false; }; "lockPosition": { "alias": "cdkConnectedOverlayLockPosition"; "required": false; }; "flexibleDimensions": { "alias": "cdkConnectedOverlayFlexibleDimensions"; "required": false; }; "growAfterOpen": { "alias": "cdkConnectedOverlayGrowAfterOpen"; "required": false; }; "push": { "alias": "cdkConnectedOverlayPush"; "required": false; }; "disposeOnNavigation": { "alias": "cdkConnectedOverlayDisposeOnNavigation"; "required": false; }; }, { "backdropClick": "backdropClick"; "positionChange": "positionChange"; "attach": "attach"; "detach": "detach"; "overlayKeydown": "overlayKeydown"; "overlayOutsideClick": "overlayOutsideClick"; }, never, never, true, never>;
874
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CdkConnectedOverlay, "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", ["cdkConnectedOverlay"], { "origin": { "alias": "cdkConnectedOverlayOrigin"; "required": false; }; "positions": { "alias": "cdkConnectedOverlayPositions"; "required": false; }; "positionStrategy": { "alias": "cdkConnectedOverlayPositionStrategy"; "required": false; }; "offsetX": { "alias": "cdkConnectedOverlayOffsetX"; "required": false; }; "offsetY": { "alias": "cdkConnectedOverlayOffsetY"; "required": false; }; "width": { "alias": "cdkConnectedOverlayWidth"; "required": false; }; "height": { "alias": "cdkConnectedOverlayHeight"; "required": false; }; "minWidth": { "alias": "cdkConnectedOverlayMinWidth"; "required": false; }; "minHeight": { "alias": "cdkConnectedOverlayMinHeight"; "required": false; }; "backdropClass": { "alias": "cdkConnectedOverlayBackdropClass"; "required": false; }; "panelClass": { "alias": "cdkConnectedOverlayPanelClass"; "required": false; }; "viewportMargin": { "alias": "cdkConnectedOverlayViewportMargin"; "required": false; }; "scrollStrategy": { "alias": "cdkConnectedOverlayScrollStrategy"; "required": false; }; "open": { "alias": "cdkConnectedOverlayOpen"; "required": false; }; "disableClose": { "alias": "cdkConnectedOverlayDisableClose"; "required": false; }; "transformOriginSelector": { "alias": "cdkConnectedOverlayTransformOriginOn"; "required": false; }; "hasBackdrop": { "alias": "cdkConnectedOverlayHasBackdrop"; "required": false; }; "lockPosition": { "alias": "cdkConnectedOverlayLockPosition"; "required": false; }; "flexibleDimensions": { "alias": "cdkConnectedOverlayFlexibleDimensions"; "required": false; }; "growAfterOpen": { "alias": "cdkConnectedOverlayGrowAfterOpen"; "required": false; }; "push": { "alias": "cdkConnectedOverlayPush"; "required": false; }; "disposeOnNavigation": { "alias": "cdkConnectedOverlayDisposeOnNavigation"; "required": false; }; "usePopover": { "alias": "cdkConnectedOverlayUsePopover"; "required": false; }; "matchWidth": { "alias": "cdkConnectedOverlayMatchWidth"; "required": false; }; "_config": { "alias": "cdkConnectedOverlay"; "required": false; }; }, { "backdropClick": "backdropClick"; "positionChange": "positionChange"; "attach": "attach"; "detach": "detach"; "overlayKeydown": "overlayKeydown"; "overlayOutsideClick": "overlayOutsideClick"; }, never, never, true, never>;
814
875
  static ngAcceptInputType_hasBackdrop: unknown;
815
876
  static ngAcceptInputType_lockPosition: unknown;
816
877
  static ngAcceptInputType_flexibleDimensions: unknown;
817
878
  static ngAcceptInputType_growAfterOpen: unknown;
818
879
  static ngAcceptInputType_push: unknown;
819
880
  static ngAcceptInputType_disposeOnNavigation: unknown;
881
+ static ngAcceptInputType_matchWidth: unknown;
820
882
  }
821
883
 
822
884
  declare class OverlayModule {
@@ -825,5 +887,5 @@ declare class OverlayModule {
825
887
  static ɵinj: i0.ɵɵInjectorDeclaration<OverlayModule>;
826
888
  }
827
889
 
828
- export { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectionPositionPair, FlexibleConnectedPositionStrategy, OverlayConfig, OverlayContainer, OverlayKeyboardDispatcher, OverlayModule, OverlayOutsideClickDispatcher, OverlayRef, STANDARD_DROPDOWN_ADJACENT_POSITIONS, STANDARD_DROPDOWN_BELOW_POSITIONS, ScrollingVisibility, createFlexibleConnectedPositionStrategy, validateHorizontalPosition, validateVerticalPosition };
829
- export type { ConnectedPosition, FlexibleConnectedPositionStrategyOrigin, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, OverlaySizeConfig, PositionStrategy, ScrollStrategy, VerticalConnectionPos, ViewportMargin };
890
+ export { CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG, CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectionPositionPair, FlexibleConnectedPositionStrategy, OverlayConfig, OverlayContainer, OverlayKeyboardDispatcher, OverlayModule, OverlayOutsideClickDispatcher, OverlayRef, STANDARD_DROPDOWN_ADJACENT_POSITIONS, STANDARD_DROPDOWN_BELOW_POSITIONS, ScrollingVisibility, createFlexibleConnectedPositionStrategy, validateHorizontalPosition, validateVerticalPosition };
891
+ export type { CdkConnectedOverlayConfig, ConnectedPosition, FlexibleConnectedPositionStrategyOrigin, FlexibleOverlayPopoverLocation, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, OverlaySizeConfig, PositionStrategy, ScrollStrategy, VerticalConnectionPos, ViewportMargin };
@@ -131,14 +131,6 @@ declare class CdkPortal extends TemplatePortal {
131
131
  static ɵfac: i0.ɵɵFactoryDeclaration<CdkPortal, never>;
132
132
  static ɵdir: i0.ɵɵDirectiveDeclaration<CdkPortal, "[cdkPortal]", ["cdkPortal"], {}, {}, never, never, true, never>;
133
133
  }
134
- /**
135
- * @deprecated Use `CdkPortal` instead.
136
- * @breaking-change 9.0.0
137
- */
138
- declare class TemplatePortalDirective extends CdkPortal {
139
- static ɵfac: i0.ɵɵFactoryDeclaration<TemplatePortalDirective, never>;
140
- static ɵdir: i0.ɵɵDirectiveDeclaration<TemplatePortalDirective, "[cdk-portal], [portal]", ["cdkPortal"], {}, {}, never, never, true, never>;
141
- }
142
134
  /**
143
135
  * Possible attached references to the CdkPortalOutlet.
144
136
  */
@@ -193,19 +185,11 @@ declare class CdkPortalOutlet extends BasePortalOutlet implements OnInit, OnDest
193
185
  static ɵfac: i0.ɵɵFactoryDeclaration<CdkPortalOutlet, never>;
194
186
  static ɵdir: i0.ɵɵDirectiveDeclaration<CdkPortalOutlet, "[cdkPortalOutlet]", ["cdkPortalOutlet"], { "portal": { "alias": "cdkPortalOutlet"; "required": false; }; }, { "attached": "attached"; }, never, never, true, never>;
195
187
  }
196
- /**
197
- * @deprecated Use `CdkPortalOutlet` instead.
198
- * @breaking-change 9.0.0
199
- */
200
- declare class PortalHostDirective extends CdkPortalOutlet {
201
- static ɵfac: i0.ɵɵFactoryDeclaration<PortalHostDirective, never>;
202
- static ɵdir: i0.ɵɵDirectiveDeclaration<PortalHostDirective, "[cdkPortalHost], [portalHost]", ["cdkPortalHost"], { "portal": { "alias": "cdkPortalHost"; "required": false; }; }, {}, never, never, true, never>;
203
- }
204
188
  declare class PortalModule {
205
189
  static ɵfac: i0.ɵɵFactoryDeclaration<PortalModule, never>;
206
- static ɵmod: i0.ɵɵNgModuleDeclaration<PortalModule, never, [typeof CdkPortal, typeof CdkPortalOutlet, typeof TemplatePortalDirective, typeof PortalHostDirective], [typeof CdkPortal, typeof CdkPortalOutlet, typeof TemplatePortalDirective, typeof PortalHostDirective]>;
190
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PortalModule, never, [typeof CdkPortal, typeof CdkPortalOutlet], [typeof CdkPortal, typeof CdkPortalOutlet]>;
207
191
  static ɵinj: i0.ɵɵInjectorDeclaration<PortalModule>;
208
192
  }
209
193
 
210
- export { BasePortalOutlet, CdkPortal, CdkPortalOutlet, ComponentPortal, DomPortal, Portal, PortalHostDirective, PortalModule, TemplatePortal, TemplatePortalDirective };
194
+ export { BasePortalOutlet, CdkPortal, CdkPortalOutlet, ComponentPortal, DomPortal, Portal, PortalModule, TemplatePortal };
211
195
  export type { CdkPortalOutletAttachedRef, ComponentType, PortalOutlet };
package/types/a11y.d.ts CHANGED
@@ -506,11 +506,13 @@ declare class HighContrastModeDetector implements OnDestroy {
506
506
  /** Service that generates unique IDs for DOM nodes. */
507
507
  declare class _IdGenerator {
508
508
  private _appId;
509
+ private static _infix;
509
510
  /**
510
511
  * Generates a unique ID with a specific prefix.
511
512
  * @param prefix Prefix to add to the ID.
513
+ * @param randomize Add a randomized infix string.
512
514
  */
513
- getId(prefix: string): string;
515
+ getId(prefix: string, randomize?: boolean): string;
514
516
  static ɵfac: i0.ɵɵFactoryDeclaration<_IdGenerator, never>;
515
517
  static ɵprov: i0.ɵɵInjectableDeclaration<_IdGenerator>;
516
518
  }
@@ -14,7 +14,9 @@ declare const CDK_ACCORDION: InjectionToken<CdkAccordion>;
14
14
  */
15
15
  declare class CdkAccordion implements OnDestroy, OnChanges {
16
16
  /** Emits when the state of the accordion changes */
17
- readonly _stateChanges: Subject<SimpleChanges>;
17
+ readonly _stateChanges: Subject<{
18
+ [propName: string]: i0.SimpleChange<any>;
19
+ }>;
18
20
  /** Stream that emits true/false when openAll/closeAll is triggered. */
19
21
  readonly _openCloseAllActions: Subject<boolean>;
20
22
  /** A readonly id value to use for unique selection coordination. */
package/types/dialog.d.ts CHANGED
@@ -4,7 +4,7 @@ import { Observable, Subject } from 'rxjs';
4
4
  import { FocusOrigin } from './_focus-monitor-chunk.js';
5
5
  import { FocusTrapFactory, A11yModule } from './_a11y-module-chunk.js';
6
6
  import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, DomPortal, ComponentType, PortalModule } from './_portal-directives-chunk.js';
7
- export { CdkPortal as ɵɵCdkPortal, PortalHostDirective as ɵɵPortalHostDirective, TemplatePortalDirective as ɵɵTemplatePortalDirective } from './_portal-directives-chunk.js';
7
+ export { CdkPortal as ɵɵCdkPortal } from './_portal-directives-chunk.js';
8
8
  import { Direction } from './_bidi-module-chunk.js';
9
9
  import { PositionStrategy, ScrollStrategy, OverlayRef, OverlayModule } from './_overlay-module-chunk.js';
10
10
  import * as _angular_cdk_portal from '@angular/cdk/portal';
@@ -1,5 +1,5 @@
1
1
  import { ScrollStrategy, OverlayRef, PositionStrategy, FlexibleConnectedPositionStrategyOrigin, FlexibleConnectedPositionStrategy, OverlayConfig, OverlayContainer } from './_overlay-module-chunk.js';
2
- export { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectedPosition, ConnectionPositionPair, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, OverlayKeyboardDispatcher, OverlayModule, OverlayOutsideClickDispatcher, OverlaySizeConfig, STANDARD_DROPDOWN_ADJACENT_POSITIONS, STANDARD_DROPDOWN_BELOW_POSITIONS, ScrollingVisibility, VerticalConnectionPos, ViewportMargin, createFlexibleConnectedPositionStrategy, validateHorizontalPosition, validateVerticalPosition } from './_overlay-module-chunk.js';
2
+ export { CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG, CdkConnectedOverlay, CdkConnectedOverlayConfig, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectedPosition, ConnectionPositionPair, FlexibleOverlayPopoverLocation, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, OverlayKeyboardDispatcher, OverlayModule, OverlayOutsideClickDispatcher, OverlaySizeConfig, STANDARD_DROPDOWN_ADJACENT_POSITIONS, STANDARD_DROPDOWN_BELOW_POSITIONS, ScrollingVisibility, VerticalConnectionPos, ViewportMargin, createFlexibleConnectedPositionStrategy, validateHorizontalPosition, validateVerticalPosition } from './_overlay-module-chunk.js';
3
3
  import { ScrollDispatcher } from './_scrolling-module-chunk.js';
4
4
  export { CdkScrollable, CdkFixedSizeVirtualScroll as ɵɵCdkFixedSizeVirtualScroll, CdkScrollableModule as ɵɵCdkScrollableModule, CdkVirtualForOf as ɵɵCdkVirtualForOf, CdkVirtualScrollViewport as ɵɵCdkVirtualScrollViewport, CdkVirtualScrollableElement as ɵɵCdkVirtualScrollableElement, CdkVirtualScrollableWindow as ɵɵCdkVirtualScrollableWindow } from './_scrolling-module-chunk.js';
5
5
  import { ViewportRuler } from './scrolling.js';
package/types/portal.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { BasePortalOutlet, ComponentPortal, TemplatePortal, DomPortal } from './_portal-directives-chunk.js';
2
- export { CdkPortal, CdkPortalOutlet, CdkPortalOutletAttachedRef, ComponentType, Portal, PortalHostDirective, PortalModule, PortalOutlet, TemplatePortalDirective } from './_portal-directives-chunk.js';
2
+ export { CdkPortal, CdkPortalOutlet, CdkPortalOutletAttachedRef, ComponentType, Portal, PortalModule, PortalOutlet } from './_portal-directives-chunk.js';
3
3
  import { ApplicationRef, Injector, ComponentRef, EmbeddedViewRef } from '@angular/core';
4
4
 
5
5
  /**