@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.
- package/autocomplete/index.d.ts +1 -23
- package/bottom-sheet/index.d.ts +1 -10
- package/button/index.d.ts +1 -7
- package/button-toggle/index.d.ts +1 -1
- package/button-toggle.d.d.ts +1 -7
- package/checkbox/index.d.ts +1 -7
- package/core/index.d.ts +1 -1
- package/core/tokens/_classes.scss +20 -16
- package/date-adapter.d.d.ts +1 -7
- package/datepicker/index.d.ts +2 -55
- package/dialog/index.d.ts +1 -23
- package/expansion/index.d.ts +1 -36
- package/fesm2022/autocomplete.mjs +5 -33
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +1 -82
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +5 -13
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +6 -14
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +10 -19
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/core.mjs +1 -2
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/date-formats.mjs +2 -10
- package/fesm2022/date-formats.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +26 -178
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +5 -5
- package/fesm2022/dialog.mjs +882 -114
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/expansion.mjs +1 -103
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field.mjs +37 -49
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/icon-registry.mjs +2 -29
- package/fesm2022/icon-registry.mjs.map +1 -1
- package/fesm2022/icon.mjs +11 -17
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input.mjs +1 -1
- package/fesm2022/menu.mjs +5 -152
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator.mjs +7 -27
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +13 -16
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +2 -10
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio.mjs +4 -12
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/ripple.mjs +2 -2
- package/fesm2022/ripple.mjs.map +1 -1
- package/fesm2022/select.mjs +1293 -90
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +2 -88
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +2 -80
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort.mjs +3 -329
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper.mjs +4 -171
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/tabs.mjs +8 -153
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +21 -53
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tooltip2.mjs +6 -33
- package/fesm2022/tooltip2.mjs.map +1 -1
- package/form-field/index.d.ts +1 -11
- package/icon/index.d.ts +2 -2
- package/icon-module.d.d.ts +1 -7
- package/icon-registry.d.d.ts +2 -18
- package/menu/index.d.ts +1 -42
- package/package.json +2 -2
- package/paginator/index.d.ts +3 -3
- package/paginator.d.d.ts +2 -18
- package/progress-bar/index.d.ts +1 -7
- package/progress-spinner/index.d.ts +1 -1
- package/progress-spinner.d.d.ts +3 -9
- package/radio/index.d.ts +1 -7
- package/ripple.d.d.ts +3 -3
- package/schematics/ng-add/index.js +1 -1
- package/select/index.d.ts +439 -27
- package/sidenav/index.d.ts +1 -17
- package/snack-bar/index.d.ts +1 -17
- package/sort/index.d.ts +2 -33
- package/stepper/index.d.ts +2 -29
- package/tabs/index.d.ts +1 -18
- package/tooltip/index.d.ts +302 -16
- package/fesm2022/dialog-module.mjs +0 -891
- package/fesm2022/dialog-module.mjs.map +0 -1
- package/fesm2022/form-field-module.mjs +0 -39
- package/fesm2022/form-field-module.mjs.map +0 -1
- package/fesm2022/select-module.mjs +0 -1318
- package/fesm2022/select-module.mjs.map +0 -1
- package/fesm2022/tooltip-module.mjs +0 -24
- package/fesm2022/tooltip-module.mjs.map +0 -1
- package/select-module.d.d.ts +0 -456
- 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:
|
|
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,
|
|
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
|