@shikshalokam/sl-reports/dist/sl-reports-library/bundles/sl-reports-library.umd.min.js

Library to integrate questionnaire in SL Projects

!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("chartjs-plugin-datalabels"),require("ng2-charts"),require("@angular/common"),require("chartjs-plugin-stacked100"),require("ng2-semantic-ui-v9")):"function"==typeof define&&define.amd?define("sl-reports-library",["exports","@angular/core","chartjs-plugin-datalabels","ng2-charts","@angular/common","chartjs-plugin-stacked100","ng2-semantic-ui-v9"],n):n((t=t||self)["sl-reports-library"]={},t.ng.core,t.pluginDataLabels,t.ng2Charts,t.ng.common,t.stackedBar,t.ng2SemanticUiV9)}(this,(function(t,n,e,a,i,r,o){"use strict";
/*! *****************************************************************************
    Copyright (c) Microsoft Corporation.

    Permission to use, copy, modify, and/or distribute this software for any
    purpose with or without fee is hereby granted.

    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
    PERFORMANCE OF THIS SOFTWARE.
    ***************************************************************************** */function s(t,n,e,a){var i,r=arguments.length,o=r<3?n:null===a?a=Object.getOwnPropertyDescriptor(n,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,n,e,a);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(o=(r<3?i(o):r>3?i(n,e,o):i(n,e))||o);return r>3&&o&&Object.defineProperty(n,e,o),o}var l=function(){function t(){}return t.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t=s([n.Injectable({providedIn:"root"})],t)}(),c=function(){function t(){}return t.prototype.ngOnInit=function(){},t=s([n.Component({selector:"sl-reports-library",template:"\n    <p>\n      sl-reports-library works!\n    </p>\n  "})],t)}(),d=function(){function t(){}return t.prototype.ngOnInit=function(){},s([n.Input()],t.prototype,"title",void 0),s([n.Input()],t.prototype,"lastdate",void 0),t=s([n.Component({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}']})],t)}(),p=function(){function t(){this.pieChartOptions={responsive:!0,legend:{position:"bottom",align:"start"}},this.pieChartType="pie",this.pieChartLegend=!0}return t.prototype.ngOnInit=function(){this.pieChartLabels=this.data.chart.data.labels,this.pieChartData=this.data.chart.data.datasets[0].data,this.chartColors=[{backgroundColor:this.data.chart.data.datasets[0].backgroundColor}]},s([n.Input()],t.prototype,"data",void 0),s([n.Input()],t.prototype,"questionNumber",void 0),s([n.ViewChild("chartRootElement")],t.prototype,"chartRootElement",void 0),s([n.ViewChild("chartCanvas")],t.prototype,"chartCanvas",void 0),t=s([n.Component({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}"]})],t)}(),h=function(){function t(){this.barChartOptions={responsive:!0,maintainAspectRatio:!0,scales:{xAxes:[{ticks:{min:0,max:100},scaleLabel:{display:!0,labelString:"Response in %"}}],yAxes:[{ticks:{callback:function(t,n,e){for(var a=t.split(" "),i="",r=[],o=0;o<a.length;o++)i+=" "+a[o],(o%4==0&&0!==o||o==a.length-1)&&(i=i.slice(1),r.push(i),i="");return r||t},fontSize:15},display:!0,scaleLabel:{display:!0,labelString:"Response"}}]}},this.barChartType="horizontalBar",this.barChartLegend=!1,this.barChartPlugins=[e]}return t.prototype.ngOnInit=function(){this.barChartLabels=this.data.chart.data.labels,this.barChartData=[{data:this.data.chart.data.datasets[0].data,label:"Series A"}],this.chartColors=[{backgroundColor:this.data.chart.data.datasets[0].backgroundColor}]},s([n.Input()],t.prototype,"data",void 0),s([n.Input()],t.prototype,"questionNumber",void 0),s([n.ViewChild("chartRootElement")],t.prototype,"chartRootElement",void 0),s([n.ViewChild("chartCanvas")],t.prototype,"chartCanvas",void 0),t=s([n.Component({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}"]})],t)}(),m=function(){function t(){}return t.prototype.ngOnInit=function(){},t.prototype.extension=function(t){return t.split(".").pop()},t.prototype.openFile=function(t){window.open(t.url,"_blank")},s([n.Input()],t.prototype,"reportSections",void 0),t=s([n.Component({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}"]})],t)}(),u=function(){function t(){this.barChartType="horizontalBar",this.barChartLegend=!0,this.barChartPlugins=[e,r]}return t.prototype.ngOnInit=function(){var t=this;this.submiisionDateArray=this.chartData.chart.submissionDateArray,this.barChartData=this.chartData.chart.data.datasets,this.barChartLabels=this.chartData.chart.data.labels,this.barChartOptions={scales:{xAxes:[{stacked:!1,gridLines:{display:!1},scaleLabel:{display:!0,labelString:"Criteria"}}],yAxes:[{stacked:!0,ticks:{fontSize:12}}]},plugins:{stacked100:{enable:!0,replaceTooltipLabel:!0},datalabels:{offset:0,anchor:"end",align:"left",font:{size:12},formatter:function(n,e){var a=e.chart.data,i=e.datasetIndex,r=e.dataIndex;return 0==a.originalData[i][r]?(e.datasetIndex+1)%t.barChartData.length==0&&t.submiisionDateArray.length?["","",t.submiisionDateArray[e.dataIndex]]:"":t.submiisionDateArray&&!t.submiisionDateArray.length?""+a.originalData[i][r]:(e.datasetIndex+1)%t.barChartData.length==0?1==a.originalData[i][r]?["","",t.submiisionDateArray[e.dataIndex]]:["                                              "+a.originalData[i][r],"","                                "+t.submiisionDateArray[e.dataIndex]]:""+a.originalData[i][r]}}}}},t.prototype.chartClicked=function(t){t.event,t.active},s([n.ViewChild("chartCanvas")],t.prototype,"chartCanvas",void 0),s([n.Input()],t.prototype,"chartData",void 0),t=s([n.Component({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}"]})],t)}(),g=function(){function t(){}return t.prototype.ngOnInit=function(){},t=s([n.Component({selector:"sl-scatter-charts",template:"<p>scatter-charts works!</p>\n",styles:[""]})],t)}(),b=function(){function t(){this.allEvidence=new n.EventEmitter}return t.prototype.ngOnInit=function(){},t.prototype.extension=function(t){return t.split(".").pop()},t.prototype.openFile=function(t){window.open(t.url,"_blank")},s([n.Input()],t.prototype,"data",void 0),s([n.Input()],t.prototype,"questionNumber",void 0),s([n.Output()],t.prototype,"allEvidence",void 0),t=s([n.Component({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}"]})],t)}(),x=function(){function t(){}return t.prototype.ngOnInit=function(){},s([n.Input()],t.prototype,"data",void 0),s([n.Input()],t.prototype,"questionNumber",void 0),t=s([n.Component({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}"]})],t)}(),f=function(){function t(){}return t.prototype.ngOnInit=function(){},s([n.Input()],t.prototype,"datas",void 0),t=s([n.Component({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}"]})],t)}(),v=function(){function t(){}return t.prototype.ngOnInit=function(){},s([n.Input()],t.prototype,"datas",void 0),t=s([n.Component({selector:"sl-expansion-panel",template:'\x3c!-- <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> --\x3e\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}"]})],t)}(),y=["mp4","WMV","WEBM","flv","avi","3GP","OGG","m4v"],C=["AIF","cda","mpa","ogg","wav","wma","mp3"],I=["docx","doc","docm","dotx"],w=["jpg","png","jpeg"],S=["pdf"],k=["xls","xlsx"],N=function(){function t(){this.imageFormats=w,this.videoFormats=y,this.audioFormats=C,this.pdfFormats=S,this.wordFormats=I,this.spreadSheetFormats=k}return t.prototype.ngOnInit=function(){},t.prototype.openImage=function(t){window.open(t,"_blank")},s([n.Input()],t.prototype,"url",void 0),s([n.Input()],t.prototype,"extension",void 0),t=s([n.Component({selector:"sl-attachments",template:'<div class="thumbnail-card">\n    <img [src]="url" *ngIf="imageFormats.includes(extension)" (click)="openImage(url)" class="card-images" />\n    \x3c!-- <fa name="file-video-o" class="attachmentIcon" *ngIf="videoFormats.includes(extension)" (click)="playVideo(url)"></fa> --\x3e\n    <i\n    class="video icon attachmentIcon"\n      *ngIf="videoFormats.includes(extension)"\n      (click)="openImage(url)"\n    ></i>\n  \n    \x3c!-- <fa *ngIf="audioFormats.includes(extension)" name="file-audio-o" class="attachmentIcon" (click)="playAudio(url)"></fa> --\x3e\n    <i\n      *ngIf="audioFormats.includes(extension)"\n      class="file audio icon attachmentIcon"\n      (click)="openImage(url)"\n    ></i>\n    \x3c!-- <fa class="attachmentIcon" name="file-pdf-o" *ngIf="pdfFormats.includes(extension)" (click)="openDocument(url)"></fa> --\x3e\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}"]})],t)}(),q=function(){function t(){}return t=s([n.NgModule({declarations:[c,d,p,h,m,u,g,b,x,f,v,N],imports:[a.ChartsModule,i.CommonModule,o.SuiModule,o.SuiAccordionModule],exports:[c,d,p,h,m,u,g,b,x,f,v,N],schemas:[n.CUSTOM_ELEMENTS_SCHEMA]})],t)}();t.AttachmentsComponent=N,t.BarChartComponent=h,t.ExpansionPanelComponent=v,t.ExpansionTableComponent=f,t.GenericChartComponent=m,t.MatrixChartComponent=b,t.PercentageColumnChartsComponent=u,t.PieChartComponent=p,t.ReportHeaderComponent=d,t.ReportsTextComponent=x,t.ScatterChartsComponent=g,t.SlReportsLibraryComponent=c,t.SlReportsLibraryModule=q,t.SlReportsLibraryService=l,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=sl-reports-library.umd.min.js.map