@angular/material 21.0.0-next.1 → 21.0.0-next.3

package/fesm2022/menu.mjs

@@ -9,12 +9,11 @@ import { _StructuralStylesLoader } from './structural-styles.mjs';
 import { MatRipple } from './ripple.mjs';
 import { TemplatePortal, DomPortalOutlet } from '@angular/cdk/portal';
 import { _animationsDisabled } from './animation.mjs';
-import { Directionality } from '@angular/cdk/bidi';
+import { Directionality, BidiModule } from '@angular/cdk/bidi';
 import { createRepositionScrollStrategy, createOverlayRef, OverlayConfig, createFlexibleConnectedPositionStrategy, ViewportRuler, ScrollDispatcher, OverlayModule } from '@angular/cdk/overlay';
 import { _getEventTarget, _getShadowRoot } from '@angular/cdk/platform';
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
 import { MatRippleModule } from './ripple-module.mjs';
-import { MatCommonModule } from './common-module.mjs';
 import '@angular/cdk/coercion';
 import '@angular/cdk/layout';
 
@@ -248,21 +247,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2",
 /** Injection token to be used to override the default options for `mat-menu`. */
 const MAT_MENU_DEFAULT_OPTIONS = new InjectionToken('mat-menu-default-options', {
     providedIn: 'root',
-    factory: MAT_MENU_DEFAULT_OPTIONS_FACTORY,
-});
-/**
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0
- */
-function MAT_MENU_DEFAULT_OPTIONS_FACTORY() {
-    return {
+    factory: () => ({
         overlapTrigger: false,
         xPosition: 'after',
         yPosition: 'below',
         backdropClass: 'cdk-overlay-transparent-backdrop',
-    };
-}
+    }),
+});
 /** Name of the enter animation `@keyframes`. */
 const ENTER_ANIMATION = '_mat-menu-enter';
 /** Name of the exit animation `@keyframes`. */
@@ -675,25 +666,6 @@ const MAT_MENU_SCROLL_STRATEGY = new InjectionToken('mat-menu-scroll-strategy',
         return () => createRepositionScrollStrategy(injector);
     },
 });
-/**
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0
- */
-function MAT_MENU_SCROLL_STRATEGY_FACTORY(_overlay) {
-    const injector = inject(Injector);
-    return () => createRepositionScrollStrategy(injector);
-}
-/**
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0
- */
-const MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER = {
-    provide: MAT_MENU_SCROLL_STRATEGY,
-    deps: [],
-    useFactory: MAT_MENU_SCROLL_STRATEGY_FACTORY,
-};
 /**
  * Default top padding of the menu panel.
  * @deprecated No longer being used. Will be removed.
@@ -1401,30 +1373,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2",
 class MatMenuModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatMenuModule, imports: [MatRippleModule,
-            MatCommonModule,
             OverlayModule,
             MatMenu,
             MatMenuItem,
             MatMenuContent,
             MatMenuTrigger,
-            MatContextMenuTrigger], exports: [CdkScrollableModule,
+            MatContextMenuTrigger], exports: [BidiModule,
+            CdkScrollableModule,
             MatMenu,
-            MatCommonModule,
             MatMenuItem,
             MatMenuContent,
             MatMenuTrigger,
             MatContextMenuTrigger] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatMenuModule, providers: [MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [MatRippleModule,
-            MatCommonModule,
-            OverlayModule, CdkScrollableModule,
-            MatCommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatMenuModule, imports: [MatRippleModule,
+            OverlayModule, BidiModule,
+            CdkScrollableModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         MatRippleModule,
-                        MatCommonModule,
                         OverlayModule,
                         MatMenu,
                         MatMenuItem,
@@ -1433,136 +1402,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2",
                         MatContextMenuTrigger,
                     ],
                     exports: [
+                        BidiModule,
                         CdkScrollableModule,
                         MatMenu,
-                        MatCommonModule,
                         MatMenuItem,
                         MatMenuContent,
                         MatMenuTrigger,
                         MatContextMenuTrigger,
                     ],
-                    providers: [MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER],
                 }]
         }] });
 
-/**
- * Animations used by the mat-menu component.
- * Animation duration and timing values are based on:
- * https://material.io/guidelines/components/menus.html#menus-usage
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0
- */
-const matMenuAnimations = {
-    // Represents:
-    // trigger('transformMenu', [
-    //   state(
-    //     'void',
-    //     style({
-    //       opacity: 0,
-    //       transform: 'scale(0.8)',
-    //     }),
-    //   ),
-    //   transition(
-    //     'void => enter',
-    //     animate(
-    //       '120ms cubic-bezier(0, 0, 0.2, 1)',
-    //       style({
-    //         opacity: 1,
-    //         transform: 'scale(1)',
-    //       }),
-    //     ),
-    //   ),
-    //   transition('* => void', animate('100ms 25ms linear', style({opacity: 0}))),
-    // ])
-    /**
-     * This animation controls the menu panel's entry and exit from the page.
-     *
-     * When the menu panel is added to the DOM, it scales in and fades in its border.
-     *
-     * When the menu panel is removed from the DOM, it simply fades out after a brief
-     * delay to display the ripple.
-     */
-    transformMenu: {
-        type: 7,
-        name: 'transformMenu',
-        definitions: [
-            {
-                type: 0,
-                name: 'void',
-                styles: { type: 6, styles: { opacity: 0, transform: 'scale(0.8)' }, offset: null },
-            },
-            {
-                type: 1,
-                expr: 'void => enter',
-                animation: {
-                    type: 4,
-                    styles: { type: 6, styles: { opacity: 1, transform: 'scale(1)' }, offset: null },
-                    timings: '120ms cubic-bezier(0, 0, 0.2, 1)',
-                },
-                options: null,
-            },
-            {
-                type: 1,
-                expr: '* => void',
-                animation: {
-                    type: 4,
-                    styles: { type: 6, styles: { opacity: 0 }, offset: null },
-                    timings: '100ms 25ms linear',
-                },
-                options: null,
-            },
-        ],
-        options: {},
-    },
-    // Represents:
-    // trigger('fadeInItems', [
-    //   // TODO(crisbeto): this is inside the `transformMenu`
-    //   // now. Remove next time we do breaking changes.
-    //   state('showing', style({opacity: 1})),
-    //   transition('void => *', [
-    //     style({opacity: 0}),
-    //     animate('400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)'),
-    //   ]),
-    // ])
-    /**
-     * This animation fades in the background color and content of the menu panel
-     * after its containing element is scaled in.
-     */
-    fadeInItems: {
-        type: 7,
-        name: 'fadeInItems',
-        definitions: [
-            {
-                type: 0,
-                name: 'showing',
-                styles: { type: 6, styles: { opacity: 1 }, offset: null },
-            },
-            {
-                type: 1,
-                expr: 'void => *',
-                animation: [
-                    { type: 6, styles: { opacity: 0 }, offset: null },
-                    { type: 4, styles: null, timings: '400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)' },
-                ],
-                options: null,
-            },
-        ],
-        options: {},
-    },
-};
-/**
- * @deprecated
- * @breaking-change 8.0.0
- * @docs-private
- */
-const fadeInItems = matMenuAnimations.fadeInItems;
-/**
- * @deprecated
- * @breaking-change 8.0.0
- * @docs-private
- */
-const transformMenu = matMenuAnimations.transformMenu;
-
-export { MAT_MENU_CONTENT, MAT_MENU_DEFAULT_OPTIONS, MAT_MENU_PANEL, MAT_MENU_SCROLL_STRATEGY, MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER, MENU_PANEL_TOP_PADDING, MatContextMenuTrigger, MatMenu, MatMenuContent, MatMenuItem, MatMenuModule, MatMenuTrigger, fadeInItems, matMenuAnimations, transformMenu };
+export { MAT_MENU_CONTENT, MAT_MENU_DEFAULT_OPTIONS, MAT_MENU_PANEL, MAT_MENU_SCROLL_STRATEGY, MENU_PANEL_TOP_PADDING, MatContextMenuTrigger, MatMenu, MatMenuContent, MatMenuItem, MatMenuModule, MatMenuTrigger };
 //# sourceMappingURL=menu.mjs.map