bea-shell
Version:
An angular component for a configurable application shell, consisting of a topbar and sidebar
84 lines • 6.38 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';
var BeaShellComponent = /** @class */ (function () {
function BeaShellComponent(_beaShell) {
this._beaShell = _beaShell;
this.beaShell = _beaShell;
}
Object.defineProperty(BeaShellComponent.prototype, "options", {
get: /**
* @return {?}
*/
function () {
return this._options;
},
set: /**
* @param {?} options
* @return {?}
*/
function (options) {
this._options = options;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
BeaShellComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
BeaShellComponent.prototype.ngDoCheck = /**
* @return {?}
*/
function () {
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 = function () { return [
{ type: BeaShellService }
]; };
BeaShellComponent.propDecorators = {
options: [{ type: Input, args: ['options',] }]
};
return BeaShellComponent;
}());
export { BeaShellComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVhLXNoZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2JlYS1zaGVsbC8iLCJzb3VyY2VzIjpbImxpYi9iZWEtc2hlbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTVEO0lBcUJFLDJCQUFvQixTQUEwQjtRQUExQixjQUFTLEdBQVQsU0FBUyxDQUFpQjtRQUM1QyxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQztJQUM1QixDQUFDO0lBVkQsc0JBQ0ksc0NBQU87Ozs7UUFHWDtZQUNFLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUN2QixDQUFDOzs7OztRQU5ELFVBQ1ksT0FBd0I7WUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDMUIsQ0FBQzs7O09BQUE7Ozs7SUFTRCxvQ0FBUTs7O0lBQVI7SUFDQSxDQUFDOzs7O0lBRUQscUNBQVM7OztJQUFUO1FBQ0UsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUNoRCxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1FBQ2xELElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6QyxDQUFDOztnQkFoQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixnY0FBeUM7O2lCQUUxQzs7OztnQkFQUSxlQUFlOzs7MEJBZ0JyQixLQUFLLFNBQUMsU0FBUzs7SUFvQmxCLHdCQUFDO0NBQUEsQUFqQ0QsSUFpQ0M7U0E1QlksaUJBQWlCOzs7Ozs7SUFFNUIscUNBQWtDOztJQUNsQyx1Q0FBb0I7O0lBQ3BCLHdDQUFxQjs7SUFFckIscUNBQTBCOzs7OztJQVVkLHNDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJlYVNoZWxsU2VydmljZSB9IGZyb20gJ0BiZWEtc2hlbGwvYmVhLXNoZWxsLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBCZWFTaGVsbE9wdGlvbnMgfSBmcm9tICdAYmVhLXNoZWxsL2NvbW1vbi9vYmplY3RzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYmVhLXNoZWxsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmVhLXNoZWxsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9iZWEtc2hlbGwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmVhU2hlbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBwcml2YXRlIF9vcHRpb25zOiBCZWFTaGVsbE9wdGlvbnM7XHJcbiAgd2l0aFRvcGJhcjogYm9vbGVhbjtcclxuICB3aXRoU2lkZWJhcjogYm9vbGVhbjtcclxuXHJcbiAgYmVhU2hlbGw6IEJlYVNoZWxsU2VydmljZTtcclxuXHJcbiAgQElucHV0KCdvcHRpb25zJylcclxuICBzZXQgb3B0aW9ucyhvcHRpb25zOiBCZWFTaGVsbE9wdGlvbnMpIHtcclxuICAgIHRoaXMuX29wdGlvbnMgPSBvcHRpb25zO1xyXG4gIH1cclxuICBnZXQgb3B0aW9ucygpIHtcclxuICAgIHJldHVybiB0aGlzLl9vcHRpb25zO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfYmVhU2hlbGw6IEJlYVNoZWxsU2VydmljZSkge1xyXG4gICAgdGhpcy5iZWFTaGVsbCA9IF9iZWFTaGVsbDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgbmdEb0NoZWNrKCkge1xyXG4gICAgdGhpcy53aXRoVG9wYmFyID0gIXRoaXMub3B0aW9ucy50b3BiYXIuZGlzYWJsZWQ7XHJcbiAgICB0aGlzLndpdGhTaWRlYmFyID0gIXRoaXMub3B0aW9ucy5zaWRlYmFyLmRpc2FibGVkO1xyXG4gICAgdGhpcy5iZWFTaGVsbC5zZXRPcHRpb25zKHRoaXMub3B0aW9ucyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==