@shikshalokam/sl-reports-library/esm2022/lib/generic-chart/generic-chart.component.mjs

Library to integrate questionnaire in SL Projects

import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../pie-chart/pie-chart.component";
import * as i3 from "../bar-chart/bar-chart.component";
import * as i4 from "../percentage-column-charts/percentage-column-charts.component";
import * as i5 from "../matrix-chart/matrix-chart.component";
import * as i6 from "../reports-text/reports-text.component";
import * as i7 from "../expansion-table/expansion-table.component";
export class GenericChartComponent {
    constructor() { }
    ngOnInit() {
    }
    extension(name) {
        return name.split(".").pop();
    }
    openFile(file) {
        window.open(file.url, "_blank");
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericChartComponent, selector: "sl-generic-chart", inputs: { reportSections: "reportSections" }, ngImport: i0, template: "<div *ngFor=\"let section of reportSections\">\n  <div class=\"ui bottom p-0 b-0 no-bg my-24 graph-content-section\">\n    <div *ngFor=\"let element of section?.questionArray; let i = index\">\n      <div\n        class=\"ui segment chart-conent-section\"\n        [ngSwitch]=\"element?.responseType\"\n      >\n        <sl-reports-text\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'text'\"\n        ></sl-reports-text>\n        <sl-reports-text\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'number'\"\n        ></sl-reports-text>\n        <sl-reports-text\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'date'\"\n        ></sl-reports-text>\n        <sl-reports-text\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchDefault\n        ></sl-reports-text>\n        <sl-pie-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'radio'\"\n        ></sl-pie-chart>\n        <sl-pie-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'pie'\"\n        ></sl-pie-chart>\n        <sl-bar-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'bar'\"\n        ></sl-bar-chart>\n        <sl-bar-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'multiselect'\"\n        ></sl-bar-chart>\n        <sl-bar-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'column'\"\n        ></sl-bar-chart>\n        <sl-percentage-column-charts\n          [chartData]=\"element\"\n          *ngSwitchCase=\"'horizontalBar'\"\n        >\n        </sl-percentage-column-charts>\n        <sl-matrix-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'matrix'\"\n        ></sl-matrix-chart>\n        <sl-expansion-table\n          [datas]=\"element\"\n          *ngSwitchCase=\"'expansion-table'\"\n        ></sl-expansion-table>\n      </div>\n      <div\n        *ngFor=\"let e of element.evidences\"\n        (click)=\"openFile(e)\"\n        class=\"area\"\n      >\n        <div *ngIf=\"e.extension == 'png'\" class=\"mx-10\">\n          <i class=\"file image outline icon\"></i>\n        </div>\n        <div *ngIf=\"e.extension == 'jpg'\" class=\"mx-10\">\n          <i class=\"file image outline icon\"></i>\n        </div>\n        <div *ngIf=\"e.extension == 'jpeg'\" class=\"mx-10\">\n          <i class=\"file image outline icon\"></i>\n        </div>\n        <div *ngIf=\"e.extension == 'pdf'\" class=\"mx-10\">\n          <i class=\"file pdf outline icon\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".graph-content-section{padding-bottom:15px!important;background-color:#e9e8d9!important;border-radius:0 0 24px 24px!important;margin-top:0!important;padding-top:5px!important}.chart-conent-section{position:relative;z-index:3;margin:15px!important;border:.0625rem solid var(--rc-dddddd);padding:1.5rem;background:#fff;box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16);border-radius:24px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.PieChartComponent, selector: "sl-pie-chart", inputs: ["data", "questionNumber"] }, { kind: "component", type: i3.BarChartComponent, selector: "sl-bar-chart", inputs: ["data", "questionNumber"] }, { kind: "component", type: i4.PercentageColumnChartsComponent, selector: "sl-percentage-column-charts", inputs: ["chartData"] }, { kind: "component", type: i5.MatrixChartComponent, selector: "sl-matrix-chart", inputs: ["data", "questionNumber"], outputs: ["allEvidence"] }, { kind: "component", type: i6.ReportsTextComponent, selector: "sl-reports-text", inputs: ["data", "questionNumber"] }, { kind: "component", type: i7.ExpansionTableComponent, selector: "sl-expansion-table", inputs: ["datas"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericChartComponent, decorators: [{
            type: Component,
            args: [{ selector: 'sl-generic-chart', template: "<div *ngFor=\"let section of reportSections\">\n  <div class=\"ui bottom p-0 b-0 no-bg my-24 graph-content-section\">\n    <div *ngFor=\"let element of section?.questionArray; let i = index\">\n      <div\n        class=\"ui segment chart-conent-section\"\n        [ngSwitch]=\"element?.responseType\"\n      >\n        <sl-reports-text\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'text'\"\n        ></sl-reports-text>\n        <sl-reports-text\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'number'\"\n        ></sl-reports-text>\n        <sl-reports-text\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'date'\"\n        ></sl-reports-text>\n        <sl-reports-text\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchDefault\n        ></sl-reports-text>\n        <sl-pie-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'radio'\"\n        ></sl-pie-chart>\n        <sl-pie-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'pie'\"\n        ></sl-pie-chart>\n        <sl-bar-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'bar'\"\n        ></sl-bar-chart>\n        <sl-bar-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'multiselect'\"\n        ></sl-bar-chart>\n        <sl-bar-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'column'\"\n        ></sl-bar-chart>\n        <sl-percentage-column-charts\n          [chartData]=\"element\"\n          *ngSwitchCase=\"'horizontalBar'\"\n        >\n        </sl-percentage-column-charts>\n        <sl-matrix-chart\n          [data]=\"element\"\n          [questionNumber]=\"i + 1\"\n          *ngSwitchCase=\"'matrix'\"\n        ></sl-matrix-chart>\n        <sl-expansion-table\n          [datas]=\"element\"\n          *ngSwitchCase=\"'expansion-table'\"\n        ></sl-expansion-table>\n      </div>\n      <div\n        *ngFor=\"let e of element.evidences\"\n        (click)=\"openFile(e)\"\n        class=\"area\"\n      >\n        <div *ngIf=\"e.extension == 'png'\" class=\"mx-10\">\n          <i class=\"file image outline icon\"></i>\n        </div>\n        <div *ngIf=\"e.extension == 'jpg'\" class=\"mx-10\">\n          <i class=\"file image outline icon\"></i>\n        </div>\n        <div *ngIf=\"e.extension == 'jpeg'\" class=\"mx-10\">\n          <i class=\"file image outline icon\"></i>\n        </div>\n        <div *ngIf=\"e.extension == 'pdf'\" class=\"mx-10\">\n          <i class=\"file pdf outline icon\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".graph-content-section{padding-bottom:15px!important;background-color:#e9e8d9!important;border-radius:0 0 24px 24px!important;margin-top:0!important;padding-top:5px!important}.chart-conent-section{position:relative;z-index:3;margin:15px!important;border:.0625rem solid var(--rc-dddddd);padding:1.5rem;background:#fff;box-shadow:0 .125rem .4375rem rgba(var(--rc-rgba-black),.16);border-radius:24px!important}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { reportSections: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJpYy1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbC1yZXBvcnRzLWxpYnJhcnkvc3JjL2xpYi9nZW5lcmljLWNoYXJ0L2dlbmVyaWMtY2hhcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2wtcmVwb3J0cy1saWJyYXJ5L3NyYy9saWIvZ2VuZXJpYy1jaGFydC9nZW5lcmljLWNoYXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFPekQsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFNBQVMsQ0FBQyxJQUFJO1FBQ1osT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBSTtRQUNYLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUNsQyxDQUFDOytHQWRVLHFCQUFxQjttR0FBckIscUJBQXFCLHNHQ1BsQyw0MEZBd0ZBOzs0RkRqRmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGtCQUFrQjswRUFLbkIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzbC1nZW5lcmljLWNoYXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dlbmVyaWMtY2hhcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9nZW5lcmljLWNoYXJ0LmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHZW5lcmljQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSByZXBvcnRTZWN0aW9uczphbnk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuICBcbiAgZXh0ZW5zaW9uKG5hbWUpIHtcbiAgICByZXR1cm4gbmFtZS5zcGxpdChcIi5cIikucG9wKCk7XG4gIH1cblxuICBvcGVuRmlsZShmaWxlKSB7XG4gICAgd2luZG93Lm9wZW4oZmlsZS51cmwsIFwiX2JsYW5rXCIpO1xuICB9XG5cbn1cbiIsIjxkaXYgKm5nRm9yPVwibGV0IHNlY3Rpb24gb2YgcmVwb3J0U2VjdGlvbnNcIj5cbiAgPGRpdiBjbGFzcz1cInVpIGJvdHRvbSBwLTAgYi0wIG5vLWJnIG15LTI0IGdyYXBoLWNvbnRlbnQtc2VjdGlvblwiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGVsZW1lbnQgb2Ygc2VjdGlvbj8ucXVlc3Rpb25BcnJheTsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInVpIHNlZ21lbnQgY2hhcnQtY29uZW50LXNlY3Rpb25cIlxuICAgICAgICBbbmdTd2l0Y2hdPVwiZWxlbWVudD8ucmVzcG9uc2VUeXBlXCJcbiAgICAgID5cbiAgICAgICAgPHNsLXJlcG9ydHMtdGV4dFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiXG4gICAgICAgID48L3NsLXJlcG9ydHMtdGV4dD5cbiAgICAgICAgPHNsLXJlcG9ydHMtdGV4dFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidudW1iZXInXCJcbiAgICAgICAgPjwvc2wtcmVwb3J0cy10ZXh0PlxuICAgICAgICA8c2wtcmVwb3J0cy10ZXh0XG4gICAgICAgICAgW2RhdGFdPVwiZWxlbWVudFwiXG4gICAgICAgICAgW3F1ZXN0aW9uTnVtYmVyXT1cImkgKyAxXCJcbiAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGUnXCJcbiAgICAgICAgPjwvc2wtcmVwb3J0cy10ZXh0PlxuICAgICAgICA8c2wtcmVwb3J0cy10ZXh0XG4gICAgICAgICAgW2RhdGFdPVwiZWxlbWVudFwiXG4gICAgICAgICAgW3F1ZXN0aW9uTnVtYmVyXT1cImkgKyAxXCJcbiAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgID48L3NsLXJlcG9ydHMtdGV4dD5cbiAgICAgICAgPHNsLXBpZS1jaGFydFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidyYWRpbydcIlxuICAgICAgICA+PC9zbC1waWUtY2hhcnQ+XG4gICAgICAgIDxzbC1waWUtY2hhcnRcbiAgICAgICAgICBbZGF0YV09XCJlbGVtZW50XCJcbiAgICAgICAgICBbcXVlc3Rpb25OdW1iZXJdPVwiaSArIDFcIlxuICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCIncGllJ1wiXG4gICAgICAgID48L3NsLXBpZS1jaGFydD5cbiAgICAgICAgPHNsLWJhci1jaGFydFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidiYXInXCJcbiAgICAgICAgPjwvc2wtYmFyLWNoYXJ0PlxuICAgICAgICA8c2wtYmFyLWNoYXJ0XG4gICAgICAgICAgW2RhdGFdPVwiZWxlbWVudFwiXG4gICAgICAgICAgW3F1ZXN0aW9uTnVtYmVyXT1cImkgKyAxXCJcbiAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ211bHRpc2VsZWN0J1wiXG4gICAgICAgID48L3NsLWJhci1jaGFydD5cbiAgICAgICAgPHNsLWJhci1jaGFydFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidjb2x1bW4nXCJcbiAgICAgICAgPjwvc2wtYmFyLWNoYXJ0PlxuICAgICAgICA8c2wtcGVyY2VudGFnZS1jb2x1bW4tY2hhcnRzXG4gICAgICAgICAgW2NoYXJ0RGF0YV09XCJlbGVtZW50XCJcbiAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2hvcml6b250YWxCYXInXCJcbiAgICAgICAgPlxuICAgICAgICA8L3NsLXBlcmNlbnRhZ2UtY29sdW1uLWNoYXJ0cz5cbiAgICAgICAgPHNsLW1hdHJpeC1jaGFydFxuICAgICAgICAgIFtkYXRhXT1cImVsZW1lbnRcIlxuICAgICAgICAgIFtxdWVzdGlvbk51bWJlcl09XCJpICsgMVwiXG4gICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidtYXRyaXgnXCJcbiAgICAgICAgPjwvc2wtbWF0cml4LWNoYXJ0PlxuICAgICAgICA8c2wtZXhwYW5zaW9uLXRhYmxlXG4gICAgICAgICAgW2RhdGFzXT1cImVsZW1lbnRcIlxuICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCInZXhwYW5zaW9uLXRhYmxlJ1wiXG4gICAgICAgID48L3NsLWV4cGFuc2lvbi10YWJsZT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICAqbmdGb3I9XCJsZXQgZSBvZiBlbGVtZW50LmV2aWRlbmNlc1wiXG4gICAgICAgIChjbGljayk9XCJvcGVuRmlsZShlKVwiXG4gICAgICAgIGNsYXNzPVwiYXJlYVwiXG4gICAgICA+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJlLmV4dGVuc2lvbiA9PSAncG5nJ1wiIGNsYXNzPVwibXgtMTBcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cImZpbGUgaW1hZ2Ugb3V0bGluZSBpY29uXCI+PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImUuZXh0ZW5zaW9uID09ICdqcGcnXCIgY2xhc3M9XCJteC0xMFwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmlsZSBpbWFnZSBvdXRsaW5lIGljb25cIj48L2k+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiZS5leHRlbnNpb24gPT0gJ2pwZWcnXCIgY2xhc3M9XCJteC0xMFwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmlsZSBpbWFnZSBvdXRsaW5lIGljb25cIj48L2k+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiZS5leHRlbnNpb24gPT0gJ3BkZidcIiBjbGFzcz1cIm14LTEwXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmaWxlIHBkZiBvdXRsaW5lIGljb25cIj48L2k+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=