@blackbaud/skyux
Version:
SKY UX built on Angular 2
25 lines • 1.43 kB
JavaScript
import { Component, ContentChildren } from '@angular/core';
import { SkyToolbarSectionComponent } from './toolbar-section.component';
var SkyToolbarComponent = (function () {
function SkyToolbarComponent() {
this.hasSections = false;
}
SkyToolbarComponent.prototype.ngAfterContentInit = function () {
this.hasSections = this.sectionComponents.length > 0;
};
return SkyToolbarComponent;
}());
export { SkyToolbarComponent };
SkyToolbarComponent.decorators = [
{ type: Component, args: [{
selector: 'sky-toolbar',
styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;align-items:center;position:relative}.sky-toolbar-container /deep/ sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-sectioned{display:block;padding:0}\n"],
template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections}\">\n <ng-content></ng-content>\n</div>\n"
},] },
];
/** @nocollapse */
SkyToolbarComponent.ctorParameters = function () { return []; };
SkyToolbarComponent.propDecorators = {
'sectionComponents': [{ type: ContentChildren, args: [SkyToolbarSectionComponent, { descendants: true },] },],
};
//# sourceMappingURL=toolbar.component.js.map