mirror of
https://github.com/bitwarden/browser
synced 2025-12-16 16:23:44 +00:00
27 lines
896 B
TypeScript
27 lines
896 B
TypeScript
import { animate, state, style, transition, trigger } from "@angular/animations";
|
|
import { Component } from "@angular/core";
|
|
import { Toast as BaseToastrComponent } from "ngx-toastr";
|
|
|
|
@Component({
|
|
template: `
|
|
<bit-toast
|
|
[title]="options?.payload?.title"
|
|
[variant]="options?.payload?.variant"
|
|
[message]="options?.payload?.message"
|
|
[progressWidth]="width"
|
|
(onClose)="remove()"
|
|
></bit-toast>
|
|
`,
|
|
animations: [
|
|
trigger("flyInOut", [
|
|
state("inactive", style({ opacity: 0 })),
|
|
state("active", style({ opacity: 1 })),
|
|
state("removed", style({ opacity: 0 })),
|
|
transition("inactive => active", animate("{{ easeTime }}ms {{ easing }}")),
|
|
transition("active => removed", animate("{{ easeTime }}ms {{ easing }}")),
|
|
]),
|
|
],
|
|
preserveWhitespaces: false,
|
|
})
|
|
export class BitwardenToastrComponent extends BaseToastrComponent {}
|