/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
export class EditableContentComponent {
    constructor() {
        this.selected = false;
        this.showPreview = false;
        this.noCategory = 'Sin categoria';
    }
    /**
     * @return {?}
     */
    openPreview() {
        this.showPreview = true;
        console.log('open it!');
    }
    /**
     * @param {?} e
     * @return {?}
     */
    closePreview(e) {
        this.showPreview = e;
        console.log(e);
    }
}
EditableContentComponent.decorators = [
    { type: Component, args: [{
                selector: 'bidi-editable-content',
                template: "<div class=\"content-component\" [ngClass]=\"{ 'selected': selected }\">\n    <div class=\"content-preview-container is-absolute\" [ngClass]=\"{'active': showPreview}\">\n        <bidi-content-preview *ngIf=\"showPreview\" \n        (close)=\"closePreview($event)\" \n        [resource]=\"resource\">\n      </bidi-content-preview>\n      </div>\n  <!--<div class=\"chek-container\">\n    <label class=\"chek-container fake-check\" [ngClass]=\"{ selected: selected }\"></label>\n  </div>-->\n  \n  <div class=\"card\">\n    <div class=\"card-image is-pulled-left\">\n      <figure class=\"image\">\n        <img [src]=\"resource.previewUrl\" alt=\"Placeholder image\">\n      </figure>\n    </div>\n    <div class=\"card-content\">\n      <div class=\"content\">\n        \n        <h3 class=\"is-size-7 is-ff-bold\">{{ resource.title }} |  <span *ngIf=\"resource.tags[0]\">{{ resource.tags[0].name || noCategory}}</span></h3>\n        <p class=\"is-size-8\">{{resource.abstract}}</p>\n        <p class=\"is-size-8 is-ff-regular has-text-grey-light\"><span *ngFor=\"let tag of resource.tags\" >#{{tag.name}}, </span>\n        </p>\n        <div class=\"buttons\">\n            <button class=\"button is-tt-secondary is-outlined is-size-7\" \n            (click)=\"openPreview()\">Vista previa</button>\n            <button class=\"button is-tt-secondary is-outlined is-size-7\" \n            [ngClass]=\"{'active-button': selected}\">\n              <span *ngIf=\"!selected; else isSelected\">Seleccionar</span>\n              <ng-template #isSelected><span >Seleccionado</span>  </ng-template>\n              \n            </button>\n          </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n",
                styles: [".card,.chek-container{cursor:pointer}.card-content{padding:5px 28px 5px 0;margin-left:37px}.card-content .content h3{margin-top:-5px;margin-bottom:2px}.card-content .content h4{margin-bottom:5px;padding:3px 7px}.card-content .content p{margin-bottom:0}.card-content .content p:last-child{margin-bottom:1em}figure{margin:0;width:100%;height:30px;overflow:hidden;background:#333;text-align:center}figure img{display:inline-block;height:108%;-o-object-fit:cover;object-fit:cover;max-width:none;width:auto;margin:0 auto}.chek-container{position:absolute;right:4px;top:4px;z-index:15}.chek-container input[type=checkbox]{display:none}.chek-container .fake-check{width:20px;height:20px;background:#fff;border:.2em solid #00f699;border-radius:50%;transition:.25s}.chek-container .fake-check.selected{background:#00f699}.card{padding:7px;box-shadow:none}.card .card-image{width:30px;margin-right:7px;height:30px}input[type=checkbox]:checked~label.fake-check{background:#00f699!important}.content-component{margin-bottom:.6rem;transition:.25s;border:1px solid #e5e5e5}.content-component.selected{box-shadow:0 0 6px rgba(0,0,0,.3)}.content-preview-container{top:35px;right:-97vw;bottom:0;background:#fff;z-index:100;position:fixed;width:97vw;transition:.25s}.content-preview-container.active{right:0;box-shadow:-4px 0 27px rgba(0,0,0,.3)}button.active-button{background-color:#0cf!important;border-color:#0cf!important;color:#fff!important}"]
            }] }
];
EditableContentComponent.propDecorators = {
    resource: [{ type: Input }],
    selected: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    EditableContentComponent.prototype.resource;
    /** @type {?} */
    EditableContentComponent.prototype.selected;
    /** @type {?} */
    EditableContentComponent.prototype.showPreview;
    /** @type {?} */
    EditableContentComponent.prototype.noCategory;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYmlkaS9jb21tb24tY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9tb2R1bGVzL2NvbnRlbnRzLWxpYnJhcnkvZWRpdGFibGUtY29udGVudC9lZGl0YWJsZS1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFRakQsTUFBTSxPQUFPLHdCQUF3QjtJQUxyQztRQU9XLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsZUFBVSxHQUFHLGVBQWUsQ0FBQztJQWEvQixDQUFDOzs7O0lBWEMsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDMUIsQ0FBQzs7Ozs7SUFDRCxZQUFZLENBQUMsQ0FBQztRQUNaLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO1FBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakIsQ0FBQzs7O1lBbEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQywrcURBQWdEOzthQUVqRDs7O3VCQUVFLEtBQUs7dUJBQ0wsS0FBSzs7OztJQUROLDRDQUFrQjs7SUFDbEIsNENBQTBCOztJQUMxQiwrQ0FBb0I7O0lBQ3BCLDhDQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdiaWRpLWVkaXRhYmxlLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZWRpdGFibGUtY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VkaXRhYmxlLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFZGl0YWJsZUNvbnRlbnRDb21wb25lbnQgIHtcbiAgQElucHV0KCkgcmVzb3VyY2U7XG4gIEBJbnB1dCgpIHNlbGVjdGVkID0gZmFsc2U7XG4gIHNob3dQcmV2aWV3ID0gZmFsc2U7XG4gIG5vQ2F0ZWdvcnkgPSAnU2luIGNhdGVnb3JpYSc7XG5cbiAgb3BlblByZXZpZXcoKSB7XG4gICAgdGhpcy5zaG93UHJldmlldyA9IHRydWU7XG4gICAgY29uc29sZS5sb2coJ29wZW4gaXQhJyk7XG4gIH1cbiAgY2xvc2VQcmV2aWV3KGUpIHtcbiAgICB0aGlzLnNob3dQcmV2aWV3ID0gZTtcbiAgICBjb25zb2xlLmxvZyhlKTtcbiAgfVxuXG5cblxufVxuIl19