@angular/cdk 21.1.0-next.1 → 21.1.0-next.3

package/fesm2022/menu.mjs

@@ -32,7 +32,7 @@ import './_typeahead-chunk.mjs';
 class CdkMenuGroup {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuGroup,
     deps: [],
@@ -40,7 +40,7 @@ class CdkMenuGroup {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuGroup,
     isStandalone: true,
     selector: "[cdkMenuGroup]",
@@ -60,7 +60,7 @@ class CdkMenuGroup {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuGroup,
   decorators: [{
@@ -194,7 +194,7 @@ class MenuStack {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MenuStack,
     deps: [],
@@ -202,14 +202,14 @@ class MenuStack {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MenuStack
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MenuStack,
   decorators: [{
@@ -235,7 +235,7 @@ class MenuTracker {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MenuTracker,
     deps: [],
@@ -243,7 +243,7 @@ class MenuTracker {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MenuTracker,
     providedIn: 'root'
@@ -251,7 +251,7 @@ class MenuTracker {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MenuTracker,
   decorators: [{
@@ -269,8 +269,9 @@ class CdkMenuTriggerBase {
   menuPosition;
   opened = new EventEmitter();
   closed = new EventEmitter();
-  menuTemplateRef;
+  menuTemplateRef = null;
   menuData;
+  transformOriginSelector = null;
   overlayRef = null;
   destroyed = new Subject();
   stopOutsideClicksListener = merge(this.closed, this.destroyed);
@@ -324,7 +325,7 @@ class CdkMenuTriggerBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuTriggerBase,
     deps: [],
@@ -332,7 +333,7 @@ class CdkMenuTriggerBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuTriggerBase,
     isStandalone: true,
     host: {
@@ -346,7 +347,7 @@ class CdkMenuTriggerBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuTriggerBase,
   decorators: [{
@@ -393,7 +394,7 @@ class TargetMenuAim {
   _points = [];
   _menu;
   _pointerTracker;
-  _timeoutId;
+  _timeoutId = null;
   _destroyed = new Subject();
   ngOnDestroy() {
     this._cleanupMousemove?.();
@@ -480,7 +481,7 @@ class TargetMenuAim {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: TargetMenuAim,
     deps: [],
@@ -488,14 +489,14 @@ class TargetMenuAim {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: TargetMenuAim
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: TargetMenuAim,
   decorators: [{
@@ -505,7 +506,7 @@ i0.ɵɵngDeclareClassMetadata({
 class CdkTargetMenuAim {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkTargetMenuAim,
     deps: [],
@@ -513,7 +514,7 @@ class CdkTargetMenuAim {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkTargetMenuAim,
     isStandalone: true,
     selector: "[cdkTargetMenuAim]",
@@ -527,7 +528,7 @@ class CdkTargetMenuAim {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkTargetMenuAim,
   decorators: [{
@@ -704,7 +705,11 @@ class CdkMenuTrigger extends CdkMenuTriggerBase {
     });
   }
   _getOverlayPositionStrategy() {
-    return createFlexibleConnectedPositionStrategy(this._injector, this._elementRef).withLockedPosition().withFlexibleDimensions(false).withPositions(this._getOverlayPositions());
+    const strategy = createFlexibleConnectedPositionStrategy(this._injector, this._elementRef).withLockedPosition().withFlexibleDimensions(false).withPositions(this._getOverlayPositions());
+    if (this.transformOriginSelector) {
+      strategy.withTransformOriginOn(this.transformOriginSelector);
+    }
+    return strategy;
   }
   _getOverlayPositions() {
     return this.menuPosition ?? (!this._parentMenu || this._parentMenu.orientation === 'horizontal' ? STANDARD_DROPDOWN_BELOW_POSITIONS : STANDARD_DROPDOWN_ADJACENT_POSITIONS);
@@ -768,7 +773,7 @@ class CdkMenuTrigger extends CdkMenuTriggerBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuTrigger,
     deps: [],
@@ -776,14 +781,15 @@ class CdkMenuTrigger extends CdkMenuTriggerBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuTrigger,
     isStandalone: true,
     selector: "[cdkMenuTriggerFor]",
     inputs: {
       menuTemplateRef: ["cdkMenuTriggerFor", "menuTemplateRef"],
       menuPosition: ["cdkMenuPosition", "menuPosition"],
-      menuData: ["cdkMenuTriggerData", "menuData"]
+      menuData: ["cdkMenuTriggerData", "menuData"],
+      transformOriginSelector: ["cdkMenuTriggerTransformOriginOn", "transformOriginSelector"]
     },
     outputs: {
       opened: "cdkMenuOpened",
@@ -814,7 +820,7 @@ class CdkMenuTrigger extends CdkMenuTriggerBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuTrigger,
   decorators: [{
@@ -840,6 +846,9 @@ i0.ɵɵngDeclareClassMetadata({
       }, {
         name: 'menuData',
         alias: 'cdkMenuTriggerData'
+      }, {
+        name: 'transformOriginSelector',
+        alias: 'cdkMenuTriggerTransformOriginOn'
       }],
       outputs: ['opened: cdkMenuOpened', 'closed: cdkMenuClosed'],
       providers: [{
@@ -872,7 +881,7 @@ class CdkMenuItem {
     self: true
   });
   disabled = false;
-  typeaheadLabel;
+  typeaheadLabel = null;
   triggered = new EventEmitter();
   get hasMenu() {
     return this._menuTrigger?.menuTemplateRef != null;
@@ -1028,7 +1037,7 @@ class CdkMenuItem {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuItem,
     deps: [],
@@ -1036,7 +1045,7 @@ class CdkMenuItem {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuItem,
     isStandalone: true,
     selector: "[cdkMenuItem]",
@@ -1070,7 +1079,7 @@ class CdkMenuItem {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuItem,
   decorators: [{
@@ -1290,7 +1299,7 @@ class CdkMenuBase extends CdkMenuGroup {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuBase,
     deps: null,
@@ -1298,7 +1307,7 @@ class CdkMenuBase extends CdkMenuGroup {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuBase,
     isStandalone: true,
     inputs: {
@@ -1330,7 +1339,7 @@ class CdkMenuBase extends CdkMenuGroup {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuBase,
   decorators: [{
@@ -1436,7 +1445,7 @@ class CdkMenu extends CdkMenuBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenu,
     deps: [],
@@ -1444,7 +1453,7 @@ class CdkMenu extends CdkMenuBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenu,
     isStandalone: true,
     selector: "[cdkMenu]",
@@ -1477,7 +1486,7 @@ class CdkMenu extends CdkMenuBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenu,
   decorators: [{
@@ -1577,7 +1586,7 @@ class CdkMenuBar extends CdkMenuBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuBar,
     deps: null,
@@ -1585,7 +1594,7 @@ class CdkMenuBar extends CdkMenuBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuBar,
     isStandalone: true,
     selector: "[cdkMenuBar]",
@@ -1615,7 +1624,7 @@ class CdkMenuBar extends CdkMenuBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuBar,
   decorators: [{
@@ -1647,7 +1656,7 @@ class CdkMenuItemSelectable extends CdkMenuItem {
   closeOnSpacebarTrigger = false;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuItemSelectable,
     deps: null,
@@ -1655,7 +1664,7 @@ class CdkMenuItemSelectable extends CdkMenuItem {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuItemSelectable,
     isStandalone: true,
     inputs: {
@@ -1673,7 +1682,7 @@ class CdkMenuItemSelectable extends CdkMenuItem {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuItemSelectable,
   decorators: [{
@@ -1702,7 +1711,9 @@ class CdkMenuItemRadio extends CdkMenuItemSelectable {
   _removeDispatcherListener;
   constructor() {
     super();
-    this._registerDispatcherListener();
+    this._removeDispatcherListener = this._selectionDispatcher.listen(id => {
+      this.checked = this._id === id;
+    });
   }
   ngOnDestroy() {
     super.ngOnDestroy();
@@ -1714,14 +1725,9 @@ class CdkMenuItemRadio extends CdkMenuItemSelectable {
       this._selectionDispatcher.notify(this._id, '');
     }
   }
-  _registerDispatcherListener() {
-    this._removeDispatcherListener = this._selectionDispatcher.listen(id => {
-      this.checked = this._id === id;
-    });
-  }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuItemRadio,
     deps: [],
@@ -1729,7 +1735,7 @@ class CdkMenuItemRadio extends CdkMenuItemSelectable {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuItemRadio,
     isStandalone: true,
     selector: "[cdkMenuItemRadio]",
@@ -1755,7 +1761,7 @@ class CdkMenuItemRadio extends CdkMenuItemSelectable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuItemRadio,
   decorators: [{
@@ -1788,7 +1794,7 @@ class CdkMenuItemCheckbox extends CdkMenuItemSelectable {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuItemCheckbox,
     deps: null,
@@ -1796,7 +1802,7 @@ class CdkMenuItemCheckbox extends CdkMenuItemSelectable {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkMenuItemCheckbox,
     isStandalone: true,
     selector: "[cdkMenuItemCheckbox]",
@@ -1822,7 +1828,7 @@ class CdkMenuItemCheckbox extends CdkMenuItemSelectable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuItemCheckbox,
   decorators: [{
@@ -1899,7 +1905,11 @@ class CdkContextMenuTrigger extends CdkMenuTriggerBase {
     });
   }
   _getOverlayPositionStrategy(coordinates) {
-    return createFlexibleConnectedPositionStrategy(this._injector, coordinates).withLockedPosition().withGrowAfterOpen().withPositions(this.menuPosition ?? CONTEXT_MENU_POSITIONS);
+    const strategy = createFlexibleConnectedPositionStrategy(this._injector, coordinates).withLockedPosition().withGrowAfterOpen().withPositions(this.menuPosition ?? CONTEXT_MENU_POSITIONS);
+    if (this.transformOriginSelector) {
+      strategy.withTransformOriginOn(this.transformOriginSelector);
+    }
+    return strategy;
   }
   _setMenuStackCloseListener() {
     this.menuStack.closed.pipe(takeUntil(this.destroyed)).subscribe(({
@@ -1951,7 +1961,7 @@ class CdkContextMenuTrigger extends CdkMenuTriggerBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkContextMenuTrigger,
     deps: [],
@@ -1959,7 +1969,7 @@ class CdkContextMenuTrigger extends CdkMenuTriggerBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: CdkContextMenuTrigger,
     isStandalone: true,
     selector: "[cdkContextMenuTriggerFor]",
@@ -1967,6 +1977,7 @@ class CdkContextMenuTrigger extends CdkMenuTriggerBase {
       menuTemplateRef: ["cdkContextMenuTriggerFor", "menuTemplateRef"],
       menuPosition: ["cdkContextMenuPosition", "menuPosition"],
       menuData: ["cdkContextMenuTriggerData", "menuData"],
+      transformOriginSelector: ["cdkContextMenuTriggerTransformOriginOn", "transformOriginSelector"],
       disabled: ["cdkContextMenuDisabled", "disabled", booleanAttribute]
     },
     outputs: {
@@ -1995,7 +2006,7 @@ class CdkContextMenuTrigger extends CdkMenuTriggerBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkContextMenuTrigger,
   decorators: [{
@@ -2016,6 +2027,9 @@ i0.ɵɵngDeclareClassMetadata({
       }, {
         name: 'menuData',
         alias: 'cdkContextMenuTriggerData'
+      }, {
+        name: 'transformOriginSelector',
+        alias: 'cdkContextMenuTriggerTransformOriginOn'
       }],
       outputs: ['opened: cdkContextMenuOpened', 'closed: cdkContextMenuClosed'],
       providers: [{
@@ -2043,7 +2057,7 @@ const MENU_DIRECTIVES = [CdkMenuBar, CdkMenu, CdkMenuItem, CdkMenuItemRadio, Cdk
 class CdkMenuModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuModule,
     deps: [],
@@ -2051,7 +2065,7 @@ class CdkMenuModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuModule,
     imports: [OverlayModule, CdkMenuBar, CdkMenu, CdkMenuItem, CdkMenuItemRadio, CdkMenuItemCheckbox, CdkMenuTrigger, CdkMenuGroup, CdkContextMenuTrigger, CdkTargetMenuAim],
@@ -2059,7 +2073,7 @@ class CdkMenuModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: CdkMenuModule,
     imports: [OverlayModule]
@@ -2067,7 +2081,7 @@ class CdkMenuModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: CdkMenuModule,
   decorators: [{