axidio-styleguide-library1-v2 0.5.91 → 0.5.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -39,11 +39,11 @@ export class ChartHeaderV2Component {
|
|
|
39
39
|
this.compareByFilterSelection.emit(event);
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChartHeaderV2Component, selector: "lib-chart-header-v2", inputs: { chartData: "chartData", chartConfiguration: "chartConfiguration" }, outputs: { clickEvent: "clickEvent", zoomInZoomOutClick: "zoomInZoomOutClick", compareByFilterSelection: "compareByFilterSelection" }, ngImport: i0, template: "<div\r\n class=\"headerv2 lib-display-flex header-title-styles\"\r\n
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChartHeaderV2Component, selector: "lib-chart-header-v2", inputs: { chartData: "chartData", chartConfiguration: "chartConfiguration" }, outputs: { clickEvent: "clickEvent", zoomInZoomOutClick: "zoomInZoomOutClick", compareByFilterSelection: "compareByFilterSelection" }, ngImport: i0, template: "<div\r\n class=\"headerv2 lib-display-flex header-title-styles \"\r\n [ngClass]=\"'lib-justify-content-end'\"\r\n>\r\n <span [ngClass]=\"!chartConfiguration.isTitleHidden ? '' : 'hidden'\">\r\n <lib-header-alt [title]=\"chartData.metaData.title\"></lib-header-alt>\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n (chartData.metaData.breadcrumbLength > 1 &&\r\n !chartData.dropdownData1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n (chartData.dropdownData2 &&\r\n !chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength == 1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n ((chartData.metaData.type == 'GAUGE' ||\r\n chartData.metaData.type == 'NUMBERCHART') &&\r\n chartConfiguration.isToggleVisible &&\r\n handleGaugeChartVisibility())\r\n \"\r\n class=\"marginLeft-20 flex-inline marginRight-15\"\r\n >\r\n <span class=\"font-size-2\">Trending</span>\r\n <span\r\n class=\"switch\"\r\n (click)=\"\r\n handleClick(\r\n chartData.metaData.type == 'NUMBERCHART'\r\n ? { toggleFrom: 'plainTrend' }\r\n : chartData.metaData.type == 'GAUGE'\r\n ? { toggleFrom: 'gauge' }\r\n : chartData.metaData.toggleVersion\r\n ? { toggleFrom: 'groupchart-v1' }\r\n : { toggleFrom: 'groupchart' }\r\n )\r\n \"\r\n >\r\n <input type=\"checkbox\" />\r\n <span\r\n [ngClass]=\"{\r\n 'slider1 round1': chartData && chartData.metaData.isToggled,\r\n 'slider round': chartData && !chartData.metaData.isToggled\r\n }\"\r\n ></span>\r\n </span>\r\n <span class=\"font-size-2\">Average</span>\r\n </span>\r\n <div class=\"lib-display-flex header-title-styles\"> \r\n <span class=\"display-flex\">\r\n <!-- <span *ngIf=\"\r\n chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1\r\n \">\r\n <lib-dropdown [dropdownData]=\"chartData.dropdownData1\" [isDropdownOpen]=\"this.isDD1Open\"\r\n (ddClicked)=\"handleDD1Click()\" (selectedFromDropdown)=\"handleCompareByFilterSelection($event)\"></lib-dropdown>\r\n </span>\r\n <span *ngIf=\"\r\n chartData.dropdownData2 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1\r\n \">\r\n <lib-dropdown [dropdownData]=\"chartData.dropdownData2\" [isDropdownOpen]=\"this.isDD2Open\"\r\n (ddClicked)=\"handleDD2Click()\" (selectedFromDropdown)=\"handleCompareByFilterSelection($event)\"\r\n [isCheckboxVisible]=\"chartData.metaData.isCheckboxVisible\"\r\n [dropdownHeaderName]=\"chartData.metaData.dropdownHeaderName\"></lib-dropdown>\r\n </span> -->\r\n <span class=\"zoomIcons-holder\" *ngIf=\"chartData.data && chartData.data.length > 8\">\r\n <span class=\"zoomIcons\" title=\"Zoom In\" [ngClass]=\"!isZoomedOut ? 'zoom-active' : 'zoom-inactive'\"\r\n (click)=\"isZoomOutSelected(false, $event)\">\r\n <i class=\"fa fa-search-plus\"></i>\r\n </span>\r\n <span class=\"zoomIcons\" title=\"Zoom Out\" [ngClass]=\"isZoomedOut ? 'zoom-active' : 'zoom-inactive'\"\r\n (click)=\"isZoomOutSelected(true, $event)\">\r\n <i class=\"fa fa-search-minus\"></i>\r\n </span>\r\n </span>\r\n </span>\r\n</div>\r\n</div>\r\n", styles: ["@media (min-height: 900px){.header-title-styles{margin-left:35px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.HeaderAltComponent, selector: "lib-header-alt", inputs: ["title", "isria"] }] }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
|
-
args: [{ selector: 'lib-chart-header-v2', template: "<div\r\n class=\"headerv2 lib-display-flex header-title-styles\"\r\n
|
|
46
|
+
args: [{ selector: 'lib-chart-header-v2', template: "<div\r\n class=\"headerv2 lib-display-flex header-title-styles \"\r\n [ngClass]=\"'lib-justify-content-end'\"\r\n>\r\n <span [ngClass]=\"!chartConfiguration.isTitleHidden ? '' : 'hidden'\">\r\n <lib-header-alt [title]=\"chartData.metaData.title\"></lib-header-alt>\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n (chartData.metaData.breadcrumbLength > 1 &&\r\n !chartData.dropdownData1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n (chartData.dropdownData2 &&\r\n !chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength == 1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n ((chartData.metaData.type == 'GAUGE' ||\r\n chartData.metaData.type == 'NUMBERCHART') &&\r\n chartConfiguration.isToggleVisible &&\r\n handleGaugeChartVisibility())\r\n \"\r\n class=\"marginLeft-20 flex-inline marginRight-15\"\r\n >\r\n <span class=\"font-size-2\">Trending</span>\r\n <span\r\n class=\"switch\"\r\n (click)=\"\r\n handleClick(\r\n chartData.metaData.type == 'NUMBERCHART'\r\n ? { toggleFrom: 'plainTrend' }\r\n : chartData.metaData.type == 'GAUGE'\r\n ? { toggleFrom: 'gauge' }\r\n : chartData.metaData.toggleVersion\r\n ? { toggleFrom: 'groupchart-v1' }\r\n : { toggleFrom: 'groupchart' }\r\n )\r\n \"\r\n >\r\n <input type=\"checkbox\" />\r\n <span\r\n [ngClass]=\"{\r\n 'slider1 round1': chartData && chartData.metaData.isToggled,\r\n 'slider round': chartData && !chartData.metaData.isToggled\r\n }\"\r\n ></span>\r\n </span>\r\n <span class=\"font-size-2\">Average</span>\r\n </span>\r\n <div class=\"lib-display-flex header-title-styles\"> \r\n <span class=\"display-flex\">\r\n <!-- <span *ngIf=\"\r\n chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1\r\n \">\r\n <lib-dropdown [dropdownData]=\"chartData.dropdownData1\" [isDropdownOpen]=\"this.isDD1Open\"\r\n (ddClicked)=\"handleDD1Click()\" (selectedFromDropdown)=\"handleCompareByFilterSelection($event)\"></lib-dropdown>\r\n </span>\r\n <span *ngIf=\"\r\n chartData.dropdownData2 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1\r\n \">\r\n <lib-dropdown [dropdownData]=\"chartData.dropdownData2\" [isDropdownOpen]=\"this.isDD2Open\"\r\n (ddClicked)=\"handleDD2Click()\" (selectedFromDropdown)=\"handleCompareByFilterSelection($event)\"\r\n [isCheckboxVisible]=\"chartData.metaData.isCheckboxVisible\"\r\n [dropdownHeaderName]=\"chartData.metaData.dropdownHeaderName\"></lib-dropdown>\r\n </span> -->\r\n <span class=\"zoomIcons-holder\" *ngIf=\"chartData.data && chartData.data.length > 8\">\r\n <span class=\"zoomIcons\" title=\"Zoom In\" [ngClass]=\"!isZoomedOut ? 'zoom-active' : 'zoom-inactive'\"\r\n (click)=\"isZoomOutSelected(false, $event)\">\r\n <i class=\"fa fa-search-plus\"></i>\r\n </span>\r\n <span class=\"zoomIcons\" title=\"Zoom Out\" [ngClass]=\"isZoomedOut ? 'zoom-active' : 'zoom-inactive'\"\r\n (click)=\"isZoomOutSelected(true, $event)\">\r\n <i class=\"fa fa-search-minus\"></i>\r\n </span>\r\n </span>\r\n </span>\r\n</div>\r\n</div>\r\n", styles: ["@media (min-height: 900px){.header-title-styles{margin-left:35px}}\n"] }]
|
|
47
47
|
}], propDecorators: { chartData: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}], chartConfiguration: [{
|
|
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
55
55
|
}], compareByFilterSelection: [{
|
|
56
56
|
type: Output
|
|
57
57
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtaGVhZGVyLXYyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F4aWRpby1zdHlsZWd1aWRlLWxpYnJhcnkvc3JjL2xpYi9jaGFydC1oZWFkZXItdjIvY2hhcnQtaGVhZGVyLXYyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F4aWRpby1zdHlsZWd1aWRlLWxpYnJhcnkvc3JjL2xpYi9jaGFydC1oZWFkZXItdjIvY2hhcnQtaGVhZGVyLXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdkUsTUFBTSxPQUFPLHNCQUFzQjtJQUxuQztRQVFZLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3JDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDOUMsNkJBQXdCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUc1RCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsZ0JBQVcsR0FBWSxJQUFJLENBQUM7UUE4QjVCLGNBQVMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNuQixPQUFPLENBQUMsQ0FBQztRQUNYLENBQUMsQ0FBQztLQUNIO0lBOUJDLFdBQVcsQ0FBQyxDQUFNO1FBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsS0FBSztRQUNoQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBQ0QsMEJBQTBCO1FBQ3hCLElBQ0UsVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxFQUFFLFlBQVksQ0FBQyxHQUFHLENBQUM7WUFDdEQsVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFDM0MsQ0FBQztZQUNELE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUNBLGNBQWM7UUFDYixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBQ0QsY0FBYztRQUNaLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFDRCw4QkFBOEIsQ0FBQyxLQUFLO1FBQ2xDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQzsrR0F0Q1Usc0JBQXNCO21HQUF0QixzQkFBc0IsZ1JDUG5DLDJ0SEF3RkE7OzRGRGpGYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQUt0QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDRSx3QkFBd0I7c0JBQWpDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItY2hhcnQtaGVhZGVyLXYyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hhcnQtaGVhZGVyLXYyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2hhcnQtaGVhZGVyLXYyLmNvbXBvbmVudC5sZXNzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIENoYXJ0SGVhZGVyVjJDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGNoYXJ0RGF0YTogYW55O1xyXG4gIEBJbnB1dCgpIGNoYXJ0Q29uZmlndXJhdGlvbjogYW55O1xyXG4gIEBPdXRwdXQoKSBjbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIHpvb21Jblpvb21PdXRDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gQE91dHB1dCgpIGNvbXBhcmVCeUZpbHRlclNlbGVjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuXHJcbiAgaXNERDFPcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgaXNERDJPcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgaXNab29tZWRPdXQ6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuXHJcbiAgaGFuZGxlQ2xpY2soZDogYW55KSB7XHJcbiAgICB0aGlzLmNsaWNrRXZlbnQuZW1pdChkKTtcclxuICB9XHJcbiAgaXNab29tT3V0U2VsZWN0ZWQoaXNab29tT3V0LCBldmVudCkge1xyXG4gICAgdGhpcy56b29tSW5ab29tT3V0Q2xpY2suZW1pdCh7IGlzWm9vbU91dDogaXNab29tT3V0LCBldmVudDogZXZlbnQgfSk7XHJcbiAgfVxyXG4gIGhhbmRsZUdhdWdlQ2hhcnRWaXNpYmlsaXR5KCkge1xyXG4gICAgaWYgKFxyXG4gICAgICBwYXJzZUZsb2F0KHRoaXMuY2hhcnREYXRhPy5tZXRhRGF0YT8uY3VycmVudFZhbHVlKSA+IDAgfHxcclxuICAgICAgcGFyc2VGbG9hdCh0aGlzLmNoYXJ0RGF0YT8uZGF0YT8udmFsdWUpID4gMFxyXG4gICAgKSB7XHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuICAgaGFuZGxlREQxQ2xpY2soKSB7XHJcbiAgICB0aGlzLmlzREQxT3BlbiA9IHRydWU7XHJcbiAgICB0aGlzLmlzREQyT3BlbiA9IGZhbHNlO1xyXG4gIH1cclxuICBoYW5kbGVERDJDbGljaygpIHtcclxuICAgIHRoaXMuaXNERDJPcGVuID0gdHJ1ZTtcclxuICAgIHRoaXMuaXNERDFPcGVuID0gZmFsc2U7XHJcbiAgfVxyXG4gIGhhbmRsZUNvbXBhcmVCeUZpbHRlclNlbGVjdGlvbihldmVudCkge1xyXG4gICAgdGhpcy5jb21wYXJlQnlGaWx0ZXJTZWxlY3Rpb24uZW1pdChldmVudCk7XHJcbiAgfVxyXG4gIFxyXG4gIGtlZXBPcmRlciA9IChhLCBiKSA9PiB7XHJcbiAgICByZXR1cm4gYTtcclxuICB9O1xyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImhlYWRlcnYyIGxpYi1kaXNwbGF5LWZsZXggaGVhZGVyLXRpdGxlLXN0eWxlcyBcIlxyXG4gICBbbmdDbGFzc109XCInbGliLWp1c3RpZnktY29udGVudC1lbmQnXCJcclxuPlxyXG4gIDxzcGFuIFtuZ0NsYXNzXT1cIiFjaGFydENvbmZpZ3VyYXRpb24uaXNUaXRsZUhpZGRlbiA/ICcnIDogJ2hpZGRlbidcIj5cclxuICAgIDxsaWItaGVhZGVyLWFsdCBbdGl0bGVdPVwiY2hhcnREYXRhLm1ldGFEYXRhLnRpdGxlXCI+PC9saWItaGVhZGVyLWFsdD5cclxuICA8L3NwYW4+XHJcbiAgPHNwYW5cclxuICAgICpuZ0lmPVwiXHJcbiAgICAgIChjaGFydERhdGEuZHJvcGRvd25EYXRhMSAmJlxyXG4gICAgICAgIGNoYXJ0RGF0YS5tZXRhRGF0YS5icmVhZGNydW1iTGVuZ3RoICYmXHJcbiAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLmJyZWFkY3J1bWJMZW5ndGggPT0gMSAmJlxyXG4gICAgICAgIChjaGFydENvbmZpZ3VyYXRpb24/LmlzVG9nZ2xlVmlzaWJsZSB8fFxyXG4gICAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLmlzVG9nZ2xlVmlzaWJsZSkpIHx8XHJcbiAgICAgIChjaGFydERhdGEubWV0YURhdGEuYnJlYWRjcnVtYkxlbmd0aCA+IDEgJiZcclxuICAgICAgICAhY2hhcnREYXRhLmRyb3Bkb3duRGF0YTEgJiZcclxuICAgICAgICAoY2hhcnRDb25maWd1cmF0aW9uPy5pc1RvZ2dsZVZpc2libGUgfHxcclxuICAgICAgICAgIGNoYXJ0RGF0YS5tZXRhRGF0YS5pc1RvZ2dsZVZpc2libGUpKSB8fFxyXG4gICAgICAoY2hhcnREYXRhLmRyb3Bkb3duRGF0YTIgJiZcclxuICAgICAgICAhY2hhcnREYXRhLmRyb3Bkb3duRGF0YTEgJiZcclxuICAgICAgICBjaGFydERhdGEubWV0YURhdGEuYnJlYWRjcnVtYkxlbmd0aCA9PSAxICYmXHJcbiAgICAgICAgKGNoYXJ0Q29uZmlndXJhdGlvbj8uaXNUb2dnbGVWaXNpYmxlIHx8XHJcbiAgICAgICAgICBjaGFydERhdGEubWV0YURhdGEuaXNUb2dnbGVWaXNpYmxlKSkgfHxcclxuICAgICAgKChjaGFydERhdGEubWV0YURhdGEudHlwZSA9PSAnR0FVR0UnIHx8XHJcbiAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLnR5cGUgPT0gJ05VTUJFUkNIQVJUJykgJiZcclxuICAgICAgICBjaGFydENvbmZpZ3VyYXRpb24uaXNUb2dnbGVWaXNpYmxlICYmXHJcbiAgICAgICAgaGFuZGxlR2F1Z2VDaGFydFZpc2liaWxpdHkoKSlcclxuICAgIFwiXHJcbiAgICBjbGFzcz1cIm1hcmdpbkxlZnQtMjAgZmxleC1pbmxpbmUgbWFyZ2luUmlnaHQtMTVcIlxyXG4gID5cclxuICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTJcIj5UcmVuZGluZzwvc3Bhbj5cclxuICAgIDxzcGFuXHJcbiAgICAgIGNsYXNzPVwic3dpdGNoXCJcclxuICAgICAgKGNsaWNrKT1cIlxyXG4gICAgICAgIGhhbmRsZUNsaWNrKFxyXG4gICAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLnR5cGUgPT0gJ05VTUJFUkNIQVJUJ1xyXG4gICAgICAgICAgICA/IHsgdG9nZ2xlRnJvbTogJ3BsYWluVHJlbmQnIH1cclxuICAgICAgICAgICAgOiBjaGFydERhdGEubWV0YURhdGEudHlwZSA9PSAnR0FVR0UnXHJcbiAgICAgICAgICAgID8geyB0b2dnbGVGcm9tOiAnZ2F1Z2UnIH1cclxuICAgICAgICAgICAgOiBjaGFydERhdGEubWV0YURhdGEudG9nZ2xlVmVyc2lvblxyXG4gICAgICAgICAgICA/IHsgdG9nZ2xlRnJvbTogJ2dyb3VwY2hhcnQtdjEnIH1cclxuICAgICAgICAgICAgOiB7IHRvZ2dsZUZyb206ICdncm91cGNoYXJ0JyB9XHJcbiAgICAgICAgKVxyXG4gICAgICBcIlxyXG4gICAgPlxyXG4gICAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgLz5cclxuICAgICAgPHNwYW5cclxuICAgICAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgICAnc2xpZGVyMSByb3VuZDEnOiBjaGFydERhdGEgJiYgY2hhcnREYXRhLm1ldGFEYXRhLmlzVG9nZ2xlZCxcclxuICAgICAgICAgICdzbGlkZXIgcm91bmQnOiBjaGFydERhdGEgJiYgIWNoYXJ0RGF0YS5tZXRhRGF0YS5pc1RvZ2dsZWRcclxuICAgICAgICB9XCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTJcIj5BdmVyYWdlPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8ZGl2IGNsYXNzPVwibGliLWRpc3BsYXktZmxleCBoZWFkZXItdGl0bGUtc3R5bGVzXCI+ICBcclxuICA8c3BhbiBjbGFzcz1cImRpc3BsYXktZmxleFwiPlxyXG4gICAgPCEtLSA8c3BhbiAqbmdJZj1cIlxyXG4gICAgICAgIGNoYXJ0RGF0YS5kcm9wZG93bkRhdGExICYmXHJcbiAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLmJyZWFkY3J1bWJMZW5ndGggJiZcclxuICAgICAgICBjaGFydERhdGEubWV0YURhdGEuYnJlYWRjcnVtYkxlbmd0aCA9PSAxXHJcbiAgICAgIFwiPlxyXG4gICAgICA8bGliLWRyb3Bkb3duIFtkcm9wZG93bkRhdGFdPVwiY2hhcnREYXRhLmRyb3Bkb3duRGF0YTFcIiBbaXNEcm9wZG93bk9wZW5dPVwidGhpcy5pc0REMU9wZW5cIlxyXG4gICAgICAgIChkZENsaWNrZWQpPVwiaGFuZGxlREQxQ2xpY2soKVwiIChzZWxlY3RlZEZyb21Ecm9wZG93bik9XCJoYW5kbGVDb21wYXJlQnlGaWx0ZXJTZWxlY3Rpb24oJGV2ZW50KVwiPjwvbGliLWRyb3Bkb3duPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gKm5nSWY9XCJcclxuICAgICAgICBjaGFydERhdGEuZHJvcGRvd25EYXRhMiAmJlxyXG4gICAgICAgIGNoYXJ0RGF0YS5tZXRhRGF0YS5icmVhZGNydW1iTGVuZ3RoICYmXHJcbiAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLmJyZWFkY3J1bWJMZW5ndGggPT0gMVxyXG4gICAgICBcIj5cclxuICAgICAgPGxpYi1kcm9wZG93biBbZHJvcGRvd25EYXRhXT1cImNoYXJ0RGF0YS5kcm9wZG93bkRhdGEyXCIgW2lzRHJvcGRvd25PcGVuXT1cInRoaXMuaXNERDJPcGVuXCJcclxuICAgICAgICAoZGRDbGlja2VkKT1cImhhbmRsZUREMkNsaWNrKClcIiAoc2VsZWN0ZWRGcm9tRHJvcGRvd24pPVwiaGFuZGxlQ29tcGFyZUJ5RmlsdGVyU2VsZWN0aW9uKCRldmVudClcIlxyXG4gICAgICAgIFtpc0NoZWNrYm94VmlzaWJsZV09XCJjaGFydERhdGEubWV0YURhdGEuaXNDaGVja2JveFZpc2libGVcIlxyXG4gICAgICAgIFtkcm9wZG93bkhlYWRlck5hbWVdPVwiY2hhcnREYXRhLm1ldGFEYXRhLmRyb3Bkb3duSGVhZGVyTmFtZVwiPjwvbGliLWRyb3Bkb3duPlxyXG4gICAgPC9zcGFuPiAtLT5cclxuICAgIDxzcGFuIGNsYXNzPVwiem9vbUljb25zLWhvbGRlclwiICpuZ0lmPVwiY2hhcnREYXRhLmRhdGEgJiYgY2hhcnREYXRhLmRhdGEubGVuZ3RoID4gOFwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInpvb21JY29uc1wiIHRpdGxlPVwiWm9vbSBJblwiIFtuZ0NsYXNzXT1cIiFpc1pvb21lZE91dCA/ICd6b29tLWFjdGl2ZScgOiAnem9vbS1pbmFjdGl2ZSdcIlxyXG4gICAgICAgIChjbGljayk9XCJpc1pvb21PdXRTZWxlY3RlZChmYWxzZSwgJGV2ZW50KVwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtc2VhcmNoLXBsdXNcIj48L2k+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJ6b29tSWNvbnNcIiB0aXRsZT1cIlpvb20gT3V0XCIgW25nQ2xhc3NdPVwiaXNab29tZWRPdXQgPyAnem9vbS1hY3RpdmUnIDogJ3pvb20taW5hY3RpdmUnXCJcclxuICAgICAgICAoY2xpY2spPVwiaXNab29tT3V0U2VsZWN0ZWQodHJ1ZSwgJGV2ZW50KVwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtc2VhcmNoLW1pbnVzXCI+PC9pPlxyXG4gICAgICA8L3NwYW4+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9zcGFuPlxyXG48L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -3000,11 +3000,11 @@ class ChartHeaderV2Component {
|
|
|
3000
3000
|
this.compareByFilterSelection.emit(event);
|
|
3001
3001
|
}
|
|
3002
3002
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3003
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChartHeaderV2Component, selector: "lib-chart-header-v2", inputs: { chartData: "chartData", chartConfiguration: "chartConfiguration" }, outputs: { clickEvent: "clickEvent", zoomInZoomOutClick: "zoomInZoomOutClick", compareByFilterSelection: "compareByFilterSelection" }, ngImport: i0, template: "<div\r\n class=\"headerv2 lib-display-flex header-title-styles\"\r\n
|
|
3003
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChartHeaderV2Component, selector: "lib-chart-header-v2", inputs: { chartData: "chartData", chartConfiguration: "chartConfiguration" }, outputs: { clickEvent: "clickEvent", zoomInZoomOutClick: "zoomInZoomOutClick", compareByFilterSelection: "compareByFilterSelection" }, ngImport: i0, template: "<div\r\n class=\"headerv2 lib-display-flex header-title-styles \"\r\n [ngClass]=\"'lib-justify-content-end'\"\r\n>\r\n <span [ngClass]=\"!chartConfiguration.isTitleHidden ? '' : 'hidden'\">\r\n <lib-header-alt [title]=\"chartData.metaData.title\"></lib-header-alt>\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n (chartData.metaData.breadcrumbLength > 1 &&\r\n !chartData.dropdownData1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n (chartData.dropdownData2 &&\r\n !chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength == 1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n ((chartData.metaData.type == 'GAUGE' ||\r\n chartData.metaData.type == 'NUMBERCHART') &&\r\n chartConfiguration.isToggleVisible &&\r\n handleGaugeChartVisibility())\r\n \"\r\n class=\"marginLeft-20 flex-inline marginRight-15\"\r\n >\r\n <span class=\"font-size-2\">Trending</span>\r\n <span\r\n class=\"switch\"\r\n (click)=\"\r\n handleClick(\r\n chartData.metaData.type == 'NUMBERCHART'\r\n ? { toggleFrom: 'plainTrend' }\r\n : chartData.metaData.type == 'GAUGE'\r\n ? { toggleFrom: 'gauge' }\r\n : chartData.metaData.toggleVersion\r\n ? { toggleFrom: 'groupchart-v1' }\r\n : { toggleFrom: 'groupchart' }\r\n )\r\n \"\r\n >\r\n <input type=\"checkbox\" />\r\n <span\r\n [ngClass]=\"{\r\n 'slider1 round1': chartData && chartData.metaData.isToggled,\r\n 'slider round': chartData && !chartData.metaData.isToggled\r\n }\"\r\n ></span>\r\n </span>\r\n <span class=\"font-size-2\">Average</span>\r\n </span>\r\n <div class=\"lib-display-flex header-title-styles\"> \r\n <span class=\"display-flex\">\r\n <!-- <span *ngIf=\"\r\n chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1\r\n \">\r\n <lib-dropdown [dropdownData]=\"chartData.dropdownData1\" [isDropdownOpen]=\"this.isDD1Open\"\r\n (ddClicked)=\"handleDD1Click()\" (selectedFromDropdown)=\"handleCompareByFilterSelection($event)\"></lib-dropdown>\r\n </span>\r\n <span *ngIf=\"\r\n chartData.dropdownData2 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1\r\n \">\r\n <lib-dropdown [dropdownData]=\"chartData.dropdownData2\" [isDropdownOpen]=\"this.isDD2Open\"\r\n (ddClicked)=\"handleDD2Click()\" (selectedFromDropdown)=\"handleCompareByFilterSelection($event)\"\r\n [isCheckboxVisible]=\"chartData.metaData.isCheckboxVisible\"\r\n [dropdownHeaderName]=\"chartData.metaData.dropdownHeaderName\"></lib-dropdown>\r\n </span> -->\r\n <span class=\"zoomIcons-holder\" *ngIf=\"chartData.data && chartData.data.length > 8\">\r\n <span class=\"zoomIcons\" title=\"Zoom In\" [ngClass]=\"!isZoomedOut ? 'zoom-active' : 'zoom-inactive'\"\r\n (click)=\"isZoomOutSelected(false, $event)\">\r\n <i class=\"fa fa-search-plus\"></i>\r\n </span>\r\n <span class=\"zoomIcons\" title=\"Zoom Out\" [ngClass]=\"isZoomedOut ? 'zoom-active' : 'zoom-inactive'\"\r\n (click)=\"isZoomOutSelected(true, $event)\">\r\n <i class=\"fa fa-search-minus\"></i>\r\n </span>\r\n </span>\r\n </span>\r\n</div>\r\n</div>\r\n", styles: ["@media (min-height: 900px){.header-title-styles{margin-left:35px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HeaderAltComponent, selector: "lib-header-alt", inputs: ["title", "isria"] }] }); }
|
|
3004
3004
|
}
|
|
3005
3005
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, decorators: [{
|
|
3006
3006
|
type: Component,
|
|
3007
|
-
args: [{ selector: 'lib-chart-header-v2', template: "<div\r\n class=\"headerv2 lib-display-flex header-title-styles\"\r\n
|
|
3007
|
+
args: [{ selector: 'lib-chart-header-v2', template: "<div\r\n class=\"headerv2 lib-display-flex header-title-styles \"\r\n [ngClass]=\"'lib-justify-content-end'\"\r\n>\r\n <span [ngClass]=\"!chartConfiguration.isTitleHidden ? '' : 'hidden'\">\r\n <lib-header-alt [title]=\"chartData.metaData.title\"></lib-header-alt>\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n (chartData.metaData.breadcrumbLength > 1 &&\r\n !chartData.dropdownData1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n (chartData.dropdownData2 &&\r\n !chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength == 1 &&\r\n (chartConfiguration?.isToggleVisible ||\r\n chartData.metaData.isToggleVisible)) ||\r\n ((chartData.metaData.type == 'GAUGE' ||\r\n chartData.metaData.type == 'NUMBERCHART') &&\r\n chartConfiguration.isToggleVisible &&\r\n handleGaugeChartVisibility())\r\n \"\r\n class=\"marginLeft-20 flex-inline marginRight-15\"\r\n >\r\n <span class=\"font-size-2\">Trending</span>\r\n <span\r\n class=\"switch\"\r\n (click)=\"\r\n handleClick(\r\n chartData.metaData.type == 'NUMBERCHART'\r\n ? { toggleFrom: 'plainTrend' }\r\n : chartData.metaData.type == 'GAUGE'\r\n ? { toggleFrom: 'gauge' }\r\n : chartData.metaData.toggleVersion\r\n ? { toggleFrom: 'groupchart-v1' }\r\n : { toggleFrom: 'groupchart' }\r\n )\r\n \"\r\n >\r\n <input type=\"checkbox\" />\r\n <span\r\n [ngClass]=\"{\r\n 'slider1 round1': chartData && chartData.metaData.isToggled,\r\n 'slider round': chartData && !chartData.metaData.isToggled\r\n }\"\r\n ></span>\r\n </span>\r\n <span class=\"font-size-2\">Average</span>\r\n </span>\r\n <div class=\"lib-display-flex header-title-styles\"> \r\n <span class=\"display-flex\">\r\n <!-- <span *ngIf=\"\r\n chartData.dropdownData1 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1\r\n \">\r\n <lib-dropdown [dropdownData]=\"chartData.dropdownData1\" [isDropdownOpen]=\"this.isDD1Open\"\r\n (ddClicked)=\"handleDD1Click()\" (selectedFromDropdown)=\"handleCompareByFilterSelection($event)\"></lib-dropdown>\r\n </span>\r\n <span *ngIf=\"\r\n chartData.dropdownData2 &&\r\n chartData.metaData.breadcrumbLength &&\r\n chartData.metaData.breadcrumbLength == 1\r\n \">\r\n <lib-dropdown [dropdownData]=\"chartData.dropdownData2\" [isDropdownOpen]=\"this.isDD2Open\"\r\n (ddClicked)=\"handleDD2Click()\" (selectedFromDropdown)=\"handleCompareByFilterSelection($event)\"\r\n [isCheckboxVisible]=\"chartData.metaData.isCheckboxVisible\"\r\n [dropdownHeaderName]=\"chartData.metaData.dropdownHeaderName\"></lib-dropdown>\r\n </span> -->\r\n <span class=\"zoomIcons-holder\" *ngIf=\"chartData.data && chartData.data.length > 8\">\r\n <span class=\"zoomIcons\" title=\"Zoom In\" [ngClass]=\"!isZoomedOut ? 'zoom-active' : 'zoom-inactive'\"\r\n (click)=\"isZoomOutSelected(false, $event)\">\r\n <i class=\"fa fa-search-plus\"></i>\r\n </span>\r\n <span class=\"zoomIcons\" title=\"Zoom Out\" [ngClass]=\"isZoomedOut ? 'zoom-active' : 'zoom-inactive'\"\r\n (click)=\"isZoomOutSelected(true, $event)\">\r\n <i class=\"fa fa-search-minus\"></i>\r\n </span>\r\n </span>\r\n </span>\r\n</div>\r\n</div>\r\n", styles: ["@media (min-height: 900px){.header-title-styles{margin-left:35px}}\n"] }]
|
|
3008
3008
|
}], propDecorators: { chartData: [{
|
|
3009
3009
|
type: Input
|
|
3010
3010
|
}], chartConfiguration: [{
|