/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
export class PlanningComponent {
    constructor() {
        this.selected = false;
        this.showPreview = false;
    }
    /**
     * @return {?}
     */
    openPreview() {
        this.showPreview = true;
        console.log('open it!');
    }
    /**
     * @return {?}
     */
    closePreview() {
        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 }]
};
if (false) {
    /** @type {?} */
    PlanningComponent.prototype.planning;
    /** @type {?} */
    PlanningComponent.prototype.selected;
    /** @type {?} */
    PlanningComponent.prototype.showPreview;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhbm5pbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJpZGkvY29tbW9uLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbW9kdWxlcy9jb250ZW50cy1saWJyYXJ5L3BsYW5uaW5nL3BsYW5uaW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPakQsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQU9XLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7SUFXdEIsQ0FBQzs7OztJQVRDLFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixPQUFPLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzFCLENBQUM7Ozs7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLENBQUM7OztZQWxCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLGcxREFBd0M7O2FBRXpDOzs7dUJBRUUsS0FBSzt1QkFDTCxLQUFLOzs7O0lBRE4scUNBQWtCOztJQUNsQixxQ0FBMEI7O0lBQzFCLHdDQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYmlkaS1wbGFubmluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wbGFubmluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BsYW5uaW5nLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGxhbm5pbmdDb21wb25lbnQge1xuICBASW5wdXQoKSBwbGFubmluZztcbiAgQElucHV0KCkgc2VsZWN0ZWQgPSBmYWxzZTtcbiAgc2hvd1ByZXZpZXcgPSBmYWxzZTtcblxuICBvcGVuUHJldmlldygpIHtcbiAgICB0aGlzLnNob3dQcmV2aWV3ID0gdHJ1ZTtcbiAgICBjb25zb2xlLmxvZygnb3BlbiBpdCEnKTtcbiAgfVxuXG4gIGNsb3NlUHJldmlldygpIHtcbiAgICB0aGlzLnNob3dQcmV2aWV3ID0gZmFsc2U7XG4gICAgY29uc29sZS5sb2coKTtcbiAgfVxufVxuIl19