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

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

    @Input()
    cardItem: CardItem;
    
    @Input()
    versesOnNewLine: boolean;

    constructor()
    {
    }

    close()
    {
        this.onClose.emit(this.cardItem);
    }

    openStrongs(strongs: string)
    {
        this.onItemClicked.emit({ card: this.cardItem, qry: this.cardItem.dict + strongs });
    }
    
    openMenu(strongs: string)
    {
    }
    
    isPunct(c: string)
    {
        return new RegExp('^[\.\,\;\:\?\!]$').test(c)
    }
}