bea-shell
Version:
An angular component for a configurable application shell, consisting of a topbar and sidebar
36 lines • 2.94 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from '@angular/core';
export class MenuIconComponent {
constructor() {
this.active = false;
this.onStateChange = new EventEmitter();
}
/**
* @return {?}
*/
ngOnInit() {
}
}
MenuIconComponent.decorators = [
{ type: Component, args: [{
selector: 'menu-icon',
template: "\r\n<div class=\"container\" [class.active]=\"active\" (click)=\"onStateChange.emit( !active )\">\r\n <div class=\"bar top\"></div>\r\n <div class=\"bar middle\"></div>\r\n <div class=\"bar bottom\"></div>\r\n</div>",
styles: [".container{display:inline-block;cursor:pointer;padding:10px 16px 9px}.bar{width:18px;height:3px;background-color:rgba(0,0,0,.6);transition:.4s}.top{margin:0 0 3px}.middle{margin:3px 0}.bottom{margin:3px 0 0}.active .top{-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.active .middle{opacity:0}.active .bottom{-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}"]
}] }
];
/** @nocollapse */
MenuIconComponent.ctorParameters = () => [];
MenuIconComponent.propDecorators = {
active: [{ type: Input }],
onStateChange: [{ type: Output }]
};
if (false) {
/** @type {?} */
MenuIconComponent.prototype.active;
/** @type {?} */
MenuIconComponent.prototype.onStateChange;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2JlYS1zaGVsbC8iLCJzb3VyY2VzIjpbImxpYi9jb21tb24vbWVudS1pY29uL21lbnUtaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPL0UsTUFBTSxPQUFPLGlCQUFpQjtJQUs1QjtRQUhTLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDdkIsa0JBQWEsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVwRCxDQUFDOzs7O0lBRWpCLFFBQVE7SUFDUixDQUFDOzs7WUFiRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLHNPQUF5Qzs7YUFFMUM7Ozs7O3FCQUdFLEtBQUs7NEJBQ0wsTUFBTTs7OztJQURQLG1DQUFpQzs7SUFDakMsMENBQW9FIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVudS1pY29uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tZW51LWljb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVudUljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgb25TdGF0ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcbn1cclxuIl19