@carbon/charts 0.41.20 → 0.41.24

package/charts/radar.js

@@ -12,10 +12,10 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 // Internal Imports
-import { Chart } from "../chart";
-import * as Configuration from "../configuration";
-import { Tools } from "../tools";
-import { Radar } from "../components/graphs/radar";
+import { Chart } from '../chart';
+import * as Configuration from '../configuration';
+import { Tools } from '../tools';
+import { Radar } from '../components/graphs/radar';
 var RadarChart = /** @class */ (function (_super) {
     __extends(RadarChart, _super);
     // TODO - Optimize the use of "extending"
@@ -36,7 +36,7 @@ var RadarChart = /** @class */ (function (_super) {
     RadarChart.prototype.getComponents = function () {
         // Specify what to render inside the graph-frame
         var graphFrameComponents = [
-            new Radar(this.model, this.services)
+            new Radar(this.model, this.services),
         ];
         // get the base chart components and export with tooltip
         var components = this.getChartComponents(graphFrameComponents);

package/charts/radar.js.map

@@ -1 +1 @@
-{"version":3,"file":"radar.js","sourceRoot":"","sources":["radar.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAQjC,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD;IAAgC,8BAAK;IACpC,yCAAyC;IACzC,oBACC,MAAe,EACf,YAA4C,EAC5C,SAAiB;QAAjB,0BAAA,EAAA,iBAAiB;QAHlB,YAKC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAkB3B;QAhBA,yCAAyC;QACzC,IAAI,SAAS,EAAE;;SAEd;QAED,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,wBAAwB,CAC7B,aAAa,CAAC,OAAO,CAAC,UAAU,EAChC,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,kCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAU;YACnC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;SACpC,CAAC;QAEF,wDAAwD;QACxD,IAAM,UAAU,GAAU,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;QACxE,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,iBAAC;AAAD,CAAC,AArCD,CAAgC,KAAK,GAqCpC","sourcesContent":["// Internal Imports\nimport { Chart } from \"../chart\";\nimport * as Configuration from \"../configuration\";\nimport { ChartConfig, RadarChartOptions } from \"../interfaces/index\";\nimport { Tools } from \"../tools\";\n\n// Components\nimport {\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tLegend,\n\tLayoutComponent\n} from \"../components/index\";\nimport { Radar } from \"../components/graphs/radar\";\n\nexport class RadarChart extends Chart {\n\t// TODO - Optimize the use of \"extending\"\n\tconstructor(\n\t\tholder: Element,\n\t\tchartConfigs: ChartConfig<RadarChartOptions>,\n\t\textending = false\n\t) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// TODO - Optimize the use of \"extending\"\n\t\tif (extending) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.mergeDefaultChartOptions(\n\t\t\t\tConfiguration.options.radarChart,\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents: any[] = [\n\t\t\tnew Radar(this.model, this.services)\n\t\t];\n\n\t\t// get the base chart components and export with tooltip\n\t\tconst components: any[] = this.getChartComponents(graphFrameComponents);\n\t\treturn components;\n\t}\n}\n"]}
+{"version":3,"file":"radar.js","sourceRoot":"","sources":["radar.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAQjC,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD;IAAgC,8BAAK;IACpC,yCAAyC;IACzC,oBACC,MAAe,EACf,YAA4C,EAC5C,SAAiB;QAAjB,0BAAA,EAAA,iBAAiB;QAHlB,YAKC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAkB3B;QAhBA,yCAAyC;QACzC,IAAI,SAAS,EAAE;;SAEd;QAED,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,wBAAwB,CAC7B,aAAa,CAAC,OAAO,CAAC,UAAU,EAChC,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,kCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAU;YACnC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;SACpC,CAAC;QAEF,wDAAwD;QACxD,IAAM,UAAU,GAAU,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;QACxE,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,iBAAC;AAAD,CAAC,AArCD,CAAgC,KAAK,GAqCpC","sourcesContent":["// Internal Imports\nimport { Chart } from '../chart';\nimport * as Configuration from '../configuration';\nimport { ChartConfig, RadarChartOptions } from '../interfaces/index';\nimport { Tools } from '../tools';\n\n// Components\nimport {\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tLegend,\n\tLayoutComponent,\n} from '../components/index';\nimport { Radar } from '../components/graphs/radar';\n\nexport class RadarChart extends Chart {\n\t// TODO - Optimize the use of \"extending\"\n\tconstructor(\n\t\tholder: Element,\n\t\tchartConfigs: ChartConfig<RadarChartOptions>,\n\t\textending = false\n\t) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// TODO - Optimize the use of \"extending\"\n\t\tif (extending) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.mergeDefaultChartOptions(\n\t\t\t\tConfiguration.options.radarChart,\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents: any[] = [\n\t\t\tnew Radar(this.model, this.services),\n\t\t];\n\n\t\t// get the base chart components and export with tooltip\n\t\tconst components: any[] = this.getChartComponents(graphFrameComponents);\n\t\treturn components;\n\t}\n}\n"]}

package/charts/scatter.d.ts

@@ -1,5 +1,5 @@
-import { AxisChart } from "../axis-chart";
-import { ChartConfig, ScatterChartOptions } from "../interfaces/index";
+import { AxisChart } from '../axis-chart';
+import { ChartConfig, ScatterChartOptions } from '../interfaces/index';
 export declare class ScatterChart extends AxisChart {
     constructor(holder: Element, chartConfigs: ChartConfig<ScatterChartOptions>);
     getComponents(): any[];

package/charts/scatter.js

@@ -12,12 +12,12 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 // Internal Imports
-import { AxisChart } from "../axis-chart";
-import * as Configuration from "../configuration";
-import { Tools } from "../tools";
-import { Skeletons } from "../interfaces/enums";
+import { AxisChart } from '../axis-chart';
+import * as Configuration from '../configuration';
+import { Tools } from '../tools';
+import { Skeletons } from '../interfaces/enums';
 // Components
-import { Grid, Ruler, Scatter, TwoDimensionalAxes, Skeleton } from "../components/index";
+import { Grid, Ruler, Scatter, TwoDimensionalAxes, Skeleton, } from '../components/index';
 var ScatterChart = /** @class */ (function (_super) {
     __extends(ScatterChart, _super);
     function ScatterChart(holder, chartConfigs) {
@@ -37,8 +37,8 @@ var ScatterChart = /** @class */ (function (_super) {
             new Ruler(this.model, this.services),
             new Scatter(this.model, this.services),
             new Skeleton(this.model, this.services, {
-                skeleton: Skeletons.GRID
-            })
+                skeleton: Skeletons.GRID,
+            }),
         ];
         var components = this.getAxisChartComponents(graphFrameComponents);
         return components;

package/charts/scatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatter.js","sourceRoot":"","sources":["scatter.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,aAAa;AACb,OAAO,EACN,IAAI,EACJ,KAAK,EACL,OAAO,EACP,kBAAkB,EAKlB,QAAQ,EACR,MAAM,qBAAqB,CAAC;AAE7B;IAAkC,gCAAS;IAC1C,sBACC,MAAe,EACf,YAA8C;QAF/C,YAIC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAa3B;QAXA,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,wBAAwB,CAC7B,aAAa,CAAC,OAAO,CAAC,YAAY,EAClC,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,oCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAU;YACnC,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACjD,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACnC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACpC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACtC,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACvC,QAAQ,EAAE,SAAS,CAAC,IAAI;aACxB,CAAC;SACF,CAAC;QAEF,IAAM,UAAU,GAAU,IAAI,CAAC,sBAAsB,CACpD,oBAAoB,CACpB,CAAC;QACF,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,mBAAC;AAAD,CAAC,AArCD,CAAkC,SAAS,GAqC1C","sourcesContent":["// Internal Imports\nimport { AxisChart } from \"../axis-chart\";\nimport * as Configuration from \"../configuration\";\nimport { ChartConfig, ScatterChartOptions } from \"../interfaces/index\";\nimport { Tools } from \"../tools\";\nimport { Skeletons } from \"../interfaces/enums\";\n\n// Components\nimport {\n\tGrid,\n\tRuler,\n\tScatter,\n\tTwoDimensionalAxes,\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tTooltip,\n\tLegend,\n\tLayoutComponent,\n\tSkeleton\n} from \"../components/index\";\n\nexport class ScatterChart extends AxisChart {\n\tconstructor(\n\t\tholder: Element,\n\t\tchartConfigs: ChartConfig<ScatterChartOptions>\n\t) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.mergeDefaultChartOptions(\n\t\t\t\tConfiguration.options.scatterChart,\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents: any[] = [\n\t\t\tnew TwoDimensionalAxes(this.model, this.services),\n\t\t\tnew Grid(this.model, this.services),\n\t\t\tnew Ruler(this.model, this.services),\n\t\t\tnew Scatter(this.model, this.services),\n\t\t\tnew Skeleton(this.model, this.services, {\n\t\t\t\tskeleton: Skeletons.GRID\n\t\t\t})\n\t\t];\n\n\t\tconst components: any[] = this.getAxisChartComponents(\n\t\t\tgraphFrameComponents\n\t\t);\n\t\treturn components;\n\t}\n}\n"]}
+{"version":3,"file":"scatter.js","sourceRoot":"","sources":["scatter.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,aAAa;AACb,OAAO,EACN,IAAI,EACJ,KAAK,EACL,OAAO,EACP,kBAAkB,EAKlB,QAAQ,GACR,MAAM,qBAAqB,CAAC;AAE7B;IAAkC,gCAAS;IAC1C,sBACC,MAAe,EACf,YAA8C;QAF/C,YAIC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAa3B;QAXA,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,wBAAwB,CAC7B,aAAa,CAAC,OAAO,CAAC,YAAY,EAClC,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,oCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAU;YACnC,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACjD,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACnC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACpC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACtC,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACvC,QAAQ,EAAE,SAAS,CAAC,IAAI;aACxB,CAAC;SACF,CAAC;QAEF,IAAM,UAAU,GAAU,IAAI,CAAC,sBAAsB,CACpD,oBAAoB,CACpB,CAAC;QACF,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,mBAAC;AAAD,CAAC,AArCD,CAAkC,SAAS,GAqC1C","sourcesContent":["// Internal Imports\nimport { AxisChart } from '../axis-chart';\nimport * as Configuration from '../configuration';\nimport { ChartConfig, ScatterChartOptions } from '../interfaces/index';\nimport { Tools } from '../tools';\nimport { Skeletons } from '../interfaces/enums';\n\n// Components\nimport {\n\tGrid,\n\tRuler,\n\tScatter,\n\tTwoDimensionalAxes,\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tTooltip,\n\tLegend,\n\tLayoutComponent,\n\tSkeleton,\n} from '../components/index';\n\nexport class ScatterChart extends AxisChart {\n\tconstructor(\n\t\tholder: Element,\n\t\tchartConfigs: ChartConfig<ScatterChartOptions>\n\t) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.mergeDefaultChartOptions(\n\t\t\t\tConfiguration.options.scatterChart,\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents: any[] = [\n\t\t\tnew TwoDimensionalAxes(this.model, this.services),\n\t\t\tnew Grid(this.model, this.services),\n\t\t\tnew Ruler(this.model, this.services),\n\t\t\tnew Scatter(this.model, this.services),\n\t\t\tnew Skeleton(this.model, this.services, {\n\t\t\t\tskeleton: Skeletons.GRID,\n\t\t\t}),\n\t\t];\n\n\t\tconst components: any[] = this.getAxisChartComponents(\n\t\t\tgraphFrameComponents\n\t\t);\n\t\treturn components;\n\t}\n}\n"]}

package/charts/treemap.d.ts

@@ -1,5 +1,5 @@
-import { Chart } from "../chart";
-import { ChartConfig, TreemapChartOptions } from "../interfaces/index";
+import { Chart } from '../chart';
+import { ChartConfig, TreemapChartOptions } from '../interfaces/index';
 export declare class TreemapChart extends Chart {
     constructor(holder: Element, chartConfigs: ChartConfig<TreemapChartOptions>);
     getComponents(): any[];

package/charts/treemap.js

@@ -12,11 +12,11 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 // Internal Imports
-import { Chart } from "../chart";
-import * as Configuration from "../configuration";
-import { Tools } from "../tools";
+import { Chart } from '../chart';
+import * as Configuration from '../configuration';
+import { Tools } from '../tools';
 // Components
-import { Treemap } from "../components/index";
+import { Treemap, } from '../components/index';
 var TreemapChart = /** @class */ (function (_super) {
     __extends(TreemapChart, _super);
     function TreemapChart(holder, chartConfigs) {

package/charts/treemap.js.map

@@ -1 +1 @@
-{"version":3,"file":"treemap.js","sourceRoot":"","sources":["treemap.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,aAAa;AACb,OAAO,EACN,OAAO,EAKP,MAAM,qBAAqB,CAAC;AAE7B;IAAkC,gCAAK;IACtC,sBACC,MAAe,EACf,YAA8C;QAF/C,YAIC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAa3B;QAXA,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,wBAAwB,CAC7B,aAAa,CAAC,OAAO,CAAC,YAAY,EAClC,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,oCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEtE,wDAAwD;QACxD,IAAM,UAAU,GAAU,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;QACxE,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,mBAAC;AAAD,CAAC,AA5BD,CAAkC,KAAK,GA4BtC","sourcesContent":["// Internal Imports\nimport { Chart } from \"../chart\";\nimport { ChartConfig, TreemapChartOptions } from \"../interfaces/index\";\nimport * as Configuration from \"../configuration\";\nimport { Tools } from \"../tools\";\n\n// Components\nimport {\n\tTreemap,\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tLegend,\n\tLayoutComponent,\n\tSkeleton\n} from \"../components/index\";\n\nexport class TreemapChart extends Chart {\n\tconstructor(\n\t\tholder: Element,\n\t\tchartConfigs: ChartConfig<TreemapChartOptions>\n\t) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.mergeDefaultChartOptions(\n\t\t\t\tConfiguration.options.treemapChart,\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents = [new Treemap(this.model, this.services)];\n\n\t\t// get the base chart components and export with tooltip\n\t\tconst components: any[] = this.getChartComponents(graphFrameComponents);\n\t\treturn components;\n\t}\n}\n"]}
+{"version":3,"file":"treemap.js","sourceRoot":"","sources":["treemap.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,aAAa;AACb,OAAO,EACN,OAAO,GAKP,MAAM,qBAAqB,CAAC;AAE7B;IAAkC,gCAAK;IACtC,sBACC,MAAe,EACf,YAA8C;QAF/C,YAIC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAa3B;QAXA,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,wBAAwB,CAC7B,aAAa,CAAC,OAAO,CAAC,YAAY,EAClC,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,oCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEtE,wDAAwD;QACxD,IAAM,UAAU,GAAU,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;QACxE,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,mBAAC;AAAD,CAAC,AA5BD,CAAkC,KAAK,GA4BtC","sourcesContent":["// Internal Imports\nimport { Chart } from '../chart';\nimport { ChartConfig, TreemapChartOptions } from '../interfaces/index';\nimport * as Configuration from '../configuration';\nimport { Tools } from '../tools';\n\n// Components\nimport {\n\tTreemap,\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tLegend,\n\tLayoutComponent,\n\tSkeleton,\n} from '../components/index';\n\nexport class TreemapChart extends Chart {\n\tconstructor(\n\t\tholder: Element,\n\t\tchartConfigs: ChartConfig<TreemapChartOptions>\n\t) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.mergeDefaultChartOptions(\n\t\t\t\tConfiguration.options.treemapChart,\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents = [new Treemap(this.model, this.services)];\n\n\t\t// get the base chart components and export with tooltip\n\t\tconst components: any[] = this.getChartComponents(graphFrameComponents);\n\t\treturn components;\n\t}\n}\n"]}

package/components/axes/axis.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "../component";
-import { ScaleTypes } from "../../interfaces";
-import { ChartModel } from "../../model";
+import { Component } from '../component';
+import { ScaleTypes } from '../../interfaces';
+import { ChartModel } from '../../model';
 export declare class Axis extends Component {
     type: string;
     margins: any;

package/components/axes/axis.js

@@ -12,21 +12,21 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 // Internal Imports
-import { Component } from "../component";
-import { AxisPositions, Events, ScaleTypes, Roles, TruncationTypes } from "../../interfaces";
-import { Tools } from "../../tools";
-import { DOMUtils } from "../../services";
-import { TickRotations } from "../../interfaces/enums";
-import * as Configuration from "../../configuration";
-import { computeTimeIntervalName, formatTick, isTickPrimary } from "../../services/time-series";
+import { Component } from '../component';
+import { AxisPositions, Events, ScaleTypes, Roles, TruncationTypes, } from '../../interfaces';
+import { Tools } from '../../tools';
+import { DOMUtils } from '../../services';
+import { TickRotations } from '../../interfaces/enums';
+import * as Configuration from '../../configuration';
+import { computeTimeIntervalName, formatTick, isTickPrimary, } from '../../services/time-series';
 // D3 Imports
-import { select } from "d3-selection";
-import { axisBottom, axisLeft, axisRight, axisTop } from "d3-axis";
+import { select } from 'd3-selection';
+import { axisBottom, axisLeft, axisRight, axisTop } from 'd3-axis';
 var Axis = /** @class */ (function (_super) {
     __extends(Axis, _super);
     function Axis(model, services, configs) {
         var _this = _super.call(this, model, services, configs) || this;
-        _this.type = "axes";
+        _this.type = 'axes';
         if (configs) {
             _this.configs = configs;
         }
@@ -37,10 +37,10 @@ var Axis = /** @class */ (function (_super) {
         if (animate === void 0) { animate = true; }
         var axisPosition = this.configs.position;
         var options = this.getOptions();
-        var isAxisVisible = Tools.getProperty(options, "axes", axisPosition, "visible");
+        var isAxisVisible = Tools.getProperty(options, 'axes', axisPosition, 'visible');
         var svg = this.getContainerSVG();
         var _a = DOMUtils.getSVGElementSize(this.parent, {
-            useAttrs: true
+            useAttrs: true,
         }), width = _a.width, height = _a.height;
         // Add axis into the parent
         var container = DOMUtils.appendOrSelect(svg, "g.axis." + axisPosition);
@@ -82,53 +82,53 @@ var Axis = /** @class */ (function (_super) {
                 axisFunction = axisTop;
                 break;
         }
-        container.attr("aria-label", axisPosition + " axis");
+        container.attr('aria-label', axisPosition + " axis");
         var axisRefExists = !container.select("g.ticks").empty();
         var axisRef = DOMUtils.appendOrSelect(container, "g.ticks");
         if (!axisRefExists) {
-            axisRef.attr("role", Roles.GRAPHICS_OBJECT + " " + Roles.GROUP);
-            axisRef.attr("aria-label", axisPosition + " ticks");
+            axisRef.attr('role', Roles.GRAPHICS_OBJECT + " " + Roles.GROUP);
+            axisRef.attr('aria-label', axisPosition + " ticks");
         }
         // We draw the invisible axis because of the async nature of d3 transitions
         // To be able to tell the final width & height of the axis when initiaing the transition
         // The invisible axis is updated instantly and without a transition
         var invisibleAxisRef = DOMUtils.appendOrSelect(container, "g.ticks.invisible")
-            .style("opacity", "0")
-            .style("pointer-events", "none")
-            .attr("aria-hidden", true)
-            .attr("aria-label", "invisible " + axisPosition + " ticks");
-        var axisOptions = Tools.getProperty(options, "axes", axisPosition);
+            .style('opacity', '0')
+            .style('pointer-events', 'none')
+            .attr('aria-hidden', true)
+            .attr('aria-label', "invisible " + axisPosition + " ticks");
+        var axisOptions = Tools.getProperty(options, 'axes', axisPosition);
         var isTimeScaleType = this.scaleType === ScaleTypes.TIME ||
             axisOptions.scaleType === ScaleTypes.TIME;
         var isVerticalAxis = axisPosition === AxisPositions.LEFT ||
             axisPosition === AxisPositions.RIGHT;
         // if zoomDomain is available, scale type is time, and axis position isBOTTOM or TOP
         // update scale domain to zoomDomain.
-        var zoomDomain = this.model.get("zoomDomain");
+        var zoomDomain = this.model.get('zoomDomain');
         if (zoomDomain && isTimeScaleType && !isVerticalAxis) {
             scale.domain(zoomDomain);
         }
         if (!isAxisVisible) {
-            axisRef.attr("aria-hidden", true);
+            axisRef.attr('aria-hidden', true);
             return;
         }
-        var axisScaleType = Tools.getProperty(axisOptions, "scaleType");
-        var isDataLoading = Tools.getProperty(options, "data", "loading");
-        var numberOfTicksProvided = Tools.getProperty(axisOptions, "ticks", "number");
+        var axisScaleType = Tools.getProperty(axisOptions, 'scaleType');
+        var isDataLoading = Tools.getProperty(options, 'data', 'loading');
+        var numberOfTicksProvided = Tools.getProperty(axisOptions, 'ticks', 'number');
         // user can provide custom ticks to be displayed
         // ticks need to be in the domain of the axis data
-        var userProvidedTickValues = Tools.getProperty(axisOptions, "ticks", "values");
+        var userProvidedTickValues = Tools.getProperty(axisOptions, 'ticks', 'values');
         // get user provided custom values for truncation
-        var truncationType = Tools.getProperty(axisOptions, "truncation", "type");
-        var truncationThreshold = Tools.getProperty(axisOptions, "truncation", "threshold");
-        var truncationNumCharacter = Tools.getProperty(axisOptions, "truncation", "numCharacter");
+        var truncationType = Tools.getProperty(axisOptions, 'truncation', 'type');
+        var truncationThreshold = Tools.getProperty(axisOptions, 'truncation', 'threshold');
+        var truncationNumCharacter = Tools.getProperty(axisOptions, 'truncation', 'numCharacter');
         var isNumberOfTicksProvided = numberOfTicksProvided !== null;
-        var timeScaleOptions = Tools.getProperty(options, "timeScale");
+        var timeScaleOptions = Tools.getProperty(options, 'timeScale');
         // Append to DOM a fake tick to get the right computed font height
         var fakeTick = DOMUtils.appendOrSelect(invisibleAxisRef, "g.tick");
-        var fakeTickText = DOMUtils.appendOrSelect(fakeTick, "text").text("0");
+        var fakeTickText = DOMUtils.appendOrSelect(fakeTick, "text").text('0');
         var tickHeight = DOMUtils.getSVGElementSize(fakeTickText.node(), {
-            useBBox: true
+            useBBox: true,
         }).height;
         fakeTick.remove();
         var scaleType = this.scaleType || axisOptions.scaleType || ScaleTypes.LINEAR;
@@ -157,8 +157,8 @@ var Axis = /** @class */ (function (_super) {
                     axis.tickValues([]);
                 }
                 else {
-                    var addSpaceOnEdges = Tools.getProperty(options, "timeScale", "addSpaceOnEdges");
-                    var customDomain = Tools.getProperty(options, "axes", axisPosition, "domain");
+                    var addSpaceOnEdges = Tools.getProperty(options, 'timeScale', 'addSpaceOnEdges');
+                    var customDomain = Tools.getProperty(options, 'axes', axisPosition, 'domain');
                     var tickValues = void 0;
                     // scale.nice() will change scale domain which causes extra space near chart edge
                     // so use another scale instance to avoid impacts to original scale
@@ -181,7 +181,7 @@ var Axis = /** @class */ (function (_super) {
         }
         // create the right ticks formatter
         var formatter;
-        var userProvidedFormatter = Tools.getProperty(axisOptions, "ticks", "formatter");
+        var userProvidedFormatter = Tools.getProperty(axisOptions, 'ticks', 'formatter');
         if (isTimeScaleType) {
             var timeInterval_1 = computeTimeIntervalName(axis.tickValues());
             if (userProvidedFormatter === null) {
@@ -246,52 +246,52 @@ var Axis = /** @class */ (function (_super) {
         // Position and transition the axis
         switch (axisPosition) {
             case AxisPositions.LEFT:
-                axisRef.attr("transform", "translate(" + this.margins.left + ", 0)");
+                axisRef.attr('transform', "translate(" + this.margins.left + ", 0)");
                 break;
             case AxisPositions.BOTTOM:
-                axisRef.attr("transform", "translate(0, " + (height - this.margins.bottom) + ")");
+                axisRef.attr('transform', "translate(0, " + (height - this.margins.bottom) + ")");
                 break;
             case AxisPositions.RIGHT:
-                axisRef.attr("transform", "translate(" + (width - this.margins.right) + ", 0)");
+                axisRef.attr('transform', "translate(" + (width - this.margins.right) + ", 0)");
                 break;
             case AxisPositions.TOP:
-                axisRef.attr("transform", "translate(0, " + this.margins.top + ")");
+                axisRef.attr('transform', "translate(0, " + this.margins.top + ")");
                 break;
         }
         // Position the axis title
         // check that data exists, if they don't, doesn't show the title axis
         var isDataEmpty = this.model.isDataEmpty();
         if (axisOptions.title) {
-            var axisTitleRef = DOMUtils.appendOrSelect(container, "text.axis-title").html(isDataEmpty || isDataLoading ? "" : axisOptions.title);
+            var axisTitleRef = DOMUtils.appendOrSelect(container, "text.axis-title").html(isDataEmpty || isDataLoading ? '' : axisOptions.title);
             switch (axisPosition) {
                 case AxisPositions.LEFT:
                     axisTitleRef
-                        .attr("transform", "rotate(-90)")
-                        .attr("y", 0)
-                        .attr("x", -(scale.range()[0] / 2))
-                        .attr("dy", "1em")
-                        .style("text-anchor", "middle");
+                        .attr('transform', 'rotate(-90)')
+                        .attr('y', 0)
+                        .attr('x', -(scale.range()[0] / 2))
+                        .attr('dy', '1em')
+                        .style('text-anchor', 'middle');
                     break;
                 case AxisPositions.BOTTOM:
                     axisTitleRef
-                        .attr("transform", "translate(" + (this.margins.left / 2 + scale.range()[1] / 2) + ", " + height + ")")
-                        .style("text-anchor", "middle");
+                        .attr('transform', "translate(" + (this.margins.left / 2 + scale.range()[1] / 2) + ", " + height + ")")
+                        .style('text-anchor', 'middle');
                     break;
                 case AxisPositions.RIGHT:
                     axisTitleRef
-                        .attr("transform", "rotate(90)")
-                        .attr("y", -width)
-                        .attr("x", scale.range()[0] / 2)
-                        .attr("dy", "1em")
-                        .style("text-anchor", "middle");
+                        .attr('transform', 'rotate(90)')
+                        .attr('y', -width)
+                        .attr('x', scale.range()[0] / 2)
+                        .attr('dy', '1em')
+                        .style('text-anchor', 'middle');
                     break;
                 case AxisPositions.TOP:
                     var titleHeight = DOMUtils.getSVGElementSize(axisTitleRef, {
-                        useBBox: true
+                        useBBox: true,
                     }).height;
                     axisTitleRef
-                        .attr("transform", "translate(" + (this.margins.left / 2 + scale.range()[1] / 2) + ", " + titleHeight / 2 + ")")
-                        .style("text-anchor", "middle");
+                        .attr('transform', "translate(" + (this.margins.left / 2 + scale.range()[1] / 2) + ", " + titleHeight / 2 + ")")
+                        .style('text-anchor', 'middle');
                     break;
             }
         }
@@ -301,19 +301,19 @@ var Axis = /** @class */ (function (_super) {
             var showDayName_1 = timeScaleOptions.showDayName;
             var axisRefSelection = axisRef;
             if (animate) {
-                axisRef = axisRef.transition(this.services.transitions.getTransition("axis-update", animate));
+                axisRef = axisRef.transition(this.services.transitions.getTransition('axis-update', animate));
             }
             axisRef = axisRef.call(axis);
             // Manipulate tick labels to make bold those that are in long format
             var ticks = axisRefSelection
-                .selectAll(".tick")
+                .selectAll('.tick')
                 .data(axis.tickValues(), scale)
                 .order()
-                .select("text");
-            ticks.style("font-weight", function (tickValue, i) {
+                .select('text');
+            ticks.style('font-weight', function (tickValue, i) {
                 return isTickPrimary(tickValue, i, timeInterval_2, showDayName_1)
-                    ? "bold"
-                    : "normal";
+                    ? 'bold'
+                    : 'normal';
             });
         }
         else {
@@ -322,7 +322,7 @@ var Axis = /** @class */ (function (_super) {
             }
             else {
                 axisRef = axisRef
-                    .transition(this.services.transitions.getTransition("axis-update"))
+                    .transition(this.services.transitions.getTransition('axis-update'))
                     .call(axis);
             }
         }
@@ -331,7 +331,7 @@ var Axis = /** @class */ (function (_super) {
             axisPosition === AxisPositions.TOP) {
             var shouldRotateTicks = false;
             // user could decide if tick rotation is required during zoom domain changing
-            var tickRotation = Tools.getProperty(axisOptions, "ticks", "rotation");
+            var tickRotation = Tools.getProperty(axisOptions, 'ticks', 'rotation');
             if (tickRotation === TickRotations.ALWAYS) {
                 shouldRotateTicks = true;
             }
@@ -345,19 +345,19 @@ var Axis = /** @class */ (function (_super) {
                 // We're able to grab the spacing between the ticks
                 if (scale.step) {
                     var textNodes = invisibleAxisRef
-                        .selectAll("g.tick text")
+                        .selectAll('g.tick text')
                         .nodes();
                     // If any ticks are any larger than the scale step size
                     shouldRotateTicks = textNodes.some(function (textNode) {
                         return DOMUtils.getSVGElementSize(textNode, {
-                            useBBox: true
+                            useBBox: true,
                         }).width >= scale.step();
                     });
                 }
                 else {
                     // When dealing with a continuous scale
                     // We need to calculate an estimated size of the ticks
-                    var minTickSize = Tools.getProperty(axisOptions, "ticks", "rotateIfSmallerThan") || Configuration.axis.ticks.rotateIfSmallerThan;
+                    var minTickSize = Tools.getProperty(axisOptions, 'ticks', 'rotateIfSmallerThan') || Configuration.axis.ticks.rotateIfSmallerThan;
                     var ticksNumber = isTimeScaleType
                         ? axis.tickValues().length
                         : scale.ticks().length;
@@ -374,27 +374,27 @@ var Axis = /** @class */ (function (_super) {
                     axisRef.call(axis);
                 }
                 container
-                    .selectAll("g.ticks g.tick text")
-                    .attr("transform", "rotate(-45)")
-                    .style("text-anchor", axisPosition === AxisPositions.TOP ? "start" : "end");
+                    .selectAll('g.ticks g.tick text')
+                    .attr('transform', "rotate(-45)")
+                    .style('text-anchor', axisPosition === AxisPositions.TOP ? 'start' : 'end');
             }
             else {
                 container
-                    .selectAll("g.ticks g.tick text")
-                    .attr("transform", null)
-                    .style("text-anchor", null);
+                    .selectAll('g.ticks g.tick text')
+                    .attr('transform', null)
+                    .style('text-anchor', null);
             }
         }
         // we don't need to show axes on empty state and on skeleton state
         // because the Skeleton component draws them
         if (isDataLoading) {
-            container.attr("opacity", 0);
+            container.attr('opacity', 0);
         }
         else {
-            container.attr("opacity", 1);
+            container.attr('opacity', 1);
         }
-        axisRef.selectAll("g.tick").attr("aria-label", function (d) { return d; });
-        invisibleAxisRef.selectAll("g.tick").attr("aria-label", function (d) { return d; });
+        axisRef.selectAll('g.tick').attr('aria-label', function (d) { return d; });
+        invisibleAxisRef.selectAll('g.tick').attr('aria-label', function (d) { return d; });
         // truncate the label if it's too long
         // only applies to discrete type
         if (truncationType !== TruncationTypes.NONE &&
@@ -405,9 +405,9 @@ var Axis = /** @class */ (function (_super) {
                 var tick_html = svg
                     .select("g.axis." + axisPosition + " g.ticks g.tick")
                     .html();
-                container.selectAll("g.ticks g.tick").html(tick_html);
+                container.selectAll('g.ticks g.tick').html(tick_html);
                 container
-                    .selectAll("g.tick text")
+                    .selectAll('g.tick text')
                     .data(axisTickLabels)
                     .text(function (d) {
                     if (d.length > truncationThreshold) {
@@ -418,7 +418,7 @@ var Axis = /** @class */ (function (_super) {
                     }
                 });
                 this.getInvisibleAxisRef()
-                    .selectAll("g.tick text")
+                    .selectAll('g.tick text')
                     .data(axisTickLabels)
                     .text(function (d) {
                     if (d.length > truncationThreshold) {
@@ -429,9 +429,9 @@ var Axis = /** @class */ (function (_super) {
                     }
                 });
                 container
-                    .selectAll("g.ticks")
+                    .selectAll('g.ticks')
                     .html(this.getInvisibleAxisRef().html());
-                container.selectAll("g.tick text").data(axisTickLabels);
+                container.selectAll('g.tick text').data(axisTickLabels);
             }
         }
         // Add event listeners to elements drawn
@@ -442,51 +442,51 @@ var Axis = /** @class */ (function (_super) {
         var axisPosition = this.configs.position;
         var container = DOMUtils.appendOrSelect(svg, "g.axis." + axisPosition);
         var options = this.getOptions();
-        var axisOptions = Tools.getProperty(options, "axes", axisPosition);
-        var axisScaleType = Tools.getProperty(axisOptions, "scaleType");
-        var truncationThreshold = Tools.getProperty(axisOptions, "truncation", "threshold");
+        var axisOptions = Tools.getProperty(options, 'axes', axisPosition);
+        var axisScaleType = Tools.getProperty(axisOptions, 'scaleType');
+        var truncationThreshold = Tools.getProperty(axisOptions, 'truncation', 'threshold');
         var isTimeScaleType = this.scaleType === ScaleTypes.TIME ||
             axisOptions.scaleType === ScaleTypes.TIME;
         var self = this;
         container
-            .selectAll("g.tick text")
-            .on("mouseover", function (datum) {
+            .selectAll('g.tick text')
+            .on('mouseover', function (datum) {
             // Dispatch mouse event
             self.services.events.dispatchEvent(Events.Axis.LABEL_MOUSEOVER, {
                 element: select(this),
-                datum: datum
+                datum: datum,
             });
             if (axisScaleType === ScaleTypes.LABELS &&
                 datum.length > truncationThreshold) {
                 self.services.events.dispatchEvent(Events.Tooltip.SHOW, {
                     hoveredElement: select(this),
-                    content: datum
+                    content: datum,
                 });
             }
         })
-            .on("mousemove", function (datum) {
+            .on('mousemove', function (datum) {
             // Dispatch mouse event
             self.services.events.dispatchEvent(Events.Axis.LABEL_MOUSEMOVE, {
                 element: select(this),
-                datum: datum
+                datum: datum,
             });
             if (axisScaleType === ScaleTypes.LABELS &&
                 datum.length > truncationThreshold) {
                 self.services.events.dispatchEvent(Events.Tooltip.MOVE);
             }
         })
-            .on("click", function (datum) {
+            .on('click', function (datum) {
             // Dispatch mouse event
             self.services.events.dispatchEvent(Events.Axis.LABEL_CLICK, {
                 element: select(this),
-                datum: datum
+                datum: datum,
             });
         })
-            .on("mouseout", function (datum) {
+            .on('mouseout', function (datum) {
             // Dispatch mouse event
             self.services.events.dispatchEvent(Events.Axis.LABEL_MOUSEOUT, {
                 element: select(this),
-                datum: datum
+                datum: datum,
             });
             if (axisScaleType === ScaleTypes.LABELS) {
                 self.services.events.dispatchEvent(Events.Tooltip.HIDE);
@@ -511,10 +511,10 @@ var Axis = /** @class */ (function (_super) {
         var container = DOMUtils.appendOrSelect(svg, "g.axis." + axisPosition);
         // Remove event listeners
         container
-            .selectAll("g.tick text")
-            .on("mouseover", null)
-            .on("mousemove", null)
-            .on("mouseout", null);
+            .selectAll('g.tick text')
+            .on('mouseover', null)
+            .on('mousemove', null)
+            .on('mouseout', null);
     };
     return Axis;
 }(Component));