bea-shell/esm5/lib/topbar/topbar-item/topbar-item.component.js

An angular component for a configurable application shell, consisting of a topbar and sidebar

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
import { MenuItem } from '@bea-shell/common/objects';
var TopbarItemComponent = /** @class */ (function () {
    function TopbarItemComponent() {
    }
    /**
     * @return {?}
     */
    TopbarItemComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    /**
     * @param {?} menuItem
     * @return {?}
     */
    TopbarItemComponent.prototype.select = /**
     * @param {?} menuItem
     * @return {?}
     */
    function (menuItem) {
        console.log(menuItem);
    };
    TopbarItemComponent.decorators = [
        { type: Component, args: [{
                    selector: 'topbar-item',
                    template: "<div class=\"item-group\" [ngClass]=\"menuItem.class\">\r\n  <div *ngIf=\"menuItem.html\">{{menuItem.html}}</div>\r\n  <menu-item [barClass]=\"'topbar-item'\" [menuItem]=\"menuItem\" (click)=select(menuItem)></menu-item>\r\n  <div class=\"subitems\" *ngIf=\"menuItem.subitems\">\r\n    <menu-item *ngFor=\"let menuItem of menuItem.subitems\" [barClass]=\"'topbar-subitem'\" [menuItem]=\"menuItem\" (click)=select(menuItem)></menu-item>\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;display:inline-block}.item-group .subitems{display:none;position:fixed;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.item-group .subitems .item,.item-group:hover .subitems{display:block}"]
                }] }
    ];
    /** @nocollapse */
    TopbarItemComponent.ctorParameters = function () { return []; };
    TopbarItemComponent.propDecorators = {
        menuItem: [{ type: Input, args: ["menuItem",] }]
    };
    return TopbarItemComponent;
}());
export { TopbarItemComponent };
if (false) {
    /** @type {?} */
    TopbarItemComponent.prototype.menuItem;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wYmFyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYmVhLXNoZWxsLyIsInNvdXJjZXMiOlsibGliL3RvcGJhci90b3BiYXItaXRlbS90b3BiYXItaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUF5QixNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFckQ7SUFTRTtJQUFnQixDQUFDOzs7O0lBRWpCLHNDQUFROzs7SUFBUjtJQUNBLENBQUM7Ozs7O0lBRUQsb0NBQU07Ozs7SUFBTixVQUFPLFFBQVE7UUFDYixPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQ3ZCLENBQUM7O2dCQWhCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLHFkQUEyQzs7aUJBRTVDOzs7OzsyQkFHRSxLQUFLLFNBQUMsVUFBVTs7SUFVbkIsMEJBQUM7Q0FBQSxBQWpCRCxJQWlCQztTQVpZLG1CQUFtQjs7O0lBRTlCLHVDQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgRWxlbWVudFJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJ0BiZWEtc2hlbGwvY29tbW9uL29iamVjdHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0b3BiYXItaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RvcGJhci1pdGVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90b3BiYXItaXRlbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb3BiYXJJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KFwibWVudUl0ZW1cIikgbWVudUl0ZW06IE1lbnVJdGVtO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG4gIHNlbGVjdChtZW51SXRlbSl7XHJcbiAgICBjb25zb2xlLmxvZyhtZW51SXRlbSlcclxuICB9XHJcbn1cclxuIl19