{"version":3,"file":"src_app_views_charts_apex-chart_demo-apex-chart_module_ts.js","mappings":"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","sources":["./src/app/views/charts/apex-chart/apex-chart-section.component.ts","./src/app/views/charts/apex-chart/apex-chart-section.component.html","./src/app/views/charts/apex-chart/apex-chart-section.list.ts","./src/app/views/charts/apex-chart/demo-apex-chart.module.ts","./src/app/views/charts/apex-chart/demo-apex-chart.routes.ts","./src/app/views/charts/apex-chart/demos/basic-area/basic-area.ts","./src/app/views/charts/apex-chart/demos/basic-area/basic-area.html","./src/app/views/charts/apex-chart/demos/basic-area/data.ts","./src/app/views/charts/apex-chart/demos/basic-bar/basic-bar.ts","./src/app/views/charts/apex-chart/demos/basic-bar/basic-bar.html","./src/app/views/charts/apex-chart/demos/basic-column/basic-column.ts","./src/app/views/charts/apex-chart/demos/basic-column/basic-column.html","./src/app/views/charts/apex-chart/demos/basic/basic.ts","./src/app/views/charts/apex-chart/demos/basic/basic.html","./src/app/views/charts/apex-chart/demos/dash-line/dash-line.ts","./src/app/views/charts/apex-chart/demos/dash-line/dash-line.html","./src/app/views/charts/apex-chart/demos/donut/donut.ts","./src/app/views/charts/apex-chart/demos/donut/donut.html","./src/app/views/charts/apex-chart/demos/group-bar/group-bar.ts","./src/app/views/charts/apex-chart/demos/group-bar/group-bar.html","./src/app/views/charts/apex-chart/demos/pie/pie.ts","./src/app/views/charts/apex-chart/demos/pie/pie.html","./src/app/views/charts/apex-chart/demos/spline-area/spline-area.ts","./src/app/views/charts/apex-chart/demos/spline-area/spline-area.html","./src/app/views/charts/apex-chart/demos/stack-column/stack-column.ts","./src/app/views/charts/apex-chart/demos/stack-column/stack-column.html","webpack:///./src/app/views/charts/apex-chart/demos/basic-area/basic-area.html?1f4a","webpack:///./src/app/views/charts/apex-chart/demos/basic-area/basic-area.ts?42e4","webpack:///./src/app/views/charts/apex-chart/demos/basic-area/data.ts?10f5","webpack:///./src/app/views/charts/apex-chart/demos/basic-bar/basic-bar.html?e5d4","webpack:///./src/app/views/charts/apex-chart/demos/basic-bar/basic-bar.ts?e6fd","webpack:///./src/app/views/charts/apex-chart/demos/basic-column/basic-column.html?d3e6","webpack:///./src/app/views/charts/apex-chart/demos/basic-column/basic-column.ts?58f6","webpack:///./src/app/views/charts/apex-chart/demos/basic/basic.html?2f1f","webpack:///./src/app/views/charts/apex-chart/demos/basic/basic.ts?6d6f","webpack:///./src/app/views/charts/apex-chart/demos/dash-line/dash-line.html?08d6","webpack:///./src/app/views/charts/apex-chart/demos/dash-line/dash-line.ts?8b70","webpack:///./src/app/views/charts/apex-chart/demos/donut/donut.html?6c34","webpack:///./src/app/views/charts/apex-chart/demos/donut/donut.ts?0b6f","webpack:///./src/app/views/charts/apex-chart/demos/group-bar/group-bar.html?2e86","webpack:///./src/app/views/charts/apex-chart/demos/group-bar/group-bar.ts?beec","webpack:///./src/app/views/charts/apex-chart/demos/pie/pie.html?af16","webpack:///./src/app/views/charts/apex-chart/demos/pie/pie.ts?7366","webpack:///./src/app/views/charts/apex-chart/demos/spline-area/spline-area.html?a37e","webpack:///./src/app/views/charts/apex-chart/demos/spline-area/spline-area.ts?84bf","webpack:///./src/app/views/charts/apex-chart/demos/stack-column/stack-column.html?821e","webpack:///./src/app/views/charts/apex-chart/demos/stack-column/stack-column.ts?b10e","./src/app/views/charts/apex-chart/docs/usage.md"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\nimport { demoComponentContent } from './apex-chart-section.list';\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\n\r\n@Component({\r\n  selector: 'apex-chart-section',\r\n  templateUrl: './apex-chart-section.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ApexChartSectionComponent {\r\n  name = 'ApexChart';\r\n  src = '';\r\n  componentContent: ContentSection[] = demoComponentContent;\r\n}\r\n","<demo-section [name]=\"name\" [src]=\"src\" [componentContent]=\"componentContent\">\r\n    <p>AmMap is an add-on to <a class=\"text-primary\" href=\"https://www.amcharts.com/javascript-charts/\" target=\"_blank\">amCharts 4: Charts</a>.\r\n        You can use it to add interactive, stunning, geographical maps to your websites or applications. Just like any other chart.</p>\r\n    <docs-section [content]=\"componentContent\"></docs-section>\r\n</demo-section>\r\n  ","import { DemoApexBasicComponent } from './demos/basic/basic';\r\nimport { DemoApexDashLineComponent } from './demos/dash-line/dash-line';\r\nimport { DemoApexBasicAreaComponent } from './demos/basic-area/basic-area';\r\nimport { DemoApexSplineAreaComponent } from './demos/spline-area/spline-area';\r\nimport { DemoApexBasicColumnComponent } from './demos/basic-column/basic-column';\r\nimport { DemoApexStackColumnComponent } from './demos/stack-column/stack-column';\r\nimport { DemoApexBasicBarComponent } from './demos/basic-bar/basic-bar';\r\nimport { DemoApexGroupBarComponent } from './demos/group-bar/group-bar';\r\nimport { DemoApexPieComponent } from './demos/pie/pie';\r\nimport { DemoApexDonutComponent } from './demos/donut/donut';\r\n\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\nimport { DemoTopSectionComponent } from '@app/shared/components/docs/demo-section-components/demo-top-section/index';\r\nimport { ExamplesComponent } from '@app/shared/components/docs/demo-section-components/demo-examples-section/index';\r\nimport { ApiSectionsComponent } from '@app/shared/components/docs/demo-section-components/demo-api-section/index';\r\n\r\nimport {\r\n  NgApiDocComponent\r\n} from '@app/shared/components/docs/api-docs';\r\n\r\nexport const demoComponentContent: ContentSection[] = [\r\n  {\r\n    name: 'Usage',\r\n    anchor: 'usage',\r\n    outlet: DemoTopSectionComponent,\r\n    content: {\r\n      doc: require('!!raw-loader!./docs/usage.md')\r\n    }\r\n  },\r\n  {\r\n    name: 'Examples',\r\n    anchor: 'examples',\r\n    outlet: ExamplesComponent,\r\n    content: [\r\n      {\r\n        title: 'Basic',\r\n        anchor: 'basic',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/basic/basic'),\r\n        html: require('!!raw-loader!./demos/basic/basic.html'),\r\n        outlet: DemoApexBasicComponent\r\n      },\r\n      {\r\n        title: 'Dash Line',\r\n        anchor: 'dash-line',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/dash-line/dash-line'),\r\n        html: require('!!raw-loader!./demos/dash-line/dash-line.html'),\r\n        outlet: DemoApexDashLineComponent\r\n      },\r\n      {\r\n        title: 'Basic Area',\r\n        anchor: 'basic-area',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/basic-area/basic-area'),\r\n        html: require('!!raw-loader!./demos/basic-area/basic-area.html'),\r\n        svc: require('!!raw-loader!./demos/basic-area/data'),\r\n        outlet: DemoApexBasicAreaComponent\r\n      },\r\n      {\r\n        title: 'Spline Area',\r\n        anchor: 'spline-area',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/spline-area/spline-area'),\r\n        html: require('!!raw-loader!./demos/spline-area/spline-area.html'),\r\n        outlet: DemoApexSplineAreaComponent\r\n      },\r\n      {\r\n        title: 'Basic Column',\r\n        anchor: 'basic-column',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/basic-column/basic-column'),\r\n        html: require('!!raw-loader!./demos/basic-column/basic-column.html'),\r\n        outlet: DemoApexBasicColumnComponent\r\n      },\r\n      {\r\n        title: 'Stack Column',\r\n        anchor: 'stack-column',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/stack-column/stack-column'),\r\n        html: require('!!raw-loader!./demos/stack-column/stack-column.html'),\r\n        outlet: DemoApexStackColumnComponent\r\n      },\r\n      {\r\n        title: 'Basic Bar',\r\n        anchor: 'basic-bar',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/basic-bar/basic-bar'),\r\n        html: require('!!raw-loader!./demos/basic-bar/basic-bar.html'),\r\n        outlet: DemoApexBasicBarComponent\r\n      },\r\n      {\r\n        title: 'Grouped Bar',\r\n        anchor: 'group-bar',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/group-bar/group-bar'),\r\n        html: require('!!raw-loader!./demos/group-bar/group-bar.html'),\r\n        outlet: DemoApexGroupBarComponent\r\n      },\r\n      {\r\n        title: 'Simple pie',\r\n        anchor: 'pie',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/pie/pie'),\r\n        html: require('!!raw-loader!./demos/pie/pie.html'),\r\n        outlet: DemoApexPieComponent\r\n      },\r\n      {\r\n        title: 'Simple donut',\r\n        anchor: 'donut',\r\n        description: ``,\r\n        component: require('!!raw-loader!./demos/donut/donut'),\r\n        html: require('!!raw-loader!./demos/donut/donut.html'),\r\n        outlet: DemoApexDonutComponent\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    name: 'API Reference',\r\n    anchor: 'api-reference',\r\n    outlet: ApiSectionsComponent,\r\n    content: [\r\n      {\r\n        title: 'ChartComponent',\r\n        anchor: 'ChartComponent',\r\n        outlet: NgApiDocComponent\r\n      }\r\n    ]\r\n  }\r\n];\r\n","import { NgModule } from '@angular/core';\r\nimport { SharedModule } from '@app/shared/shared.module';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ApexChartSectionComponent } from './apex-chart-section.component';\r\nimport { DEMO_COMPONENTS } from './demos';\r\nimport { DocsModule } from '@app/shared/components/docs';\r\nimport { routes } from './demo-apex-chart.routes';\r\nimport { NgApexchartsModule } from \"ng-apexcharts\";\r\n\r\n@NgModule({\r\n  declarations: [\r\n    ApexChartSectionComponent,\r\n    ...DEMO_COMPONENTS\r\n  ],\r\n  imports: [\r\n    SharedModule,\r\n    DocsModule,\r\n    NgApexchartsModule,\r\n    RouterModule.forChild(routes)\r\n  ],\r\n  exports: [ApexChartSectionComponent],\r\n  entryComponents: [...DEMO_COMPONENTS]\r\n})\r\nexport class DemoApexChartModule {\r\n  static routes: any = routes;\r\n}\r\n","import { ApexChartSectionComponent } from './apex-chart-section.component';\r\n\r\nexport const routes = [{ path: '', component: ApexChartSectionComponent }];\r\n","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { \r\n    ApexStrokeDefault, \r\n    ApexChartDefault, \r\n    ApexDataLabelDefault,\r\n    COLOR_1\r\n} from '@app/configs/chart.config';\r\nimport {\r\n  ChartComponent,\r\n  ApexAxisChartSeries,\r\n  ApexChart,\r\n  ApexXAxis,\r\n  ApexDataLabels,\r\n  ApexStroke,\r\n  ApexYAxis,\r\n  ApexTitleSubtitle,\r\n  ApexLegend\r\n} from \"ng-apexcharts\";\r\n\r\nimport { series } from \"./data\";\r\n\r\nexport type ChartOptions = {\r\n    series: ApexAxisChartSeries;\r\n    chart: ApexChart;\r\n    xaxis: ApexXAxis;\r\n    stroke: ApexStroke;\r\n    dataLabels: ApexDataLabels;\r\n    yaxis: ApexYAxis;\r\n    title: ApexTitleSubtitle;\r\n    labels: string[];\r\n    legend: ApexLegend;\r\n    subtitle: ApexTitleSubtitle\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-basic-area',\r\n    templateUrl: 'basic-area.html',\r\n})\r\nexport class DemoApexBasicAreaComponent implements OnInit {\r\n    @ViewChild(\"basic-area\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [\r\n                {\r\n                    name: \"STOCK ABC\",\r\n                    data: series.monthDataSeries1.prices,\r\n                    color: COLOR_1\r\n                }\r\n            ],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                type: \"area\",\r\n                height: 350,\r\n                zoom: {\r\n                    enabled: false\r\n                }\r\n            },\r\n            dataLabels: ApexDataLabelDefault,\r\n            title: {\r\n                text: \"Fundamental Analysis of Stocks\",\r\n                align: \"left\"\r\n            },\r\n            subtitle: {\r\n                text: \"Price Movements\",\r\n                align: \"left\"\r\n            },\r\n            labels: series.monthDataSeries1.dates,\r\n            xaxis: {\r\n                type: \"datetime\"\r\n            },\r\n            yaxis: {\r\n                opposite: true\r\n            },\r\n            legend: {\r\n                horizontalAlign: \"left\"\r\n            },\r\n            stroke: ApexStrokeDefault\r\n        };\r\n    }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"basic-area\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [xaxis]=\"chartOptions.xaxis\"\r\n        [stroke]=\"chartOptions.stroke\"\r\n        [dataLabels]=\"chartOptions.dataLabels\"\r\n        [yaxis]=\"chartOptions.yaxis\"\r\n        [labels]=\"chartOptions.labels\"\r\n        [legend]=\"chartOptions.legend\"\r\n        [title]=\"chartOptions.title\"\r\n        [subtitle]=\"chartOptions.subtitle\"\r\n    ></apx-chart>\r\n</div>","export const series = {\r\n    monthDataSeries1: {\r\n        prices: [\r\n            8107.85,\r\n            8128.0,\r\n            8122.9,\r\n            8165.5,\r\n            8340.7,\r\n            8423.7,\r\n            8423.5,\r\n            8514.3,\r\n            8481.85,\r\n            8487.7,\r\n            8506.9,\r\n            8626.2,\r\n            8668.95,\r\n            8602.3,\r\n            8607.55,\r\n            8512.9,\r\n            8496.25,\r\n            8600.65,\r\n            8881.1,\r\n            9340.85\r\n        ],\r\n        dates: [\r\n            \"13 Nov 2017\",\r\n            \"14 Nov 2017\",\r\n            \"15 Nov 2017\",\r\n            \"16 Nov 2017\",\r\n            \"17 Nov 2017\",\r\n            \"20 Nov 2017\",\r\n            \"21 Nov 2017\",\r\n            \"22 Nov 2017\",\r\n            \"23 Nov 2017\",\r\n            \"24 Nov 2017\",\r\n            \"27 Nov 2017\",\r\n            \"28 Nov 2017\",\r\n            \"29 Nov 2017\",\r\n            \"30 Nov 2017\",\r\n            \"01 Dec 2017\",\r\n            \"04 Dec 2017\",\r\n            \"05 Dec 2017\",\r\n            \"06 Dec 2017\",\r\n            \"07 Dec 2017\",\r\n            \"08 Dec 2017\"\r\n        ]\r\n    }\r\n}","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { \r\n    ApexChartDefault, \r\n    ApexDataLabelDefault,\r\n    COLOR_1\r\n} from '@app/configs/chart.config';\r\nimport {\r\n  ApexAxisChartSeries,\r\n  ApexChart,\r\n  ChartComponent,\r\n  ApexDataLabels,\r\n  ApexXAxis,\r\n  ApexPlotOptions\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n  series: ApexAxisChartSeries;\r\n  chart: ApexChart;\r\n  dataLabels: ApexDataLabels;\r\n  plotOptions: ApexPlotOptions;\r\n  xaxis: ApexXAxis;\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-basic-bar',\r\n    templateUrl: './basic-bar.html'\r\n})\r\nexport class DemoApexBasicBarComponent implements OnInit {\r\n    @ViewChild(\"basic-bar\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [\r\n                {\r\n                    name: \"basic\",\r\n                    data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380],\r\n                    color: COLOR_1\r\n                }\r\n            ],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                type: \"bar\",\r\n                height: 350\r\n            },\r\n            plotOptions: {\r\n                bar: {\r\n                    horizontal: true\r\n                }\r\n            },\r\n            dataLabels: ApexDataLabelDefault,\r\n            xaxis: {\r\n                categories: [\r\n                    \"South Korea\",\r\n                    \"Canada\",\r\n                    \"United Kingdom\",\r\n                    \"Netherlands\",\r\n                    \"Italy\",\r\n                    \"France\",\r\n                    \"Japan\",\r\n                    \"United States\",\r\n                    \"China\",\r\n                    \"Germany\"\r\n                ]\r\n            }\r\n        };\r\n    }\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"basic-bar\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [dataLabels]=\"chartOptions.dataLabels\"\r\n        [plotOptions]=\"chartOptions.plotOptions\"\r\n        [xaxis]=\"chartOptions.xaxis\"\r\n    ></apx-chart>\r\n</div>\r\n  ","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { \r\n    ApexBarDefault,\r\n    ApexChartDefault, \r\n    ApexDataLabelDefault,\r\n    COLOR_1,\r\n    COLOR_2,\r\n    COLOR_3\r\n} from '@app/configs/chart.config';\r\nimport {\r\n    ApexAxisChartSeries,\r\n    ApexChart,\r\n    ChartComponent,\r\n    ApexDataLabels,\r\n    ApexPlotOptions,\r\n    ApexYAxis,\r\n    ApexLegend,\r\n    ApexStroke,\r\n    ApexXAxis,\r\n    ApexFill,\r\n    ApexTooltip\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n    series: ApexAxisChartSeries;\r\n    chart: ApexChart;\r\n    dataLabels: ApexDataLabels;\r\n    plotOptions: ApexPlotOptions;\r\n    yaxis: ApexYAxis;\r\n    xaxis: ApexXAxis;\r\n    fill: ApexFill;\r\n    tooltip: ApexTooltip;\r\n    stroke: ApexStroke;\r\n    legend: ApexLegend;\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-basic-column',\r\n    templateUrl: './basic-column.html'\r\n})\r\nexport class DemoApexBasicColumnComponent implements OnInit {\r\n    @ViewChild(\"basic-column\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [\r\n                {\r\n                    name: \"Net Profit\",\r\n                    data: [44, 55, 57, 56, 61, 58, 63, 60, 66],\r\n                    color: COLOR_1\r\n                },\r\n                {\r\n                    name: \"Revenue\",\r\n                    data: [76, 85, 101, 98, 87, 105, 91, 114, 94],\r\n                    color: COLOR_2\r\n                },\r\n                {\r\n                    name: \"Free Cash Flow\",\r\n                    data: [35, 41, 36, 26, 45, 48, 52, 53, 41],\r\n                    color: COLOR_3\r\n                }\r\n            ],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                type: \"bar\",\r\n                height: 350\r\n            },\r\n            plotOptions: ApexBarDefault,\r\n            dataLabels: ApexDataLabelDefault,\r\n            stroke: {\r\n                show: true,\r\n                width: 2,\r\n                colors: [\"transparent\"]\r\n            },\r\n            xaxis: {\r\n                categories: [\r\n                    \"Feb\",\r\n                    \"Mar\",\r\n                    \"Apr\",\r\n                    \"May\",\r\n                    \"Jun\",\r\n                    \"Jul\",\r\n                    \"Aug\",\r\n                    \"Sep\",\r\n                    \"Oct\"\r\n                ]\r\n            },\r\n            yaxis: {\r\n                title: {\r\n                    text: \"$ (thousands)\"\r\n                }\r\n            },\r\n            fill: {\r\n                opacity: 1\r\n            },\r\n            tooltip: {\r\n                y: {\r\n                    formatter: function(val) {\r\n                        return \"$ \" + val + \" thousands\";\r\n                    }\r\n                }\r\n            }\r\n        };\r\n    }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"basic-column\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [dataLabels]=\"chartOptions.dataLabels\"\r\n        [plotOptions]=\"chartOptions.plotOptions\"\r\n        [yaxis]=\"chartOptions.yaxis\"\r\n        [legend]=\"chartOptions.legend\"\r\n        [fill]=\"chartOptions.fill\"\r\n        [stroke]=\"chartOptions.stroke\"\r\n        [tooltip]=\"chartOptions.tooltip\"\r\n        [xaxis]=\"chartOptions.xaxis\"\r\n    ></apx-chart>\r\n</div>","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { \r\n    ApexStrokeDefault, \r\n    ApexChartDefault,\r\n    COLOR_1\r\n} from '@app/configs/chart.config';\r\nimport {\r\n  ChartComponent,\r\n  ApexAxisChartSeries,\r\n  ApexChart,\r\n  ApexXAxis,\r\n  ApexDataLabels,\r\n  ApexTitleSubtitle,\r\n  ApexStroke,\r\n  ApexGrid\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n  series: ApexAxisChartSeries;\r\n  chart: ApexChart;\r\n  xaxis: ApexXAxis;\r\n  dataLabels: ApexDataLabels;\r\n  grid: ApexGrid;\r\n  stroke: ApexStroke;\r\n  title: ApexTitleSubtitle;\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-basic',\r\n    templateUrl: './basic.html',\r\n})\r\nexport class DemoApexBasicComponent implements OnInit {\r\n    @ViewChild(\"chart\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [\r\n                {\r\n                    name: \"Desktops\",\r\n                    data: [10, 41, 35, 51, 49, 62, 69, 91, 148],\r\n                    color: COLOR_1\r\n                }\r\n            ],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                height: 350,\r\n                type: \"line\",\r\n                zoom: {\r\n                    enabled: false\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: ApexStrokeDefault,\r\n            title: {\r\n                text: \"Product Trends by Month\",\r\n                align: \"left\"\r\n            },\r\n            grid: {\r\n                row: {\r\n                colors: [\"#f3f3f3\", \"transparent\"], // takes an array which will be repeated on columns\r\n                    opacity: 0.5\r\n                }\r\n            },\r\n            xaxis: {\r\n                categories: [\r\n                    \"Jan\",\r\n                    \"Feb\",\r\n                    \"Mar\",\r\n                    \"Apr\",\r\n                    \"May\",\r\n                    \"Jun\",\r\n                    \"Jul\",\r\n                    \"Aug\",\r\n                    \"Sep\"\r\n                ]\r\n            }\r\n        };\r\n    }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"chart\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [xaxis]=\"chartOptions.xaxis\"\r\n        [dataLabels]=\"chartOptions.dataLabels\"\r\n        [grid]=\"chartOptions.grid\"\r\n        [stroke]=\"chartOptions.stroke\"\r\n        [title]=\"chartOptions.title\"\r\n    ></apx-chart>\r\n</div>","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { \r\n    ApexStrokeDefault, \r\n    ApexChartDefault, \r\n    ApexDataLabelDefault,\r\n    ApexColorDefault\r\n} from '@app/configs/chart.config';\r\nimport {\r\n  ChartComponent,\r\n  ApexAxisChartSeries,\r\n  ApexChart,\r\n  ApexXAxis,\r\n  ApexDataLabels,\r\n  ApexStroke,\r\n  ApexMarkers,\r\n  ApexYAxis,\r\n  ApexGrid,\r\n  ApexTitleSubtitle,\r\n  ApexLegend\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n  series: ApexAxisChartSeries;\r\n  chart: ApexChart;\r\n  xaxis: ApexXAxis;\r\n  stroke: ApexStroke;\r\n  dataLabels: ApexDataLabels;\r\n  markers: ApexMarkers;\r\n  tooltip: any; // ApexTooltip;\r\n  yaxis: ApexYAxis;\r\n  grid: ApexGrid;\r\n  legend: ApexLegend;\r\n  title: ApexTitleSubtitle;\r\n  color: string[]\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-dash-line',\r\n    templateUrl: './dash-line.html'\r\n})\r\nexport class DemoApexDashLineComponent implements OnInit {\r\n    @ViewChild(\"dash-line\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [\r\n            {\r\n                name: \"Session Duration\",\r\n                data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10]\r\n            },\r\n            {\r\n                name: \"Page Views\",\r\n                data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35]\r\n            },\r\n            {\r\n                name: \"Total Visits\",\r\n                data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47]\r\n            }\r\n            ],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                height: 350,\r\n                type: \"line\"\r\n            },\r\n            dataLabels: ApexDataLabelDefault,\r\n            stroke: {\r\n                ...ApexStrokeDefault,\r\n                dashArray: [0, 8, 5]\r\n            },\r\n            title: {\r\n                text: \"Page Statistics\",\r\n                align: \"left\"\r\n            },\r\n            color: ApexColorDefault,\r\n            legend: {\r\n                tooltipHoverFormatter: function(val, opts) {\r\n                    return (\r\n                        val +\r\n                        \" - <strong>\" +\r\n                        opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\r\n                        \"</strong>\"\r\n                    );\r\n                }\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    sizeOffset: 6\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    trim: false\r\n                },\r\n                categories: [\r\n                    \"01 Jan\",\r\n                    \"02 Jan\",\r\n                    \"03 Jan\",\r\n                    \"04 Jan\",\r\n                    \"05 Jan\",\r\n                    \"06 Jan\",\r\n                    \"07 Jan\",\r\n                    \"08 Jan\",\r\n                    \"09 Jan\",\r\n                    \"10 Jan\",\r\n                    \"11 Jan\",\r\n                    \"12 Jan\"\r\n                ]\r\n            },\r\n            tooltip: {\r\n                y: [\r\n                    {\r\n                    title: {\r\n                        formatter: function(val) {\r\n                            return val + \" (mins)\";\r\n                        }\r\n                    }\r\n                    },\r\n                    {\r\n                    title: {\r\n                        formatter: function(val) {\r\n                            return val + \" per session\";\r\n                        }\r\n                    }\r\n                    },\r\n                    {\r\n                    title: {\r\n                        formatter: function(val) {\r\n                            return val;\r\n                        }\r\n                    }\r\n                    }\r\n                ]\r\n            }\r\n        };\r\n    }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"dash-line\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [xaxis]=\"chartOptions.xaxis\"\r\n        [stroke]=\"chartOptions.stroke\"\r\n        [tooltip]=\"chartOptions.tooltip\"\r\n        [dataLabels]=\"chartOptions.dataLabels\"\r\n        [legend]=\"chartOptions.legend\"\r\n        [markers]=\"chartOptions.markers\"\r\n        [grid]=\"chartOptions.grid\"\r\n        [yaxis]=\"chartOptions.yaxis\"\r\n        [title]=\"chartOptions.title\"\r\n    ></apx-chart>\r\n</div>","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { ChartComponent } from \"ng-apexcharts\";\r\nimport { \r\n    ApexChartDefault, \r\n    COLORS\r\n} from '@app/configs/chart.config';\r\nimport {\r\n  ApexNonAxisChartSeries,\r\n  ApexResponsive,\r\n  ApexChart\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n  series: ApexNonAxisChartSeries;\r\n  chart: ApexChart;\r\n  responsive: ApexResponsive[];\r\n  labels: any;\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-donut',\r\n    templateUrl: './donut.html'\r\n})\r\nexport class DemoApexDonutComponent implements OnInit {\r\n    @ViewChild(\"donut\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    donutColors: string[] = COLORS\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [44, 55, 13, 43, 22],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                type: \"donut\"\r\n            },\r\n            labels: [\"Team A\", \"Team B\", \"Team C\", \"Team D\", \"Team E\"],\r\n            responsive: [\r\n                {\r\n                    breakpoint: 480,\r\n                    options: {\r\n                        chart: {\r\n                            width: 200\r\n                        },\r\n                        legend: {\r\n                            position: \"bottom\"\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        };\r\n    }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"donut\" style=\"max-width: 380px;\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [labels]=\"chartOptions.labels\"\r\n        [responsive]=\"chartOptions.responsive\"\r\n        [colors]=\"donutColors\"\r\n    ></apx-chart>\r\n</div>","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { \r\n    ApexChartDefault, \r\n    COLOR_1,\r\n    COLOR_2\r\n} from '@app/configs/chart.config';\r\nimport {\r\n  ApexAxisChartSeries,\r\n  ApexChart,\r\n  ChartComponent,\r\n  ApexDataLabels,\r\n  ApexXAxis,\r\n  ApexPlotOptions,\r\n  ApexStroke\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n  series: ApexAxisChartSeries;\r\n  chart: ApexChart;\r\n  dataLabels: ApexDataLabels;\r\n  plotOptions: ApexPlotOptions;\r\n  xaxis: ApexXAxis;\r\n  stroke: ApexStroke;\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-group-bar',\r\n    templateUrl: './group-bar.html'\r\n})\r\nexport class DemoApexGroupBarComponent implements OnInit {\r\n    @ViewChild(\"group-bar\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [\r\n                {\r\n                    name: \"serie1\",\r\n                    data: [44, 55, 41, 64, 22, 43, 21],\r\n                    color: COLOR_1\r\n                },\r\n                {\r\n                    name: \"serie2\",\r\n\r\n                    data: [53, 32, 33, 52, 13, 44, 32],\r\n                    color: COLOR_2\r\n                }\r\n            ],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                type: \"bar\",\r\n                height: 430\r\n            },\r\n            plotOptions: {\r\n                bar: {\r\n                    horizontal: true,\r\n                    dataLabels: {\r\n                        position: \"top\"\r\n                    }\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: true,\r\n                offsetX: -6,\r\n                style: {\r\n                    fontSize: \"12px\",\r\n                    colors: [\"#fff\"]\r\n                }\r\n            },\r\n            stroke: {\r\n                show: true,\r\n                width: 1,\r\n                colors: [\"#fff\"]\r\n            },\r\n            xaxis: {\r\n                categories: [2001, 2002, 2003, 2004, 2005, 2006, 2007]\r\n            }\r\n        };\r\n    }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"group-bar\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [dataLabels]=\"chartOptions.dataLabels\"\r\n        [plotOptions]=\"chartOptions.plotOptions\"\r\n        [xaxis]=\"chartOptions.xaxis\"\r\n        [stroke]=\"chartOptions.stroke\"\r\n    ></apx-chart>\r\n</div>\r\n  ","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport { ChartComponent } from \"ng-apexcharts\";\r\nimport { \r\n    ApexChartDefault, \r\n    COLORS\r\n} from '@app/configs/chart.config';\r\nimport {\r\n  ApexNonAxisChartSeries,\r\n  ApexResponsive,\r\n  ApexChart\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n  series: ApexNonAxisChartSeries;\r\n  chart: ApexChart;\r\n  responsive: ApexResponsive[];\r\n  labels: any;\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-pie',\r\n    templateUrl: './pie.html'\r\n})\r\nexport class DemoApexPieComponent implements OnInit {\r\n    @ViewChild(\"pie\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    pieColor: string[] = COLORS\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [44, 55, 13, 43, 22],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                width: 380,\r\n                type: \"pie\"\r\n            },\r\n            labels: [\"Team A\", \"Team B\", \"Team C\", \"Team D\", \"Team E\"],\r\n            responsive: [\r\n                {\r\n                    breakpoint: 480,\r\n                    options: {\r\n                        chart: {\r\n                            width: 200\r\n                        },\r\n                        legend: {\r\n                            position: \"bottom\"\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        };\r\n    }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"pie\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [labels]=\"chartOptions.labels\"\r\n        [responsive]=\"chartOptions.responsive\"\r\n        [colors]=\"pieColor\"\r\n    ></apx-chart>\r\n</div>","import { Component, OnInit , ViewChild } from \"@angular/core\";\r\nimport { \r\n    ApexStrokeDefault, \r\n    ApexChartDefault, \r\n    ApexDataLabelDefault,\r\n    COLOR_1,\r\n    COLOR_2\r\n} from '@app/configs/chart.config';\r\nimport {\r\n  ChartComponent,\r\n  ApexAxisChartSeries,\r\n  ApexChart,\r\n  ApexXAxis,\r\n  ApexDataLabels,\r\n  ApexTooltip,\r\n  ApexStroke\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n  series: ApexAxisChartSeries;\r\n  chart: ApexChart;\r\n  xaxis: ApexXAxis;\r\n  stroke: ApexStroke;\r\n  tooltip: ApexTooltip;\r\n  dataLabels: ApexDataLabels;\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-spline-area',\r\n    templateUrl: './spline-area.html',\r\n})\r\nexport class DemoApexSplineAreaComponent implements OnInit {\r\n    @ViewChild(\"spline-area\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n        series: [\r\n                {\r\n                    name: \"series1\",\r\n                    data: [31, 40, 28, 51, 42, 109, 100],\r\n                    color: COLOR_1\r\n                },\r\n                {\r\n                    name: \"series2\",\r\n                    data: [11, 32, 45, 32, 34, 52, 41],\r\n                    color: COLOR_2\r\n                }\r\n            ],\r\n            chart: {\r\n                ...ApexChartDefault,\r\n                height: 350,\r\n                type: \"area\"\r\n            },\r\n            dataLabels: ApexDataLabelDefault,\r\n            stroke: ApexStrokeDefault,\r\n            xaxis: {\r\n                type: \"datetime\",\r\n                categories: [\r\n                    \"2018-09-19T00:00:00.000Z\",\r\n                    \"2018-09-19T01:30:00.000Z\",\r\n                    \"2018-09-19T02:30:00.000Z\",\r\n                    \"2018-09-19T03:30:00.000Z\",\r\n                    \"2018-09-19T04:30:00.000Z\",\r\n                    \"2018-09-19T05:30:00.000Z\",\r\n                    \"2018-09-19T06:30:00.000Z\"\r\n                ]\r\n            },\r\n            tooltip: {\r\n                x: {\r\n                    format: \"dd/MM/yy HH:mm\"\r\n                }\r\n            }\r\n        };\r\n    }\r\n\r\n    public generateData(baseval, count, yrange) {\r\n        let i = 0;\r\n        let series = [];\r\n        while (i < count) {\r\n            let x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;\r\n            let y =\r\n                Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;\r\n            let z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;\r\n            series.push([x, y, z]);\r\n            baseval += 86400000;\r\n            i++;\r\n        }\r\n        return series;\r\n  } \r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"spline-area\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [xaxis]=\"chartOptions.xaxis\"\r\n        [stroke]=\"chartOptions.stroke\"\r\n        [tooltip]=\"chartOptions.tooltip\"\r\n        [dataLabels]=\"chartOptions.dataLabels\"\r\n    ></apx-chart>\r\n</div>\r\n  ","import { Component, OnInit, ViewChild } from \"@angular/core\";\r\nimport {\r\n    COLOR_1,\r\n    COLOR_2,\r\n    COLOR_3,\r\n    COLOR_4\r\n} from '@app/configs/chart.config';\r\nimport {\r\n    ApexAxisChartSeries,\r\n    ApexChart,\r\n    ChartComponent,\r\n    ApexDataLabels,\r\n    ApexPlotOptions,\r\n    ApexResponsive,\r\n    ApexXAxis,\r\n    ApexLegend,\r\n    ApexFill\r\n} from \"ng-apexcharts\";\r\n\r\nexport type ChartOptions = {\r\n    series: ApexAxisChartSeries;\r\n    chart: ApexChart;\r\n    dataLabels: ApexDataLabels;\r\n    plotOptions: ApexPlotOptions;\r\n    responsive: ApexResponsive[];\r\n    xaxis: ApexXAxis;\r\n    legend: ApexLegend;\r\n    fill: ApexFill;\r\n};\r\n\r\n@Component({\r\n    selector: 'demo-apex-stack-column',\r\n    templateUrl: './stack-column.html',\r\n})\r\nexport class DemoApexStackColumnComponent implements OnInit {\r\n    @ViewChild(\"stack-column\") chart: ChartComponent;\r\n    public chartOptions: Partial<ChartOptions>;\r\n\r\n    constructor() {\r\n        this.chartOptions = {\r\n            series: [\r\n                {\r\n                    name: \"PRODUCT A\",\r\n                    data: [44, 55, 41, 67, 22, 43],\r\n                    color: COLOR_1\r\n                },\r\n                {\r\n                    name: \"PRODUCT B\",\r\n                    data: [13, 23, 20, 8, 13, 27],\r\n                    color: COLOR_2\r\n                },\r\n                {\r\n                    name: \"PRODUCT C\",\r\n                    data: [11, 17, 15, 15, 21, 14],\r\n                    color: COLOR_3\r\n                },\r\n                {\r\n                    name: \"PRODUCT D\",\r\n                    data: [21, 7, 25, 13, 22, 8],\r\n                    color: COLOR_4\r\n                }\r\n            ],\r\n            chart: {\r\n                type: \"bar\",\r\n                height: 350,\r\n                stacked: true,\r\n                toolbar: {\r\n                    show: true\r\n                },\r\n                zoom: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            responsive: [\r\n                {\r\n                    breakpoint: 480,\r\n                    options: {\r\n                        legend: {\r\n                            position: \"bottom\",\r\n                            offsetX: -10,\r\n                            offsetY: 0\r\n                        }\r\n                    }\r\n                }\r\n            ],\r\n            plotOptions: {\r\n                bar: {\r\n                    horizontal: false,\r\n                    columnWidth: '20px'\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: \"category\",\r\n                categories: [\r\n                    \"01/2011\",\r\n                    \"02/2011\",\r\n                    \"03/2011\",\r\n                    \"04/2011\",\r\n                    \"05/2011\",\r\n                    \"06/2011\"\r\n                ]\r\n            },\r\n            legend: {\r\n                position: \"right\",\r\n                offsetY: 40\r\n            },\r\n            fill: {\r\n                opacity: 1\r\n            }\r\n        };\r\n    }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div id=\"stack-column\">\r\n    <apx-chart\r\n        [series]=\"chartOptions.series\"\r\n        [chart]=\"chartOptions.chart\"\r\n        [dataLabels]=\"chartOptions.dataLabels\"\r\n        [plotOptions]=\"chartOptions.plotOptions\"\r\n        [responsive]=\"chartOptions.responsive\"\r\n        [xaxis]=\"chartOptions.xaxis\"\r\n        [legend]=\"chartOptions.legend\"\r\n        [fill]=\"chartOptions.fill\"\r\n    ></apx-chart>\r\n</div>","export default \"<div id=\\\"basic-area\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [xaxis]=\\\"chartOptions.xaxis\\\"\\r\\n        [stroke]=\\\"chartOptions.stroke\\\"\\r\\n        [dataLabels]=\\\"chartOptions.dataLabels\\\"\\r\\n        [yaxis]=\\\"chartOptions.yaxis\\\"\\r\\n        [labels]=\\\"chartOptions.labels\\\"\\r\\n        [legend]=\\\"chartOptions.legend\\\"\\r\\n        [title]=\\\"chartOptions.title\\\"\\r\\n        [subtitle]=\\\"chartOptions.subtitle\\\"\\r\\n    ></apx-chart>\\r\\n</div>\";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport { \\r\\n    ApexStrokeDefault, \\r\\n    ApexChartDefault, \\r\\n    ApexDataLabelDefault,\\r\\n    COLOR_1\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n  ChartComponent,\\r\\n  ApexAxisChartSeries,\\r\\n  ApexChart,\\r\\n  ApexXAxis,\\r\\n  ApexDataLabels,\\r\\n  ApexStroke,\\r\\n  ApexYAxis,\\r\\n  ApexTitleSubtitle,\\r\\n  ApexLegend\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nimport { series } from \\\"./data\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n    series: ApexAxisChartSeries;\\r\\n    chart: ApexChart;\\r\\n    xaxis: ApexXAxis;\\r\\n    stroke: ApexStroke;\\r\\n    dataLabels: ApexDataLabels;\\r\\n    yaxis: ApexYAxis;\\r\\n    title: ApexTitleSubtitle;\\r\\n    labels: string[];\\r\\n    legend: ApexLegend;\\r\\n    subtitle: ApexTitleSubtitle\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-basic-area',\\r\\n    templateUrl: 'basic-area.html',\\r\\n})\\r\\nexport class DemoApexBasicAreaComponent implements OnInit {\\r\\n    @ViewChild(\\\"basic-area\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [\\r\\n                {\\r\\n                    name: \\\"STOCK ABC\\\",\\r\\n                    data: series.monthDataSeries1.prices,\\r\\n                    color: COLOR_1\\r\\n                }\\r\\n            ],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                type: \\\"area\\\",\\r\\n                height: 350,\\r\\n                zoom: {\\r\\n                    enabled: false\\r\\n                }\\r\\n            },\\r\\n            dataLabels: ApexDataLabelDefault,\\r\\n            title: {\\r\\n                text: \\\"Fundamental Analysis of Stocks\\\",\\r\\n                align: \\\"left\\\"\\r\\n            },\\r\\n            subtitle: {\\r\\n                text: \\\"Price Movements\\\",\\r\\n                align: \\\"left\\\"\\r\\n            },\\r\\n            labels: series.monthDataSeries1.dates,\\r\\n            xaxis: {\\r\\n                type: \\\"datetime\\\"\\r\\n            },\\r\\n            yaxis: {\\r\\n                opposite: true\\r\\n            },\\r\\n            legend: {\\r\\n                horizontalAlign: \\\"left\\\"\\r\\n            },\\r\\n            stroke: ApexStrokeDefault\\r\\n        };\\r\\n    }\\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"export const series = {\\r\\n    monthDataSeries1: {\\r\\n        prices: [\\r\\n            8107.85,\\r\\n            8128.0,\\r\\n            8122.9,\\r\\n            8165.5,\\r\\n            8340.7,\\r\\n            8423.7,\\r\\n            8423.5,\\r\\n            8514.3,\\r\\n            8481.85,\\r\\n            8487.7,\\r\\n            8506.9,\\r\\n            8626.2,\\r\\n            8668.95,\\r\\n            8602.3,\\r\\n            8607.55,\\r\\n            8512.9,\\r\\n            8496.25,\\r\\n            8600.65,\\r\\n            8881.1,\\r\\n            9340.85\\r\\n        ],\\r\\n        dates: [\\r\\n            \\\"13 Nov 2017\\\",\\r\\n            \\\"14 Nov 2017\\\",\\r\\n            \\\"15 Nov 2017\\\",\\r\\n            \\\"16 Nov 2017\\\",\\r\\n            \\\"17 Nov 2017\\\",\\r\\n            \\\"20 Nov 2017\\\",\\r\\n            \\\"21 Nov 2017\\\",\\r\\n            \\\"22 Nov 2017\\\",\\r\\n            \\\"23 Nov 2017\\\",\\r\\n            \\\"24 Nov 2017\\\",\\r\\n            \\\"27 Nov 2017\\\",\\r\\n            \\\"28 Nov 2017\\\",\\r\\n            \\\"29 Nov 2017\\\",\\r\\n            \\\"30 Nov 2017\\\",\\r\\n            \\\"01 Dec 2017\\\",\\r\\n            \\\"04 Dec 2017\\\",\\r\\n            \\\"05 Dec 2017\\\",\\r\\n            \\\"06 Dec 2017\\\",\\r\\n            \\\"07 Dec 2017\\\",\\r\\n            \\\"08 Dec 2017\\\"\\r\\n        ]\\r\\n    }\\r\\n}\";","export default \"<div id=\\\"basic-bar\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [dataLabels]=\\\"chartOptions.dataLabels\\\"\\r\\n        [plotOptions]=\\\"chartOptions.plotOptions\\\"\\r\\n        [xaxis]=\\\"chartOptions.xaxis\\\"\\r\\n    ></apx-chart>\\r\\n</div>\\r\\n  \";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport { \\r\\n    ApexChartDefault, \\r\\n    ApexDataLabelDefault,\\r\\n    COLOR_1\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n  ApexAxisChartSeries,\\r\\n  ApexChart,\\r\\n  ChartComponent,\\r\\n  ApexDataLabels,\\r\\n  ApexXAxis,\\r\\n  ApexPlotOptions\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n  series: ApexAxisChartSeries;\\r\\n  chart: ApexChart;\\r\\n  dataLabels: ApexDataLabels;\\r\\n  plotOptions: ApexPlotOptions;\\r\\n  xaxis: ApexXAxis;\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-basic-bar',\\r\\n    templateUrl: './basic-bar.html'\\r\\n})\\r\\nexport class DemoApexBasicBarComponent implements OnInit {\\r\\n    @ViewChild(\\\"basic-bar\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [\\r\\n                {\\r\\n                    name: \\\"basic\\\",\\r\\n                    data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380],\\r\\n                    color: COLOR_1\\r\\n                }\\r\\n            ],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                type: \\\"bar\\\",\\r\\n                height: 350\\r\\n            },\\r\\n            plotOptions: {\\r\\n                bar: {\\r\\n                    horizontal: true\\r\\n                }\\r\\n            },\\r\\n            dataLabels: ApexDataLabelDefault,\\r\\n            xaxis: {\\r\\n                categories: [\\r\\n                    \\\"South Korea\\\",\\r\\n                    \\\"Canada\\\",\\r\\n                    \\\"United Kingdom\\\",\\r\\n                    \\\"Netherlands\\\",\\r\\n                    \\\"Italy\\\",\\r\\n                    \\\"France\\\",\\r\\n                    \\\"Japan\\\",\\r\\n                    \\\"United States\\\",\\r\\n                    \\\"China\\\",\\r\\n                    \\\"Germany\\\"\\r\\n                ]\\r\\n            }\\r\\n        };\\r\\n    }\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"<div id=\\\"basic-column\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [dataLabels]=\\\"chartOptions.dataLabels\\\"\\r\\n        [plotOptions]=\\\"chartOptions.plotOptions\\\"\\r\\n        [yaxis]=\\\"chartOptions.yaxis\\\"\\r\\n        [legend]=\\\"chartOptions.legend\\\"\\r\\n        [fill]=\\\"chartOptions.fill\\\"\\r\\n        [stroke]=\\\"chartOptions.stroke\\\"\\r\\n        [tooltip]=\\\"chartOptions.tooltip\\\"\\r\\n        [xaxis]=\\\"chartOptions.xaxis\\\"\\r\\n    ></apx-chart>\\r\\n</div>\";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport { \\r\\n    ApexBarDefault,\\r\\n    ApexChartDefault, \\r\\n    ApexDataLabelDefault,\\r\\n    COLOR_1,\\r\\n    COLOR_2,\\r\\n    COLOR_3\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n    ApexAxisChartSeries,\\r\\n    ApexChart,\\r\\n    ChartComponent,\\r\\n    ApexDataLabels,\\r\\n    ApexPlotOptions,\\r\\n    ApexYAxis,\\r\\n    ApexLegend,\\r\\n    ApexStroke,\\r\\n    ApexXAxis,\\r\\n    ApexFill,\\r\\n    ApexTooltip\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n    series: ApexAxisChartSeries;\\r\\n    chart: ApexChart;\\r\\n    dataLabels: ApexDataLabels;\\r\\n    plotOptions: ApexPlotOptions;\\r\\n    yaxis: ApexYAxis;\\r\\n    xaxis: ApexXAxis;\\r\\n    fill: ApexFill;\\r\\n    tooltip: ApexTooltip;\\r\\n    stroke: ApexStroke;\\r\\n    legend: ApexLegend;\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-basic-column',\\r\\n    templateUrl: './basic-column.html'\\r\\n})\\r\\nexport class DemoApexBasicColumnComponent implements OnInit {\\r\\n    @ViewChild(\\\"basic-column\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [\\r\\n                {\\r\\n                    name: \\\"Net Profit\\\",\\r\\n                    data: [44, 55, 57, 56, 61, 58, 63, 60, 66],\\r\\n                    color: COLOR_1\\r\\n                },\\r\\n                {\\r\\n                    name: \\\"Revenue\\\",\\r\\n                    data: [76, 85, 101, 98, 87, 105, 91, 114, 94],\\r\\n                    color: COLOR_2\\r\\n                },\\r\\n                {\\r\\n                    name: \\\"Free Cash Flow\\\",\\r\\n                    data: [35, 41, 36, 26, 45, 48, 52, 53, 41],\\r\\n                    color: COLOR_3\\r\\n                }\\r\\n            ],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                type: \\\"bar\\\",\\r\\n                height: 350\\r\\n            },\\r\\n            plotOptions: ApexBarDefault,\\r\\n            dataLabels: ApexDataLabelDefault,\\r\\n            stroke: {\\r\\n                show: true,\\r\\n                width: 2,\\r\\n                colors: [\\\"transparent\\\"]\\r\\n            },\\r\\n            xaxis: {\\r\\n                categories: [\\r\\n                    \\\"Feb\\\",\\r\\n                    \\\"Mar\\\",\\r\\n                    \\\"Apr\\\",\\r\\n                    \\\"May\\\",\\r\\n                    \\\"Jun\\\",\\r\\n                    \\\"Jul\\\",\\r\\n                    \\\"Aug\\\",\\r\\n                    \\\"Sep\\\",\\r\\n                    \\\"Oct\\\"\\r\\n                ]\\r\\n            },\\r\\n            yaxis: {\\r\\n                title: {\\r\\n                    text: \\\"$ (thousands)\\\"\\r\\n                }\\r\\n            },\\r\\n            fill: {\\r\\n                opacity: 1\\r\\n            },\\r\\n            tooltip: {\\r\\n                y: {\\r\\n                    formatter: function(val) {\\r\\n                        return \\\"$ \\\" + val + \\\" thousands\\\";\\r\\n                    }\\r\\n                }\\r\\n            }\\r\\n        };\\r\\n    }\\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"<div id=\\\"chart\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [xaxis]=\\\"chartOptions.xaxis\\\"\\r\\n        [dataLabels]=\\\"chartOptions.dataLabels\\\"\\r\\n        [grid]=\\\"chartOptions.grid\\\"\\r\\n        [stroke]=\\\"chartOptions.stroke\\\"\\r\\n        [title]=\\\"chartOptions.title\\\"\\r\\n    ></apx-chart>\\r\\n</div>\";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport { \\r\\n    ApexStrokeDefault, \\r\\n    ApexChartDefault,\\r\\n    COLOR_1\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n  ChartComponent,\\r\\n  ApexAxisChartSeries,\\r\\n  ApexChart,\\r\\n  ApexXAxis,\\r\\n  ApexDataLabels,\\r\\n  ApexTitleSubtitle,\\r\\n  ApexStroke,\\r\\n  ApexGrid\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n  series: ApexAxisChartSeries;\\r\\n  chart: ApexChart;\\r\\n  xaxis: ApexXAxis;\\r\\n  dataLabels: ApexDataLabels;\\r\\n  grid: ApexGrid;\\r\\n  stroke: ApexStroke;\\r\\n  title: ApexTitleSubtitle;\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-basic',\\r\\n    templateUrl: './basic.html',\\r\\n})\\r\\nexport class DemoApexBasicComponent implements OnInit {\\r\\n    @ViewChild(\\\"chart\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [\\r\\n                {\\r\\n                    name: \\\"Desktops\\\",\\r\\n                    data: [10, 41, 35, 51, 49, 62, 69, 91, 148],\\r\\n                    color: COLOR_1\\r\\n                }\\r\\n            ],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                height: 350,\\r\\n                type: \\\"line\\\",\\r\\n                zoom: {\\r\\n                    enabled: false\\r\\n                }\\r\\n            },\\r\\n            dataLabels: {\\r\\n                enabled: false\\r\\n            },\\r\\n            stroke: ApexStrokeDefault,\\r\\n            title: {\\r\\n                text: \\\"Product Trends by Month\\\",\\r\\n                align: \\\"left\\\"\\r\\n            },\\r\\n            grid: {\\r\\n                row: {\\r\\n                colors: [\\\"#f3f3f3\\\", \\\"transparent\\\"], // takes an array which will be repeated on columns\\r\\n                    opacity: 0.5\\r\\n                }\\r\\n            },\\r\\n            xaxis: {\\r\\n                categories: [\\r\\n                    \\\"Jan\\\",\\r\\n                    \\\"Feb\\\",\\r\\n                    \\\"Mar\\\",\\r\\n                    \\\"Apr\\\",\\r\\n                    \\\"May\\\",\\r\\n                    \\\"Jun\\\",\\r\\n                    \\\"Jul\\\",\\r\\n                    \\\"Aug\\\",\\r\\n                    \\\"Sep\\\"\\r\\n                ]\\r\\n            }\\r\\n        };\\r\\n    }\\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"<div id=\\\"dash-line\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [xaxis]=\\\"chartOptions.xaxis\\\"\\r\\n        [stroke]=\\\"chartOptions.stroke\\\"\\r\\n        [tooltip]=\\\"chartOptions.tooltip\\\"\\r\\n        [dataLabels]=\\\"chartOptions.dataLabels\\\"\\r\\n        [legend]=\\\"chartOptions.legend\\\"\\r\\n        [markers]=\\\"chartOptions.markers\\\"\\r\\n        [grid]=\\\"chartOptions.grid\\\"\\r\\n        [yaxis]=\\\"chartOptions.yaxis\\\"\\r\\n        [title]=\\\"chartOptions.title\\\"\\r\\n    ></apx-chart>\\r\\n</div>\";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport { \\r\\n    ApexStrokeDefault, \\r\\n    ApexChartDefault, \\r\\n    ApexDataLabelDefault,\\r\\n    ApexColorDefault\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n  ChartComponent,\\r\\n  ApexAxisChartSeries,\\r\\n  ApexChart,\\r\\n  ApexXAxis,\\r\\n  ApexDataLabels,\\r\\n  ApexStroke,\\r\\n  ApexMarkers,\\r\\n  ApexYAxis,\\r\\n  ApexGrid,\\r\\n  ApexTitleSubtitle,\\r\\n  ApexLegend\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n  series: ApexAxisChartSeries;\\r\\n  chart: ApexChart;\\r\\n  xaxis: ApexXAxis;\\r\\n  stroke: ApexStroke;\\r\\n  dataLabels: ApexDataLabels;\\r\\n  markers: ApexMarkers;\\r\\n  tooltip: any; // ApexTooltip;\\r\\n  yaxis: ApexYAxis;\\r\\n  grid: ApexGrid;\\r\\n  legend: ApexLegend;\\r\\n  title: ApexTitleSubtitle;\\r\\n  color: string[]\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-dash-line',\\r\\n    templateUrl: './dash-line.html'\\r\\n})\\r\\nexport class DemoApexDashLineComponent implements OnInit {\\r\\n    @ViewChild(\\\"dash-line\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [\\r\\n            {\\r\\n                name: \\\"Session Duration\\\",\\r\\n                data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10]\\r\\n            },\\r\\n            {\\r\\n                name: \\\"Page Views\\\",\\r\\n                data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35]\\r\\n            },\\r\\n            {\\r\\n                name: \\\"Total Visits\\\",\\r\\n                data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47]\\r\\n            }\\r\\n            ],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                height: 350,\\r\\n                type: \\\"line\\\"\\r\\n            },\\r\\n            dataLabels: ApexDataLabelDefault,\\r\\n            stroke: {\\r\\n                ...ApexStrokeDefault,\\r\\n                dashArray: [0, 8, 5]\\r\\n            },\\r\\n            title: {\\r\\n                text: \\\"Page Statistics\\\",\\r\\n                align: \\\"left\\\"\\r\\n            },\\r\\n            color: ApexColorDefault,\\r\\n            legend: {\\r\\n                tooltipHoverFormatter: function(val, opts) {\\r\\n                    return (\\r\\n                        val +\\r\\n                        \\\" - <strong>\\\" +\\r\\n                        opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\\r\\n                        \\\"</strong>\\\"\\r\\n                    );\\r\\n                }\\r\\n            },\\r\\n            markers: {\\r\\n                size: 0,\\r\\n                hover: {\\r\\n                    sizeOffset: 6\\r\\n                }\\r\\n            },\\r\\n            xaxis: {\\r\\n                labels: {\\r\\n                    trim: false\\r\\n                },\\r\\n                categories: [\\r\\n                    \\\"01 Jan\\\",\\r\\n                    \\\"02 Jan\\\",\\r\\n                    \\\"03 Jan\\\",\\r\\n                    \\\"04 Jan\\\",\\r\\n                    \\\"05 Jan\\\",\\r\\n                    \\\"06 Jan\\\",\\r\\n                    \\\"07 Jan\\\",\\r\\n                    \\\"08 Jan\\\",\\r\\n                    \\\"09 Jan\\\",\\r\\n                    \\\"10 Jan\\\",\\r\\n                    \\\"11 Jan\\\",\\r\\n                    \\\"12 Jan\\\"\\r\\n                ]\\r\\n            },\\r\\n            tooltip: {\\r\\n                y: [\\r\\n                    {\\r\\n                    title: {\\r\\n                        formatter: function(val) {\\r\\n                            return val + \\\" (mins)\\\";\\r\\n                        }\\r\\n                    }\\r\\n                    },\\r\\n                    {\\r\\n                    title: {\\r\\n                        formatter: function(val) {\\r\\n                            return val + \\\" per session\\\";\\r\\n                        }\\r\\n                    }\\r\\n                    },\\r\\n                    {\\r\\n                    title: {\\r\\n                        formatter: function(val) {\\r\\n                            return val;\\r\\n                        }\\r\\n                    }\\r\\n                    }\\r\\n                ]\\r\\n            }\\r\\n        };\\r\\n    }\\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"<div id=\\\"donut\\\" style=\\\"max-width: 380px;\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [labels]=\\\"chartOptions.labels\\\"\\r\\n        [responsive]=\\\"chartOptions.responsive\\\"\\r\\n        [colors]=\\\"donutColors\\\"\\r\\n    ></apx-chart>\\r\\n</div>\";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport { ChartComponent } from \\\"ng-apexcharts\\\";\\r\\nimport { \\r\\n    ApexChartDefault, \\r\\n    COLORS\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n  ApexNonAxisChartSeries,\\r\\n  ApexResponsive,\\r\\n  ApexChart\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n  series: ApexNonAxisChartSeries;\\r\\n  chart: ApexChart;\\r\\n  responsive: ApexResponsive[];\\r\\n  labels: any;\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-donut',\\r\\n    templateUrl: './donut.html'\\r\\n})\\r\\nexport class DemoApexDonutComponent implements OnInit {\\r\\n    @ViewChild(\\\"donut\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    donutColors: string[] = COLORS\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [44, 55, 13, 43, 22],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                type: \\\"donut\\\"\\r\\n            },\\r\\n            labels: [\\\"Team A\\\", \\\"Team B\\\", \\\"Team C\\\", \\\"Team D\\\", \\\"Team E\\\"],\\r\\n            responsive: [\\r\\n                {\\r\\n                    breakpoint: 480,\\r\\n                    options: {\\r\\n                        chart: {\\r\\n                            width: 200\\r\\n                        },\\r\\n                        legend: {\\r\\n                            position: \\\"bottom\\\"\\r\\n                        }\\r\\n                    }\\r\\n                }\\r\\n            ]\\r\\n        };\\r\\n    }\\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"<div id=\\\"group-bar\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [dataLabels]=\\\"chartOptions.dataLabels\\\"\\r\\n        [plotOptions]=\\\"chartOptions.plotOptions\\\"\\r\\n        [xaxis]=\\\"chartOptions.xaxis\\\"\\r\\n        [stroke]=\\\"chartOptions.stroke\\\"\\r\\n    ></apx-chart>\\r\\n</div>\\r\\n  \";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport { \\r\\n    ApexChartDefault, \\r\\n    COLOR_1,\\r\\n    COLOR_2\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n  ApexAxisChartSeries,\\r\\n  ApexChart,\\r\\n  ChartComponent,\\r\\n  ApexDataLabels,\\r\\n  ApexXAxis,\\r\\n  ApexPlotOptions,\\r\\n  ApexStroke\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n  series: ApexAxisChartSeries;\\r\\n  chart: ApexChart;\\r\\n  dataLabels: ApexDataLabels;\\r\\n  plotOptions: ApexPlotOptions;\\r\\n  xaxis: ApexXAxis;\\r\\n  stroke: ApexStroke;\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-group-bar',\\r\\n    templateUrl: './group-bar.html'\\r\\n})\\r\\nexport class DemoApexGroupBarComponent implements OnInit {\\r\\n    @ViewChild(\\\"group-bar\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [\\r\\n                {\\r\\n                    name: \\\"serie1\\\",\\r\\n                    data: [44, 55, 41, 64, 22, 43, 21],\\r\\n                    color: COLOR_1\\r\\n                },\\r\\n                {\\r\\n                    name: \\\"serie2\\\",\\r\\n\\r\\n                    data: [53, 32, 33, 52, 13, 44, 32],\\r\\n                    color: COLOR_2\\r\\n                }\\r\\n            ],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                type: \\\"bar\\\",\\r\\n                height: 430\\r\\n            },\\r\\n            plotOptions: {\\r\\n                bar: {\\r\\n                    horizontal: true,\\r\\n                    dataLabels: {\\r\\n                        position: \\\"top\\\"\\r\\n                    }\\r\\n                }\\r\\n            },\\r\\n            dataLabels: {\\r\\n                enabled: true,\\r\\n                offsetX: -6,\\r\\n                style: {\\r\\n                    fontSize: \\\"12px\\\",\\r\\n                    colors: [\\\"#fff\\\"]\\r\\n                }\\r\\n            },\\r\\n            stroke: {\\r\\n                show: true,\\r\\n                width: 1,\\r\\n                colors: [\\\"#fff\\\"]\\r\\n            },\\r\\n            xaxis: {\\r\\n                categories: [2001, 2002, 2003, 2004, 2005, 2006, 2007]\\r\\n            }\\r\\n        };\\r\\n    }\\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"<div id=\\\"pie\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [labels]=\\\"chartOptions.labels\\\"\\r\\n        [responsive]=\\\"chartOptions.responsive\\\"\\r\\n        [colors]=\\\"pieColor\\\"\\r\\n    ></apx-chart>\\r\\n</div>\";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport { ChartComponent } from \\\"ng-apexcharts\\\";\\r\\nimport { \\r\\n    ApexChartDefault, \\r\\n    COLORS\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n  ApexNonAxisChartSeries,\\r\\n  ApexResponsive,\\r\\n  ApexChart\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n  series: ApexNonAxisChartSeries;\\r\\n  chart: ApexChart;\\r\\n  responsive: ApexResponsive[];\\r\\n  labels: any;\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-pie',\\r\\n    templateUrl: './pie.html'\\r\\n})\\r\\nexport class DemoApexPieComponent implements OnInit {\\r\\n    @ViewChild(\\\"pie\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    pieColor: string[] = COLORS\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [44, 55, 13, 43, 22],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                width: 380,\\r\\n                type: \\\"pie\\\"\\r\\n            },\\r\\n            labels: [\\\"Team A\\\", \\\"Team B\\\", \\\"Team C\\\", \\\"Team D\\\", \\\"Team E\\\"],\\r\\n            responsive: [\\r\\n                {\\r\\n                    breakpoint: 480,\\r\\n                    options: {\\r\\n                        chart: {\\r\\n                            width: 200\\r\\n                        },\\r\\n                        legend: {\\r\\n                            position: \\\"bottom\\\"\\r\\n                        }\\r\\n                    }\\r\\n                }\\r\\n            ]\\r\\n        };\\r\\n    }\\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"<div id=\\\"spline-area\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [xaxis]=\\\"chartOptions.xaxis\\\"\\r\\n        [stroke]=\\\"chartOptions.stroke\\\"\\r\\n        [tooltip]=\\\"chartOptions.tooltip\\\"\\r\\n        [dataLabels]=\\\"chartOptions.dataLabels\\\"\\r\\n    ></apx-chart>\\r\\n</div>\\r\\n  \";","export default \"import { Component, OnInit , ViewChild } from \\\"@angular/core\\\";\\r\\nimport { \\r\\n    ApexStrokeDefault, \\r\\n    ApexChartDefault, \\r\\n    ApexDataLabelDefault,\\r\\n    COLOR_1,\\r\\n    COLOR_2\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n  ChartComponent,\\r\\n  ApexAxisChartSeries,\\r\\n  ApexChart,\\r\\n  ApexXAxis,\\r\\n  ApexDataLabels,\\r\\n  ApexTooltip,\\r\\n  ApexStroke\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n  series: ApexAxisChartSeries;\\r\\n  chart: ApexChart;\\r\\n  xaxis: ApexXAxis;\\r\\n  stroke: ApexStroke;\\r\\n  tooltip: ApexTooltip;\\r\\n  dataLabels: ApexDataLabels;\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-spline-area',\\r\\n    templateUrl: './spline-area.html',\\r\\n})\\r\\nexport class DemoApexSplineAreaComponent implements OnInit {\\r\\n    @ViewChild(\\\"spline-area\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n        series: [\\r\\n                {\\r\\n                    name: \\\"series1\\\",\\r\\n                    data: [31, 40, 28, 51, 42, 109, 100],\\r\\n                    color: COLOR_1\\r\\n                },\\r\\n                {\\r\\n                    name: \\\"series2\\\",\\r\\n                    data: [11, 32, 45, 32, 34, 52, 41],\\r\\n                    color: COLOR_2\\r\\n                }\\r\\n            ],\\r\\n            chart: {\\r\\n                ...ApexChartDefault,\\r\\n                height: 350,\\r\\n                type: \\\"area\\\"\\r\\n            },\\r\\n            dataLabels: ApexDataLabelDefault,\\r\\n            stroke: ApexStrokeDefault,\\r\\n            xaxis: {\\r\\n                type: \\\"datetime\\\",\\r\\n                categories: [\\r\\n                    \\\"2018-09-19T00:00:00.000Z\\\",\\r\\n                    \\\"2018-09-19T01:30:00.000Z\\\",\\r\\n                    \\\"2018-09-19T02:30:00.000Z\\\",\\r\\n                    \\\"2018-09-19T03:30:00.000Z\\\",\\r\\n                    \\\"2018-09-19T04:30:00.000Z\\\",\\r\\n                    \\\"2018-09-19T05:30:00.000Z\\\",\\r\\n                    \\\"2018-09-19T06:30:00.000Z\\\"\\r\\n                ]\\r\\n            },\\r\\n            tooltip: {\\r\\n                x: {\\r\\n                    format: \\\"dd/MM/yy HH:mm\\\"\\r\\n                }\\r\\n            }\\r\\n        };\\r\\n    }\\r\\n\\r\\n    public generateData(baseval, count, yrange) {\\r\\n        let i = 0;\\r\\n        let series = [];\\r\\n        while (i < count) {\\r\\n            let x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;\\r\\n            let y =\\r\\n                Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;\\r\\n            let z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;\\r\\n            series.push([x, y, z]);\\r\\n            baseval += 86400000;\\r\\n            i++;\\r\\n        }\\r\\n        return series;\\r\\n  } \\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"<div id=\\\"stack-column\\\">\\r\\n    <apx-chart\\r\\n        [series]=\\\"chartOptions.series\\\"\\r\\n        [chart]=\\\"chartOptions.chart\\\"\\r\\n        [dataLabels]=\\\"chartOptions.dataLabels\\\"\\r\\n        [plotOptions]=\\\"chartOptions.plotOptions\\\"\\r\\n        [responsive]=\\\"chartOptions.responsive\\\"\\r\\n        [xaxis]=\\\"chartOptions.xaxis\\\"\\r\\n        [legend]=\\\"chartOptions.legend\\\"\\r\\n        [fill]=\\\"chartOptions.fill\\\"\\r\\n    ></apx-chart>\\r\\n</div>\";","export default \"import { Component, OnInit, ViewChild } from \\\"@angular/core\\\";\\r\\nimport {\\r\\n    COLOR_1,\\r\\n    COLOR_2,\\r\\n    COLOR_3,\\r\\n    COLOR_4\\r\\n} from '@app/configs/chart.config';\\r\\nimport {\\r\\n    ApexAxisChartSeries,\\r\\n    ApexChart,\\r\\n    ChartComponent,\\r\\n    ApexDataLabels,\\r\\n    ApexPlotOptions,\\r\\n    ApexResponsive,\\r\\n    ApexXAxis,\\r\\n    ApexLegend,\\r\\n    ApexFill\\r\\n} from \\\"ng-apexcharts\\\";\\r\\n\\r\\nexport type ChartOptions = {\\r\\n    series: ApexAxisChartSeries;\\r\\n    chart: ApexChart;\\r\\n    dataLabels: ApexDataLabels;\\r\\n    plotOptions: ApexPlotOptions;\\r\\n    responsive: ApexResponsive[];\\r\\n    xaxis: ApexXAxis;\\r\\n    legend: ApexLegend;\\r\\n    fill: ApexFill;\\r\\n};\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-apex-stack-column',\\r\\n    templateUrl: './stack-column.html',\\r\\n})\\r\\nexport class DemoApexStackColumnComponent implements OnInit {\\r\\n    @ViewChild(\\\"stack-column\\\") chart: ChartComponent;\\r\\n    public chartOptions: Partial<ChartOptions>;\\r\\n\\r\\n    constructor() {\\r\\n        this.chartOptions = {\\r\\n            series: [\\r\\n                {\\r\\n                    name: \\\"PRODUCT A\\\",\\r\\n                    data: [44, 55, 41, 67, 22, 43],\\r\\n                    color: COLOR_1\\r\\n                },\\r\\n                {\\r\\n                    name: \\\"PRODUCT B\\\",\\r\\n                    data: [13, 23, 20, 8, 13, 27],\\r\\n                    color: COLOR_2\\r\\n                },\\r\\n                {\\r\\n                    name: \\\"PRODUCT C\\\",\\r\\n                    data: [11, 17, 15, 15, 21, 14],\\r\\n                    color: COLOR_3\\r\\n                },\\r\\n                {\\r\\n                    name: \\\"PRODUCT D\\\",\\r\\n                    data: [21, 7, 25, 13, 22, 8],\\r\\n                    color: COLOR_4\\r\\n                }\\r\\n            ],\\r\\n            chart: {\\r\\n                type: \\\"bar\\\",\\r\\n                height: 350,\\r\\n                stacked: true,\\r\\n                toolbar: {\\r\\n                    show: true\\r\\n                },\\r\\n                zoom: {\\r\\n                    enabled: true\\r\\n                }\\r\\n            },\\r\\n            responsive: [\\r\\n                {\\r\\n                    breakpoint: 480,\\r\\n                    options: {\\r\\n                        legend: {\\r\\n                            position: \\\"bottom\\\",\\r\\n                            offsetX: -10,\\r\\n                            offsetY: 0\\r\\n                        }\\r\\n                    }\\r\\n                }\\r\\n            ],\\r\\n            plotOptions: {\\r\\n                bar: {\\r\\n                    horizontal: false,\\r\\n                    columnWidth: '20px'\\r\\n                }\\r\\n            },\\r\\n            xaxis: {\\r\\n                type: \\\"category\\\",\\r\\n                categories: [\\r\\n                    \\\"01/2011\\\",\\r\\n                    \\\"02/2011\\\",\\r\\n                    \\\"03/2011\\\",\\r\\n                    \\\"04/2011\\\",\\r\\n                    \\\"05/2011\\\",\\r\\n                    \\\"06/2011\\\"\\r\\n                ]\\r\\n            },\\r\\n            legend: {\\r\\n                position: \\\"right\\\",\\r\\n                offsetY: 40\\r\\n            },\\r\\n            fill: {\\r\\n                opacity: 1\\r\\n            }\\r\\n        };\\r\\n    }\\r\\n\\r\\n    ngOnInit(): void { }\\r\\n}\\r\\n\";","export default \"import { NgApexchartsModule } from \\\"ng-apexcharts\\\";\\r\\n\\r\\n@NgModule({\\r\\n  imports: [NgApexchartsModule,...]\\r\\n})\\r\\nexport class AppModule(){}\\r\\n\";"],"names":[],"sourceRoot":"webpack:///"}