@shikshalokam/sl-reports-library
Version:
Library to integrate questionnaire in SL Projects
68 lines • 10.6 kB
JavaScript
import { Component, Input, ViewChild } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "ng2-charts";
import * as i2 from "@angular/common";
export class BarChartComponent {
constructor() {
this.barChartLabels = [];
this.barChartType = "bar";
this.barChartLegend = true;
}
ngOnInit() {
this.barData = this.data?.chart?.data;
const options = {
...(this.data.chart.type == "horizontalBar" && {
indexAxis: "y",
}),
plugins: {
...((this.data.chart.options.legend && {
legend: this.data.chart.options.legend,
}) || {
legend: {
display: false,
},
}),
},
scales: {
x: {
...(this.data.chart.options.scales.xAxes[0].scaleLabel && {
title: {
display: this.data.chart.options.scales.xAxes[0].scaleLabel.display,
text: this.data.chart.options.scales.xAxes[0].scaleLabel
.labelString,
},
...this.data.chart.options.scales.xAxes[0],
}),
},
y: {
...(this.data.chart.options.scales.yAxes[0].scaleLabel && {
title: {
display: this.data.chart.options.scales.yAxes[0].scaleLabel.display,
text: this.data.chart.options.scales.yAxes[0].scaleLabel
.labelString,
},
...this.data.chart.options.scales.yAxes[0],
}),
},
},
};
this.barChartOptions = options;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BarChartComponent, selector: "sl-bar-chart", inputs: { data: "data", questionNumber: "questionNumber" }, viewQueries: [{ propertyName: "chartRootElement", first: true, predicate: ["chartRootElement"], descendants: true }, { propertyName: "chartCanvas", first: true, predicate: ["chartCanvas"], descendants: true }], ngImport: i0, template: "<div class=\"graph-filters\" #chartRootElement>\n <div class=\"bar-chart-wrapper\">\n <canvas\n #chartCanvas \n baseChart \n [data]=\"barData\"\n [type]=\"'bar'\"\n [options]=\"barChartOptions\"\n ></canvas>\n </div>\n\n <div *ngIf=\"!data?.chart?.data\" class=\"errorMsg\">No data found</div>\n</div>\n", styles: [".heading{padding:15px 10px;text-align:center}.errorMsg{color:gray;text-align:center;padding:20px 0}.bar-chart-wrapper{display:block;max-width:900px;max-height:450px;margin:0 auto}\n"], dependencies: [{ kind: "directive", type: i1.BaseChartDirective, selector: "canvas[baseChart]", inputs: ["type", "legend", "data", "options", "plugins", "labels", "datasets"], outputs: ["chartClick", "chartHover"], exportAs: ["base-chart"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarChartComponent, decorators: [{
type: Component,
args: [{ selector: "sl-bar-chart", template: "<div class=\"graph-filters\" #chartRootElement>\n <div class=\"bar-chart-wrapper\">\n <canvas\n #chartCanvas \n baseChart \n [data]=\"barData\"\n [type]=\"'bar'\"\n [options]=\"barChartOptions\"\n ></canvas>\n </div>\n\n <div *ngIf=\"!data?.chart?.data\" class=\"errorMsg\">No data found</div>\n</div>\n", styles: [".heading{padding:15px 10px;text-align:center}.errorMsg{color:gray;text-align:center;padding:20px 0}.bar-chart-wrapper{display:block;max-width:900px;max-height:450px;margin:0 auto}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
type: Input
}], questionNumber: [{
type: Input
}], chartRootElement: [{
type: ViewChild,
args: ["chartRootElement"]
}], chartCanvas: [{
type: ViewChild,
args: ["chartCanvas"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NsLXJlcG9ydHMtbGlicmFyeS9zcmMvbGliL2Jhci1jaGFydC9iYXItY2hhcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2wtcmVwb3J0cy1saWJyYXJ5L3NyYy9saWIvYmFyLWNoYXJ0L2Jhci1jaGFydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRcEUsTUFBTSxPQUFPLGlCQUFpQjtJQWM1QjtRQVJPLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLGlCQUFZLEdBQWMsS0FBSyxDQUFDO1FBQ2hDLG1CQUFjLEdBQUcsSUFBSSxDQUFDO0lBTWQsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUM7UUFDdEMsTUFBTSxPQUFPLEdBQUc7WUFDZCxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLGVBQWUsSUFBSTtnQkFDN0MsU0FBUyxFQUFFLEdBQUc7YUFDZixDQUFDO1lBQ0YsT0FBTyxFQUFFO2dCQUNQLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLElBQUk7b0JBQ3JDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTTtpQkFDdkMsQ0FBQyxJQUFJO29CQUNKLE1BQU0sRUFBRTt3QkFDTixPQUFPLEVBQUUsS0FBSztxQkFDZjtpQkFDRixDQUFDO2FBQ0g7WUFDRCxNQUFNLEVBQUU7Z0JBQ04sQ0FBQyxFQUFFO29CQUNELEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLElBQUk7d0JBQ3hELEtBQUssRUFBRTs0QkFDTCxPQUFPLEVBQ0wsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE9BQU87NEJBQzVELElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVO2lDQUNyRCxXQUFXO3lCQUNmO3dCQUNELEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO3FCQUMzQyxDQUFDO2lCQUNIO2dCQUNELENBQUMsRUFBRTtvQkFDRCxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxJQUFJO3dCQUN4RCxLQUFLLEVBQUU7NEJBQ0wsT0FBTyxFQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxPQUFPOzRCQUM1RCxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVTtpQ0FDckQsV0FBVzt5QkFDZjt3QkFDRCxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztxQkFDM0MsQ0FBQztpQkFDSDthQUNGO1NBQ0YsQ0FBQztRQUNGLElBQUksQ0FBQyxlQUFlLEdBQUcsT0FBTyxDQUFDO0lBQ2pDLENBQUM7K0dBekRVLGlCQUFpQjttR0FBakIsaUJBQWlCLG1VQ1I5QixtVkFhQTs7NEZETGEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGNBQWM7MEVBS2YsSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ3lCLGdCQUFnQjtzQkFBOUMsU0FBUzt1QkFBQyxrQkFBa0I7Z0JBQ0gsV0FBVztzQkFBcEMsU0FBUzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2hhcnRPcHRpb25zLCBDaGFydFR5cGUsIENoYXJ0RGF0YXNldCB9IGZyb20gXCJjaGFydC5qc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic2wtYmFyLWNoYXJ0XCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vYmFyLWNoYXJ0LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9iYXItY2hhcnQuY29tcG9uZW50LmNzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFyQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXRhO1xuICBASW5wdXQoKSBxdWVzdGlvbk51bWJlcjtcbiAgQFZpZXdDaGlsZChcImNoYXJ0Um9vdEVsZW1lbnRcIikgY2hhcnRSb290RWxlbWVudDtcbiAgQFZpZXdDaGlsZChcImNoYXJ0Q2FudmFzXCIpIGNoYXJ0Q2FudmFzO1xuXG4gIHB1YmxpYyBiYXJDaGFydExhYmVscyA9IFtdO1xuICBwdWJsaWMgYmFyQ2hhcnRUeXBlOiBDaGFydFR5cGUgPSBcImJhclwiO1xuICBwdWJsaWMgYmFyQ2hhcnRMZWdlbmQgPSB0cnVlO1xuICBwdWJsaWMgY2hhcnRDb2xvcnM6IEFycmF5PGFueT47XG5cbiAgcHVibGljIGJhckNoYXJ0RGF0YTogQ2hhcnREYXRhc2V0W107XG4gIGJhckRhdGE6IGFueTtcbiAgYmFyQ2hhcnRPcHRpb25zOiBhbnk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmJhckRhdGEgPSB0aGlzLmRhdGE/LmNoYXJ0Py5kYXRhO1xuICAgIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgICAuLi4odGhpcy5kYXRhLmNoYXJ0LnR5cGUgPT0gXCJob3Jpem9udGFsQmFyXCIgJiYge1xuICAgICAgICBpbmRleEF4aXM6IFwieVwiLFxuICAgICAgfSksXG4gICAgICBwbHVnaW5zOiB7XG4gICAgICAgIC4uLigodGhpcy5kYXRhLmNoYXJ0Lm9wdGlvbnMubGVnZW5kICYmIHtcbiAgICAgICAgICBsZWdlbmQ6IHRoaXMuZGF0YS5jaGFydC5vcHRpb25zLmxlZ2VuZCxcbiAgICAgICAgfSkgfHwge1xuICAgICAgICAgIGxlZ2VuZDoge1xuICAgICAgICAgICAgZGlzcGxheTogZmFsc2UsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgICAgc2NhbGVzOiB7XG4gICAgICAgIHg6IHtcbiAgICAgICAgICAuLi4odGhpcy5kYXRhLmNoYXJ0Lm9wdGlvbnMuc2NhbGVzLnhBeGVzWzBdLnNjYWxlTGFiZWwgJiYge1xuICAgICAgICAgICAgdGl0bGU6IHtcbiAgICAgICAgICAgICAgZGlzcGxheTpcbiAgICAgICAgICAgICAgICB0aGlzLmRhdGEuY2hhcnQub3B0aW9ucy5zY2FsZXMueEF4ZXNbMF0uc2NhbGVMYWJlbC5kaXNwbGF5LFxuICAgICAgICAgICAgICB0ZXh0OiB0aGlzLmRhdGEuY2hhcnQub3B0aW9ucy5zY2FsZXMueEF4ZXNbMF0uc2NhbGVMYWJlbFxuICAgICAgICAgICAgICAgIC5sYWJlbFN0cmluZyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAuLi50aGlzLmRhdGEuY2hhcnQub3B0aW9ucy5zY2FsZXMueEF4ZXNbMF0sXG4gICAgICAgICAgfSksXG4gICAgICAgIH0sXG4gICAgICAgIHk6IHtcbiAgICAgICAgICAuLi4odGhpcy5kYXRhLmNoYXJ0Lm9wdGlvbnMuc2NhbGVzLnlBeGVzWzBdLnNjYWxlTGFiZWwgJiYge1xuICAgICAgICAgICAgdGl0bGU6IHtcbiAgICAgICAgICAgICAgZGlzcGxheTpcbiAgICAgICAgICAgICAgICB0aGlzLmRhdGEuY2hhcnQub3B0aW9ucy5zY2FsZXMueUF4ZXNbMF0uc2NhbGVMYWJlbC5kaXNwbGF5LFxuICAgICAgICAgICAgICB0ZXh0OiB0aGlzLmRhdGEuY2hhcnQub3B0aW9ucy5zY2FsZXMueUF4ZXNbMF0uc2NhbGVMYWJlbFxuICAgICAgICAgICAgICAgIC5sYWJlbFN0cmluZyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAuLi50aGlzLmRhdGEuY2hhcnQub3B0aW9ucy5zY2FsZXMueUF4ZXNbMF0sXG4gICAgICAgICAgfSksXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH07XG4gICAgdGhpcy5iYXJDaGFydE9wdGlvbnMgPSBvcHRpb25zO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3JhcGgtZmlsdGVyc1wiICNjaGFydFJvb3RFbGVtZW50PlxuICA8ZGl2ICBjbGFzcz1cImJhci1jaGFydC13cmFwcGVyXCI+XG4gICAgPGNhbnZhc1xuICAgICAgI2NoYXJ0Q2FudmFzIFxuICAgICAgYmFzZUNoYXJ0IFxuICAgICAgW2RhdGFdPVwiYmFyRGF0YVwiXG4gICAgICBbdHlwZV09XCInYmFyJ1wiXG4gICAgICBbb3B0aW9uc109XCJiYXJDaGFydE9wdGlvbnNcIlxuICAgID48L2NhbnZhcz5cbiAgPC9kaXY+XG5cbiA8ZGl2ICpuZ0lmPVwiIWRhdGE/LmNoYXJ0Py5kYXRhXCIgY2xhc3M9XCJlcnJvck1zZ1wiPk5vIGRhdGEgZm91bmQ8L2Rpdj5cbjwvZGl2PlxuIl19