bea-shell
Version:
An angular component for a configurable application shell, consisting of a topbar and sidebar
75 lines • 5.84 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { BeaShellService } from '@bea-shell/bea-shell.service';
import { BeaShellOptions } from '@bea-shell/common/objects';
export class BeaShellComponent {
/**
* @param {?} _beaShell
*/
constructor(_beaShell) {
this._beaShell = _beaShell;
this.beaShell = _beaShell;
}
/**
* @param {?} options
* @return {?}
*/
set options(options) {
this._options = options;
}
/**
* @return {?}
*/
get options() {
return this._options;
}
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @return {?}
*/
ngDoCheck() {
this.withTopbar = !this.options.topbar.disabled;
this.withSidebar = !this.options.sidebar.disabled;
this.beaShell.setOptions(this.options);
}
}
BeaShellComponent.decorators = [
{ type: Component, args: [{
selector: 'bea-shell',
template: "<topbar *ngIf=\"!options?.topbar || !options?.topbar?.disabled\"></topbar>\r\n<sidebar *ngIf=\"!options?.sidebar || !options?.sidebar?.disabled\"></sidebar>\r\n<content [class.withTopbar]=\"withTopbar\" [class.withSidebar]=\"withSidebar\" [class.alwaysExpandable]=\"options?.sidebar?.alwaysExpandable\"\r\n [ngClass]=\"options?.sidebar?.placement ? options.sidebar.placement : 'left'\">\r\n <ng-content></ng-content>\r\n</content>",
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}content{box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}content.withTopbar{top:54px}content.withSidebar:not(.alwaysExpandable).left{left:300px}content.withSidebar:not(.alwaysExpandable).right{right:300px}@media screen and (max-width:768px){content.withSidebar.left,content.withSidebar:not(.alwaysExpandable).left{left:0}content.withSidebar.right,content.withSidebar:not(.alwaysExpandable).right{right:0}}"]
}] }
];
/** @nocollapse */
BeaShellComponent.ctorParameters = () => [
{ type: BeaShellService }
];
BeaShellComponent.propDecorators = {
options: [{ type: Input, args: ['options',] }]
};
if (false) {
/**
* @type {?}
* @private
*/
BeaShellComponent.prototype._options;
/** @type {?} */
BeaShellComponent.prototype.withTopbar;
/** @type {?} */
BeaShellComponent.prototype.withSidebar;
/** @type {?} */
BeaShellComponent.prototype.beaShell;
/**
* @type {?}
* @private
*/
BeaShellComponent.prototype._beaShell;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVhLXNoZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2JlYS1zaGVsbC8iLCJzb3VyY2VzIjpbImxpYi9iZWEtc2hlbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBTzVELE1BQU0sT0FBTyxpQkFBaUI7Ozs7SUFnQjVCLFlBQW9CLFNBQTBCO1FBQTFCLGNBQVMsR0FBVCxTQUFTLENBQWlCO1FBQzVDLElBQUksQ0FBQyxRQUFRLEdBQUcsU0FBUyxDQUFDO0lBQzVCLENBQUM7Ozs7O0lBVkQsSUFDSSxPQUFPLENBQUMsT0FBd0I7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7SUFDMUIsQ0FBQzs7OztJQUNELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDOzs7O0lBTUQsUUFBUTtJQUNSLENBQUM7Ozs7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUNoRCxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1FBQ2xELElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6QyxDQUFDOzs7WUFoQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQixnY0FBeUM7O2FBRTFDOzs7O1lBUFEsZUFBZTs7O3NCQWdCckIsS0FBSyxTQUFDLFNBQVM7Ozs7Ozs7SUFOaEIscUNBQWtDOztJQUNsQyx1Q0FBb0I7O0lBQ3BCLHdDQUFxQjs7SUFFckIscUNBQTBCOzs7OztJQVVkLHNDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJlYVNoZWxsU2VydmljZSB9IGZyb20gJ0BiZWEtc2hlbGwvYmVhLXNoZWxsLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBCZWFTaGVsbE9wdGlvbnMgfSBmcm9tICdAYmVhLXNoZWxsL2NvbW1vbi9vYmplY3RzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYmVhLXNoZWxsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmVhLXNoZWxsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWEtc2hlbGwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmVhU2hlbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBwcml2YXRlIF9vcHRpb25zOiBCZWFTaGVsbE9wdGlvbnM7XHJcbiAgd2l0aFRvcGJhcjogYm9vbGVhbjtcclxuICB3aXRoU2lkZWJhcjogYm9vbGVhbjtcclxuXHJcbiAgYmVhU2hlbGw6IEJlYVNoZWxsU2VydmljZTtcclxuXHJcbiAgQElucHV0KCdvcHRpb25zJylcclxuICBzZXQgb3B0aW9ucyhvcHRpb25zOiBCZWFTaGVsbE9wdGlvbnMpIHtcclxuICAgIHRoaXMuX29wdGlvbnMgPSBvcHRpb25zO1xyXG4gIH1cclxuICBnZXQgb3B0aW9ucygpIHtcclxuICAgIHJldHVybiB0aGlzLl9vcHRpb25zO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfYmVhU2hlbGw6IEJlYVNoZWxsU2VydmljZSkge1xyXG4gICAgdGhpcy5iZWFTaGVsbCA9IF9iZWFTaGVsbDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgbmdEb0NoZWNrKCkge1xyXG4gICAgdGhpcy53aXRoVG9wYmFyID0gIXRoaXMub3B0aW9ucy50b3BiYXIuZGlzYWJsZWQ7XHJcbiAgICB0aGlzLndpdGhTaWRlYmFyID0gIXRoaXMub3B0aW9ucy5zaWRlYmFyLmRpc2FibGVkO1xyXG4gICAgdGhpcy5iZWFTaGVsbC5zZXRPcHRpb25zKHRoaXMub3B0aW9ucyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==