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

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 (99) hide show
  1. package/autocomplete/index.d.ts +1 -23
  2. package/bottom-sheet/index.d.ts +1 -10
  3. package/button/index.d.ts +1 -7
  4. package/button-toggle/index.d.ts +1 -1
  5. package/button-toggle.d.d.ts +1 -7
  6. package/checkbox/index.d.ts +1 -7
  7. package/core/index.d.ts +1 -1
  8. package/core/tokens/_classes.scss +20 -16
  9. package/date-adapter.d.d.ts +1 -7
  10. package/datepicker/index.d.ts +2 -55
  11. package/dialog/index.d.ts +1 -23
  12. package/expansion/index.d.ts +1 -36
  13. package/fesm2022/autocomplete.mjs +5 -33
  14. package/fesm2022/autocomplete.mjs.map +1 -1
  15. package/fesm2022/bottom-sheet.mjs +1 -82
  16. package/fesm2022/bottom-sheet.mjs.map +1 -1
  17. package/fesm2022/button-toggle.mjs +5 -13
  18. package/fesm2022/button-toggle.mjs.map +1 -1
  19. package/fesm2022/button.mjs +6 -14
  20. package/fesm2022/button.mjs.map +1 -1
  21. package/fesm2022/checkbox.mjs +10 -19
  22. package/fesm2022/checkbox.mjs.map +1 -1
  23. package/fesm2022/core.mjs +1 -2
  24. package/fesm2022/core.mjs.map +1 -1
  25. package/fesm2022/date-formats.mjs +2 -10
  26. package/fesm2022/date-formats.mjs.map +1 -1
  27. package/fesm2022/datepicker.mjs +26 -178
  28. package/fesm2022/datepicker.mjs.map +1 -1
  29. package/fesm2022/dialog/testing.mjs +5 -5
  30. package/fesm2022/dialog.mjs +882 -114
  31. package/fesm2022/dialog.mjs.map +1 -1
  32. package/fesm2022/expansion.mjs +1 -103
  33. package/fesm2022/expansion.mjs.map +1 -1
  34. package/fesm2022/form-field.mjs +37 -49
  35. package/fesm2022/form-field.mjs.map +1 -1
  36. package/fesm2022/icon-registry.mjs +2 -29
  37. package/fesm2022/icon-registry.mjs.map +1 -1
  38. package/fesm2022/icon.mjs +11 -17
  39. package/fesm2022/icon.mjs.map +1 -1
  40. package/fesm2022/input.mjs +1 -1
  41. package/fesm2022/menu.mjs +5 -152
  42. package/fesm2022/menu.mjs.map +1 -1
  43. package/fesm2022/paginator.mjs +7 -27
  44. package/fesm2022/paginator.mjs.map +1 -1
  45. package/fesm2022/progress-bar.mjs +13 -16
  46. package/fesm2022/progress-bar.mjs.map +1 -1
  47. package/fesm2022/progress-spinner.mjs +2 -10
  48. package/fesm2022/progress-spinner.mjs.map +1 -1
  49. package/fesm2022/radio.mjs +4 -12
  50. package/fesm2022/radio.mjs.map +1 -1
  51. package/fesm2022/ripple.mjs +2 -2
  52. package/fesm2022/ripple.mjs.map +1 -1
  53. package/fesm2022/select.mjs +1293 -90
  54. package/fesm2022/select.mjs.map +1 -1
  55. package/fesm2022/sidenav.mjs +2 -88
  56. package/fesm2022/sidenav.mjs.map +1 -1
  57. package/fesm2022/snack-bar.mjs +2 -80
  58. package/fesm2022/snack-bar.mjs.map +1 -1
  59. package/fesm2022/sort.mjs +3 -329
  60. package/fesm2022/sort.mjs.map +1 -1
  61. package/fesm2022/stepper.mjs +4 -171
  62. package/fesm2022/stepper.mjs.map +1 -1
  63. package/fesm2022/tabs.mjs +8 -153
  64. package/fesm2022/tabs.mjs.map +1 -1
  65. package/fesm2022/tooltip.mjs +21 -53
  66. package/fesm2022/tooltip.mjs.map +1 -1
  67. package/fesm2022/tooltip2.mjs +6 -33
  68. package/fesm2022/tooltip2.mjs.map +1 -1
  69. package/form-field/index.d.ts +1 -11
  70. package/icon/index.d.ts +2 -2
  71. package/icon-module.d.d.ts +1 -7
  72. package/icon-registry.d.d.ts +2 -18
  73. package/menu/index.d.ts +1 -42
  74. package/package.json +2 -2
  75. package/paginator/index.d.ts +3 -3
  76. package/paginator.d.d.ts +2 -18
  77. package/progress-bar/index.d.ts +1 -7
  78. package/progress-spinner/index.d.ts +1 -1
  79. package/progress-spinner.d.d.ts +3 -9
  80. package/radio/index.d.ts +1 -7
  81. package/ripple.d.d.ts +3 -3
  82. package/schematics/ng-add/index.js +1 -1
  83. package/select/index.d.ts +439 -27
  84. package/sidenav/index.d.ts +1 -17
  85. package/snack-bar/index.d.ts +1 -17
  86. package/sort/index.d.ts +2 -33
  87. package/stepper/index.d.ts +2 -29
  88. package/tabs/index.d.ts +1 -18
  89. package/tooltip/index.d.ts +302 -16
  90. package/fesm2022/dialog-module.mjs +0 -891
  91. package/fesm2022/dialog-module.mjs.map +0 -1
  92. package/fesm2022/form-field-module.mjs +0 -39
  93. package/fesm2022/form-field-module.mjs.map +0 -1
  94. package/fesm2022/select-module.mjs +0 -1318
  95. package/fesm2022/select-module.mjs.map +0 -1
  96. package/fesm2022/tooltip-module.mjs +0 -24
  97. package/fesm2022/tooltip-module.mjs.map +0 -1
  98. package/select-module.d.d.ts +0 -456
  99. package/tooltip-module.d.d.ts +0 -329
package/fesm2022/menu.mjs CHANGED
@@ -248,21 +248,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2",
248
248
  /** Injection token to be used to override the default options for `mat-menu`. */
249
249
  const MAT_MENU_DEFAULT_OPTIONS = new InjectionToken('mat-menu-default-options', {
250
250
  providedIn: 'root',
251
- factory: MAT_MENU_DEFAULT_OPTIONS_FACTORY,
252
- });
253
- /**
254
- * @docs-private
255
- * @deprecated No longer used, will be removed.
256
- * @breaking-change 21.0.0
257
- */
258
- function MAT_MENU_DEFAULT_OPTIONS_FACTORY() {
259
- return {
251
+ factory: () => ({
260
252
  overlapTrigger: false,
261
253
  xPosition: 'after',
262
254
  yPosition: 'below',
263
255
  backdropClass: 'cdk-overlay-transparent-backdrop',
264
- };
265
- }
256
+ }),
257
+ });
266
258
  /** Name of the enter animation `@keyframes`. */
267
259
  const ENTER_ANIMATION = '_mat-menu-enter';
268
260
  /** Name of the exit animation `@keyframes`. */
@@ -675,25 +667,6 @@ const MAT_MENU_SCROLL_STRATEGY = new InjectionToken('mat-menu-scroll-strategy',
675
667
  return () => createRepositionScrollStrategy(injector);
676
668
  },
677
669
  });
678
- /**
679
- * @docs-private
680
- * @deprecated No longer used, will be removed.
681
- * @breaking-change 21.0.0
682
- */
683
- function MAT_MENU_SCROLL_STRATEGY_FACTORY(_overlay) {
684
- const injector = inject(Injector);
685
- return () => createRepositionScrollStrategy(injector);
686
- }
687
- /**
688
- * @docs-private
689
- * @deprecated No longer used, will be removed.
690
- * @breaking-change 21.0.0
691
- */
692
- const MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER = {
693
- provide: MAT_MENU_SCROLL_STRATEGY,
694
- deps: [],
695
- useFactory: MAT_MENU_SCROLL_STRATEGY_FACTORY,
696
- };
697
670
  /**
698
671
  * Default top padding of the menu panel.
699
672
  * @deprecated No longer being used. Will be removed.
@@ -1414,7 +1387,7 @@ class MatMenuModule {
1414
1387
  MatMenuContent,
1415
1388
  MatMenuTrigger,
1416
1389
  MatContextMenuTrigger] });
1417
- 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,
1390
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatMenuModule, imports: [MatRippleModule,
1418
1391
  MatCommonModule,
1419
1392
  OverlayModule, CdkScrollableModule,
1420
1393
  MatCommonModule] });
@@ -1441,128 +1414,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2",
1441
1414
  MatMenuTrigger,
1442
1415
  MatContextMenuTrigger,
1443
1416
  ],
1444
- providers: [MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER],
1445
1417
  }]
1446
1418
  }] });
1447
1419
 
1448
- /**
1449
- * Animations used by the mat-menu component.
1450
- * Animation duration and timing values are based on:
1451
- * https://material.io/guidelines/components/menus.html#menus-usage
1452
- * @docs-private
1453
- * @deprecated No longer used, will be removed.
1454
- * @breaking-change 21.0.0
1455
- */
1456
- const matMenuAnimations = {
1457
- // Represents:
1458
- // trigger('transformMenu', [
1459
- // state(
1460
- // 'void',
1461
- // style({
1462
- // opacity: 0,
1463
- // transform: 'scale(0.8)',
1464
- // }),
1465
- // ),
1466
- // transition(
1467
- // 'void => enter',
1468
- // animate(
1469
- // '120ms cubic-bezier(0, 0, 0.2, 1)',
1470
- // style({
1471
- // opacity: 1,
1472
- // transform: 'scale(1)',
1473
- // }),
1474
- // ),
1475
- // ),
1476
- // transition('* => void', animate('100ms 25ms linear', style({opacity: 0}))),
1477
- // ])
1478
- /**
1479
- * This animation controls the menu panel's entry and exit from the page.
1480
- *
1481
- * When the menu panel is added to the DOM, it scales in and fades in its border.
1482
- *
1483
- * When the menu panel is removed from the DOM, it simply fades out after a brief
1484
- * delay to display the ripple.
1485
- */
1486
- transformMenu: {
1487
- type: 7,
1488
- name: 'transformMenu',
1489
- definitions: [
1490
- {
1491
- type: 0,
1492
- name: 'void',
1493
- styles: { type: 6, styles: { opacity: 0, transform: 'scale(0.8)' }, offset: null },
1494
- },
1495
- {
1496
- type: 1,
1497
- expr: 'void => enter',
1498
- animation: {
1499
- type: 4,
1500
- styles: { type: 6, styles: { opacity: 1, transform: 'scale(1)' }, offset: null },
1501
- timings: '120ms cubic-bezier(0, 0, 0.2, 1)',
1502
- },
1503
- options: null,
1504
- },
1505
- {
1506
- type: 1,
1507
- expr: '* => void',
1508
- animation: {
1509
- type: 4,
1510
- styles: { type: 6, styles: { opacity: 0 }, offset: null },
1511
- timings: '100ms 25ms linear',
1512
- },
1513
- options: null,
1514
- },
1515
- ],
1516
- options: {},
1517
- },
1518
- // Represents:
1519
- // trigger('fadeInItems', [
1520
- // // TODO(crisbeto): this is inside the `transformMenu`
1521
- // // now. Remove next time we do breaking changes.
1522
- // state('showing', style({opacity: 1})),
1523
- // transition('void => *', [
1524
- // style({opacity: 0}),
1525
- // animate('400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)'),
1526
- // ]),
1527
- // ])
1528
- /**
1529
- * This animation fades in the background color and content of the menu panel
1530
- * after its containing element is scaled in.
1531
- */
1532
- fadeInItems: {
1533
- type: 7,
1534
- name: 'fadeInItems',
1535
- definitions: [
1536
- {
1537
- type: 0,
1538
- name: 'showing',
1539
- styles: { type: 6, styles: { opacity: 1 }, offset: null },
1540
- },
1541
- {
1542
- type: 1,
1543
- expr: 'void => *',
1544
- animation: [
1545
- { type: 6, styles: { opacity: 0 }, offset: null },
1546
- { type: 4, styles: null, timings: '400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)' },
1547
- ],
1548
- options: null,
1549
- },
1550
- ],
1551
- options: {},
1552
- },
1553
- };
1554
- /**
1555
- * @deprecated
1556
- * @breaking-change 8.0.0
1557
- * @docs-private
1558
- */
1559
- const fadeInItems = matMenuAnimations.fadeInItems;
1560
- /**
1561
- * @deprecated
1562
- * @breaking-change 8.0.0
1563
- * @docs-private
1564
- */
1565
- const transformMenu = matMenuAnimations.transformMenu;
1566
-
1567
- 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 };
1420
+ 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 };
1568
1421
  //# sourceMappingURL=menu.mjs.map