axidio-styleguide-library1-v2 0.7.26 → 0.7.27
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.
|
@@ -41,11 +41,11 @@ export class ChartHeaderV2Component {
|
|
|
41
41
|
this.compareByFilterSelection.emit(event);
|
|
42
42
|
}
|
|
43
43
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
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: [".headerv2{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;height:auto!important}.header-title-styles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 991px){.headerv2{justify-content:space-between}.headerv2>span,.headerv2>div{width:100%;justify-content:flex-end}.switch{margin-left:0}}@media (max-width: 576px){.headerv2{flex-direction:column;align-items:flex-end}.header-title-styles{width:100%;justify-content:space-between}lib-dropdown{width:100%}.zoomIcons-holder{justify-content:flex-end;width:100%}}\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"] }, { kind: "component", type: i3.DropdownComponent, selector: "lib-dropdown", inputs: ["dropdownHeaderName", "isDropdownOpen", "dropdownData", "isCheckboxVisible"], outputs: ["ddClicked", "selectedFromDropdown"] }] }); }
|
|
44
|
+
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'\" class=\"chart-title-wrapper\">\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: [".headerv2{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;height:auto!important}.header-title-styles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 991px){.headerv2{justify-content:space-between}.headerv2>span,.headerv2>div{width:100%;justify-content:flex-end}.switch{margin-left:0}.chart-title-wrapper{display:none!important}}@media (max-width: 576px){.headerv2{flex-direction:column;align-items:flex-end}.header-title-styles{width:100%;justify-content:space-between}lib-dropdown{width:100%}.zoomIcons-holder{justify-content:flex-end;width:100%}}\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"] }, { kind: "component", type: i3.DropdownComponent, selector: "lib-dropdown", inputs: ["dropdownHeaderName", "isDropdownOpen", "dropdownData", "isCheckboxVisible"], outputs: ["ddClicked", "selectedFromDropdown"] }] }); }
|
|
45
45
|
}
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
|
-
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: [".headerv2{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;height:auto!important}.header-title-styles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 991px){.headerv2{justify-content:space-between}.headerv2>span,.headerv2>div{width:100%;justify-content:flex-end}.switch{margin-left:0}}@media (max-width: 576px){.headerv2{flex-direction:column;align-items:flex-end}.header-title-styles{width:100%;justify-content:space-between}lib-dropdown{width:100%}.zoomIcons-holder{justify-content:flex-end;width:100%}}\n"] }]
|
|
48
|
+
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'\" class=\"chart-title-wrapper\">\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: [".headerv2{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;height:auto!important}.header-title-styles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 991px){.headerv2{justify-content:space-between}.headerv2>span,.headerv2>div{width:100%;justify-content:flex-end}.switch{margin-left:0}.chart-title-wrapper{display:none!important}}@media (max-width: 576px){.headerv2{flex-direction:column;align-items:flex-end}.header-title-styles{width:100%;justify-content:space-between}lib-dropdown{width:100%}.zoomIcons-holder{justify-content:flex-end;width:100%}}\n"] }]
|
|
49
49
|
}], propDecorators: { chartData: [{
|
|
50
50
|
type: Input
|
|
51
51
|
}], chartConfiguration: [{
|
|
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
57
57
|
}], compareByFilterSelection: [{
|
|
58
58
|
type: Output
|
|
59
59
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtaGVhZGVyLXYyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F4aWRpby1zdHlsZWd1aWRlLWxpYnJhcnkvc3JjL2xpYi9jaGFydC1oZWFkZXItdjIvY2hhcnQtaGVhZGVyLXYyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F4aWRpby1zdHlsZWd1aWRlLWxpYnJhcnkvc3JjL2xpYi9jaGFydC1oZWFkZXItdjIvY2hhcnQtaGVhZGVyLXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3ZFLE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFRWSxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNyQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQzlDLDZCQUF3QixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFHNUQsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBK0I1QixjQUFTLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDbkIsT0FBTyxDQUFDLENBQUM7UUFDWCxDQUFDLENBQUM7S0FDSDtJQS9CQyxXQUFXLENBQUMsQ0FBTTtRQUNoQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBQ0QsaUJBQWlCLENBQUMsU0FBUyxFQUFFLEtBQUs7UUFDaEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUM7UUFDN0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzlFLENBQUM7SUFDRCwwQkFBMEI7UUFDeEIsSUFDRSxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsWUFBWSxDQUFDLEdBQUcsQ0FBQztZQUN0RCxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUMzQyxDQUFDO1lBQ0QsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBQ0EsY0FBYztRQUNiLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFDRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUNELDhCQUE4QixDQUFDLEtBQUs7UUFDbEMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDOytHQXZDVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixnUkNQbkMsZ3ZIQXdGQTs7NEZEakZhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBS3RCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNFLHdCQUF3QjtzQkFBakMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1jaGFydC1oZWFkZXItdjInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGFydC1oZWFkZXItdjIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jaGFydC1oZWFkZXItdjIuY29tcG9uZW50Lmxlc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hhcnRIZWFkZXJWMkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY2hhcnREYXRhOiBhbnk7XHJcbiAgQElucHV0KCkgY2hhcnRDb25maWd1cmF0aW9uOiBhbnk7XHJcbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgem9vbUluWm9vbU91dENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiBAT3V0cHV0KCkgY29tcGFyZUJ5RmlsdGVyU2VsZWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG5cclxuICBpc0REMU9wZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuICBpc0REMk9wZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuICBpc1pvb21lZE91dDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG5cclxuICBoYW5kbGVDbGljayhkOiBhbnkpIHtcclxuICAgIHRoaXMuY2xpY2tFdmVudC5lbWl0KGQpO1xyXG4gIH1cclxuICBpc1pvb21PdXRTZWxlY3RlZChpc1pvb21PdXQsIGV2ZW50KSB7XHJcbiAgICB0aGlzLmlzWm9vbWVkT3V0ID0gaXNab29tT3V0OyBcclxuICAgIHRoaXMuem9vbUluWm9vbU91dENsaWNrLmVtaXQoeyBpc1pvb21PdXQ6IHRoaXMuaXNab29tZWRPdXQsIGV2ZW50OiBldmVudCB9KTtcclxuICB9XHJcbiAgaGFuZGxlR2F1Z2VDaGFydFZpc2liaWxpdHkoKSB7XHJcbiAgICBpZiAoXHJcbiAgICAgIHBhcnNlRmxvYXQodGhpcy5jaGFydERhdGE/Lm1ldGFEYXRhPy5jdXJyZW50VmFsdWUpID4gMCB8fFxyXG4gICAgICBwYXJzZUZsb2F0KHRoaXMuY2hhcnREYXRhPy5kYXRhPy52YWx1ZSkgPiAwXHJcbiAgICApIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG4gICBoYW5kbGVERDFDbGljaygpIHtcclxuICAgIHRoaXMuaXNERDFPcGVuID0gdHJ1ZTtcclxuICAgIHRoaXMuaXNERDJPcGVuID0gZmFsc2U7XHJcbiAgfVxyXG4gIGhhbmRsZUREMkNsaWNrKCkge1xyXG4gICAgdGhpcy5pc0REMk9wZW4gPSB0cnVlO1xyXG4gICAgdGhpcy5pc0REMU9wZW4gPSBmYWxzZTtcclxuICB9XHJcbiAgaGFuZGxlQ29tcGFyZUJ5RmlsdGVyU2VsZWN0aW9uKGV2ZW50KSB7XHJcbiAgICB0aGlzLmNvbXBhcmVCeUZpbHRlclNlbGVjdGlvbi5lbWl0KGV2ZW50KTtcclxuICB9XHJcbiAgXHJcbiAga2VlcE9yZGVyID0gKGEsIGIpID0+IHtcclxuICAgIHJldHVybiBhO1xyXG4gIH07XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwiaGVhZGVydjIgbGliLWRpc3BsYXktZmxleCBoZWFkZXItdGl0bGUtc3R5bGVzIFwiXHJcbiAgIFtuZ0NsYXNzXT1cIidsaWItanVzdGlmeS1jb250ZW50LWVuZCdcIlxyXG4+XHJcbiAgPHNwYW4gW25nQ2xhc3NdPVwiIWNoYXJ0Q29uZmlndXJhdGlvbi5pc1RpdGxlSGlkZGVuID8gJycgOiAnaGlkZGVuJ1wiIGNsYXNzPVwiY2hhcnQtdGl0bGUtd3JhcHBlclwiPlxyXG4gICAgPGxpYi1oZWFkZXItYWx0IFt0aXRsZV09XCJjaGFydERhdGEubWV0YURhdGEudGl0bGVcIj48L2xpYi1oZWFkZXItYWx0PlxyXG4gIDwvc3Bhbj5cclxuICA8c3BhblxyXG4gICAgKm5nSWY9XCJcclxuICAgICAgKGNoYXJ0RGF0YS5kcm9wZG93bkRhdGExICYmXHJcbiAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLmJyZWFkY3J1bWJMZW5ndGggJiZcclxuICAgICAgICBjaGFydERhdGEubWV0YURhdGEuYnJlYWRjcnVtYkxlbmd0aCA9PSAxICYmXHJcbiAgICAgICAgKGNoYXJ0Q29uZmlndXJhdGlvbj8uaXNUb2dnbGVWaXNpYmxlIHx8XHJcbiAgICAgICAgICBjaGFydERhdGEubWV0YURhdGEuaXNUb2dnbGVWaXNpYmxlKSkgfHxcclxuICAgICAgKGNoYXJ0RGF0YS5tZXRhRGF0YS5icmVhZGNydW1iTGVuZ3RoID4gMSAmJlxyXG4gICAgICAgICFjaGFydERhdGEuZHJvcGRvd25EYXRhMSAmJlxyXG4gICAgICAgIChjaGFydENvbmZpZ3VyYXRpb24/LmlzVG9nZ2xlVmlzaWJsZSB8fFxyXG4gICAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLmlzVG9nZ2xlVmlzaWJsZSkpIHx8XHJcbiAgICAgIChjaGFydERhdGEuZHJvcGRvd25EYXRhMiAmJlxyXG4gICAgICAgICFjaGFydERhdGEuZHJvcGRvd25EYXRhMSAmJlxyXG4gICAgICAgIGNoYXJ0RGF0YS5tZXRhRGF0YS5icmVhZGNydW1iTGVuZ3RoID09IDEgJiZcclxuICAgICAgICAoY2hhcnRDb25maWd1cmF0aW9uPy5pc1RvZ2dsZVZpc2libGUgfHxcclxuICAgICAgICAgIGNoYXJ0RGF0YS5tZXRhRGF0YS5pc1RvZ2dsZVZpc2libGUpKSB8fFxyXG4gICAgICAoKGNoYXJ0RGF0YS5tZXRhRGF0YS50eXBlID09ICdHQVVHRScgfHxcclxuICAgICAgICBjaGFydERhdGEubWV0YURhdGEudHlwZSA9PSAnTlVNQkVSQ0hBUlQnKSAmJlxyXG4gICAgICAgIGNoYXJ0Q29uZmlndXJhdGlvbi5pc1RvZ2dsZVZpc2libGUgJiZcclxuICAgICAgICBoYW5kbGVHYXVnZUNoYXJ0VmlzaWJpbGl0eSgpKVxyXG4gICAgXCJcclxuICAgIGNsYXNzPVwibWFyZ2luTGVmdC0yMCBmbGV4LWlubGluZSBtYXJnaW5SaWdodC0xNVwiXHJcbiAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJmb250LXNpemUtMlwiPlRyZW5kaW5nPC9zcGFuPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJzd2l0Y2hcIlxyXG4gICAgICAoY2xpY2spPVwiXHJcbiAgICAgICAgaGFuZGxlQ2xpY2soXHJcbiAgICAgICAgICBjaGFydERhdGEubWV0YURhdGEudHlwZSA9PSAnTlVNQkVSQ0hBUlQnXHJcbiAgICAgICAgICAgID8geyB0b2dnbGVGcm9tOiAncGxhaW5UcmVuZCcgfVxyXG4gICAgICAgICAgICA6IGNoYXJ0RGF0YS5tZXRhRGF0YS50eXBlID09ICdHQVVHRSdcclxuICAgICAgICAgICAgPyB7IHRvZ2dsZUZyb206ICdnYXVnZScgfVxyXG4gICAgICAgICAgICA6IGNoYXJ0RGF0YS5tZXRhRGF0YS50b2dnbGVWZXJzaW9uXHJcbiAgICAgICAgICAgID8geyB0b2dnbGVGcm9tOiAnZ3JvdXBjaGFydC12MScgfVxyXG4gICAgICAgICAgICA6IHsgdG9nZ2xlRnJvbTogJ2dyb3VwY2hhcnQnIH1cclxuICAgICAgICApXHJcbiAgICAgIFwiXHJcbiAgICA+XHJcbiAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiAvPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAgICdzbGlkZXIxIHJvdW5kMSc6IGNoYXJ0RGF0YSAmJiBjaGFydERhdGEubWV0YURhdGEuaXNUb2dnbGVkLFxyXG4gICAgICAgICAgJ3NsaWRlciByb3VuZCc6IGNoYXJ0RGF0YSAmJiAhY2hhcnREYXRhLm1ldGFEYXRhLmlzVG9nZ2xlZFxyXG4gICAgICAgIH1cIlxyXG4gICAgICA+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJmb250LXNpemUtMlwiPkF2ZXJhZ2U8L3NwYW4+XHJcbiAgPC9zcGFuPlxyXG4gIDxkaXYgY2xhc3M9XCJsaWItZGlzcGxheS1mbGV4IGhlYWRlci10aXRsZS1zdHlsZXNcIj4gIFxyXG4gIDxzcGFuIGNsYXNzPVwiZGlzcGxheS1mbGV4XCI+XHJcbiAgICA8c3BhbiAqbmdJZj1cIlxyXG4gICAgICAgIGNoYXJ0RGF0YS5kcm9wZG93bkRhdGExICYmXHJcbiAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLmJyZWFkY3J1bWJMZW5ndGggJiZcclxuICAgICAgICBjaGFydERhdGEubWV0YURhdGEuYnJlYWRjcnVtYkxlbmd0aCA9PSAxXHJcbiAgICAgIFwiPlxyXG4gICAgICA8bGliLWRyb3Bkb3duIFtkcm9wZG93bkRhdGFdPVwiY2hhcnREYXRhLmRyb3Bkb3duRGF0YTFcIiBbaXNEcm9wZG93bk9wZW5dPVwidGhpcy5pc0REMU9wZW5cIlxyXG4gICAgICAgIChkZENsaWNrZWQpPVwiaGFuZGxlREQxQ2xpY2soKVwiIChzZWxlY3RlZEZyb21Ecm9wZG93bik9XCJoYW5kbGVDb21wYXJlQnlGaWx0ZXJTZWxlY3Rpb24oJGV2ZW50KVwiPjwvbGliLWRyb3Bkb3duPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gKm5nSWY9XCJcclxuICAgICAgICBjaGFydERhdGEuZHJvcGRvd25EYXRhMiAmJlxyXG4gICAgICAgIGNoYXJ0RGF0YS5tZXRhRGF0YS5icmVhZGNydW1iTGVuZ3RoICYmXHJcbiAgICAgICAgY2hhcnREYXRhLm1ldGFEYXRhLmJyZWFkY3J1bWJMZW5ndGggPT0gMVxyXG4gICAgICBcIj5cclxuICAgICAgPGxpYi1kcm9wZG93biBbZHJvcGRvd25EYXRhXT1cImNoYXJ0RGF0YS5kcm9wZG93bkRhdGEyXCIgW2lzRHJvcGRvd25PcGVuXT1cInRoaXMuaXNERDJPcGVuXCJcclxuICAgICAgICAoZGRDbGlja2VkKT1cImhhbmRsZUREMkNsaWNrKClcIiAoc2VsZWN0ZWRGcm9tRHJvcGRvd24pPVwiaGFuZGxlQ29tcGFyZUJ5RmlsdGVyU2VsZWN0aW9uKCRldmVudClcIlxyXG4gICAgICAgIFtpc0NoZWNrYm94VmlzaWJsZV09XCJjaGFydERhdGEubWV0YURhdGEuaXNDaGVja2JveFZpc2libGVcIlxyXG4gICAgICAgIFtkcm9wZG93bkhlYWRlck5hbWVdPVwiY2hhcnREYXRhLm1ldGFEYXRhLmRyb3Bkb3duSGVhZGVyTmFtZVwiPjwvbGliLWRyb3Bkb3duPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ6b29tSWNvbnMtaG9sZGVyXCIgKm5nSWY9XCJjaGFydERhdGEuZGF0YSAmJiBjaGFydERhdGEuZGF0YS5sZW5ndGggPiA4XCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiem9vbUljb25zXCIgdGl0bGU9XCJab29tIEluXCIgW25nQ2xhc3NdPVwiIWlzWm9vbWVkT3V0ID8gJ3pvb20tYWN0aXZlJyA6ICd6b29tLWluYWN0aXZlJ1wiXHJcbiAgICAgICAgKGNsaWNrKT1cImlzWm9vbU91dFNlbGVjdGVkKGZhbHNlLCAkZXZlbnQpXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1zZWFyY2gtcGx1c1wiPjwvaT5cclxuICAgICAgPC9zcGFuPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInpvb21JY29uc1wiIHRpdGxlPVwiWm9vbSBPdXRcIiBbbmdDbGFzc109XCJpc1pvb21lZE91dCA/ICd6b29tLWFjdGl2ZScgOiAnem9vbS1pbmFjdGl2ZSdcIlxyXG4gICAgICAgIChjbGljayk9XCJpc1pvb21PdXRTZWxlY3RlZCh0cnVlLCAkZXZlbnQpXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1zZWFyY2gtbWludXNcIj48L2k+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICA8L3NwYW4+XHJcbjwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -3238,11 +3238,11 @@ class ChartHeaderV2Component {
|
|
|
3238
3238
|
this.compareByFilterSelection.emit(event);
|
|
3239
3239
|
}
|
|
3240
3240
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3241
|
-
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: [".headerv2{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;height:auto!important}.header-title-styles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 991px){.headerv2{justify-content:space-between}.headerv2>span,.headerv2>div{width:100%;justify-content:flex-end}.switch{margin-left:0}}@media (max-width: 576px){.headerv2{flex-direction:column;align-items:flex-end}.header-title-styles{width:100%;justify-content:space-between}lib-dropdown{width:100%}.zoomIcons-holder{justify-content:flex-end;width:100%}}\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"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown", inputs: ["dropdownHeaderName", "isDropdownOpen", "dropdownData", "isCheckboxVisible"], outputs: ["ddClicked", "selectedFromDropdown"] }] }); }
|
|
3241
|
+
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'\" class=\"chart-title-wrapper\">\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: [".headerv2{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;height:auto!important}.header-title-styles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 991px){.headerv2{justify-content:space-between}.headerv2>span,.headerv2>div{width:100%;justify-content:flex-end}.switch{margin-left:0}.chart-title-wrapper{display:none!important}}@media (max-width: 576px){.headerv2{flex-direction:column;align-items:flex-end}.header-title-styles{width:100%;justify-content:space-between}lib-dropdown{width:100%}.zoomIcons-holder{justify-content:flex-end;width:100%}}\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"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown", inputs: ["dropdownHeaderName", "isDropdownOpen", "dropdownData", "isCheckboxVisible"], outputs: ["ddClicked", "selectedFromDropdown"] }] }); }
|
|
3242
3242
|
}
|
|
3243
3243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, decorators: [{
|
|
3244
3244
|
type: Component,
|
|
3245
|
-
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: [".headerv2{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;height:auto!important}.header-title-styles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 991px){.headerv2{justify-content:space-between}.headerv2>span,.headerv2>div{width:100%;justify-content:flex-end}.switch{margin-left:0}}@media (max-width: 576px){.headerv2{flex-direction:column;align-items:flex-end}.header-title-styles{width:100%;justify-content:space-between}lib-dropdown{width:100%}.zoomIcons-holder{justify-content:flex-end;width:100%}}\n"] }]
|
|
3245
|
+
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'\" class=\"chart-title-wrapper\">\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: [".headerv2{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;height:auto!important}.header-title-styles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 991px){.headerv2{justify-content:space-between}.headerv2>span,.headerv2>div{width:100%;justify-content:flex-end}.switch{margin-left:0}.chart-title-wrapper{display:none!important}}@media (max-width: 576px){.headerv2{flex-direction:column;align-items:flex-end}.header-title-styles{width:100%;justify-content:space-between}lib-dropdown{width:100%}.zoomIcons-holder{justify-content:flex-end;width:100%}}\n"] }]
|
|
3246
3246
|
}], propDecorators: { chartData: [{
|
|
3247
3247
|
type: Input
|
|
3248
3248
|
}], chartConfiguration: [{
|