/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, EventEmitter, Output, Input } from '@angular/core';
export class SideMenuLeftComponent {
    constructor() {
        this.toggle = new EventEmitter();
        this.deployed = false;
        this.unclicked = true;
        this.changeBurger = false;
    }
    /**
     * @return {?}
     */
    onMenuOver() {
        this.deployed = !this.deployed;
    }
    /**
     * @return {?}
     */
    expandMenu() {
        this.changeBurger = !this.changeBurger;
        this.toggle.emit(!this.deployed);
    }
}
SideMenuLeftComponent.decorators = [
    { type: Component, args: [{
                selector: 'bidi-side-menu-left',
                template: "<div \nclass=\"content has-text-centered is-flex has-column-direction \nis-align-items-start is-flex-center\" \n[ngClass]=\"{'deployed': deployed }\" \n\n>\n<div class=\"is-relative\" style=\"height: 100%;\">\n    <a role=\"button\" class=\"navbar-burger\" aria-label=\"menu\" aria-expanded=\"false\" (click)=\"expandMenu()\" [ngClass]=\"{'is-active': changeBurger}\">\n        <span aria-hidden=\"true\"></span>\n        <span aria-hidden=\"true\"></span>\n        <span aria-hidden=\"true\"></span>\n      </a>\n  <div class=\" color-bg\" [ngClass]=\"{'deployed': deployed }\"></div>\n  <div  style=\"top: 0; bottom: 0;z-index: 3000;position: absolute;\">\n      <div class=\"is-grow-1 title\"  \n      [ngClass]=\"{'deployed': deployed }\">\n          <h1 class=\" has-text-light is-ff-black is-size-4 \">TICMAS</h1> \n          <h2 class=\"is-size-7 is-ff-light has-text-light\">Herramientas del docente</h2>\n        </div>\n        <div class=\"is-grow-4\" style=\"margin-top: 93px;\" >\n          <div class=\"menu-top\" >\n            <ng-content select=\".top\"></ng-content>\n          </div>\n          <div class=\"menu-bottom\" >\n            <div>\n              <div>\n                <ng-content select=\".bottom\"></ng-content>\n              </div>\n            </div>\n          </div>\n        </div>\n  </div>\n    \n</div>\n  \n\n</div>",
                styles: [".content{padding-top:0;width:45px;height:100%;left:0;top:0;bottom:0;z-index:2000;transition:.25s;justify-content:center;overflow:hidden}.content.deployed{width:187px}.title{letter-spacing:9px;padding:15px 8px;width:187px;opacity:0;transition:.3s;text-align:left;margin-bottom:0}.title h1{margin-bottom:0;margin-top:23px}.title h2{letter-spacing:.015em;margin-top:0;margin-bottom:0}.title.deployed{opacity:1}.menu-top{margin-bottom:24px;padding-left:5px}.menu-top>*{padding-top:.6em}.menu-bottom{padding-left:5px}.icon{align-items:center;display:inline-flex;justify-content:center;height:1.3rem;width:1.5rem}.color-bg{transition:.1s;bottom:0;top:0;width:0;background:linear-gradient(to right,rgba(25,25,25,.9) 0,rgba(30,54,72,.95) 100%);height:100%;border-right:1px solid rgba(255,255,255,.3)}.color-bg.deployed{width:187px}.color-bg.deployed svg{fill:#fff!important}.navbar-burger{color:#000;margin-top:-12px;margin-left:-8px;display:block!important;position:fixed;top:15px;z-index:2000;left:12px;border-radius:99999px;width:30px;height:30px}"]
            }] }
];
SideMenuLeftComponent.propDecorators = {
    toggle: [{ type: Output }],
    deployed: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    SideMenuLeftComponent.prototype.toggle;
    /** @type {?} */
    SideMenuLeftComponent.prototype.deployed;
    /** @type {?} */
    SideMenuLeftComponent.prototype.unclicked;
    /** @type {?} */
    SideMenuLeftComponent.prototype.changeBurger;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWxlZnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJpZGkvY29tbW9uLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbW9kdWxlcy9zaWRlLW1lbnUtbGVmdC9zaWRlLW1lbnUtbGVmdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPdkUsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQU1ZLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzdCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFMUIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQixpQkFBWSxHQUFHLEtBQUssQ0FBQztJQVd2QixDQUFDOzs7O0lBVkMsVUFBVTtRQUNSLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7Ozs7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7UUFFdkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFbkMsQ0FBQzs7O1lBcEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQiwwMUNBQThDOzthQUUvQzs7O3FCQUVFLE1BQU07dUJBQ04sS0FBSzs7OztJQUROLHVDQUFzQzs7SUFDdEMseUNBQTBCOztJQUUxQiwwQ0FBaUI7O0lBQ2pCLDZDQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpZGktc2lkZS1tZW51LWxlZnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1tZW51LWxlZnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlLW1lbnUtbGVmdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVNZW51TGVmdENvbXBvbmVudCB7XG4gIEBPdXRwdXQoKSB0b2dnbGUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBJbnB1dCgpIGRlcGxveWVkID0gZmFsc2U7XG5cbiAgdW5jbGlja2VkID0gdHJ1ZTtcbiAgY2hhbmdlQnVyZ2VyID0gZmFsc2U7XG4gIG9uTWVudU92ZXIoKSB7XG4gICAgdGhpcy5kZXBsb3llZCA9ICF0aGlzLmRlcGxveWVkO1xuICB9XG5cbiAgZXhwYW5kTWVudSgpIHtcbiAgICB0aGlzLmNoYW5nZUJ1cmdlciA9ICF0aGlzLmNoYW5nZUJ1cmdlcjtcblxuICAgIHRoaXMudG9nZ2xlLmVtaXQoIXRoaXMuZGVwbG95ZWQpO1xuXG4gIH1cbn1cbiJdfQ==