/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
var PlanningComponent = /** @class */ (function () {
    function PlanningComponent() {
        this.selected = false;
        this.showPreview = false;
    }
    /**
     * @return {?}
     */
    PlanningComponent.prototype.openPreview = /**
     * @return {?}
     */
    function () {
        this.showPreview = true;
        console.log('open it!');
    };
    /**
     * @return {?}
     */
    PlanningComponent.prototype.closePreview = /**
     * @return {?}
     */
    function () {
        this.showPreview = false;
        console.log();
    };
    PlanningComponent.decorators = [
        { type: Component, args: [{
                    selector: 'bidi-planning',
                    template: "\n<div class=\"content-component\" [ngClass]=\"{ selected: selected }\">\n    <div class=\"content-preview-container is-absolute\" [ngClass]=\"{'active': showPreview}\">\n        <bidi-content-preview \n        *ngIf=\"showPreview\" \n        (close)=\"closePreview()\" \n        [resource]=\"planning\"\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              <svg style=\"fill: #999999;\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path d=\"M22 6v16h-16v-16h16zm2-2h-20v20h20v-20zm-24-4v20h2v-18h18v-2h-20z\"/></svg>            </figure>\n          </div>\n    <div class=\"card-content\">\n\n\n      <div class=\"content\">\n        \n          <h3 class=\"is-size-7 is-ff-bold\">{{ planning.title }}</h3>\n          <p class=\"is-size-8\">{{planning.abstract}}</p>\n          <p class=\"is-size-8 is-ff-regular has-text-grey-light\" *ngIf=\"planning.tags > 0\">\n            <span *ngFor=\"let tag of planning.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\n\n    </div>\n  </div>\n</div>\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;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{box-shadow:none;padding:7px}.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:0;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}"]
                }] }
    ];
    PlanningComponent.propDecorators = {
        planning: [{ type: Input }],
        selected: [{ type: Input }]
    };
    return PlanningComponent;
}());
export { PlanningComponent };
if (false) {
    /** @type {?} */
    PlanningComponent.prototype.planning;
    /** @type {?} */
    PlanningComponent.prototype.selected;
    /** @type {?} */
    PlanningComponent.prototype.showPreview;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhbm5pbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJpZGkvY29tbW9uLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbW9kdWxlcy9jb250ZW50cy1saWJyYXJ5L3BsYW5uaW5nL3BsYW5uaW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQ7SUFBQTtRQU9XLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7SUFXdEIsQ0FBQzs7OztJQVRDLHVDQUFXOzs7SUFBWDtRQUNFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDMUIsQ0FBQzs7OztJQUVELHdDQUFZOzs7SUFBWjtRQUNFLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQztJQUNoQixDQUFDOztnQkFsQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixnMURBQXdDOztpQkFFekM7OzsyQkFFRSxLQUFLOzJCQUNMLEtBQUs7O0lBWVIsd0JBQUM7Q0FBQSxBQW5CRCxJQW1CQztTQWRZLGlCQUFpQjs7O0lBQzVCLHFDQUFrQjs7SUFDbEIscUNBQTBCOztJQUMxQix3Q0FBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpZGktcGxhbm5pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGxhbm5pbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wbGFubmluZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBsYW5uaW5nQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcGxhbm5pbmc7XG4gIEBJbnB1dCgpIHNlbGVjdGVkID0gZmFsc2U7XG4gIHNob3dQcmV2aWV3ID0gZmFsc2U7XG5cbiAgb3BlblByZXZpZXcoKSB7XG4gICAgdGhpcy5zaG93UHJldmlldyA9IHRydWU7XG4gICAgY29uc29sZS5sb2coJ29wZW4gaXQhJyk7XG4gIH1cblxuICBjbG9zZVByZXZpZXcoKSB7XG4gICAgdGhpcy5zaG93UHJldmlldyA9IGZhbHNlO1xuICAgIGNvbnNvbGUubG9nKCk7XG4gIH1cbn1cbiJdfQ==