@agorapulse/ui-charts 2.5.0 → 13.0.0

package/fesm2015/{agorapulse-ui-charts.js → agorapulse-ui-charts.mjs}

@@ -1,9 +1,13 @@
 import * as Highcharts from 'highcharts';
 import { dateFormat, Chart } from 'highcharts';
+import * as i0 from '@angular/core';
 import { Component, ViewChild, Input, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import { HighchartsChartModule } from 'highcharts-angular';
+import * as i2 from '@angular/material/divider';
 import { mapChart } from 'highcharts/highmaps';
 
 const borderRadiusPlugin = function (H) {
@@ -372,9 +376,9 @@ class ChartBarOptions extends ChartOptions {
                 tickWidth: 0,
                 labels: {
                     align: 'center',
-                    formatter: function () {
+                    formatter() {
                         if (this.value && this.value.toString().length > 16) {
-                            return this.value.toString().substring(0, 15) + "...";
+                            return this.value.toString().substring(0, 15) + '...';
                         }
                         return this.value.toString();
                     },
@@ -420,7 +424,7 @@ class ChartBarOptions extends ChartOptions {
             });
             options.plotOptions.series.stacking = 'normal';
             options.yAxis.labels.formatter = function () {
-                return Math.abs(this.value) + '%';
+                return Math.abs(+this.value) + '%';
             };
             options.tooltip.pointFormatter = function () {
                 return `<div style="font-size: 14px; color: #344563; margin: 6px 8px 0 8px;"><span style="color:${this.color};">\u25CF</span> ${this.series.name}: <b>${Math.abs(this.y) + '%'}</b></div>`;
@@ -460,21 +464,27 @@ class ChartBarComponent {
         }
     }
 }
-ChartBarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ap-chart-bar',
-                template: "<div #chart></div>\n"
-            },] }
-];
-ChartBarComponent.propDecorators = {
-    chartRef: [{ type: ViewChild, args: ['chart',] }],
-    categories: [{ type: Input }],
-    chartOptions: [{ type: Input }],
-    color: [{ type: Input }],
-    labelDateFormat: [{ type: Input }],
-    opposite: [{ type: Input }],
-    series: [{ type: Input }]
-};
+/** @nocollapse */ /** @nocollapse */ ChartBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ ChartBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ChartBarComponent, selector: "ap-chart-bar", inputs: { categories: "categories", chartOptions: "chartOptions", color: "color", labelDateFormat: "labelDateFormat", opposite: "opposite", series: "series" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chart></div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ap-chart-bar', template: "<div #chart></div>\n" }]
+        }], propDecorators: { chartRef: [{
+                type: ViewChild,
+                args: ['chart']
+            }], categories: [{
+                type: Input
+            }], chartOptions: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], labelDateFormat: [{
+                type: Input
+            }], opposite: [{
+                type: Input
+            }], series: [{
+                type: Input
+            }] } });
 
 class ChartColumnOptions extends ChartOptions {
     static buildColumn(options, simple) {
@@ -491,10 +501,10 @@ class ChartColumnOptions extends ChartOptions {
                     borderWidth: 0,
                     maxPointWidth: 20,
                     events: {
-                        hide: function () {
+                        hide() {
                             ChartColumnOptions.redrawWithRoundedColumns(this.chart);
                         },
-                        show: function () {
+                        show() {
                             ChartColumnOptions.redrawWithRoundedColumns(this.chart);
                         }
                     }
@@ -515,10 +525,10 @@ class ChartColumnOptions extends ChartOptions {
             plotOptions: {
                 column: {
                     events: {
-                        hide: function () {
+                        hide() {
                             ChartColumnOptions.redrawWithRoundedColumns(this.chart);
                         },
-                        show: function () {
+                        show() {
                             ChartColumnOptions.redrawWithRoundedColumns(this.chart);
                         }
                     },
@@ -529,8 +539,8 @@ class ChartColumnOptions extends ChartOptions {
                 crosshair: true,
                 labels: {
                     enabled: false,
-                    formatter: function () {
-                        return dateFormat('%m/%d', this.value);
+                    formatter() {
+                        return dateFormat('%m/%d', +this.value);
                     }
                 },
                 lineWidth: 0,
@@ -565,7 +575,8 @@ class ChartColumnOptions extends ChartOptions {
                     if (otherSerie.visible === false) {
                         return true;
                     }
-                    const pointAtSameAbscissa = otherSerie.options.data.find(otherPoint => otherPoint[0] === point[0]);
+                    const pointAtSameAbscissa = otherSerie.options
+                        .data.find(otherPoint => otherPoint[0] === point[0]);
                     return !pointAtSameAbscissa || pointAtSameAbscissa[1] === 0;
                 });
                 borderRadius = roundedColumnEnabled ? 100 : 0;
@@ -611,20 +622,25 @@ class ChartColumnComponent {
         }
     }
 }
-ChartColumnComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ap-chart-column',
-                template: "<div #chart></div>\n"
-            },] }
-];
-ChartColumnComponent.propDecorators = {
-    chartRef: [{ type: ViewChild, args: ['chart',] }],
-    chartOptions: [{ type: Input }],
-    color: [{ type: Input }],
-    labelDateFormat: [{ type: Input }],
-    series: [{ type: Input }],
-    simple: [{ type: Input }]
-};
+/** @nocollapse */ /** @nocollapse */ ChartColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ ChartColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ChartColumnComponent, selector: "ap-chart-column", inputs: { chartOptions: "chartOptions", color: "color", labelDateFormat: "labelDateFormat", series: "series", simple: "simple" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chart></div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ap-chart-column', template: "<div #chart></div>\n" }]
+        }], propDecorators: { chartRef: [{
+                type: ViewChild,
+                args: ['chart']
+            }], chartOptions: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], labelDateFormat: [{
+                type: Input
+            }], series: [{
+                type: Input
+            }], simple: [{
+                type: Input
+            }] } });
 
 var ChartMetricType;
 (function (ChartMetricType) {
@@ -640,18 +656,16 @@ class ChartMetricsListComponent {
         this.digitsInfo = '1.0-1';
     }
 }
-ChartMetricsListComponent.decorators = [
-    { type: Component, args: [{
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                selector: "ap-chart-metrics-list",
-                template: "<mat-list>\n    <ng-container *ngIf=\"metrics\">\n        <mat-list-item *ngFor=\"let metric of metrics; let i = index\"\n                       [ngClass]=\"{'chart-metric-total': metric.type == ChartMetricType.total}\">\n            <div class=\"chart-metric-name metric-label\"\n                 *ngIf=\"!metric.children\">\n                {{metric.name}}\n            </div>\n            <div class=\"chart-metric-name\"\n                 *ngIf=\"metric.children\">\n                <span class=\"metric-label\">\n                    {{metric.name}}\n                </span>\n                <span class=\"chart-metric-children\">\n                    <span *ngFor=\"let item of metric.children\">\n                        <span class=\"child-label\">{{item.name}}</span>: <span class=\"child-value\">{{item.value}}</span>\n                    </span>\n                </span>\n            </div>\n            <div class=\"chart-metric-value metric-label\">\n                {{metric.value | number: digitsInfo: locale}}\n            </div>\n            <mat-divider *ngIf=\"i < metrics.length - 1\"></mat-divider>\n        </mat-list-item>\n    </ng-container>\n</mat-list>\n",
-                styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.metric-label{font-size:14px;color:#5d6a82}.chart-metric-total .metric-label{font-size:16px;color:#344563!important;font-weight:700}.chart-metric-name .chart-metric-children{color:#aeb5c1;font-size:14px}.chart-metric-name .chart-metric-children .child-label{margin-left:16px}.chart-metric-value{justify-content:left;flex:1 0 0;flex-direction:row;text-align:end;color:#344563}.mat-list-item{height:35px}.mat-list-item ::ng-deep .mat-list-item-content{padding:0}"]
-            },] }
-];
-ChartMetricsListComponent.propDecorators = {
-    metrics: [{ type: Input }],
-    locale: [{ type: Input }]
-};
+/** @nocollapse */ /** @nocollapse */ ChartMetricsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartMetricsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ ChartMetricsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ChartMetricsListComponent, selector: "ap-chart-metrics-list", inputs: { metrics: "metrics", locale: "locale" }, ngImport: i0, template: "<mat-list>\n    <ng-container *ngIf=\"metrics\">\n        <mat-list-item *ngFor=\"let metric of metrics; let i = index\"\n                       [ngClass]=\"{'chart-metric-total': metric.type == ChartMetricType.total}\">\n            <div class=\"chart-metric-name metric-label\"\n                 *ngIf=\"!metric.children\">\n                {{metric.name}}\n            </div>\n            <div class=\"chart-metric-name\"\n                 *ngIf=\"metric.children\">\n                <span class=\"metric-label\">\n                    {{metric.name}}\n                </span>\n                <span class=\"chart-metric-children\">\n                    <span *ngFor=\"let item of metric.children\">\n                        <span class=\"child-label\">{{item.name}}</span>: <span class=\"child-value\">{{item.value}}</span>\n                    </span>\n                </span>\n            </div>\n            <div class=\"chart-metric-value metric-label\">\n                {{metric.value | number: digitsInfo: locale}}\n            </div>\n            <mat-divider *ngIf=\"i < metrics.length - 1\"></mat-divider>\n        </mat-list-item>\n    </ng-container>\n</mat-list>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.metric-label{font-size:14px;color:#5d6a82}.chart-metric-total .metric-label{font-size:16px;color:#344563!important;font-weight:700}.chart-metric-name .chart-metric-children{color:#aeb5c1;font-size:14px}.chart-metric-name .chart-metric-children .child-label{margin-left:16px}.chart-metric-value{justify-content:left;flex:1 0 0;flex-direction:row;text-align:end;color:#344563}.mat-list-item{height:35px}.mat-list-item ::ng-deep .mat-list-item-content{padding:0}\n"], components: [{ type: i1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "number": i3.DecimalPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartMetricsListComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "ap-chart-metrics-list", template: "<mat-list>\n    <ng-container *ngIf=\"metrics\">\n        <mat-list-item *ngFor=\"let metric of metrics; let i = index\"\n                       [ngClass]=\"{'chart-metric-total': metric.type == ChartMetricType.total}\">\n            <div class=\"chart-metric-name metric-label\"\n                 *ngIf=\"!metric.children\">\n                {{metric.name}}\n            </div>\n            <div class=\"chart-metric-name\"\n                 *ngIf=\"metric.children\">\n                <span class=\"metric-label\">\n                    {{metric.name}}\n                </span>\n                <span class=\"chart-metric-children\">\n                    <span *ngFor=\"let item of metric.children\">\n                        <span class=\"child-label\">{{item.name}}</span>: <span class=\"child-value\">{{item.value}}</span>\n                    </span>\n                </span>\n            </div>\n            <div class=\"chart-metric-value metric-label\">\n                {{metric.value | number: digitsInfo: locale}}\n            </div>\n            <mat-divider *ngIf=\"i < metrics.length - 1\"></mat-divider>\n        </mat-list-item>\n    </ng-container>\n</mat-list>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.metric-label{font-size:14px;color:#5d6a82}.chart-metric-total .metric-label{font-size:16px;color:#344563!important;font-weight:700}.chart-metric-name .chart-metric-children{color:#aeb5c1;font-size:14px}.chart-metric-name .chart-metric-children .child-label{margin-left:16px}.chart-metric-value{justify-content:left;flex:1 0 0;flex-direction:row;text-align:end;color:#344563}.mat-list-item{height:35px}.mat-list-item ::ng-deep .mat-list-item-content{padding:0}\n"] }]
+        }], propDecorators: { metrics: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }] } });
 
 class ChartHeatmapOptions extends ChartOptions {
     static build(options) {
@@ -749,20 +763,25 @@ class ChartHeatmapComponent {
         }
     }
 }
-ChartHeatmapComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ap-chart-heatmap',
-                template: "<div #chart></div>\n"
-            },] }
-];
-ChartHeatmapComponent.propDecorators = {
-    chartRef: [{ type: ViewChild, args: ['chart',] }],
-    categoriesX: [{ type: Input }],
-    categoriesY: [{ type: Input }],
-    chartOptions: [{ type: Input }],
-    labelDateFormat: [{ type: Input }],
-    series: [{ type: Input }]
-};
+/** @nocollapse */ /** @nocollapse */ ChartHeatmapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartHeatmapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ ChartHeatmapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ChartHeatmapComponent, selector: "ap-chart-heatmap", inputs: { categoriesX: "categoriesX", categoriesY: "categoriesY", chartOptions: "chartOptions", labelDateFormat: "labelDateFormat", series: "series" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chart></div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartHeatmapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ap-chart-heatmap', template: "<div #chart></div>\n" }]
+        }], propDecorators: { chartRef: [{
+                type: ViewChild,
+                args: ['chart']
+            }], categoriesX: [{
+                type: Input
+            }], categoriesY: [{
+                type: Input
+            }], chartOptions: [{
+                type: Input
+            }], labelDateFormat: [{
+                type: Input
+            }], series: [{
+                type: Input
+            }] } });
 
 class ChartSplineOptions extends ChartOptions {
     static buildSpline(options, singleDayEnabled) {
@@ -818,19 +837,23 @@ class ChartSplineComponent {
         }
     }
 }
-ChartSplineComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ap-chart-spline',
-                template: "<div #chart></div>\n"
-            },] }
-];
-ChartSplineComponent.propDecorators = {
-    chartRef: [{ type: ViewChild, args: ['chart',] }],
-    chartOptions: [{ type: Input }],
-    color: [{ type: Input }],
-    labelDateFormat: [{ type: Input }],
-    series: [{ type: Input }]
-};
+/** @nocollapse */ /** @nocollapse */ ChartSplineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartSplineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ ChartSplineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ChartSplineComponent, selector: "ap-chart-spline", inputs: { chartOptions: "chartOptions", color: "color", labelDateFormat: "labelDateFormat", series: "series" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chart></div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartSplineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ap-chart-spline', template: "<div #chart></div>\n" }]
+        }], propDecorators: { chartRef: [{
+                type: ViewChild,
+                args: ['chart']
+            }], chartOptions: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], labelDateFormat: [{
+                type: Input
+            }], series: [{
+                type: Input
+            }] } });
 
 class ChartPieOptions extends ChartOptions {
     static buildPie(options, innerLabels) {
@@ -880,16 +903,16 @@ class ChartPieOptions extends ChartOptions {
         return super.build(mergeDeep(defaultPieOptions, options));
     }
     static configurePie(series, options, color, labelDateFormat, innerLabels) {
-        var _a, _b, _c;
         var _d, _e, _f;
+        var _a, _b, _c;
         super.configure(series, options, color, labelDateFormat);
         if (innerLabels) {
             options.legend.enabled = true;
         }
         if (series && series.length > 0 && series[0]) {
             options.colors = ChartColors.getColors(series[0].data.length, color);
-            (_a = (_d = options.plotOptions.pie).point) !== null && _a !== void 0 ? _a : (_d.point = {});
-            (_b = (_e = options.plotOptions.pie.point).events) !== null && _b !== void 0 ? _b : (_e.events = {});
+            (_d = (_a = options.plotOptions.pie).point) !== null && _d !== void 0 ? _d : (_a.point = {});
+            (_e = (_b = options.plotOptions.pie.point).events) !== null && _e !== void 0 ? _e : (_b.events = {});
             // entering a slice
             options.plotOptions.pie.point.events.mouseOver = function () {
                 this.series.chart.series[0].points.forEach(point => {
@@ -929,7 +952,7 @@ class ChartPieOptions extends ChartOptions {
                     }
                 });
             };
-            (_c = (_f = options.plotOptions.pie).events) !== null && _c !== void 0 ? _c : (_f.events = {});
+            (_f = (_c = options.plotOptions.pie).events) !== null && _f !== void 0 ? _f : (_c.events = {});
             // leaving the whole pie
             options.plotOptions.pie.events.mouseOut = function () {
                 this.chart.series[0].points.forEach((point, i) => {
@@ -983,49 +1006,74 @@ class ChartPieComponent {
         }
     }
 }
-ChartPieComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ap-chart-pie',
-                template: "<div #chart></div>\n"
-            },] }
-];
-ChartPieComponent.propDecorators = {
-    chartRef: [{ type: ViewChild, args: ['chart',] }],
-    chartOptions: [{ type: Input }],
-    color: [{ type: Input }],
-    innerLabels: [{ type: Input }],
-    labelDateFormat: [{ type: Input }],
-    series: [{ type: Input }]
-};
+/** @nocollapse */ /** @nocollapse */ ChartPieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartPieComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ ChartPieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ChartPieComponent, selector: "ap-chart-pie", inputs: { chartOptions: "chartOptions", color: "color", innerLabels: "innerLabels", labelDateFormat: "labelDateFormat", series: "series" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chart></div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ChartPieComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ap-chart-pie', template: "<div #chart></div>\n" }]
+        }], propDecorators: { chartRef: [{
+                type: ViewChild,
+                args: ['chart']
+            }], chartOptions: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], innerLabels: [{
+                type: Input
+            }], labelDateFormat: [{
+                type: Input
+            }], series: [{
+                type: Input
+            }] } });
 
 class AgorapulseUiChartsModule {
 }
-AgorapulseUiChartsModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ChartBarComponent,
-                    ChartColumnComponent,
-                    ChartHeatmapComponent,
-                    ChartMetricsListComponent,
-                    ChartSplineComponent,
-                    ChartPieComponent
-                ],
-                imports: [
-                    CommonModule,
-                    HighchartsChartModule,
-                    MatListModule
-                ],
-                exports: [
-                    ChartBarComponent,
-                    ChartColumnComponent,
-                    ChartHeatmapComponent,
-                    ChartMetricsListComponent,
-                    ChartSplineComponent,
-                    ChartPieComponent
-                ],
-                providers: []
-            },] }
-];
+/** @nocollapse */ /** @nocollapse */ AgorapulseUiChartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AgorapulseUiChartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ AgorapulseUiChartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AgorapulseUiChartsModule, declarations: [ChartBarComponent,
+        ChartColumnComponent,
+        ChartHeatmapComponent,
+        ChartMetricsListComponent,
+        ChartSplineComponent,
+        ChartPieComponent], imports: [CommonModule,
+        HighchartsChartModule,
+        MatListModule], exports: [ChartBarComponent,
+        ChartColumnComponent,
+        ChartHeatmapComponent,
+        ChartMetricsListComponent,
+        ChartSplineComponent,
+        ChartPieComponent] });
+/** @nocollapse */ /** @nocollapse */ AgorapulseUiChartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AgorapulseUiChartsModule, providers: [], imports: [[
+            CommonModule,
+            HighchartsChartModule,
+            MatListModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AgorapulseUiChartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChartBarComponent,
+                        ChartColumnComponent,
+                        ChartHeatmapComponent,
+                        ChartMetricsListComponent,
+                        ChartSplineComponent,
+                        ChartPieComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        HighchartsChartModule,
+                        MatListModule
+                    ],
+                    exports: [
+                        ChartBarComponent,
+                        ChartColumnComponent,
+                        ChartHeatmapComponent,
+                        ChartMetricsListComponent,
+                        ChartSplineComponent,
+                        ChartPieComponent
+                    ],
+                    providers: []
+                }]
+        }] });
 
 /*
  * Public API Surface of ui-charts
@@ -1037,4 +1085,4 @@ borderRadiusPlugin(Highcharts);
  */
 
 export { AgorapulseUiChartsModule, ChartBarComponent, ChartColor, ChartColors, ChartColumnComponent, ChartHeatmapComponent, ChartMetric, ChartMetricType, ChartMetricsListComponent, ChartOptions, ChartPieComponent, ChartSplineComponent, borderRadiusPlugin, mergeDeep };
-//# sourceMappingURL=agorapulse-ui-charts.js.map
+//# sourceMappingURL=agorapulse-ui-charts.mjs.map