NgDialogAnimation

This library using angular material dialog with animation, title, and rtl support.

options

1. Title.
2. Auto set diraction rtl when find dit='rtl'.
3. position.rowEnd/position.rowStart.
4. Animation -
``typescript
animation?:
| {
to: 'aside' | 'top' | 'bottom' | 'left' | 'right';
incomingOptions?: { keyframes?: Keyframe[]; keyframeAnimationOptions: KeyframeAnimationOptions };
outgoingOptions?: { keyframes?: Keyframe[]; keyframeAnimationOptions: KeyframeAnimationOptions }
}
| {
to?: 'aside' | 'top' | 'bottom' | 'left' | 'right';
incomingOptions?: { keyframes: Keyframe[]; keyframeAnimationOptions: KeyframeAnimationOptions };
outgoingOptions?: { keyframes: Keyframe[]; keyframeAnimationOptions: KeyframeAnimationOptions };
};

`
stackblitz playground

Get started

$3

`
npm i ng-dialog-animation

`

$3


`typescript
@NgModule({
//....
providers: [
NgDialogAnimationService,
],
})
//......
`

$3

`typescript
import { NgDialogAnimationService } from 'ng-dialog-animation';

export class SomeComponent {
constructor(public dialog: NgDialogAnimationService) {
}
}
`

$3


`typescript
openDialog(): void {
const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
width: "250px",
animation: { to: "aside" }
}
}
``