import { Component, Input, QueryList, ViewChildren } from '@angular/core';
import { animate, style, transition, trigger } from '@angular/animations';
import { RToastComponent } from './toast.component';
const voidState = style({
    transform: 'translateX({{ direction }}110%)',
    height: 0,
    marginLeft: '0',
    marginRight: '0',
    marginTop: '0',
    marginBottom: '0',
});
const defaultOptions = { params: { direction: '' } };
export class RToastrContainerComponent {
    constructor() {
        this.content = [];
    }
}
RToastrContainerComponent.decorators = [
    { type: Component, args: [{
                selector: 'r-toastr-container',
                template: `
    <r-toast [@fadeIn]="fadeIn" *ngFor="let toast of content" [toast]="toast"></r-toast>`,
                animations: [
                    trigger('fadeIn', [
                        transition(':enter', [voidState, animate(100)], defaultOptions),
                        transition(':leave', [animate(100, voidState)], defaultOptions),
                    ]),
                ]
            },] }
];
RToastrContainerComponent.propDecorators = {
    content: [{ type: Input }],
    context: [{ type: Input }],
    position: [{ type: Input }],
    toasts: [{ type: ViewChildren, args: [RToastComponent,] }]
};
//# sourceMappingURL=toastr-container.component.js.map