bea-shell
Version:
An angular component for a configurable application shell, consisting of a topbar and sidebar
43 lines • 3.81 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { MenuItem, SidebarOptions } from '@bea-shell/common/objects';
export class SidebarItemComponent {
constructor() {
}
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @return {?}
*/
select() {
this.selected = !this.selected;
}
}
SidebarItemComponent.decorators = [
{ type: Component, args: [{
selector: 'sidebar-item',
template: "<div class=\"item-group\" *ngIf=\"options\">\r\n <menu-item [barClass]=\"'sidebar-item'\" [menuItem]=\"menuItem\" [submenuIcon]=\"options?.submenuIcon\" (click)=select()></menu-item>\r\n <div class=\"sub-items\" *ngIf=\"menuItem.subitems\" [class.selected]=\"selected\">\r\n <div *ngFor=\"let subItem of menuItem.subitems\">\r\n <sidebar-item [options]=\"options\" [menuItem]=\"subItem\"></sidebar-item>\r\n </div>\r\n </div>\r\n</div>",
styles: [".topbar{height:54px;box-shadow:rgba(0,0,0,.2) 0 3px 5px -1px,rgba(0,0,0,.14) 0 6px 10px 0,transparent 0 1px 18px 0;background-color:#f0f0f0}.sidebar{width:300px;box-shadow:rgba(0,0,0,.2) 0 3px 5px -1px,rgba(0,0,0,.14) 0 6px 10px 0,transparent 0 1px 18px 0;background-color:#f0f0f0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-group{cursor:pointer}.item-group .sub-items{height:0;overflow-y:hidden}.item-group .sub-items.selected{height:auto;padding-top:5px;padding-bottom:5px}"]
}] }
];
/** @nocollapse */
SidebarItemComponent.ctorParameters = () => [];
SidebarItemComponent.propDecorators = {
options: [{ type: Input, args: ['options',] }],
menuItem: [{ type: Input, args: ['menuItem',] }]
};
if (false) {
/** @type {?} */
SidebarItemComponent.prototype.options;
/** @type {?} */
SidebarItemComponent.prototype.menuItem;
/** @type {?} */
SidebarItemComponent.prototype.selected;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2JlYS1zaGVsbC8iLCJzb3VyY2VzIjpbImxpYi9zaWRlYmFyL3NpZGViYXItaXRlbS9zaWRlYmFyLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBT3JFLE1BQU0sT0FBTyxvQkFBb0I7SUFPL0I7SUFDQSxDQUFDOzs7O0lBRUQsUUFBUTtJQUNSLENBQUM7Ozs7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQzs7O1lBcEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsaWVBQTRDOzthQUU3Qzs7Ozs7c0JBR0UsS0FBSyxTQUFDLFNBQVM7dUJBQ2YsS0FBSyxTQUFDLFVBQVU7Ozs7SUFEakIsdUNBQTBDOztJQUMxQyx3Q0FBc0M7O0lBRXRDLHdDQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgTWVudUl0ZW0sIFNpZGViYXJPcHRpb25zIH0gZnJvbSAnQGJlYS1zaGVsbC9jb21tb24vb2JqZWN0cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpZGViYXItaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXItaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci1pdGVtLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGViYXJJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCdvcHRpb25zJykgb3B0aW9uczogU2lkZWJhck9wdGlvbnM7XHJcbiAgQElucHV0KCdtZW51SXRlbScpIG1lbnVJdGVtOiBNZW51SXRlbTtcclxuXHJcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyBcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0KCl7XHJcbiAgICB0aGlzLnNlbGVjdGVkID0gIXRoaXMuc2VsZWN0ZWQ7XHJcbiAgfVxyXG59XHJcbiJdfQ==