Skip to content

Commit da1a7b5

Browse files
crisbetocrisbeto
committed
main - 41719c3 fix(cdk/overlay): make it easier to set default for overlay directive
1 parent eed73de commit da1a7b5

File tree

3 files changed

+335
-9
lines changed

3 files changed

+335
-9
lines changed

‎docs-content/api-docs/cdk-overlay.html‎

Lines changed: 326 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -868,6 +868,20 @@ <h4 id="CdkConnectedOverlay" class="docs-header-link docs-api-h4 docs-api-class-
868868

869869

870870

871+
<tr class="docs-api-properties-row">
872+
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">{ alias: &#39;cdkConnectedOverlayMatchWidth&#39;, transform: booleanAttribute }</span>)
873+
</div><p class="docs-api-property-name">
874+
<code>matchWidth: boolean</code>
875+
</p>
876+
</td>
877+
<td class="docs-api-property-description"><p>Whether the overlay should match the trigger&#39;s width.</p>
878+
</td>
879+
</tr>
880+
881+
882+
883+
884+
871885
<tr class="docs-api-properties-row">
872886
<td class="docs-api-properties-name-cell"><div class="docs-api-input-marker">@Input(<span class="docs-api-input-alias">&#39;cdkConnectedOverlayMinHeight&#39;</span>)
873887
</div><p class="docs-api-property-name">
@@ -3954,6 +3968,303 @@ <h3 id="cdk-overlay-interfaces" class="docs-header-link docs-api-h3">
39543968

39553969

39563970

3971+
<h4 id="CdkConnectedOverlayConfig" class="docs-header-link docs-api-h4 docs-api-interface-name">
3972+
<span header-link="CdkConnectedOverlayConfig"></span>
3973+
<code>CdkConnectedOverlayConfig</code>
3974+
</h4><p class="docs-api-interface-description"><p>Object used to configure the <code>CdkConnectedOverlay</code> directive.</p>
3975+
</p><h5 class="docs-api-h5 docs-api-method-header">Properties</h5>
3976+
<table class="docs-api-properties-table">
3977+
<tr class="docs-api-properties-header-row">
3978+
<th class="docs-api-properties-th">Name</th>
3979+
<th class="docs-api-properties-th">Description</th>
3980+
</tr>
3981+
3982+
3983+
3984+
<tr class="docs-api-properties-row">
3985+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
3986+
<code>backdropClass: string | string[]</code>
3987+
</p>
3988+
</td>
3989+
<td class="docs-api-property-description"></td>
3990+
</tr>
3991+
3992+
3993+
3994+
3995+
3996+
<tr class="docs-api-properties-row">
3997+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
3998+
<code>disableClose: boolean</code>
3999+
</p>
4000+
</td>
4001+
<td class="docs-api-property-description"></td>
4002+
</tr>
4003+
4004+
4005+
4006+
4007+
4008+
<tr class="docs-api-properties-row">
4009+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4010+
<code>disposeOnNavigation: boolean</code>
4011+
</p>
4012+
</td>
4013+
<td class="docs-api-property-description"></td>
4014+
</tr>
4015+
4016+
4017+
4018+
4019+
4020+
<tr class="docs-api-properties-row">
4021+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4022+
<code>flexibleDimensions: boolean</code>
4023+
</p>
4024+
</td>
4025+
<td class="docs-api-property-description"></td>
4026+
</tr>
4027+
4028+
4029+
4030+
4031+
4032+
<tr class="docs-api-properties-row">
4033+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4034+
<code>growAfterOpen: boolean</code>
4035+
</p>
4036+
</td>
4037+
<td class="docs-api-property-description"></td>
4038+
</tr>
4039+
4040+
4041+
4042+
4043+
4044+
<tr class="docs-api-properties-row">
4045+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4046+
<code>hasBackdrop: boolean</code>
4047+
</p>
4048+
</td>
4049+
<td class="docs-api-property-description"></td>
4050+
</tr>
4051+
4052+
4053+
4054+
4055+
4056+
<tr class="docs-api-properties-row">
4057+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4058+
<code>height: number | string</code>
4059+
</p>
4060+
</td>
4061+
<td class="docs-api-property-description"></td>
4062+
</tr>
4063+
4064+
4065+
4066+
4067+
4068+
<tr class="docs-api-properties-row">
4069+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4070+
<code>lockPosition: boolean</code>
4071+
</p>
4072+
</td>
4073+
<td class="docs-api-property-description"></td>
4074+
</tr>
4075+
4076+
4077+
4078+
4079+
4080+
<tr class="docs-api-properties-row">
4081+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4082+
<code>matchWidth: boolean</code>
4083+
</p>
4084+
</td>
4085+
<td class="docs-api-property-description"></td>
4086+
</tr>
4087+
4088+
4089+
4090+
4091+
4092+
<tr class="docs-api-properties-row">
4093+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4094+
<code>minHeight: number | string</code>
4095+
</p>
4096+
</td>
4097+
<td class="docs-api-property-description"></td>
4098+
</tr>
4099+
4100+
4101+
4102+
4103+
4104+
<tr class="docs-api-properties-row">
4105+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4106+
<code>minWidth: number | string</code>
4107+
</p>
4108+
</td>
4109+
<td class="docs-api-property-description"></td>
4110+
</tr>
4111+
4112+
4113+
4114+
4115+
4116+
<tr class="docs-api-properties-row">
4117+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4118+
<code>offsetX: number</code>
4119+
</p>
4120+
</td>
4121+
<td class="docs-api-property-description"></td>
4122+
</tr>
4123+
4124+
4125+
4126+
4127+
4128+
<tr class="docs-api-properties-row">
4129+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4130+
<code>offsetY: number</code>
4131+
</p>
4132+
</td>
4133+
<td class="docs-api-property-description"></td>
4134+
</tr>
4135+
4136+
4137+
4138+
4139+
4140+
<tr class="docs-api-properties-row">
4141+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4142+
<code>origin: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin</code>
4143+
</p>
4144+
</td>
4145+
<td class="docs-api-property-description"></td>
4146+
</tr>
4147+
4148+
4149+
4150+
4151+
4152+
<tr class="docs-api-properties-row">
4153+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4154+
<code>panelClass: string | string[]</code>
4155+
</p>
4156+
</td>
4157+
<td class="docs-api-property-description"></td>
4158+
</tr>
4159+
4160+
4161+
4162+
4163+
4164+
<tr class="docs-api-properties-row">
4165+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4166+
<code>positionStrategy: FlexibleConnectedPositionStrategy</code>
4167+
</p>
4168+
</td>
4169+
<td class="docs-api-property-description"></td>
4170+
</tr>
4171+
4172+
4173+
4174+
4175+
4176+
<tr class="docs-api-properties-row">
4177+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4178+
<code>positions: ConnectedPosition[]</code>
4179+
</p>
4180+
</td>
4181+
<td class="docs-api-property-description"></td>
4182+
</tr>
4183+
4184+
4185+
4186+
4187+
4188+
<tr class="docs-api-properties-row">
4189+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4190+
<code>push: boolean</code>
4191+
</p>
4192+
</td>
4193+
<td class="docs-api-property-description"></td>
4194+
</tr>
4195+
4196+
4197+
4198+
4199+
4200+
<tr class="docs-api-properties-row">
4201+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4202+
<code>scrollStrategy: ScrollStrategy</code>
4203+
</p>
4204+
</td>
4205+
<td class="docs-api-property-description"></td>
4206+
</tr>
4207+
4208+
4209+
4210+
4211+
4212+
<tr class="docs-api-properties-row">
4213+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4214+
<code>transformOriginSelector: string</code>
4215+
</p>
4216+
</td>
4217+
<td class="docs-api-property-description"></td>
4218+
</tr>
4219+
4220+
4221+
4222+
4223+
4224+
<tr class="docs-api-properties-row">
4225+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4226+
<code>usePopover: boolean</code>
4227+
</p>
4228+
</td>
4229+
<td class="docs-api-property-description"></td>
4230+
</tr>
4231+
4232+
4233+
4234+
4235+
4236+
<tr class="docs-api-properties-row">
4237+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4238+
<code>viewportMargin: ViewportMargin</code>
4239+
</p>
4240+
</td>
4241+
<td class="docs-api-property-description"></td>
4242+
</tr>
4243+
4244+
4245+
4246+
4247+
4248+
<tr class="docs-api-properties-row">
4249+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
4250+
<code>width: number | string</code>
4251+
</p>
4252+
</td>
4253+
<td class="docs-api-property-description"></td>
4254+
</tr>
4255+
4256+
4257+
4258+
</table>
4259+
4260+
4261+
4262+
4263+
4264+
4265+
4266+
4267+
39574268
<h4 id="OverlaySizeConfig" class="docs-header-link docs-api-h4 docs-api-interface-name">
39584269
<span header-link="OverlaySizeConfig"></span>
39594270
<code>OverlaySizeConfig</code>
@@ -4992,6 +5303,21 @@ <h3 id="cdk-overlay-constants" class="docs-header-link docs-api-h3">
49925303

49935304

49945305

5306+
<h4 id="CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG" class="docs-header-link docs-api-h4 docs-api-constant-name">
5307+
<span header-link="CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG"></span>
5308+
<code>CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG</code>
5309+
</h4><p class="docs-api-constant-description"><p>Injection token that can be used to configure the
5310+
default options for the <code>CdkConnectedOverlay</code> directive.</p>
5311+
</p><div class="docs-markdown">
5312+
<pre class="docs-markdown-pre">
5313+
<code class="docs-markdown-code">const CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG: InjectionToken<CdkConnectedOverlayConfig>;</code>
5314+
</pre>
5315+
</div>
5316+
5317+
5318+
5319+
5320+
49955321
<h4 id="STANDARD_DROPDOWN_ADJACENT_POSITIONS" class="docs-header-link docs-api-h4 docs-api-constant-name">
49965322
<span header-link="STANDARD_DROPDOWN_ADJACENT_POSITIONS"></span>
49975323
<code>STANDARD_DROPDOWN_ADJACENT_POSITIONS</code>

‎fesm2022/cdk-overlay.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ class CdkOverlayBasicExample {
2929
kind: "directive",
3030
type: i1.CdkConnectedOverlay,
3131
selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]",
32-
inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover"],
32+
inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"],
3333
outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"],
3434
exportAs: ["cdkConnectedOverlay"]
3535
}, {

‎package.json‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@angular/components-examples",
3-
"version": "21.1.0-next.0+sha-3362836",
3+
"version": "21.1.0-next.0+sha-41719c3",
44
"description": "Angular Components Examples",
55
"private": true,
66
"repository": {
@@ -283,15 +283,15 @@
283283
},
284284
"homepage": "https://github.com/angular/components#readme",
285285
"peerDependencies": {
286-
"@angular/aria": "21.1.0-next.0+sha-3362836",
287-
"@angular/cdk": "21.1.0-next.0+sha-3362836",
288-
"@angular/cdk-experimental": "21.1.0-next.0+sha-3362836",
286+
"@angular/aria": "21.1.0-next.0+sha-41719c3",
287+
"@angular/cdk": "21.1.0-next.0+sha-41719c3",
288+
"@angular/cdk-experimental": "21.1.0-next.0+sha-41719c3",
289289
"@angular/core": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
290290
"@angular/common": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
291-
"@angular/material": "21.1.0-next.0+sha-3362836",
292-
"@angular/material-experimental": "21.1.0-next.0+sha-3362836",
293-
"@angular/material-luxon-adapter": "21.1.0-next.0+sha-3362836",
294-
"@angular/material-date-fns-adapter": "21.1.0-next.0+sha-3362836"
291+
"@angular/material": "21.1.0-next.0+sha-41719c3",
292+
"@angular/material-experimental": "21.1.0-next.0+sha-41719c3",
293+
"@angular/material-luxon-adapter": "21.1.0-next.0+sha-41719c3",
294+
"@angular/material-date-fns-adapter": "21.1.0-next.0+sha-41719c3"
295295
},
296296
"devDependencies": {
297297
"@angular/aria": "workspace:*",

0 commit comments

Comments
 (0)