import { __decorate } from "tslib";
import { Component, Input, Output, EventEmitter } from '@angular/core';
var ItemBookmarkComponent = /** @class */ (function () {
    function ItemBookmarkComponent() {
        this.updatedBookMarkStatus = new EventEmitter();
    }
    ItemBookmarkComponent.prototype.ngOnInit = function () { };
    ItemBookmarkComponent.prototype.updateBookmark = function (event) {
        this.updatedBookMarkStatus.emit(event.target.checked);
    };
    __decorate([
        Input()
    ], ItemBookmarkComponent.prototype, "isBookMarked", void 0);
    __decorate([
        Output()
    ], ItemBookmarkComponent.prototype, "updatedBookMarkStatus", void 0);
    ItemBookmarkComponent = __decorate([
        Component({
            selector: 'wkqp-item-bookmark',
            template: "<div class=\"qp-feature-menu\">\n  <div class=\"bookmark-menu\">\n    <span\n      ><input\n        aria-label=\"Bookmark Question\"\n        type=\"checkbox\"\n        name=\"mark\"\n        [(ngModel)]=\"isBookMarked\"\n        (change)=\"updateBookmark($event)\"\n      />\n      <img\n        alt=\"BookMark Question\"\n        class=\"examTaker-marked-icon\"\n        src=\"assets/engine-icons/mark-icon.png\"\n        style=\"padding-bottom: 4px\"\n      />\n    </span>\n    <span class=\"pt3\">Mark</span>\n  </div>\n</div>\n",
            styles: [".bookmark-menu span{display:block;text-align:center;color:#474747;font-size:14px}.pt3{padding-top:3px}.examTaker-marked-icon{left:5px;position:relative;top:-2px}.bookmark-menu input[type=checkbox]{margin-right:0}.bookmark-menu span:first-child{position:relative;top:8px}@-moz-document url-prefix(){.bookmark-menu{position:relative;top:-6px}}"]
        })
    ], ItemBookmarkComponent);
    return ItemBookmarkComponent;
}());
export { ItemBookmarkComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS1ib29rbWFyay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9leGFtLWVuZ2luZS1saWJyYXJpZXMvIiwic291cmNlcyI6WyJsaWIvc2hhcmVkL2NvbXBvbmVudHMvY29tbW9uL2l0ZW0tYm9va21hcmsvaXRlbS1ib29rbWFyay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPL0U7SUFHRTtRQURVLDBCQUFxQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDM0MsQ0FBQztJQUNoQix3Q0FBUSxHQUFSLGNBQVksQ0FBQztJQUNiLDhDQUFjLEdBQWQsVUFBZSxLQUFLO1FBQ2xCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBTlE7UUFBUixLQUFLLEVBQUU7K0RBQWM7SUFDWjtRQUFULE1BQU0sRUFBRTt3RUFBaUQ7SUFGL0MscUJBQXFCO1FBTGpDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxvQkFBb0I7WUFDOUIsaWlCQUE2Qzs7U0FFOUMsQ0FBQztPQUNXLHFCQUFxQixDQVFqQztJQUFELDRCQUFDO0NBQUEsQUFSRCxJQVFDO1NBUlkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3a3FwLWl0ZW0tYm9va21hcmsnLFxuICB0ZW1wbGF0ZVVybDogJy4vaXRlbS1ib29rbWFyay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2l0ZW0tYm9va21hcmsuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEl0ZW1Cb29rbWFya0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGlzQm9va01hcmtlZDtcbiAgQE91dHB1dCgpIHVwZGF0ZWRCb29rTWFya1N0YXR1cyA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG5nT25Jbml0KCkge31cbiAgdXBkYXRlQm9va21hcmsoZXZlbnQpIHtcbiAgICB0aGlzLnVwZGF0ZWRCb29rTWFya1N0YXR1cy5lbWl0KGV2ZW50LnRhcmdldC5jaGVja2VkKTtcbiAgfVxufVxuIl19