@nova-ui/dashboards
Version:
Nova Dashboards is a framework designed to provide feature developers with a common solution for presenting data coming from various sources within a single view, as well as a set of predefined widget visualizations that are 100% configuration-driven and
49 lines • 9.7 kB
JavaScript
// © 2022 SolarWinds Worldwide, LLC. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to
// deal in the Software without restriction, including without limitation the
// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
// sell copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
import { Component, ElementRef, EventEmitter, Input, Output, } from "@angular/core";
import { ConfiguratorHeadingService } from "../../services/configurator-heading.service";
import * as i0 from "@angular/core";
import * as i1 from "../../services/configurator-heading.service";
import * as i2 from "@nova-ui/bits";
export class ConfiguratorHeadingComponent {
constructor(el, heading) {
this.el = el;
this.heading = heading;
this.disableCloseButton = false;
// eslint-disable-next-line @angular-eslint/no-output-native
this.close = new EventEmitter();
}
ngOnChanges() {
this.heading.height$.next(+getComputedStyle(this.el.nativeElement).height.slice(0, -2));
}
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfiguratorHeadingComponent, deps: [{ token: i0.ElementRef }, { token: i1.ConfiguratorHeadingService }], target: i0.ɵɵFactoryTarget.Component }); }
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ConfiguratorHeadingComponent, selector: "nui-configurator-heading", inputs: { configuratorTitle: "configuratorTitle", disableCloseButton: "disableCloseButton" }, outputs: { close: "close" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"configurator-heading d-flex justify-content-between align-items-center p-4\"\n>\n <span class=\"nui-text-panel nui-text-ellipsis\" [title]=\"configuratorTitle\">\n {{ configuratorTitle }}\n </span>\n <button\n nui-button\n type=\"button\"\n displayStyle=\"action\"\n icon=\"close\"\n [disabled]=\"disableCloseButton\"\n (click)=\"this.close.emit()\"\n ></button>\n</div>\n", styles: [":host{z-index:1080;background-color:var(--nui-color-bg-content,#fff)}:host .configurator-heading{border-bottom:1px solid;border-bottom-color:var(--nui-color-line-default,#d9d9d9)}\n"], dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "[nui-button]", inputs: ["displayStyle", "icon", "iconColor", "iconRight", "isBusy", "isEmpty", "ariaLabel", "isRepeat", "size"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfiguratorHeadingComponent, decorators: [{
type: Component,
args: [{ selector: "nui-configurator-heading", template: "<div\n class=\"configurator-heading d-flex justify-content-between align-items-center p-4\"\n>\n <span class=\"nui-text-panel nui-text-ellipsis\" [title]=\"configuratorTitle\">\n {{ configuratorTitle }}\n </span>\n <button\n nui-button\n type=\"button\"\n displayStyle=\"action\"\n icon=\"close\"\n [disabled]=\"disableCloseButton\"\n (click)=\"this.close.emit()\"\n ></button>\n</div>\n", styles: [":host{z-index:1080;background-color:var(--nui-color-bg-content,#fff)}:host .configurator-heading{border-bottom:1px solid;border-bottom-color:var(--nui-color-line-default,#d9d9d9)}\n"] }]
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ConfiguratorHeadingService }], propDecorators: { configuratorTitle: [{
type: Input
}], disableCloseButton: [{
type: Input
}], close: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdG9yLWhlYWRpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb25maWd1cmF0b3IvY29tcG9uZW50cy9oZWFkaW5nL2NvbmZpZ3VyYXRvci1oZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29uZmlndXJhdG9yL2NvbXBvbmVudHMvaGVhZGluZy9jb25maWd1cmF0b3ItaGVhZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx5REFBeUQ7QUFDekQsRUFBRTtBQUNGLCtFQUErRTtBQUMvRSw0RUFBNEU7QUFDNUUsOEVBQThFO0FBQzlFLCtFQUErRTtBQUMvRSw4RUFBOEU7QUFDOUUsNERBQTREO0FBQzVELEVBQUU7QUFDRiw2RUFBNkU7QUFDN0UsdURBQXVEO0FBQ3ZELEVBQUU7QUFDRiw2RUFBNkU7QUFDN0UsNEVBQTRFO0FBQzVFLCtFQUErRTtBQUMvRSwwRUFBMEU7QUFDMUUsaUZBQWlGO0FBQ2pGLDZFQUE2RTtBQUM3RSxpQkFBaUI7QUFFakIsT0FBTyxFQUNILFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFPekYsTUFBTSxPQUFPLDRCQUE0QjtJQU9yQyxZQUNXLEVBQWMsRUFDYixPQUFtQztRQURwQyxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQ2IsWUFBTyxHQUFQLE9BQU8sQ0FBNEI7UUFQL0IsdUJBQWtCLEdBQUcsS0FBSyxDQUFDO1FBRTNDLDREQUE0RDtRQUMzQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUt6QyxDQUFDO0lBRUcsV0FBVztRQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDckIsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQy9ELENBQUM7SUFDTixDQUFDO2tJQWhCUSw0QkFBNEI7c0hBQTVCLDRCQUE0QixnTkNwQ3pDLHFjQWVBOzs0RkRxQmEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNJLDBCQUEwQjt3SEFLcEIsaUJBQWlCO3NCQUFoQyxLQUFLO2dCQUNVLGtCQUFrQjtzQkFBakMsS0FBSztnQkFHVyxLQUFLO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gwqkgMjAyMiBTb2xhcldpbmRzIFdvcmxkd2lkZSwgTExDLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vICBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0b1xuLy8gIGRlYWwgaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlXG4vLyAgcmlnaHRzIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yXG4vLyAgc2VsbCBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vICBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyAgYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vICBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vICBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPdXRwdXQsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IENvbmZpZ3VyYXRvckhlYWRpbmdTZXJ2aWNlIH0gZnJvbSBcIi4uLy4uL3NlcnZpY2VzL2NvbmZpZ3VyYXRvci1oZWFkaW5nLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnVpLWNvbmZpZ3VyYXRvci1oZWFkaW5nXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9jb25maWd1cmF0b3ItaGVhZGluZy5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi9jb25maWd1cmF0b3ItaGVhZGluZy5jb21wb25lbnQubGVzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29uZmlndXJhdG9ySGVhZGluZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgQElucHV0KCkgcHVibGljIGNvbmZpZ3VyYXRvclRpdGxlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgcHVibGljIGRpc2FibGVDbG9zZUJ1dHRvbiA9IGZhbHNlO1xuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gICAgQE91dHB1dCgpIHB1YmxpYyBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgZWw6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgaGVhZGluZzogQ29uZmlndXJhdG9ySGVhZGluZ1NlcnZpY2VcbiAgICApIHt9XG5cbiAgICBwdWJsaWMgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaGVhZGluZy5oZWlnaHQkLm5leHQoXG4gICAgICAgICAgICArZ2V0Q29tcHV0ZWRTdHlsZSh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQpLmhlaWdodC5zbGljZSgwLCAtMilcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJjb25maWd1cmF0b3ItaGVhZGluZyBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIHAtNFwiXG4+XG4gICAgPHNwYW4gY2xhc3M9XCJudWktdGV4dC1wYW5lbCBudWktdGV4dC1lbGxpcHNpc1wiIFt0aXRsZV09XCJjb25maWd1cmF0b3JUaXRsZVwiPlxuICAgICAgICB7eyBjb25maWd1cmF0b3JUaXRsZSB9fVxuICAgIDwvc3Bhbj5cbiAgICA8YnV0dG9uXG4gICAgICAgIG51aS1idXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGRpc3BsYXlTdHlsZT1cImFjdGlvblwiXG4gICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlQ2xvc2VCdXR0b25cIlxuICAgICAgICAoY2xpY2spPVwidGhpcy5jbG9zZS5lbWl0KClcIlxuICAgID48L2J1dHRvbj5cbjwvZGl2PlxuIl19