axidio-styleguide-library1-v2 0.6.79 → 0.6.81
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.
- package/esm2022/lib/chart-header-v2/chart-header-v2.component.mjs +2 -2
- package/esm2022/lib/horizontal-bars-with-scroll-zoom/horizontal-bars-with-scroll-zoom.component.mjs +3 -3
- package/esm2022/lib/horizontal-grouped-bar-with-scroll-zoom/horizontal-grouped-bar-with-scroll-zoom.component.mjs +7 -4
- package/esm2022/lib/plain-trend/plain-trend.component.mjs +2 -2
- package/fesm2022/axidio-styleguide-library1-v2.mjs +12 -9
- package/fesm2022/axidio-styleguide-library1-v2.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -40,11 +40,11 @@ export class ChartHeaderV2Component {
|
|
|
40
40
|
this.compareByFilterSelection.emit(event);
|
|
41
41
|
}
|
|
42
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
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: ["
|
|
43
|
+
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: [""], 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"] }] }); }
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartHeaderV2Component, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
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"
|
|
47
|
+
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" }]
|
|
48
48
|
}], propDecorators: { chartData: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], chartConfiguration: [{
|