From 44821aa03b3ae7e17b68eb750c981a0583450f91 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 08:58:42 +0200 Subject: [PATCH 01/13] fix(material/bottom-sheet): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matBottomSheet` animations symbol has been removed. --- goldens/material/bottom-sheet/index.api.md | 5 - src/material/bottom-sheet/BUILD.bazel | 1 - .../bottom-sheet/bottom-sheet-animations.ts | 91 ------------------- src/material/bottom-sheet/public-api.ts | 1 - 4 files changed, 98 deletions(-) delete mode 100644 src/material/bottom-sheet/bottom-sheet-animations.ts diff --git a/goldens/material/bottom-sheet/index.api.md b/goldens/material/bottom-sheet/index.api.md index a5fdf244c147..83a768031206 100644 --- a/goldens/material/bottom-sheet/index.api.md +++ b/goldens/material/bottom-sheet/index.api.md @@ -46,11 +46,6 @@ export class MatBottomSheet implements OnDestroy { static ɵprov: i0.ɵɵInjectableDeclaration; } -// @public @deprecated -export const matBottomSheetAnimations: { - readonly bottomSheetState: any; -}; - // @public export class MatBottomSheetConfig { ariaLabel?: string | null; diff --git a/src/material/bottom-sheet/BUILD.bazel b/src/material/bottom-sheet/BUILD.bazel index 5adb1678c5c9..064adf1ae332 100644 --- a/src/material/bottom-sheet/BUILD.bazel +++ b/src/material/bottom-sheet/BUILD.bazel @@ -66,7 +66,6 @@ ng_project( name = "bottom-sheet", srcs = [ "bottom-sheet.ts", - "bottom-sheet-animations.ts", "bottom-sheet-config.ts", "bottom-sheet-container.ts", "bottom-sheet-module.ts", diff --git a/src/material/bottom-sheet/bottom-sheet-animations.ts b/src/material/bottom-sheet/bottom-sheet-animations.ts deleted file mode 100644 index 05cda2baab99..000000000000 --- a/src/material/bottom-sheet/bottom-sheet-animations.ts +++ /dev/null @@ -1,91 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by the Material bottom sheet. - * @deprecated No longer used. Will be removed. - * @breaking-change 21.0.0 - */ -export const matBottomSheetAnimations: { - readonly bottomSheetState: any; -} = { - // Represents the output of: - // trigger('state', [ - // state('void, hidden', style({transform: 'translateY(100%)'})), - // state('visible', style({transform: 'translateY(0%)'})), - // transition( - // 'visible => void, visible => hidden', - // group([ - // animate('375ms cubic-bezier(0.4, 0, 1, 1)'), - // query('@*', animateChild(), {optional: true}), - // ]), - // ), - // transition( - // 'void => visible', - // group([ - // animate('195ms cubic-bezier(0, 0, 0.2, 1)'), - // query('@*', animateChild(), {optional: true}), - // ]), - // ), - // ]) - - /** Animation that shows and hides a bottom sheet. */ - bottomSheetState: { - type: 7, - name: 'state', - definitions: [ - { - type: 0, - name: 'void, hidden', - styles: {type: 6, styles: {transform: 'translateY(100%)'}, offset: null}, - }, - { - type: 0, - name: 'visible', - styles: {type: 6, styles: {transform: 'translateY(0%)'}, offset: null}, - }, - { - type: 1, - expr: 'visible => void, visible => hidden', - animation: { - type: 3, - steps: [ - {type: 4, styles: null, timings: '375ms cubic-bezier(0.4, 0, 1, 1)'}, - { - type: 11, - selector: '@*', - animation: {type: 9, options: null}, - options: {optional: true}, - }, - ], - options: null, - }, - options: null, - }, - { - type: 1, - expr: 'void => visible', - animation: { - type: 3, - steps: [ - {type: 4, styles: null, timings: '195ms cubic-bezier(0, 0, 0.2, 1)'}, - { - type: 11, - selector: '@*', - animation: {type: 9, options: null}, - options: {optional: true}, - }, - ], - options: null, - }, - options: null, - }, - ], - options: {}, - }, -}; diff --git a/src/material/bottom-sheet/public-api.ts b/src/material/bottom-sheet/public-api.ts index fc795e3b0329..853b3ddbeb71 100644 --- a/src/material/bottom-sheet/public-api.ts +++ b/src/material/bottom-sheet/public-api.ts @@ -10,5 +10,4 @@ export * from './bottom-sheet-module'; export * from './bottom-sheet'; export * from './bottom-sheet-config'; export * from './bottom-sheet-container'; -export * from './bottom-sheet-animations'; export * from './bottom-sheet-ref'; From 29ccbe2aa0a6da560d53d55e2d7f959cab12a048 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 08:59:38 +0200 Subject: [PATCH 02/13] fix(material/datepicker): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matDatepickerAnimations` symbol has been removed. --- goldens/material/datepicker/index.api.md | 6 - src/material/datepicker/BUILD.bazel | 1 - .../datepicker/datepicker-animations.ts | 125 ------------------ src/material/datepicker/public-api.ts | 1 - 4 files changed, 133 deletions(-) delete mode 100644 src/material/datepicker/datepicker-animations.ts diff --git a/goldens/material/datepicker/index.api.md b/goldens/material/datepicker/index.api.md index c1403ede28db..4c5bf24512c5 100644 --- a/goldens/material/datepicker/index.api.md +++ b/goldens/material/datepicker/index.api.md @@ -330,12 +330,6 @@ export class MatDatepickerActions implements AfterViewInit, OnDestroy { static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matDatepickerAnimations: { - readonly transformPanel: any; - readonly fadeInCalendar: any; -}; - // @public export class MatDatepickerApply { constructor(...args: unknown[]); diff --git a/src/material/datepicker/BUILD.bazel b/src/material/datepicker/BUILD.bazel index d37ef59869ca..88691a77e73b 100644 --- a/src/material/datepicker/BUILD.bazel +++ b/src/material/datepicker/BUILD.bazel @@ -132,7 +132,6 @@ ng_project( "date-selection-model.ts", "datepicker.ts", "datepicker-actions.ts", - "datepicker-animations.ts", "datepicker-base.ts", "datepicker-errors.ts", "datepicker-input.ts", diff --git a/src/material/datepicker/datepicker-animations.ts b/src/material/datepicker/datepicker-animations.ts deleted file mode 100644 index c25eb3023357..000000000000 --- a/src/material/datepicker/datepicker-animations.ts +++ /dev/null @@ -1,125 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by the Material datepicker. - * @docs-private - * @deprecated No longer used, will be removed. - * @breaking-change 21.0.0 - */ -export const matDatepickerAnimations: { - readonly transformPanel: any; - readonly fadeInCalendar: any; -} = { - // Represents: - // trigger('transformPanel', [ - // transition( - // 'void => enter-dropdown', - // animate( - // '120ms cubic-bezier(0, 0, 0.2, 1)', - // keyframes([ - // style({opacity: 0, transform: 'scale(1, 0.8)'}), - // style({opacity: 1, transform: 'scale(1, 1)'}), - // ]), - // ), - // ), - // transition( - // 'void => enter-dialog', - // animate( - // '150ms cubic-bezier(0, 0, 0.2, 1)', - // keyframes([ - // style({opacity: 0, transform: 'scale(0.7)'}), - // style({transform: 'none', opacity: 1}), - // ]), - // ), - // ), - // transition('* => void', animate('100ms linear', style({opacity: 0}))), - // ]) - - /** Transforms the height of the datepicker's calendar. */ - transformPanel: { - type: 7, - name: 'transformPanel', - definitions: [ - { - type: 1, - expr: 'void => enter-dropdown', - animation: { - type: 4, - styles: { - type: 5, - steps: [ - {type: 6, styles: {opacity: 0, transform: 'scale(1, 0.8)'}, offset: null}, - {type: 6, styles: {opacity: 1, transform: 'scale(1, 1)'}, offset: null}, - ], - }, - timings: '120ms cubic-bezier(0, 0, 0.2, 1)', - }, - options: null, - }, - { - type: 1, - expr: 'void => enter-dialog', - animation: { - type: 4, - styles: { - type: 5, - steps: [ - {type: 6, styles: {opacity: 0, transform: 'scale(0.7)'}, offset: null}, - {type: 6, styles: {transform: 'none', opacity: 1}, offset: null}, - ], - }, - timings: '150ms 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 linear', - }, - options: null, - }, - ], - options: {}, - }, - - // Represents: - // trigger('fadeInCalendar', [ - // state('void', style({opacity: 0})), - // state('enter', style({opacity: 1})), - - // // TODO(crisbeto): this animation should be removed since it isn't quite on spec, but we - // // need to keep it until #12440 gets in, otherwise the exit animation will look glitchy. - // transition('void => *', animate('120ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)')), - // ]) - - /** Fades in the content of the calendar. */ - fadeInCalendar: { - type: 7, - name: 'fadeInCalendar', - definitions: [ - {type: 0, name: 'void', styles: {type: 6, styles: {opacity: 0}, offset: null}}, - {type: 0, name: 'enter', styles: {type: 6, styles: {opacity: 1}, offset: null}}, - { - type: 1, - expr: 'void => *', - animation: { - type: 4, - styles: null, - timings: '120ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)', - }, - options: null, - }, - ], - options: {}, - }, -}; diff --git a/src/material/datepicker/public-api.ts b/src/material/datepicker/public-api.ts index c3dc05a1bf83..4a4b33ddaee4 100644 --- a/src/material/datepicker/public-api.ts +++ b/src/material/datepicker/public-api.ts @@ -15,7 +15,6 @@ export { MatDateRangeSelectionStrategy, DefaultMatCalendarRangeStrategy, } from './date-range-selection-strategy'; -export * from './datepicker-animations'; export { MAT_DATEPICKER_SCROLL_STRATEGY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY, From cf5a10c0115deb606f755adbe1f9ceb2ea5bbf2a Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:00:09 +0200 Subject: [PATCH 03/13] fix(material/dialog): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `_defaultParams` symbol has been removed. * `matDialogAnimations` symbol has been removed. --- goldens/material/dialog/index.api.md | 13 --- src/material/dialog/BUILD.bazel | 1 - src/material/dialog/dialog-animations.ts | 118 ----------------------- src/material/dialog/dialog-config.ts | 1 - src/material/dialog/public-api.ts | 1 - 5 files changed, 134 deletions(-) delete mode 100644 src/material/dialog/dialog-animations.ts diff --git a/goldens/material/dialog/index.api.md b/goldens/material/dialog/index.api.md index ce48b5bfbf1f..3f305d38ef4b 100644 --- a/goldens/material/dialog/index.api.md +++ b/goldens/material/dialog/index.api.md @@ -38,14 +38,6 @@ export type AutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading'; // @public export function _closeDialogVia(ref: MatDialogRef, interactionType: FocusOrigin, result?: R): void; -// @public @deprecated -export const _defaultParams: { - params: { - enterAnimationDuration: string; - exitAnimationDuration: string; - }; -}; - // @public export interface DialogPosition { bottom?: string; @@ -103,11 +95,6 @@ export class MatDialogActions extends MatDialogLayoutSection { static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matDialogAnimations: { - readonly dialogContainer: any; -}; - // @public export class MatDialogClose implements OnInit, OnChanges { constructor(...args: unknown[]); diff --git a/src/material/dialog/BUILD.bazel b/src/material/dialog/BUILD.bazel index 9f5a57fb7a1d..b62763a2b168 100644 --- a/src/material/dialog/BUILD.bazel +++ b/src/material/dialog/BUILD.bazel @@ -73,7 +73,6 @@ ng_project( name = "dialog", srcs = [ "dialog.ts", - "dialog-animations.ts", "dialog-config.ts", "dialog-container.ts", "dialog-content-directives.ts", diff --git a/src/material/dialog/dialog-animations.ts b/src/material/dialog/dialog-animations.ts deleted file mode 100644 index cd7ef6b4433b..000000000000 --- a/src/material/dialog/dialog-animations.ts +++ /dev/null @@ -1,118 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Default parameters for the animation for backwards compatibility. - * @docs-private - * @deprecated Will stop being exported. - * @breaking-change 21.0.0 - */ -export const _defaultParams = { - params: {enterAnimationDuration: '150ms', exitAnimationDuration: '75ms'}, -}; - -/** - * Animations used by MatDialog. - * @docs-private - * @deprecated No longer used, will be removed. - * @breaking-change 21.0.0 - */ -export const matDialogAnimations: { - readonly dialogContainer: any; -} = { - // Represents: - // trigger('dialogContainer', [ - // // Note: The `enter` animation transitions to `transform: none`, because for some reason - // // specifying the transform explicitly, causes IE both to blur the dialog content and - // // decimate the animation performance. Leaving it as `none` solves both issues. - // state('void, exit', style({opacity: 0, transform: 'scale(0.7)'})), - // state('enter', style({transform: 'none'})), - // transition( - // '* => enter', - // group([ - // animate( - // '{{enterAnimationDuration}} cubic-bezier(0, 0, 0.2, 1)', - // style({transform: 'none', opacity: 1}), - // ), - // query('@*', animateChild(), {optional: true}), - // ]), - // _defaultParams, - // ), - // transition( - // '* => void, * => exit', - // group([ - // animate('{{exitAnimationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)', style({opacity: 0})), - // query('@*', animateChild(), {optional: true}), - // ]), - // _defaultParams, - // ), - // ]) - - /** Animation that is applied on the dialog container by default. */ - dialogContainer: { - type: 7, - name: 'dialogContainer', - definitions: [ - { - type: 0, - name: 'void, exit', - styles: {type: 6, styles: {opacity: 0, transform: 'scale(0.7)'}, offset: null}, - }, - { - type: 0, - name: 'enter', - styles: {type: 6, styles: {transform: 'none'}, offset: null}, - }, - { - type: 1, - expr: '* => enter', - animation: { - type: 3, - steps: [ - { - type: 4, - styles: {type: 6, styles: {transform: 'none', opacity: 1}, offset: null}, - timings: '{{enterAnimationDuration}} cubic-bezier(0, 0, 0.2, 1)', - }, - { - type: 11, - selector: '@*', - animation: {type: 9, options: null}, - options: {optional: true}, - }, - ], - options: null, - }, - options: {params: {enterAnimationDuration: '150ms', exitAnimationDuration: '75ms'}}, - }, - { - type: 1, - expr: '* => void, * => exit', - animation: { - type: 3, - steps: [ - { - type: 4, - styles: {type: 6, styles: {opacity: 0}, offset: null}, - timings: '{{exitAnimationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)', - }, - { - type: 11, - selector: '@*', - animation: {type: 9, options: null}, - options: {optional: true}, - }, - ], - options: null, - }, - options: {params: {enterAnimationDuration: '150ms', exitAnimationDuration: '75ms'}}, - }, - ], - options: {}, - }, -}; diff --git a/src/material/dialog/dialog-config.ts b/src/material/dialog/dialog-config.ts index 0d04af221c67..0cfb0ae86234 100644 --- a/src/material/dialog/dialog-config.ts +++ b/src/material/dialog/dialog-config.ts @@ -10,7 +10,6 @@ import {ViewContainerRef, Injector} from '@angular/core'; import {Direction} from '@angular/cdk/bidi'; import {ScrollStrategy} from '@angular/cdk/overlay'; import {DialogConfig} from '@angular/cdk/dialog'; -import {_defaultParams} from './dialog-animations'; /** Options for where to set focus to automatically on dialog open */ export type AutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading'; diff --git a/src/material/dialog/public-api.ts b/src/material/dialog/public-api.ts index 7dacb9ce8c7c..4ea436d02c71 100644 --- a/src/material/dialog/public-api.ts +++ b/src/material/dialog/public-api.ts @@ -17,4 +17,3 @@ export { } from './dialog-content-directives'; export {MatDialogContainer} from './dialog-container'; export * from './dialog-module'; -export {matDialogAnimations, _defaultParams} from './dialog-animations'; From c3895f1d1d9b25272faaebb67dff3dba42e2ed8c Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:00:49 +0200 Subject: [PATCH 04/13] fix(material/expansion): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `EXPANSION_PANEL_ANIMATION_TIMING` symbol has been removed. * `matExpansionAnimations` symbol has been removed. --- goldens/material/expansion/index.api.md | 9 -- src/material/expansion/BUILD.bazel | 1 - .../expansion/expansion-animations.ts | 116 ------------------ src/material/expansion/public-api.ts | 1 - 4 files changed, 127 deletions(-) delete mode 100644 src/material/expansion/expansion-animations.ts diff --git a/goldens/material/expansion/index.api.md b/goldens/material/expansion/index.api.md index d4178b39c035..bcf950c49640 100644 --- a/goldens/material/expansion/index.api.md +++ b/goldens/material/expansion/index.api.md @@ -25,9 +25,6 @@ import { Subject } from 'rxjs'; import { TemplatePortal } from '@angular/cdk/portal'; import { TemplateRef } from '@angular/core'; -// @public @deprecated -export const EXPANSION_PANEL_ANIMATION_TIMING = "225ms cubic-bezier(0.4,0.0,0.2,1)"; - // @public export const MAT_ACCORDION: InjectionToken; @@ -73,12 +70,6 @@ export type MatAccordionDisplayMode = 'default' | 'flat'; // @public export type MatAccordionTogglePosition = 'before' | 'after'; -// @public @deprecated -export const matExpansionAnimations: { - readonly indicatorRotate: any; - readonly bodyExpansion: any; -}; - // @public (undocumented) export class MatExpansionModule { // (undocumented) diff --git a/src/material/expansion/BUILD.bazel b/src/material/expansion/BUILD.bazel index d0255088ea16..967539c33414 100644 --- a/src/material/expansion/BUILD.bazel +++ b/src/material/expansion/BUILD.bazel @@ -84,7 +84,6 @@ ng_project( srcs = [ "accordion.ts", "accordion-base.ts", - "expansion-animations.ts", "expansion-module.ts", "expansion-panel.ts", "expansion-panel-base.ts", diff --git a/src/material/expansion/expansion-animations.ts b/src/material/expansion/expansion-animations.ts deleted file mode 100644 index e1ce64e525d3..000000000000 --- a/src/material/expansion/expansion-animations.ts +++ /dev/null @@ -1,116 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Time and timing curve for expansion panel animations. - * @deprecated No longer used. Will be removed. - * @breaking-change 21.0.0 - */ -export const EXPANSION_PANEL_ANIMATION_TIMING = '225ms cubic-bezier(0.4,0.0,0.2,1)'; - -/** - * Animations used by the Material expansion panel. - * - * A bug in angular animation's `state` when ViewContainers are moved using ViewContainerRef.move() - * causes the animation state of moved components to become `void` upon exit, and not update again - * upon reentry into the DOM. This can lead a to situation for the expansion panel where the state - * of the panel is `expanded` or `collapsed` but the animation state is `void`. - * - * To correctly handle animating to the next state, we animate between `void` and `collapsed` which - * are defined to have the same styles. Since angular animates from the current styles to the - * destination state's style definition, in situations where we are moving from `void`'s styles to - * `collapsed` this acts a noop since no style values change. - * - * In the case where angular's animation state is out of sync with the expansion panel's state, the - * expansion panel being `expanded` and angular animations being `void`, the animation from the - * `expanded`'s effective styles (though in a `void` animation state) to the collapsed state will - * occur as expected. - * - * Angular Bug: https://github.com/angular/angular/issues/18847 - * - * @docs-private - * @deprecated No longer being used, to be removed. - * @breaking-change 21.0.0 - */ -export const matExpansionAnimations: { - readonly indicatorRotate: any; - readonly bodyExpansion: any; -} = { - // Represents: - // trigger('indicatorRotate', [ - // state('collapsed, void', style({transform: 'rotate(0deg)'})), - // state('expanded', style({transform: 'rotate(180deg)'})), - // transition( - // 'expanded <=> collapsed, void => collapsed', - // animate(EXPANSION_PANEL_ANIMATION_TIMING), - // ), - // ]) - - /** Animation that rotates the indicator arrow. */ - indicatorRotate: { - type: 7, - name: 'indicatorRotate', - definitions: [ - { - type: 0, - name: 'collapsed, void', - styles: {type: 6, styles: {transform: 'rotate(0deg)'}, offset: null}, - }, - { - type: 0, - name: 'expanded', - styles: {type: 6, styles: {transform: 'rotate(180deg)'}, offset: null}, - }, - { - type: 1, - expr: 'expanded <=> collapsed, void => collapsed', - animation: {type: 4, styles: null, timings: '225ms cubic-bezier(0.4,0.0,0.2,1)'}, - options: null, - }, - ], - options: {}, - }, - - // Represents: - // trigger('bodyExpansion', [ - // state('collapsed, void', style({height: '0px', visibility: 'hidden'})), - // // Clear the `visibility` while open, otherwise the content will be visible when placed in - // // a parent that's `visibility: hidden`, because `visibility` doesn't apply to descendants - // // that have a `visibility` of their own (see #27436). - // state('expanded', style({height: '*', visibility: ''})), - // transition( - // 'expanded <=> collapsed, void => collapsed', - // animate(EXPANSION_PANEL_ANIMATION_TIMING), - // ), - // ]) - - /** Animation that expands and collapses the panel content. */ - bodyExpansion: { - type: 7, - name: 'bodyExpansion', - definitions: [ - { - type: 0, - name: 'collapsed, void', - styles: {type: 6, styles: {'height': '0px', 'visibility': 'hidden'}, offset: null}, - }, - { - type: 0, - name: 'expanded', - styles: {type: 6, styles: {'height': '*', 'visibility': ''}, offset: null}, - }, - { - type: 1, - expr: 'expanded <=> collapsed, void => collapsed', - animation: {type: 4, styles: null, timings: '225ms cubic-bezier(0.4,0.0,0.2,1)'}, - options: null, - }, - ], - options: {}, - }, -}; diff --git a/src/material/expansion/public-api.ts b/src/material/expansion/public-api.ts index 34b032dfa05e..87bca86cda64 100644 --- a/src/material/expansion/public-api.ts +++ b/src/material/expansion/public-api.ts @@ -12,5 +12,4 @@ export * from './accordion-base'; export * from './expansion-panel'; export * from './expansion-panel-header'; export * from './expansion-panel-content'; -export * from './expansion-animations'; export {MAT_EXPANSION_PANEL} from './expansion-panel-base'; From d2c86183c13e5ac7aa64784341920db8f2c18cf6 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:01:14 +0200 Subject: [PATCH 05/13] fix(material/form-field): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matFormFieldAnimations` symbol has been removed. --- goldens/material/form-field/index.api.md | 5 -- src/material/form-field/BUILD.bazel | 1 - .../form-field/form-field-animations.ts | 54 ------------------- src/material/form-field/public-api.ts | 1 - 4 files changed, 61 deletions(-) delete mode 100644 src/material/form-field/form-field-animations.ts diff --git a/goldens/material/form-field/index.api.md b/goldens/material/form-field/index.api.md index 927940c1be22..9fb294b6da76 100644 --- a/goldens/material/form-field/index.api.md +++ b/goldens/material/form-field/index.api.md @@ -144,11 +144,6 @@ export class MatFormField implements FloatingLabelParent, AfterContentInit, Afte static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matFormFieldAnimations: { - readonly transitionMessages: any; -}; - // @public export type MatFormFieldAppearance = 'fill' | 'outline'; diff --git a/src/material/form-field/BUILD.bazel b/src/material/form-field/BUILD.bazel index c8d7e69c4d43..9d2bbecd71f1 100644 --- a/src/material/form-field/BUILD.bazel +++ b/src/material/form-field/BUILD.bazel @@ -99,7 +99,6 @@ ng_project( name = "form-field", srcs = [ "form-field.ts", - "form-field-animations.ts", "form-field-control.ts", "form-field-errors.ts", "form-field-module.ts", diff --git a/src/material/form-field/form-field-animations.ts b/src/material/form-field/form-field-animations.ts deleted file mode 100644 index d0f5f0f3dee8..000000000000 --- a/src/material/form-field/form-field-animations.ts +++ /dev/null @@ -1,54 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by the MatFormField. - * @docs-private - * @deprecated No longer used, will be removed. - * @breaking-change 21.0.0 - */ -export const matFormFieldAnimations: { - readonly transitionMessages: any; -} = { - // Represents: - // trigger('transitionMessages', [ - // // TODO(mmalerba): Use angular animations for label animation as well. - // state('enter', style({opacity: 1, transform: 'translateY(0%)'})), - // transition('void => enter', [ - // style({opacity: 0, transform: 'translateY(-5px)'}), - // animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)'), - // ]), - // ]) - - /** Animation that transitions the form field's error and hint messages. */ - transitionMessages: { - type: 7, - name: 'transitionMessages', - definitions: [ - { - type: 0, - name: 'enter', - styles: { - type: 6, - styles: {opacity: 1, transform: 'translateY(0%)'}, - offset: null, - }, - }, - { - type: 1, - expr: 'void => enter', - animation: [ - {type: 6, styles: {opacity: 0, transform: 'translateY(-5px)'}, offset: null}, - {type: 4, styles: null, timings: '300ms cubic-bezier(0.55, 0, 0.55, 0.2)'}, - ], - options: null, - }, - ], - options: {}, - }, -}; diff --git a/src/material/form-field/public-api.ts b/src/material/form-field/public-api.ts index 6a48b8c7ee29..e16b3893296c 100644 --- a/src/material/form-field/public-api.ts +++ b/src/material/form-field/public-api.ts @@ -15,4 +15,3 @@ export * from './form-field'; export * from './form-field-module'; export * from './form-field-control'; export * from './form-field-errors'; -export * from './form-field-animations'; From ed91b431328b36dd136fa426ec5ec685772556d7 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:01:57 +0200 Subject: [PATCH 06/13] fix(material/menu): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `fadeInItems` symbol has been removed. * `transformMenu` symbol has been removed. * `matMenuAnimations` symbol has been removed. --- goldens/material/menu/index.api.md | 12 --- src/material/menu/BUILD.bazel | 1 - src/material/menu/menu-animations.ts | 134 --------------------------- src/material/menu/public-api.ts | 1 - 4 files changed, 148 deletions(-) delete mode 100644 src/material/menu/menu-animations.ts diff --git a/goldens/material/menu/index.api.md b/goldens/material/menu/index.api.md index 7c8c377bad63..6bcf558fedcc 100644 --- a/goldens/material/menu/index.api.md +++ b/goldens/material/menu/index.api.md @@ -27,9 +27,6 @@ import { ScrollStrategy } from '@angular/cdk/overlay'; import { Subject } from 'rxjs'; import { TemplateRef } from '@angular/core'; -// @public @deprecated (undocumented) -export const fadeInItems: any; - // @public export const MAT_MENU_CONTENT: InjectionToken; @@ -153,12 +150,6 @@ export class MatMenu implements AfterContentInit, MatMenuPanel, OnI static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matMenuAnimations: { - readonly transformMenu: any; - readonly fadeInItems: any; -}; - // @public export class MatMenuContent implements OnDestroy { constructor(...args: unknown[]); @@ -321,9 +312,6 @@ export type MenuPositionX = 'before' | 'after'; // @public (undocumented) export type MenuPositionY = 'above' | 'below'; -// @public @deprecated (undocumented) -export const transformMenu: any; - // (No @packageDocumentation comment for this package) ``` diff --git a/src/material/menu/BUILD.bazel b/src/material/menu/BUILD.bazel index 9e1267bb7b27..c8c669b79f50 100644 --- a/src/material/menu/BUILD.bazel +++ b/src/material/menu/BUILD.bazel @@ -70,7 +70,6 @@ ng_project( "context-menu-trigger.ts", "index.ts", "menu.ts", - "menu-animations.ts", "menu-content.ts", "menu-errors.ts", "menu-item.ts", diff --git a/src/material/menu/menu-animations.ts b/src/material/menu/menu-animations.ts deleted file mode 100644 index 29dc0ad5364d..000000000000 --- a/src/material/menu/menu-animations.ts +++ /dev/null @@ -1,134 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * 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 - */ -export const matMenuAnimations: { - readonly transformMenu: any; - readonly fadeInItems: any; -} = { - // 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 - */ -export const fadeInItems = matMenuAnimations.fadeInItems; - -/** - * @deprecated - * @breaking-change 8.0.0 - * @docs-private - */ -export const transformMenu = matMenuAnimations.transformMenu; diff --git a/src/material/menu/public-api.ts b/src/material/menu/public-api.ts index 464e14ad7496..8e394389e6b8 100644 --- a/src/material/menu/public-api.ts +++ b/src/material/menu/public-api.ts @@ -16,7 +16,6 @@ export { MENU_PANEL_TOP_PADDING, } from './menu-trigger-base'; export * from './menu-module'; -export * from './menu-animations'; export * from './menu-positions'; export * from './menu-panel'; export {MatContextMenuTrigger} from './context-menu-trigger'; From de1c2fc923e86086609fe8d10c2e5dde1d1be1af Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:02:29 +0200 Subject: [PATCH 07/13] fix(material/select): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matSelectAnimations` symbol has been removed. --- goldens/material/select/index.api.md | 13 ++-- src/material/select/BUILD.bazel | 1 - src/material/select/public-api.ts | 1 - src/material/select/select-animations.ts | 84 ------------------------ 4 files changed, 4 insertions(+), 95 deletions(-) delete mode 100644 src/material/select/select-animations.ts diff --git a/goldens/material/select/index.api.md b/goldens/material/select/index.api.md index f48ebd9d21e5..4ae879767e90 100644 --- a/goldens/material/select/index.api.md +++ b/goldens/material/select/index.api.md @@ -81,8 +81,8 @@ export class MatFormField implements FloatingLabelParent, AfterContentInit, Afte get appearance(): MatFormFieldAppearance; set appearance(value: MatFormFieldAppearance); color: ThemePalette; - get _control(): MatFormFieldControl_2; - set _control(value: MatFormFieldControl_2); + get _control(): MatFormFieldControl; + set _control(value: MatFormFieldControl); // (undocumented) _elementRef: ElementRef; // (undocumented) @@ -93,7 +93,7 @@ export class MatFormField implements FloatingLabelParent, AfterContentInit, Afte set floatLabel(value: FloatLabelType); _forceDisplayInfixLabel(): boolean | 0; // (undocumented) - _formFieldControl: MatFormFieldControl_2; + _formFieldControl: MatFormFieldControl; getConnectedOverlayOrigin(): ElementRef; getLabelId: i0.Signal; _getSubscriptMessageType(): 'error' | 'hint'; @@ -247,7 +247,7 @@ export class MatPrefix { } // @public (undocumented) -export class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnInit, DoCheck, ControlValueAccessor, MatFormFieldControl { +export class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnInit, DoCheck, ControlValueAccessor, MatFormFieldControl_2 { constructor(...args: unknown[]); // (undocumented) protected _animationsDisabled: boolean; @@ -387,11 +387,6 @@ export class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnInit static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matSelectAnimations: { - readonly transformPanel: any; -}; - // @public export class MatSelectChange { constructor( diff --git a/src/material/select/BUILD.bazel b/src/material/select/BUILD.bazel index a80d881fb521..c415a0523576 100644 --- a/src/material/select/BUILD.bazel +++ b/src/material/select/BUILD.bazel @@ -69,7 +69,6 @@ ng_project( "index.ts", "public-api.ts", "select.ts", - "select-animations.ts", "select-errors.ts", "select-module.ts", ], diff --git a/src/material/select/public-api.ts b/src/material/select/public-api.ts index 070f437ddff3..a6fccb38fc11 100644 --- a/src/material/select/public-api.ts +++ b/src/material/select/public-api.ts @@ -8,7 +8,6 @@ export * from './select-module'; export * from './select'; -export * from './select-animations'; // Re-export these since they're required to be used together with `mat-select`. // Also they used to be provided implicitly with `MatSelectModule`. diff --git a/src/material/select/select-animations.ts b/src/material/select/select-animations.ts deleted file mode 100644 index a6ceb0a8c225..000000000000 --- a/src/material/select/select-animations.ts +++ /dev/null @@ -1,84 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * The following are all the animations for the mat-select component, with each - * const containing the metadata for one animation. - * - * The values below match the implementation of the AngularJS Material mat-select animation. - * @docs-private - * @deprecated No longer used, will be removed. - * @breaking-change 21.0.0 - */ -export const matSelectAnimations: { - readonly transformPanel: any; -} = { - // Represents - // trigger('transformPanel', [ - // state( - // 'void', - // style({ - // opacity: 0, - // transform: 'scale(1, 0.8)', - // }), - // ), - // transition( - // 'void => showing', - // animate( - // '120ms cubic-bezier(0, 0, 0.2, 1)', - // style({ - // opacity: 1, - // transform: 'scale(1, 1)', - // }), - // ), - // ), - // transition('* => void', animate('100ms linear', style({opacity: 0}))), - // ]) - - /** This animation transforms the select's overlay panel on and off the page. */ - transformPanel: { - type: 7, - name: 'transformPanel', - definitions: [ - { - type: 0, - name: 'void', - styles: { - type: 6, - styles: {opacity: 0, transform: 'scale(1, 0.8)'}, - offset: null, - }, - }, - { - type: 1, - expr: 'void => showing', - animation: { - type: 4, - styles: { - type: 6, - styles: {opacity: 1, transform: 'scale(1, 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 linear', - }, - options: null, - }, - ], - options: {}, - }, -}; From ba6692df20b37856c39dcf2baff8d03e452799e6 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:02:52 +0200 Subject: [PATCH 08/13] fix(material/sidenav): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matDrawerAnimations` symbol has been removed. --- goldens/material/sidenav/index.api.md | 5 -- src/material/sidenav/BUILD.bazel | 1 - src/material/sidenav/drawer-animations.ts | 88 ----------------------- src/material/sidenav/public-api.ts | 1 - 4 files changed, 95 deletions(-) delete mode 100644 src/material/sidenav/drawer-animations.ts diff --git a/goldens/material/sidenav/index.api.md b/goldens/material/sidenav/index.api.md index b90b6dd412de..93b5c4b73ebd 100644 --- a/goldens/material/sidenav/index.api.md +++ b/goldens/material/sidenav/index.api.md @@ -69,11 +69,6 @@ export class MatDrawer implements AfterViewInit, OnDestroy { static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matDrawerAnimations: { - readonly transformDrawer: any; -}; - // @public export class MatDrawerContainer implements AfterContentInit, DoCheck, OnDestroy { constructor(...args: unknown[]); diff --git a/src/material/sidenav/BUILD.bazel b/src/material/sidenav/BUILD.bazel index cae8abb4a504..c06981b0244b 100644 --- a/src/material/sidenav/BUILD.bazel +++ b/src/material/sidenav/BUILD.bazel @@ -66,7 +66,6 @@ ng_project( name = "sidenav", srcs = [ "drawer.ts", - "drawer-animations.ts", "index.ts", "public-api.ts", "sidenav.ts", diff --git a/src/material/sidenav/drawer-animations.ts b/src/material/sidenav/drawer-animations.ts deleted file mode 100644 index 0d63a3a28001..000000000000 --- a/src/material/sidenav/drawer-animations.ts +++ /dev/null @@ -1,88 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by the Material drawers. - * @docs-private - * @deprecated No longer used, will be removed. - * @breaking-change 21.0.0 - */ -export const matDrawerAnimations: { - readonly transformDrawer: any; -} = { - // Represents - // trigger('transform', [ - // // We remove the `transform` here completely, rather than setting it to zero, because: - // // 1. Having a transform can cause elements with ripples or an animated - // // transform to shift around in Chrome with an RTL layout (see #10023). - // // 2. 3d transforms causes text to appear blurry on IE and Edge. - // state( - // 'open, open-instant', - // style({ - // 'transform': 'none', - // 'visibility': 'visible', - // }), - // ), - // state( - // 'void', - // style({ - // // Avoids the shadow showing up when closed in SSR. - // 'box-shadow': 'none', - // 'visibility': 'hidden', - // }), - // ), - // transition('void => open-instant', animate('0ms')), - // transition( - // 'void <=> open, open-instant => void', - // animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'), - // ), - // ]) - - /** Animation that slides a drawer in and out. */ - transformDrawer: { - type: 7, - name: 'transform', - definitions: [ - { - type: 0, - name: 'open, open-instant', - styles: { - type: 6, - styles: {transform: 'none', visibility: 'visible'}, - offset: null, - }, - }, - { - type: 0, - name: 'void', - styles: { - type: 6, - styles: {'box-shadow': 'none', visibility: 'hidden'}, - offset: null, - }, - }, - { - type: 1, - expr: 'void => open-instant', - animation: {type: 4, styles: null, timings: '0ms'}, - options: null, - }, - { - type: 1, - expr: 'void <=> open, open-instant => void', - animation: { - type: 4, - styles: null, - timings: '400ms cubic-bezier(0.25, 0.8, 0.25, 1)', - }, - options: null, - }, - ], - options: {}, - }, -}; diff --git a/src/material/sidenav/public-api.ts b/src/material/sidenav/public-api.ts index cd2db22a4d15..b1b86b4a9675 100644 --- a/src/material/sidenav/public-api.ts +++ b/src/material/sidenav/public-api.ts @@ -18,4 +18,3 @@ export { MatDrawerMode, } from './drawer'; export * from './sidenav'; -export * from './drawer-animations'; From 4cd70698d1c60fa96a86dda14f54868bbb9560e2 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:03:15 +0200 Subject: [PATCH 09/13] fix(material/snack-bar): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matSnackBarAnimations` symbol has been removed. --- goldens/material/snack-bar/index.api.md | 5 -- src/material/snack-bar/BUILD.bazel | 1 - src/material/snack-bar/public-api.ts | 1 - .../snack-bar/snack-bar-animations.ts | 80 ------------------- 4 files changed, 87 deletions(-) delete mode 100644 src/material/snack-bar/snack-bar-animations.ts diff --git a/goldens/material/snack-bar/index.api.md b/goldens/material/snack-bar/index.api.md index 4284125a1961..c1c501fa3c36 100644 --- a/goldens/material/snack-bar/index.api.md +++ b/goldens/material/snack-bar/index.api.md @@ -76,11 +76,6 @@ export class MatSnackBarActions { static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matSnackBarAnimations: { - readonly snackBarState: any; -}; - // @public export class MatSnackBarConfig { announcementMessage?: string; diff --git a/src/material/snack-bar/BUILD.bazel b/src/material/snack-bar/BUILD.bazel index 54375a415f95..6fd74b0949e5 100644 --- a/src/material/snack-bar/BUILD.bazel +++ b/src/material/snack-bar/BUILD.bazel @@ -74,7 +74,6 @@ ng_project( "public-api.ts", "simple-snack-bar.ts", "snack-bar.ts", - "snack-bar-animations.ts", "snack-bar-config.ts", "snack-bar-container.ts", "snack-bar-content.ts", diff --git a/src/material/snack-bar/public-api.ts b/src/material/snack-bar/public-api.ts index 5b5cd58a85c8..fa4c66af7b01 100644 --- a/src/material/snack-bar/public-api.ts +++ b/src/material/snack-bar/public-api.ts @@ -13,4 +13,3 @@ export * from './snack-bar'; export * from './snack-bar-module'; export * from './snack-bar-config'; export * from './snack-bar-ref'; -export * from './snack-bar-animations'; diff --git a/src/material/snack-bar/snack-bar-animations.ts b/src/material/snack-bar/snack-bar-animations.ts deleted file mode 100644 index 027c430ba4d1..000000000000 --- a/src/material/snack-bar/snack-bar-animations.ts +++ /dev/null @@ -1,80 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by the Material snack bar. - * @docs-private - * @deprecated No longer used, will be removed. - * @breaking-change 21.0.0 - */ -export const matSnackBarAnimations: { - readonly snackBarState: any; -} = { - // Represents - // trigger('state', [ - // state( - // 'void, hidden', - // style({ - // transform: 'scale(0.8)', - // opacity: 0, - // }), - // ), - // state( - // 'visible', - // style({ - // transform: 'scale(1)', - // opacity: 1, - // }), - // ), - // transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')), - // transition( - // '* => void, * => hidden', - // animate( - // '75ms cubic-bezier(0.4, 0.0, 1, 1)', - // style({ - // opacity: 0, - // }), - // ), - // ), - // ]) - - /** Animation that shows and hides a snack bar. */ - snackBarState: { - type: 7, - name: 'state', - 'definitions': [ - { - type: 0, - name: 'void, hidden', - styles: {type: 6, styles: {transform: 'scale(0.8)', opacity: 0}, offset: null}, - }, - { - type: 0, - name: 'visible', - styles: {type: 6, styles: {transform: 'scale(1)', opacity: 1}, offset: null}, - }, - { - type: 1, - expr: '* => visible', - animation: {type: 4, styles: null, timings: '150ms cubic-bezier(0, 0, 0.2, 1)'}, - options: null, - }, - { - type: 1, - expr: '* => void, * => hidden', - animation: { - type: 4, - styles: {type: 6, styles: {opacity: 0}, offset: null}, - timings: '75ms cubic-bezier(0.4, 0.0, 1, 1)', - }, - options: null, - }, - ], - options: {}, - }, -}; From afad7232c0af392d5bc5a3a9207070371d021a5a Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:03:32 +0200 Subject: [PATCH 10/13] fix(material/sort): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matSortAnimations` symbol has been removed. --- goldens/material/sort/index.api.md | 10 - src/material/sort/BUILD.bazel | 1 - src/material/sort/public-api.ts | 1 - src/material/sort/sort-animations.ts | 331 --------------------------- 4 files changed, 343 deletions(-) delete mode 100644 src/material/sort/sort-animations.ts diff --git a/goldens/material/sort/index.api.md b/goldens/material/sort/index.api.md index 46cae4a290ba..46e19b68dba1 100644 --- a/goldens/material/sort/index.api.md +++ b/goldens/material/sort/index.api.md @@ -80,16 +80,6 @@ export interface MatSortable { start: SortDirection; } -// @public @deprecated -export const matSortAnimations: { - readonly indicator: any; - readonly leftPointer: any; - readonly rightPointer: any; - readonly arrowOpacity: any; - readonly arrowPosition: any; - readonly allowChildren: any; -}; - // @public export interface MatSortDefaultOptions { arrowPosition?: SortHeaderArrowPosition; diff --git a/src/material/sort/BUILD.bazel b/src/material/sort/BUILD.bazel index 7a4d034b9a61..692629f3ca7c 100644 --- a/src/material/sort/BUILD.bazel +++ b/src/material/sort/BUILD.bazel @@ -67,7 +67,6 @@ ng_project( "index.ts", "public-api.ts", "sort.ts", - "sort-animations.ts", "sort-direction.ts", "sort-errors.ts", "sort-header.ts", diff --git a/src/material/sort/public-api.ts b/src/material/sort/public-api.ts index d44a72250c9d..a53962429a28 100644 --- a/src/material/sort/public-api.ts +++ b/src/material/sort/public-api.ts @@ -11,4 +11,3 @@ export * from './sort-direction'; export * from './sort-header'; export * from './sort-header-intl'; export * from './sort'; -export * from './sort-animations'; diff --git a/src/material/sort/sort-animations.ts b/src/material/sort/sort-animations.ts deleted file mode 100644 index 1b77507f65f2..000000000000 --- a/src/material/sort/sort-animations.ts +++ /dev/null @@ -1,331 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by MatSort. - * @docs-private - * @deprecated No longer being used, to be removed. - * @breaking-change 21.0.0 - */ -export const matSortAnimations: { - readonly indicator: any; - readonly leftPointer: any; - readonly rightPointer: any; - readonly arrowOpacity: any; - readonly arrowPosition: any; - readonly allowChildren: any; -} = { - // Represents: - // trigger('indicator', [ - // state('active-asc, asc', style({transform: 'translateY(0px)'})), - // // 10px is the height of the sort indicator, minus the width of the pointers - // state('active-desc, desc', style({transform: 'translateY(10px)'})), - // transition('active-asc <=> active-desc', animate(SORT_ANIMATION_TRANSITION)), - // ]) - - /** Animation that moves the sort indicator. */ - indicator: { - type: 7, - name: 'indicator', - definitions: [ - { - type: 0, - name: 'active-asc, asc', - styles: {type: 6, styles: {transform: 'translateY(0px)'}, offset: null}, - }, - { - type: 0, - name: 'active-desc, desc', - styles: {type: 6, styles: {transform: 'translateY(10px)'}, offset: null}, - }, - { - type: 1, - expr: 'active-asc <=> active-desc', - animation: {type: 4, styles: null, timings: '225ms cubic-bezier(0.4,0.0,0.2,1)'}, - options: null, - }, - ], - options: {}, - }, - - // Represents: - // trigger('leftPointer', [ - // state('active-asc, asc', style({transform: 'rotate(-45deg)'})), - // state('active-desc, desc', style({transform: 'rotate(45deg)'})), - // transition('active-asc <=> active-desc', animate(SORT_ANIMATION_TRANSITION)), - // ]) - - /** Animation that rotates the left pointer of the indicator based on the sorting direction. */ - leftPointer: { - type: 7, - name: 'leftPointer', - definitions: [ - { - type: 0, - name: 'active-asc, asc', - styles: {type: 6, styles: {transform: 'rotate(-45deg)'}, offset: null}, - }, - { - type: 0, - name: 'active-desc, desc', - styles: {type: 6, styles: {transform: 'rotate(45deg)'}, offset: null}, - }, - { - type: 1, - expr: 'active-asc <=> active-desc', - animation: {type: 4, styles: null, timings: '225ms cubic-bezier(0.4,0.0,0.2,1)'}, - options: null, - }, - ], - options: {}, - }, - - // Represents: - // trigger('rightPointer', [ - // state('active-asc, asc', style({transform: 'rotate(45deg)'})), - // state('active-desc, desc', style({transform: 'rotate(-45deg)'})), - // transition('active-asc <=> active-desc', animate(SORT_ANIMATION_TRANSITION)), - // ]) - - /** Animation that rotates the right pointer of the indicator based on the sorting direction. */ - rightPointer: { - type: 7, - name: 'rightPointer', - definitions: [ - { - type: 0, - name: 'active-asc, asc', - styles: {type: 6, styles: {transform: 'rotate(45deg)'}, offset: null}, - }, - { - type: 0, - name: 'active-desc, desc', - styles: {type: 6, styles: {transform: 'rotate(-45deg)'}, offset: null}, - }, - { - type: 1, - expr: 'active-asc <=> active-desc', - animation: {type: 4, styles: null, timings: '225ms cubic-bezier(0.4,0.0,0.2,1)'}, - options: null, - }, - ], - options: {}, - }, - - // Represents: - // trigger('arrowOpacity', [ - // state('desc-to-active, asc-to-active, active', style({opacity: 1})), - // state('desc-to-hint, asc-to-hint, hint', style({opacity: 0.54})), - // state( - // 'hint-to-desc, active-to-desc, desc, hint-to-asc, active-to-asc, asc, void', - // style({opacity: 0}), - // ), - // // Transition between all states except for immediate transitions - // transition('* => asc, * => desc, * => active, * => hint, * => void', animate('0ms')), - // transition('* <=> *', animate(SORT_ANIMATION_TRANSITION)), - // ]) - - /** Animation that controls the arrow opacity. */ - arrowOpacity: { - type: 7, - name: 'arrowOpacity', - definitions: [ - { - type: 0, - name: 'desc-to-active, asc-to-active, active', - styles: {type: 6, styles: {'opacity': 1}, offset: null}, - }, - { - type: 0, - name: 'desc-to-hint, asc-to-hint, hint', - styles: {type: 6, styles: {'opacity': 0.54}, offset: null}, - }, - { - type: 0, - name: 'hint-to-desc, active-to-desc, desc, hint-to-asc, active-to-asc, asc, void', - styles: {type: 6, styles: {'opacity': 0}, offset: null}, - }, - { - type: 1, - expr: '* => asc, * => desc, * => active, * => hint, * => void', - animation: {type: 4, styles: null, timings: '0ms'}, - options: null, - }, - { - type: 1, - expr: '* <=> *', - animation: {type: 4, styles: null, timings: '225ms cubic-bezier(0.4,0.0,0.2,1)'}, - options: null, - }, - ], - options: {}, - }, - - // Represents: - // trigger('arrowPosition', [ - // // Hidden Above => Hint Center - // transition( - // '* => desc-to-hint, * => desc-to-active', - // animate( - // SORT_ANIMATION_TRANSITION, - // keyframes([style({transform: 'translateY(-25%)'}), style({transform: 'translateY(0)'})]), - // ), - // ), - // // Hint Center => Hidden Below - // transition( - // '* => hint-to-desc, * => active-to-desc', - // animate( - // SORT_ANIMATION_TRANSITION, - // keyframes([style({transform: 'translateY(0)'}), style({transform: 'translateY(25%)'})]), - // ), - // ), - // // Hidden Below => Hint Center - // transition( - // '* => asc-to-hint, * => asc-to-active', - // animate( - // SORT_ANIMATION_TRANSITION, - // keyframes([style({transform: 'translateY(25%)'}), style({transform: 'translateY(0)'})]), - // ), - // ), - // // Hint Center => Hidden Above - // transition( - // '* => hint-to-asc, * => active-to-asc', - // animate( - // SORT_ANIMATION_TRANSITION, - // keyframes([style({transform: 'translateY(0)'}), style({transform: 'translateY(-25%)'})]), - // ), - // ), - // state( - // 'desc-to-hint, asc-to-hint, hint, desc-to-active, asc-to-active, active', - // style({transform: 'translateY(0)'}), - // ), - // state('hint-to-desc, active-to-desc, desc', style({transform: 'translateY(-25%)'})), - // state('hint-to-asc, active-to-asc, asc', style({transform: 'translateY(25%)'})), - // ]) - - /** - * Animation for the translation of the arrow as a whole. States are separated into two - * groups: ones with animations and others that are immediate. Immediate states are asc, desc, - * peek, and active. The other states define a specific animation (source-to-destination) - * and are determined as a function of their prev user-perceived state and what the next state - * should be. - */ - arrowPosition: { - type: 7, - name: 'arrowPosition', - definitions: [ - { - type: 1, - expr: '* => desc-to-hint, * => desc-to-active', - animation: { - type: 4, - styles: { - type: 5, - 'steps': [ - {type: 6, styles: {transform: 'translateY(-25%)'}, offset: null}, - {type: 6, styles: {transform: 'translateY(0)'}, offset: null}, - ], - }, - timings: '225ms cubic-bezier(0.4,0.0,0.2,1)', - }, - options: null, - }, - { - type: 1, - expr: '* => hint-to-desc, * => active-to-desc', - animation: { - type: 4, - styles: { - type: 5, - 'steps': [ - {type: 6, styles: {transform: 'translateY(0)'}, offset: null}, - {type: 6, styles: {transform: 'translateY(25%)'}, offset: null}, - ], - }, - timings: '225ms cubic-bezier(0.4,0.0,0.2,1)', - }, - options: null, - }, - { - type: 1, - expr: '* => asc-to-hint, * => asc-to-active', - animation: { - type: 4, - styles: { - type: 5, - 'steps': [ - {type: 6, styles: {transform: 'translateY(25%)'}, offset: null}, - {type: 6, styles: {transform: 'translateY(0)'}, offset: null}, - ], - }, - timings: '225ms cubic-bezier(0.4,0.0,0.2,1)', - }, - options: null, - }, - { - type: 1, - expr: '* => hint-to-asc, * => active-to-asc', - animation: { - type: 4, - styles: { - type: 5, - 'steps': [ - {type: 6, styles: {transform: 'translateY(0)'}, offset: null}, - {type: 6, styles: {transform: 'translateY(-25%)'}, offset: null}, - ], - }, - timings: '225ms cubic-bezier(0.4,0.0,0.2,1)', - }, - options: null, - }, - { - type: 0, - name: 'desc-to-hint, asc-to-hint, hint, desc-to-active, asc-to-active, active', - styles: {type: 6, styles: {transform: 'translateY(0)'}, offset: null}, - }, - { - type: 0, - name: 'hint-to-desc, active-to-desc, desc', - styles: {type: 6, styles: {transform: 'translateY(-25%)'}, offset: null}, - }, - { - type: 0, - name: 'hint-to-asc, active-to-asc, asc', - styles: {type: 6, styles: {transform: 'translateY(25%)'}, offset: null}, - }, - ], - options: {}, - }, - - // Represents: - // trigger('allowChildren', [ - // transition('* <=> *', [query('@*', animateChild(), {optional: true})]), - // ]) - - /** Necessary trigger that calls animate on children animations. */ - allowChildren: { - type: 7, - name: 'allowChildren', - definitions: [ - { - type: 1, - expr: '* <=> *', - animation: [ - { - type: 11, - selector: '@*', - animation: {type: 9, options: null}, - options: {optional: true}, - }, - ], - options: null, - }, - ], - options: {}, - }, -}; From a1c0d53191b094cd4aa34dea135848ae193f2a39 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:03:50 +0200 Subject: [PATCH 11/13] fix(material/stepper): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matStepperAnimations` symbol has been removed. --- goldens/material/stepper/index.api.md | 6 - src/material/stepper/BUILD.bazel | 1 - src/material/stepper/public-api.ts | 1 - src/material/stepper/stepper-animations.ts | 162 --------------------- 4 files changed, 170 deletions(-) delete mode 100644 src/material/stepper/stepper-animations.ts diff --git a/goldens/material/stepper/index.api.md b/goldens/material/stepper/index.api.md index 21ee4ffd5695..12e2eb9d57ee 100644 --- a/goldens/material/stepper/index.api.md +++ b/goldens/material/stepper/index.api.md @@ -151,12 +151,6 @@ export class MatStepper extends CdkStepper implements AfterViewInit, AfterConten static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matStepperAnimations: { - readonly horizontalStepTransition: any; - readonly verticalStepTransition: any; -}; - // @public export class MatStepperIcon { constructor(...args: unknown[]); diff --git a/src/material/stepper/BUILD.bazel b/src/material/stepper/BUILD.bazel index 72f91b46923d..287f557ec1b8 100644 --- a/src/material/stepper/BUILD.bazel +++ b/src/material/stepper/BUILD.bazel @@ -88,7 +88,6 @@ ng_project( "step-header.ts", "step-label.ts", "stepper.ts", - "stepper-animations.ts", "stepper-button.ts", "stepper-icon.ts", "stepper-intl.ts", diff --git a/src/material/stepper/public-api.ts b/src/material/stepper/public-api.ts index 8b0ef70f7f60..2bb62cbf7977 100644 --- a/src/material/stepper/public-api.ts +++ b/src/material/stepper/public-api.ts @@ -13,6 +13,5 @@ export * from './stepper'; export * from './stepper-button'; export * from './step-header'; export * from './stepper-intl'; -export {matStepperAnimations} from './stepper-animations'; export * from './stepper-icon'; export * from './step-content'; diff --git a/src/material/stepper/stepper-animations.ts b/src/material/stepper/stepper-animations.ts deleted file mode 100644 index 180e517360a7..000000000000 --- a/src/material/stepper/stepper-animations.ts +++ /dev/null @@ -1,162 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by the Material steppers. - * @docs-private - * @deprecated No longer used, will be removed. - * @breaking-change 21.0.0 - */ -export const matStepperAnimations: { - readonly horizontalStepTransition: any; - readonly verticalStepTransition: any; -} = { - // Represents: - // trigger('horizontalStepTransition', [ - // state('previous', style({transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden'})), - // // Transition to `inherit`, rather than `visible`, - // // because visibility on a child element the one from the parent, - // // making this element focusable inside of a `hidden` element. - // state('current', style({transform: 'none', visibility: 'inherit'})), - // state('next', style({transform: 'translate3d(100%, 0, 0)', visibility: 'hidden'})), - // transition( - // '* => *', - // group([ - // animate('{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)'), - // query('@*', animateChild(), {optional: true}), - // ]), - // { - // params: {animationDuration: '500ms'}, - // }, - // ), - // ]) - - /** Animation that transitions the step along the X axis in a horizontal stepper. */ - horizontalStepTransition: { - type: 7, - name: 'horizontalStepTransition', - definitions: [ - { - type: 0, - name: 'previous', - styles: { - type: 6, - styles: {transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden'}, - offset: null, - }, - }, - { - type: 0, - name: 'current', - styles: { - type: 6, - styles: {transform: 'none', visibility: 'inherit'}, - offset: null, - }, - }, - { - type: 0, - name: 'next', - styles: { - type: 6, - styles: {transform: 'translate3d(100%, 0, 0)', visibility: 'hidden'}, - offset: null, - }, - }, - { - type: 1, - expr: '* => *', - animation: { - type: 3, - steps: [ - { - type: 4, - styles: null, - timings: '{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)', - }, - { - type: 11, - selector: '@*', - animation: {type: 9, options: null}, - options: {optional: true}, - }, - ], - options: null, - }, - options: {params: {animationDuration: '500ms'}}, - }, - ], - options: {}, - }, - - // Represents: - // trigger('verticalStepTransition', [ - // state('previous', style({height: '0px', visibility: 'hidden'})), - // state('next', style({height: '0px', visibility: 'hidden'})), - // // Transition to `inherit`, rather than `visible`, - // // because visibility on a child element the one from the parent, - // // making this element focusable inside of a `hidden` element. - // state('current', style({height: '*', visibility: 'inherit'})), - // transition( - // '* <=> current', - // group([ - // animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'), - // query('@*', animateChild(), {optional: true}), - // ]), - // { - // params: {animationDuration: '225ms'}, - // }, - // ), - // ]) - - /** Animation that transitions the step along the Y axis in a vertical stepper. */ - verticalStepTransition: { - type: 7, - name: 'verticalStepTransition', - definitions: [ - { - type: 0, - name: 'previous', - styles: {type: 6, styles: {'height': '0px', visibility: 'hidden'}, offset: null}, - }, - { - type: 0, - name: 'next', - styles: {type: 6, styles: {'height': '0px', visibility: 'hidden'}, offset: null}, - }, - { - type: 0, - name: 'current', - styles: {type: 6, styles: {'height': '*', visibility: 'inherit'}, offset: null}, - }, - { - type: 1, - expr: '* <=> current', - animation: { - type: 3, - steps: [ - { - type: 4, - styles: null, - timings: '{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)', - }, - { - type: 11, - selector: '@*', - animation: {type: 9, options: null}, - options: {optional: true}, - }, - ], - options: null, - }, - options: {params: {animationDuration: '225ms'}}, - }, - ], - options: {}, - }, -}; From b094d836c2b6781abb62a4ce4ebf5ed7e438bb6d Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:04:06 +0200 Subject: [PATCH 12/13] fix(material/tabs): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matTabsAnimations` symbol has been removed. --- goldens/material/tabs/index.api.md | 5 - src/material/tabs/BUILD.bazel | 1 - src/material/tabs/public-api.ts | 1 - src/material/tabs/tabs-animations.ts | 151 --------------------------- 4 files changed, 158 deletions(-) delete mode 100644 src/material/tabs/tabs-animations.ts diff --git a/goldens/material/tabs/index.api.md b/goldens/material/tabs/index.api.md index 3c668cc988e6..1517c7c19e75 100644 --- a/goldens/material/tabs/index.api.md +++ b/goldens/material/tabs/index.api.md @@ -509,11 +509,6 @@ export class MatTabNavPanel { static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matTabsAnimations: { - readonly translateTab: any; -}; - // @public export interface MatTabsConfig { alignTabs?: 'start' | 'center' | 'end'; diff --git a/src/material/tabs/BUILD.bazel b/src/material/tabs/BUILD.bazel index d58ca8332a7d..7363ffb98127 100644 --- a/src/material/tabs/BUILD.bazel +++ b/src/material/tabs/BUILD.bazel @@ -122,7 +122,6 @@ ng_project( "tab-label.ts", "tab-label-wrapper.ts", "tab-nav-bar/tab-nav-bar.ts", - "tabs-animations.ts", "tabs-module.ts", ], assets = [ diff --git a/src/material/tabs/public-api.ts b/src/material/tabs/public-api.ts index 3204fc2a672f..6ee1c59cafee 100644 --- a/src/material/tabs/public-api.ts +++ b/src/material/tabs/public-api.ts @@ -32,5 +32,4 @@ export { MatTabHeaderPosition, } from './tab-group'; export {MatTabNav, MatTabNavPanel, MatTabLink} from './tab-nav-bar/tab-nav-bar'; -export {matTabsAnimations} from './tabs-animations'; export {MatTabLabelWrapper} from './tab-label-wrapper'; diff --git a/src/material/tabs/tabs-animations.ts b/src/material/tabs/tabs-animations.ts deleted file mode 100644 index 874fcdabba83..000000000000 --- a/src/material/tabs/tabs-animations.ts +++ /dev/null @@ -1,151 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by the Material tabs. - * @docs-private - * @deprecated No longer used, will be removed. - * @breaking-change 21.0.0. - */ -export const matTabsAnimations: { - readonly translateTab: any; -} = { - // Represents: - // trigger('translateTab', [ - // // Transitions to `none` instead of 0, because some browsers might blur the content. - // state( - // 'center, void, left-origin-center, right-origin-center', - // style({transform: 'none', visibility: 'visible'}), - // ), - - // // If the tab is either on the left or right, we additionally add a `min-height` of 1px - // // in order to ensure that the element has a height before its state changes. This is - // // necessary because Chrome does seem to skip the transition in RTL mode if the element does - // // not have a static height and is not rendered. See related issue: #9465 - // state( - // 'left', - // style({ - // transform: 'translate3d(-100%, 0, 0)', - // minHeight: '1px', - - // // Normally this is redundant since we detach the content from the DOM, but if the user - // // opted into keeping the content in the DOM, we have to hide it so it isn't focusable. - // visibility: 'hidden', - // }), - // ), - // state( - // 'right', - // style({ - // transform: 'translate3d(100%, 0, 0)', - // minHeight: '1px', - // visibility: 'hidden', - // }), - // ), - - // transition( - // '* => left, * => right, left => center, right => center', - // animate('{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)'), - // ), - // transition('void => left-origin-center', [ - // style({transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden'}), - // animate('{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)'), - // ]), - // transition('void => right-origin-center', [ - // style({transform: 'translate3d(100%, 0, 0)', visibility: 'hidden'}), - // animate('{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)'), - // ]), - // ]) - - /** Animation translates a tab along the X axis. */ - translateTab: { - type: 7, - name: 'translateTab', - definitions: [ - { - type: 0, - name: 'center, void, left-origin-center, right-origin-center', - styles: { - type: 6, - styles: {transform: 'none', visibility: 'visible'}, - offset: null, - }, - }, - { - type: 0, - name: 'left', - styles: { - type: 6, - styles: { - transform: 'translate3d(-100%, 0, 0)', - minHeight: '1px', - visibility: 'hidden', - }, - offset: null, - }, - }, - { - type: 0, - name: 'right', - styles: { - type: 6, - styles: { - transform: 'translate3d(100%, 0, 0)', - minHeight: '1px', - visibility: 'hidden', - }, - offset: null, - }, - }, - { - type: 1, - expr: '* => left, * => right, left => center, right => center', - animation: { - type: 4, - styles: null, - timings: '{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)', - }, - options: null, - }, - { - type: 1, - expr: 'void => left-origin-center', - animation: [ - { - type: 6, - styles: {transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden'}, - offset: null, - }, - { - type: 4, - styles: null, - timings: '{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)', - }, - ], - options: null, - }, - { - type: 1, - expr: 'void => right-origin-center', - animation: [ - { - type: 6, - styles: {transform: 'translate3d(100%, 0, 0)', visibility: 'hidden'}, - offset: null, - }, - { - type: 4, - styles: null, - timings: '{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)', - }, - ], - options: null, - }, - ], - options: {}, - }, -}; From 857085439be772b362c79092937ef837b930ebaa Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 26 Aug 2025 09:04:27 +0200 Subject: [PATCH 13/13] fix(material/tooltip): remove deprecated animation definitions Deletes publicly-exported animation definitions that were marked for removal in v21. BREAKING CHANGE: * `matTooltipAnimations` symbol has been removed. --- goldens/material/tooltip/index.api.md | 5 -- src/material/tooltip/BUILD.bazel | 1 - src/material/tooltip/public-api.ts | 1 - src/material/tooltip/tooltip-animations.ts | 56 ---------------------- 4 files changed, 63 deletions(-) delete mode 100644 src/material/tooltip/tooltip-animations.ts diff --git a/goldens/material/tooltip/index.api.md b/goldens/material/tooltip/index.api.md index 198a0989409f..ba0580769d09 100644 --- a/goldens/material/tooltip/index.api.md +++ b/goldens/material/tooltip/index.api.md @@ -103,11 +103,6 @@ export class MatTooltip implements OnDestroy, AfterViewInit { static ɵfac: i0.ɵɵFactoryDeclaration; } -// @public @deprecated -export const matTooltipAnimations: { - readonly tooltipState: any; -}; - // @public export interface MatTooltipDefaultOptions { disableTooltipInteractivity?: boolean; diff --git a/src/material/tooltip/BUILD.bazel b/src/material/tooltip/BUILD.bazel index 4fe5d6711334..49f5153e7efa 100644 --- a/src/material/tooltip/BUILD.bazel +++ b/src/material/tooltip/BUILD.bazel @@ -66,7 +66,6 @@ ng_project( "index.ts", "public-api.ts", "tooltip.ts", - "tooltip-animations.ts", "tooltip-module.ts", ], assets = [ diff --git a/src/material/tooltip/public-api.ts b/src/material/tooltip/public-api.ts index 21f4fd537d89..9496f7d0f5fe 100644 --- a/src/material/tooltip/public-api.ts +++ b/src/material/tooltip/public-api.ts @@ -7,5 +7,4 @@ */ export * from './tooltip'; -export * from './tooltip-animations'; export * from './tooltip-module'; diff --git a/src/material/tooltip/tooltip-animations.ts b/src/material/tooltip/tooltip-animations.ts deleted file mode 100644 index 8ae83dfd4608..000000000000 --- a/src/material/tooltip/tooltip-animations.ts +++ /dev/null @@ -1,56 +0,0 @@ -/** - * @license - * Copyright Google LLC All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.dev/license - */ - -/** - * Animations used by MatTooltip. - * @docs-private - * @deprecated No longer being used, to be removed. - * @breaking-change 21.0.0 - */ -export const matTooltipAnimations: { - readonly tooltipState: any; -} = { - // Represents: - // trigger('state', [ - // state('initial, void, hidden', style({opacity: 0, transform: 'scale(0.8)'})), - // state('visible', style({transform: 'scale(1)'})), - // transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')), - // transition('* => hidden', animate('75ms cubic-bezier(0.4, 0, 1, 1)')), - // ]) - - /** Animation that transitions a tooltip in and out. */ - tooltipState: { - type: 7, - name: 'state', - definitions: [ - { - type: 0, - name: 'initial, void, hidden', - styles: {type: 6, styles: {opacity: 0, transform: 'scale(0.8)'}, offset: null}, - }, - { - type: 0, - name: 'visible', - styles: {type: 6, styles: {transform: 'scale(1)'}, offset: null}, - }, - { - type: 1, - expr: '* => visible', - animation: {type: 4, styles: null, timings: '150ms cubic-bezier(0, 0, 0.2, 1)'}, - options: null, - }, - { - type: 1, - expr: '* => hidden', - animation: {type: 4, styles: null, timings: '75ms cubic-bezier(0.4, 0, 1, 1)'}, - options: null, - }, - ], - options: {}, - }, -};