{"__symbolic":"module","version":4,"metadata":{"SlReportsLibraryService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"SlReportsLibraryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sl-reports-library","template":"\n    <p>\n      sl-reports-library works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SlReportsLibraryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SlReportsLibraryComponent"},{"__symbolic":"reference","name":"ReportHeaderComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"BarChartComponent"},{"__symbolic":"reference","name":"GenericChartComponent"},{"__symbolic":"reference","name":"PercentageColumnChartsComponent"},{"__symbolic":"reference","name":"ScatterChartsComponent"},{"__symbolic":"reference","name":"MatrixChartComponent"},{"__symbolic":"reference","name":"ReportsTextComponent"},{"__symbolic":"reference","name":"ExpansionTableComponent"},{"__symbolic":"reference","name":"ExpansionPanelComponent"},{"__symbolic":"reference","name":"AttachmentsComponent"}],"imports":[{"__symbolic":"reference","module":"ng2-charts","name":"ChartsModule","line":33,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":26},{"__symbolic":"reference","module":"ng2-semantic-ui-v9","name":"SuiModule","line":33,"character":40},{"__symbolic":"reference","module":"ng2-semantic-ui-v9","name":"SuiAccordionModule","line":33,"character":51}],"exports":[{"__symbolic":"reference","name":"SlReportsLibraryComponent"},{"__symbolic":"reference","name":"ReportHeaderComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"BarChartComponent"},{"__symbolic":"reference","name":"GenericChartComponent"},{"__symbolic":"reference","name":"PercentageColumnChartsComponent"},{"__symbolic":"reference","name":"ScatterChartsComponent"},{"__symbolic":"reference","name":"MatrixChartComponent"},{"__symbolic":"reference","name":"ReportsTextComponent"},{"__symbolic":"reference","name":"ExpansionTableComponent"},{"__symbolic":"reference","name":"ExpansionPanelComponent"},{"__symbolic":"reference","name":"AttachmentsComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":48,"character":12}]}]}],"members":{}},"ReportHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sl-report-header","template":"<div class=\"report-title\"> {{title}}</div>\n<span class=\"ml-auto sb-last-update-status fnormal sb-color-gray-400 px-10 last-update\">\n    <span>Last Updated on&nbsp;: </span> &nbsp;\n    {{lastdate}}\n</span>","styles":[".report-title{font-size:22px;color:var(--sb-text);font-family:\"Noto Sans\";line-height:24px;font-weight:500}.report-subtitle{font-size:19px;color:var(--sb-search-input-text);font-family:\"Noto Sans\";line-height:24px;font-weight:600}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":1}}]}],"lastdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"PieChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"sl-pie-chart","template":"<div *ngIf=\"pieChartData\" >\n  <div class=\"heading\">\n    <h4>{{ questionNumber }}) {{ data?.question }}</h4>\n  </div>\n  <ng-container *ngIf=\"data?.chart?.data\">\n    <canvas \n    #chartCanvas\n    baseChart\n    width=\"300px\" \n    height=\"90px\"\n    [data]=\"pieChartData\"\n    [labels]=\"pieChartLabels\"\n    [chartType]=\"pieChartType\"\n    [options]=\"pieChartOptions\"\n    [legend]=\"pieChartLegend\"\n    [colors]=\"chartColors\"\n  >\n  </canvas>\n  </ng-container>\n\n  <div class=\"errorMsg\" *ngIf=\"!data?.chart?.data\">No data found</div>\n</div>\n","styles":[".heading{text-align:center;padding:15px 10px}.errorMsg{color:grey;text-align:center;padding:20px 0}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"questionNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"chartRootElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["chartRootElement"]}]}],"chartCanvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["chartCanvas"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"BarChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sl-bar-chart","template":"<div *ngIf=\"barChartData\" class=\"graph-filters\" #chartRootElement>\n  <div *ngIf=\"data?.chart?.data\" class=\"bar-chart-wrapper\">\n    <canvas\n      #chartCanvas \n      baseChart \n      [datasets]=\"barChartData\"\n      [labels]=\"barChartLabels\"\n      [options]=\"barChartOptions\"\n      [chartType]=\"barChartType\"\n      [legend]=\"barChartLegend\"\n      [plugins]=\"barChartPlugins\"\n      [colors]=\"chartColors\"\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:grey;text-align:center;padding:20px 0}.bar-chart-wrapper{display:block;max-width:900px;max-height:450px;margin:0 auto}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"questionNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"chartRootElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["chartRootElement"]}]}],"chartCanvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":["chartCanvas"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"GenericChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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 0 rgba(var(--rc-rgba-black),.16);border-radius:24px!important}"]}]}],"members":{"reportSections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"extension":[{"__symbolic":"method"}],"openFile":[{"__symbolic":"method"}]}},"ScatterChartsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sl-scatter-charts","template":"<p>scatter-charts works!</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"PercentageColumnChartsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"sl-percentage-column-charts","template":"<div class=\"graph-filters\" #chartRootElement>\n  <ng-container *ngIf=\"chartData?.chart?.data\" class=\"bar-chart-wrapper\">\n    <canvas\n      #chartCanvas\n      baseChart\n      [datasets]=\"barChartData\"\n      [labels]=\"barChartLabels\"\n      [options]=\"barChartOptions\"\n      [plugins]=\"barChartPlugins\"\n      [legend]=\"barChartLegend\"\n      [chartType]=\"barChartType\"\n    ></canvas>\n  </ng-container>\n</div>\n","styles":[".bar-chart-wrapper{display:block;max-width:900px;max-height:450px;margin:0 auto}"]}]}],"members":{"chartCanvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["chartCanvas"]}]}],"chartData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"chartClicked":[{"__symbolic":"method"}]}},"MatrixChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sl-matrix-chart","template":"<div>\n  <div class=\"heading\">\n    <h4>{{ questionNumber }}) {{ data?.question }}</h4>\n  </div>\n  <div class=\"ui bottom p-0 b-0 no-bg my-24 graph-content-section\">\n    <div *ngFor=\"let element of data?.instanceQuestions; 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      </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":[".area{position:relative}i{font-size:40px}.heading{padding:15px 10px;text-align:center}.graph-content-section{padding-bottom:15px!important;background-color:#c4c3c1!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 0 rgba(var(--rc-rgba-black),.16);border-radius:24px!important}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"questionNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"allEvidence":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"extension":[{"__symbolic":"method"}],"openFile":[{"__symbolic":"method"}]}},"ReportsTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sl-reports-text","template":"<strong>{{ questionNumber }}) {{ data?.question }}</strong>\n<div class=\"answer-list\">\n  <div *ngFor=\"let answer of data?.answers\">\n    {{\n      data?.resposeType === \"date\" && answer\n        ? (answer | date: \"medium\":\"IST\")\n        : answer\n    }}\n  </div>\n</div>\n","styles":[".heading{text-align:center;padding:15px 10px}.answer-list{margin-top:3px;border-top:1px solid #ccc!important}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"questionNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ExpansionPanelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sl-expansion-panel","template":"<!-- <h2 *ngIf=\"datas?.chart\" class=\"heading\">{{ datas?.chart?.title }}</h2>\n<div *ngIf=\"datas?.chart\" >\n  <div *ngFor=\"let entity of datas?.chart?.entities\">\n    <h4 class=\"heading\">{{ entity.entityName }}</h4>\n\n    <div\n      (click)=\"isOpenIndex = isOpenIndex == i ? -1 : i\"\n      class=\"expansionPanel\"\n      margin\n      *ngFor=\"let item of entity?.domains; let i = index\"\n    >\n      <div class=\"domain\" >\n        <h4 style=\"flex: 1\" >{{ item?.domainName }}</h4>\n        <i *ngIf=\"!(isOpenIndex == i)\" class=\"arrow down icon medium\"  ></i>\n        <i *ngIf=\"isOpenIndex == i\" class=\"arrow up icon medium\" ></i>\n      </div>\n      <div *ngIf=\"isOpenIndex == i\" class=\"ion-padding\">\n        <table>\n          <tr *ngFor=\"let criteria of item.criterias\" class=\"domain _noWrap\">\n            <td  style=\"flex: 1\">{{ criteria?.name }}</td>\n            <td class=\"_flex-box\">: {{ criteria?.level }}</td>\n          </tr>\n        </table>\n      </div>\n    </div>\n  </div>\n</div> -->\n\n\n<div *ngIf=\"datas?.chart\">\n  <strong>{{ datas?.chart?.title }}</strong>\n  <div *ngFor=\"let entity of datas?.chart?.entities\">\n    <strong>{{ entity.entityName }}</strong>\n\n    <sui-accordion class=\"styled fluid sb-accordion sb-new-theme-accordion drop-accordian\"\n      *ngFor=\"let item of entity?.domains; let i = index\">\n      <sui-accordion-panel [isOpen]=\"false\">\n        <div title class=\"sb-accordion-title fsmall d-flex flex-ai-center flex-jc-space-between\">\n          <span>{{ item?.domainName }}</span>\n          <i class=\"chevron down icon\" role=\"img\" title=\"expand\"></i>\n        </div>\n        <div content class=\"sb-accordion-content sb-bg-color-white pt-0 pb-8\">\n          <table>\n            <tr *ngFor=\"let criteria of item.criterias\" class=\"domain _noWrap\">\n              <td style=\"flex: 1\">{{ criteria?.name }}</td>\n              <td class=\"_flex-box\">: {{ criteria?.level }}</td>\n            </tr>\n          </table>\n        </div>\n      </sui-accordion-panel>\n    </sui-accordion>\n  </div>\n</div>","styles":["table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #ddd;background:#fff;color:var(--sb-text)}td,th{text-align:center;padding:12px 4px;color:#000}tr:nth-child(even){background-color:#f2f2f2}.expansionPanel{border-radius:10px;width:100%;margin:16px 0!important;padding:0!important}.assess{flex:0;text-align:-webkit-center}.heading{padding:15px 10px;text-align:center}.domain{display:flex;justify-content:space-between;margin-bottom:3px;border:1px solig;color:var(--sb-text)}.drop-accordian{margin-bottom:4px}"]}]}],"members":{"datas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ExpansionTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sl-expansion-table","template":"<div *ngIf=\"datas?.chart\">\n     <strong>{{ datas?.chart?.title }}</strong> \n  \n    <sui-accordion class=\"styled fluid sb-accordion sb-new-theme-accordion drop-accordian\" *ngFor=\"let item of datas?.chart?.domains; let i = index\">\n      <sui-accordion-panel [isOpen]=\"false\">\n        <div title class=\"sb-accordion-title fsmall d-flex flex-ai-center flex-jc-space-between\">\n          <span>{{ item?.domainName }}</span>\n          <i class=\"chevron down icon\" role=\"img\" title=\"expand\"></i>\n        </div>\n        <div content class=\"sb-accordion-content sb-bg-color-white pt-0 pb-8\">\n          <table>\n            <tr class=\"_flex-box\">\n              <td text-wrap style=\"flex: 1\"></td>\n              <td class=\"_flex-box\" class=\"assess\" *ngFor=\"let head of datas?.chart?.heading\">\n                {{ head }}\n              </td>\n            </tr>\n            <tr *ngFor=\"let criteria of item.criterias\" class=\"_flex-box _justify-content-space-between _noWrap\">\n              <td class=\"ion-text-wrap\" style=\"flex: 1\">{{ criteria?.name }}</td>\n              <td class=\"_flex-box\" *ngFor=\"let level of criteria?.levels\">{{ level }}</td>\n            </tr>\n          </table>\n        </div>\n      </sui-accordion-panel>\n    </sui-accordion>\n  </div>\n  ","styles":["table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #ddd;background:#fff;color:var(--sb-text)}td,th{text-align:center;padding:12px 4px;color:#000}tr:nth-child(even){background-color:#f2f2f2}.expansionPanel{border-radius:10px;width:100%;margin:16px 0!important;padding:0!important}.assess{flex:0;text-align:-webkit-center}.heading{padding:15px 10px;text-align:center}.domain{display:flex;justify-content:space-between;margin-bottom:3px;border:1px solig;color:var(--sb-text)}.drop-accordian{margin-bottom:4px}"]}]}],"members":{"datas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AttachmentsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sl-attachments","template":"<div class=\"thumbnail-card\">\n    <img [src]=\"url\" *ngIf=\"imageFormats.includes(extension)\" (click)=\"openImage(url)\" class=\"card-images\" />\n    <!-- <fa name=\"file-video-o\" class=\"attachmentIcon\" *ngIf=\"videoFormats.includes(extension)\" (click)=\"playVideo(url)\"></fa> -->\n    <i\n    class=\"video icon attachmentIcon\"\n      *ngIf=\"videoFormats.includes(extension)\"\n      (click)=\"openImage(url)\"\n    ></i>\n  \n    <!-- <fa *ngIf=\"audioFormats.includes(extension)\" name=\"file-audio-o\" class=\"attachmentIcon\" (click)=\"playAudio(url)\"></fa> -->\n    <i\n      *ngIf=\"audioFormats.includes(extension)\"\n      class=\"file audio icon attachmentIcon\"\n      (click)=\"openImage(url)\"\n    ></i>\n    <!-- <fa class=\"attachmentIcon\" name=\"file-pdf-o\" *ngIf=\"pdfFormats.includes(extension)\" (click)=\"openDocument(url)\"></fa> -->\n    <i\n      class=\"file alternate icon attachmentIcon\"\n      *ngIf=\"pdfFormats.includes(extension)\"\n      (click)=\"openImage(url)\"\n    ></i>\n  \n    <i\n    class=\"file alternate icon attachmentIcon\"\n    *ngIf=\"spreadSheetFormats.includes(extension) || wordFormats.includes(extension) \"\n    (click)=\"openImage(url)\"\n  ></i>\n  </div>\n  ","styles":[".attachmentIcon{margin-top:10px;font-size:70px}.thumbnail-card{height:98px;display:inline;justify-content:space-around;align-items:center}.card-images{width:90px;height:90px;margin-right:2px;margin-bottom:2px;border-radius:10px}"]}]}],"members":{"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"extension":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"openImage":[{"__symbolic":"method"}]}}},"origins":{"SlReportsLibraryService":"./lib/sl-reports-library.service","SlReportsLibraryComponent":"./lib/sl-reports-library.component","SlReportsLibraryModule":"./lib/sl-reports-library.module","ReportHeaderComponent":"./lib/report-header/report-header.component","PieChartComponent":"./lib/pie-chart/pie-chart.component","BarChartComponent":"./lib/bar-chart/bar-chart.component","GenericChartComponent":"./lib/generic-chart/generic-chart.component","ScatterChartsComponent":"./lib/scatter-charts/scatter-charts.component","PercentageColumnChartsComponent":"./lib/percentage-column-charts/percentage-column-charts.component","MatrixChartComponent":"./lib/matrix-chart/matrix-chart.component","ReportsTextComponent":"./lib/reports-text/reports-text.component","ExpansionPanelComponent":"./lib/expansion-panel/expansion-panel.component","ExpansionTableComponent":"./lib/expansion-table/expansion-table.component","AttachmentsComponent":"./lib/attachments/attachments.component"},"importAs":"sl-reports-library"}