dynamicbible/DynamicBibleIonic/src/components/error/error.ts

import { EventEmitter, Component, Input, Output, ElementRef } from "@angular/core";
import { CardItem } from "../../pages/search/search";

@Component({
    selector: "error",
    templateUrl: "error.html"
})
export class Error
{
    @Output()
    onClose = new EventEmitter<CardItem>();

    @Input()
    cardItem: CardItem;

    constructor(private elementRef: ElementRef)
    {
    }

    close()
    {
        let d = 275;
        this.elementRef.nativeElement.parentElement.animate({
            transform: ['none', 'translate3d(110%, 0, 0)']
        }, {
                fill: 'forwards',
                duration: d,
                iterations: 1,
                easing: 'ease-in-out',
            });
        setTimeout(() =>
        {
            this.onClose.emit(this.cardItem);
        }, d);
    }
}