@covalent/echarts 0.0.1

package/fesm2020/covalent-echarts-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-echarts-tree.mjs","sources":["../../../../libs/angular-echarts/tree/src/tree.component.ts","../../../../libs/angular-echarts/tree/src/tree.module.ts","../../../../libs/angular-echarts/tree/src/covalent-echarts-tree.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  forwardRef,\n} from '@angular/core';\n\nimport {\n  TdChartOptionsService,\n  ITdItemStyle,\n  TdMarkPointSymbol,\n  ITdLabel,\n  ITdLineStyle,\n  ITdSeries,\n  TdSeriesDirective,\n  ITdEmphasis,\n  ITdShadow,\n} from '@covalent/echarts/base';\n\n/**\n * ECHART OPTION DOCS\n * https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree\n *\n */\n\n/**\n * LR - from left to right\n * RL - from right to left\n * TB - from top to bottom\n * BT - from bottom to top\n */\nexport type TdTreeOrient = 'LR' | 'RL' | 'TB' | 'BT';\n\nexport type TdTreeLayout = 'orthogonal' | 'radial';\n\nexport interface ITdTreeEmphasisLineStyle extends ITdShadow {\n  color?: any;\n  width?: number;\n  curveness?: number;\n}\n\nexport interface ITdTreeEmphasis extends ITdEmphasis {\n  lineStyle: ITdTreeEmphasisLineStyle;\n}\n\nexport interface ITdTreeLeaves {\n  label?: ITdLabel;\n  itemStyle?: ITdItemStyle;\n  emphasis?: ITdEmphasis;\n}\n\ninterface ITdTreeSeries extends ITdSeries {\n  zlevel?: number;\n  z?: number;\n  left?: string | number;\n  top?: string | number;\n  right?: string | number;\n  bottom?: string | number;\n  width?: string | number;\n  height?: string | number;\n  layout?: TdTreeLayout;\n  orient?: TdTreeOrient;\n  symbol?: TdMarkPointSymbol | string; // string added for custom SVG, URL or dataURI\n  symbolSize?: number;\n  symbolRotate?: number;\n  symbolKeepAspect?: boolean;\n  symbolOffset?: any[];\n  roam?: boolean | string;\n  expandAndCollapse?: boolean;\n  initialTreeDepth?: number;\n  itemStyle?: ITdItemStyle;\n  label?: ITdLabel;\n  lineStyle?: ITdLineStyle;\n  leaves?: ITdTreeLeaves;\n  emphasis?: ITdTreeEmphasis;\n  data?: any[];\n}\n\n@Component({\n  selector: 'td-chart-series[td-tree]',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: [\n    'config',\n    'id',\n    'name',\n    'color',\n    'data',\n\n    'animation',\n    'animationThreshold',\n    'animationDuration',\n    'animationEasing',\n    'animationDelay',\n    'animationDurationUpdate',\n    'animationEasingUpdate',\n    'animationDelayUpdate',\n    'tooltip',\n  ],\n  providers: [\n    {\n      provide: TdSeriesDirective,\n      useExisting: forwardRef(() => TdChartSeriesTreeComponent),\n    },\n  ],\n})\nexport class TdChartSeriesTreeComponent\n  extends TdSeriesDirective\n  implements ITdTreeSeries\n{\n  @Input() zlevel?: number;\n  @Input() z?: number;\n  @Input() left?: string | number;\n  @Input() top?: string | number;\n  @Input() right?: string | number;\n  @Input() bottom?: string | number;\n  @Input() width?: string | number;\n  @Input() height?: string | number;\n  @Input() layout?: TdTreeLayout;\n  @Input() orient?: TdTreeOrient;\n  @Input() symbol?: TdMarkPointSymbol | string; // string added for custom SVG, URL or dataURI\n  @Input() symbolSize?: number; // string added for custom SVG, URL or dataURI\n  @Input() symbolRotate?: number;\n  @Input() symbolKeepAspect?: boolean;\n  @Input() roam?: boolean | string;\n  @Input() expandAndCollapse?: boolean;\n  @Input() initialTreeDepth?: number;\n  @Input() itemStyle?: ITdItemStyle;\n  @Input() label?: ITdLabel;\n  @Input() lineStyle?: ITdLineStyle;\n  @Input() leaves?: ITdTreeLeaves;\n  @Input() emphasis?: ITdTreeEmphasis;\n\n  constructor(_optionsService: TdChartOptionsService) {\n    super('tree', _optionsService);\n  }\n\n  getConfig(): any {\n    return {\n      zlevel: this.zlevel,\n      z: this.z,\n      left: this.left,\n      top: this.top,\n      right: this.right,\n      bottom: this.bottom,\n      width: this.width,\n      height: this.height,\n      layout: this.layout,\n      orient: this.orient,\n      symbol: this.symbol,\n      symbolSize: this.symbolSize,\n      symbolRotate: this.symbolRotate,\n      symbolKeepAspect: this.symbolKeepAspect,\n      roam: this.roam,\n      expandAndCollapse: this.expandAndCollapse,\n      initialTreeDepth: this.initialTreeDepth,\n      itemStyle: this.itemStyle,\n      label: this.label,\n      lineStyle: this.lineStyle,\n      leaves: this.leaves,\n      emphasis: this.emphasis,\n    };\n  }\n}\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { TdChartSeriesTreeComponent } from './tree.component';\n\nexport const TREE_MODULE_COMPONENTS: Type<any>[] = [TdChartSeriesTreeComponent];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [TREE_MODULE_COMPONENTS],\n  exports: [TREE_MODULE_COMPONENTS],\n})\nexport class CovalentTreeEchartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/covalent-echarts-treemap.mjs

@@ -0,0 +1,174 @@
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@covalent/echarts/base';
+import { TdSeriesDirective } from '@covalent/echarts/base';
+
+class TdChartSeriesTreemapComponent extends TdSeriesDirective {
+    constructor(_optionsService) {
+        super('treemap', _optionsService);
+        this.config = {};
+    }
+    getConfig() {
+        return {
+            zlevel: this.zlevel,
+            z: this.z,
+            left: this.left,
+            top: this.top,
+            right: this.right,
+            bottom: this.bottom,
+            width: this.width,
+            height: this.height,
+            squareRatio: this.squareRatio,
+            leafDepth: this.leafDepth,
+            drillDownIcon: this.drillDownIcon,
+            roam: this.roam,
+            nodeClick: this.nodeClick,
+            zoomToNodeRatio: this.zoomToNodeRatio,
+            levels: this.levels,
+            silent: this.silent,
+            visualDimension: this.visualDimension,
+            visualMin: this.visualMin,
+            visualMax: this.visualMax,
+            colorAlpha: this.colorAlpha,
+            colorSaturation: this.colorSaturation,
+            colorMappingBy: this.colorMappingBy,
+            visibleMin: this.visibleMin,
+            childrenVisibleMin: this.childrenVisibleMin,
+            itemStyle: this.itemStyle,
+            label: this.label,
+            upperLabel: this.upperLabel,
+            breadcrumb: this.breadcrumb,
+            emphasis: this.emphasis,
+        };
+    }
+}
+TdChartSeriesTreemapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartSeriesTreemapComponent, deps: [{ token: i1.TdChartOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+TdChartSeriesTreemapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdChartSeriesTreemapComponent, selector: "td-chart-series[td-treemap]", inputs: { config: "config", id: "id", name: "name", color: "color", data: "data", animation: "animation", animationThreshold: "animationThreshold", animationDuration: "animationDuration", animationEasing: "animationEasing", animationDelay: "animationDelay", animationDurationUpdate: "animationDurationUpdate", animationEasingUpdate: "animationEasingUpdate", animationDelayUpdate: "animationDelayUpdate", tooltip: "tooltip", zlevel: "zlevel", z: "z", left: "left", top: "top", right: "right", bottom: "bottom", width: "width", height: "height", squareRatio: "squareRatio", leafDepth: "leafDepth", drillDownIcon: "drillDownIcon", roam: "roam", nodeClick: "nodeClick", zoomToNodeRatio: "zoomToNodeRatio", levels: "levels", silent: "silent", visualDimension: "visualDimension", visualMin: "visualMin", visualMax: "visualMax", colorAlpha: "colorAlpha", colorSaturation: "colorSaturation", colorMappingBy: "colorMappingBy", visibleMin: "visibleMin", childrenVisibleMin: "childrenVisibleMin", itemStyle: "itemStyle", label: "label", upperLabel: "upperLabel", breadcrumb: "breadcrumb", emphasis: "emphasis" }, providers: [
+        {
+            provide: TdSeriesDirective,
+            useExisting: forwardRef(() => TdChartSeriesTreemapComponent),
+        },
+    ], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartSeriesTreemapComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'td-chart-series[td-treemap]',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: [
+                        'config',
+                        'id',
+                        'name',
+                        'color',
+                        'data',
+                        'animation',
+                        'animationThreshold',
+                        'animationDuration',
+                        'animationEasing',
+                        'animationDelay',
+                        'animationDurationUpdate',
+                        'animationEasingUpdate',
+                        'animationDelayUpdate',
+                        'tooltip',
+                    ],
+                    providers: [
+                        {
+                            provide: TdSeriesDirective,
+                            useExisting: forwardRef(() => TdChartSeriesTreemapComponent),
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TdChartOptionsService }]; }, propDecorators: { config: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], zlevel: [{
+                type: Input
+            }], z: [{
+                type: Input
+            }], left: [{
+                type: Input
+            }], top: [{
+                type: Input
+            }], right: [{
+                type: Input
+            }], bottom: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], squareRatio: [{
+                type: Input
+            }], leafDepth: [{
+                type: Input
+            }], drillDownIcon: [{
+                type: Input
+            }], roam: [{
+                type: Input
+            }], nodeClick: [{
+                type: Input
+            }], zoomToNodeRatio: [{
+                type: Input
+            }], levels: [{
+                type: Input
+            }], silent: [{
+                type: Input
+            }], visualDimension: [{
+                type: Input
+            }], visualMin: [{
+                type: Input
+            }], visualMax: [{
+                type: Input
+            }], colorAlpha: [{
+                type: Input
+            }], colorSaturation: [{
+                type: Input
+            }], colorMappingBy: [{
+                type: Input
+            }], visibleMin: [{
+                type: Input
+            }], childrenVisibleMin: [{
+                type: Input
+            }], itemStyle: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], upperLabel: [{
+                type: Input
+            }], breadcrumb: [{
+                type: Input
+            }], emphasis: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }] } });
+
+const TREEMAP_MODULE_COMPONENTS = [
+    TdChartSeriesTreemapComponent,
+];
+class CovalentTreemapEchartsModule {
+}
+CovalentTreemapEchartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentTreemapEchartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentTreemapEchartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentTreemapEchartsModule, declarations: [TdChartSeriesTreemapComponent], imports: [CommonModule], exports: [TdChartSeriesTreemapComponent] });
+CovalentTreemapEchartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentTreemapEchartsModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentTreemapEchartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [TREEMAP_MODULE_COMPONENTS],
+                    exports: [TREEMAP_MODULE_COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentTreemapEchartsModule, TREEMAP_MODULE_COMPONENTS, TdChartSeriesTreemapComponent };
+//# sourceMappingURL=covalent-echarts-treemap.mjs.map

package/fesm2020/covalent-echarts-treemap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-echarts-treemap.mjs","sources":["../../../../libs/angular-echarts/treemap/src/treemap.component.ts","../../../../libs/angular-echarts/treemap/src/treemap.module.ts","../../../../libs/angular-echarts/treemap/src/covalent-echarts-treemap.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  forwardRef,\n} from '@angular/core';\n\nimport {\n  TdChartOptionsService,\n  ITdItemStyle,\n  ITdSeriesTooltip,\n  ITdLabel,\n  ITdSeries,\n  TdSeriesDirective,\n  ITdEmphasis,\n  ITdShadow,\n} from '@covalent/echarts/base';\n\n/**\n * ECHART OPTION DOCS\n * https://ecomfe.github.io/echarts-examples/public/index.html#chart-type-treemap\n *\n */\n\nexport interface ITdTreemapEmphasisLineStyle extends ITdShadow {\n  color?: any;\n  width?: number;\n  curveness?: number;\n}\n\nexport interface ITdTreemapEmphasis extends ITdEmphasis {\n  lineStyle: ITdTreemapEmphasisLineStyle;\n}\n\nexport interface ITdTreemapUpperLabel {\n  show?: boolean;\n  position?: string | any[];\n  distance?: string | number;\n  rotate?: string | number;\n  offset?: any[];\n  formatter?: string;\n  color?: any;\n  fontStyle?: string;\n  fontWeight?: string;\n  fontFamily?: string;\n  fontSize?: string | number;\n  align?: string;\n  verticalAlign?: string;\n  lineHeight?: string | number;\n  backgroundColor?: any;\n  borderColor?: string;\n  borderWidth?: string | number;\n  borderRadius?: string | number;\n  padding?: number | any[];\n  shadowColor?: string;\n  shadowBlur?: string | number;\n  shadowOffsetX?: string | number;\n  shadowOffsetY?: string | number;\n  width?: string | number;\n  height?: string | number;\n  textBorderColor?: string;\n  textBorderWidth?: string | number;\n  textShadowColor?: string;\n  textShadowBlur?: string | number;\n  textShadowOffsetX?: string | number;\n  textShadowOffsetY?: string | number;\n  rich?: any;\n  ellipsis?: any;\n}\n\nexport interface ITdTreemapBreadcrumb {\n  show?: boolean;\n  left?: string | number;\n  top?: string | number;\n  right?: string | number;\n  bottom?: string | number;\n  height?: string | number;\n  emptyItemWidth?: string | number;\n  itemStyle?: ITdItemStyle;\n  emphasis?: ITdTreemapEmphasis;\n}\n\ninterface ITdTreemapSeries extends ITdSeries {\n  zlevel?: number;\n  z?: number;\n  left?: string | number;\n  top?: string | number;\n  right?: string | number;\n  bottom?: string | number;\n  width?: string | number;\n  height?: string | number;\n  squareRatio?: string | number;\n  leafDepth?: string | number;\n  drillDownIcon?: string;\n  roam?: boolean | string;\n  nodeClick?: boolean | string;\n  zoomToNodeRatio?: string | number;\n  levels?: any[];\n  silent?: boolean;\n  visualDimension?: string | number;\n  visualMin?: string | number;\n  visualMax?: string | number;\n  colorAlpha?: any[];\n  colorSaturation?: string | number;\n  colorMappingBy?: string;\n  visibleMin?: string | number;\n  childrenVisibleMin?: string | number;\n  itemStyle?: ITdItemStyle;\n  label?: ITdLabel;\n  upperLabel?: ITdTreemapUpperLabel;\n  breadcrumb?: ITdTreemapBreadcrumb;\n  emphasis?: ITdTreemapEmphasis;\n  data?: any[];\n}\n\n@Component({\n  selector: 'td-chart-series[td-treemap]',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: [\n    'config',\n    'id',\n    'name',\n    'color',\n    'data',\n\n    'animation',\n    'animationThreshold',\n    'animationDuration',\n    'animationEasing',\n    'animationDelay',\n    'animationDurationUpdate',\n    'animationEasingUpdate',\n    'animationDelayUpdate',\n    'tooltip',\n  ],\n  providers: [\n    {\n      provide: TdSeriesDirective,\n      useExisting: forwardRef(() => TdChartSeriesTreemapComponent),\n    },\n  ],\n})\nexport class TdChartSeriesTreemapComponent\n  extends TdSeriesDirective\n  implements ITdTreemapSeries\n{\n  @Input() override config?: any = {};\n  @Input() override id?: string;\n  @Input() override name?: string;\n  @Input() override data?: any;\n  @Input() zlevel?: number;\n  @Input() z?: number;\n  @Input() left?: string | number;\n  @Input() top?: string | number;\n  @Input() right?: string | number;\n  @Input() bottom?: string | number;\n  @Input() width?: string | number;\n  @Input() height?: string | number;\n  @Input() squareRatio?: string | number;\n  @Input() leafDepth?: string | number;\n  @Input() drillDownIcon?: string;\n  @Input() roam?: boolean | string;\n  @Input() nodeClick?: boolean | string;\n  @Input() zoomToNodeRatio?: string | number;\n  @Input() levels?: any[];\n  @Input() silent?: boolean;\n  @Input() visualDimension?: string | number;\n  @Input() visualMin?: string | number;\n  @Input() visualMax?: string | number;\n  @Input() colorAlpha?: any[];\n  @Input() colorSaturation?: string | number;\n  @Input() colorMappingBy?: string;\n  @Input() visibleMin?: string | number;\n  @Input() childrenVisibleMin?: string | number;\n  @Input() itemStyle?: ITdItemStyle;\n  @Input() label?: ITdLabel;\n  @Input() upperLabel?: ITdTreemapUpperLabel;\n  @Input() breadcrumb?: ITdTreemapBreadcrumb;\n  @Input() emphasis?: ITdTreemapEmphasis;\n  @Input() override tooltip?: ITdSeriesTooltip;\n\n  constructor(_optionsService: TdChartOptionsService) {\n    super('treemap', _optionsService);\n  }\n\n  getConfig(): any {\n    return {\n      zlevel: this.zlevel,\n      z: this.z,\n      left: this.left,\n      top: this.top,\n      right: this.right,\n      bottom: this.bottom,\n      width: this.width,\n      height: this.height,\n      squareRatio: this.squareRatio,\n      leafDepth: this.leafDepth,\n      drillDownIcon: this.drillDownIcon,\n      roam: this.roam,\n      nodeClick: this.nodeClick,\n      zoomToNodeRatio: this.zoomToNodeRatio,\n      levels: this.levels,\n      silent: this.silent,\n      visualDimension: this.visualDimension,\n      visualMin: this.visualMin,\n      visualMax: this.visualMax,\n      colorAlpha: this.colorAlpha,\n      colorSaturation: this.colorSaturation,\n      colorMappingBy: this.colorMappingBy,\n      visibleMin: this.visibleMin,\n      childrenVisibleMin: this.childrenVisibleMin,\n      itemStyle: this.itemStyle,\n      label: this.label,\n      upperLabel: this.upperLabel,\n      breadcrumb: this.breadcrumb,\n      emphasis: this.emphasis,\n    };\n  }\n}\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { TdChartSeriesTreemapComponent } from './treemap.component';\n\nexport const TREEMAP_MODULE_COMPONENTS: Type<any>[] = [\n  TdChartSeriesTreemapComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [TREEMAP_MODULE_COMPONENTS],\n  exports: [TREEMAP_MODULE_COMPONENTS],\n})\nexport class CovalentTreemapEchartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/covalent-echarts-wordcloud.mjs

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@covalent/echarts/base';
+import { TdSeriesDirective } from '@covalent/echarts/base';
+
+class TdChartSeriesWordcloudComponent extends TdSeriesDirective {
+    constructor(_optionsService) {
+        super('wordCloud', _optionsService);
+    }
+    getConfig() {
+        return {
+            shape: this.shape,
+            left: this.left,
+            top: this.top,
+            width: this.width,
+            height: this.height,
+            right: this.right,
+            bottom: this.bottom,
+            sizeRange: this.sizeRange,
+            rotationRange: this.rotationRange,
+            rotationStep: this.rotationStep,
+            gridSize: this.gridSize,
+            drawOutOfBound: this.drawOutOfBound,
+            textStyle: this.textStyle,
+        };
+    }
+}
+TdChartSeriesWordcloudComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartSeriesWordcloudComponent, deps: [{ token: i1.TdChartOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+TdChartSeriesWordcloudComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdChartSeriesWordcloudComponent, selector: "td-chart-series[td-wordCloud]", inputs: { config: "config", id: "id", name: "name", color: "color", data: "data", animation: "animation", animationThreshold: "animationThreshold", animationDuration: "animationDuration", animationEasing: "animationEasing", animationDelay: "animationDelay", animationDurationUpdate: "animationDurationUpdate", animationEasingUpdate: "animationEasingUpdate", animationDelayUpdate: "animationDelayUpdate", tooltip: "tooltip", shape: "shape", left: "left", top: "top", width: "width", height: "height", right: "right", bottom: "bottom", sizeRange: "sizeRange", rotationRange: "rotationRange", rotationStep: "rotationStep", gridSize: "gridSize", drawOutOfBound: "drawOutOfBound", textStyle: "textStyle" }, providers: [
+        {
+            provide: TdSeriesDirective,
+            useExisting: forwardRef(() => TdChartSeriesWordcloudComponent),
+        },
+    ], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartSeriesWordcloudComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'td-chart-series[td-wordCloud]',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: [
+                        'config',
+                        'id',
+                        'name',
+                        'color',
+                        'data',
+                        'animation',
+                        'animationThreshold',
+                        'animationDuration',
+                        'animationEasing',
+                        'animationDelay',
+                        'animationDurationUpdate',
+                        'animationEasingUpdate',
+                        'animationDelayUpdate',
+                        'tooltip',
+                    ],
+                    providers: [
+                        {
+                            provide: TdSeriesDirective,
+                            useExisting: forwardRef(() => TdChartSeriesWordcloudComponent),
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TdChartOptionsService }]; }, propDecorators: { data: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], left: [{
+                type: Input
+            }], top: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], right: [{
+                type: Input
+            }], bottom: [{
+                type: Input
+            }], sizeRange: [{
+                type: Input
+            }], rotationRange: [{
+                type: Input
+            }], rotationStep: [{
+                type: Input
+            }], gridSize: [{
+                type: Input
+            }], drawOutOfBound: [{
+                type: Input
+            }], textStyle: [{
+                type: Input
+            }] } });
+
+const WORDCLOUD_MODULE_COMPONENTS = [
+    TdChartSeriesWordcloudComponent,
+];
+class CovalentWordcloudEchartsModule {
+}
+CovalentWordcloudEchartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentWordcloudEchartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentWordcloudEchartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentWordcloudEchartsModule, declarations: [TdChartSeriesWordcloudComponent], imports: [CommonModule], exports: [TdChartSeriesWordcloudComponent] });
+CovalentWordcloudEchartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentWordcloudEchartsModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentWordcloudEchartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [WORDCLOUD_MODULE_COMPONENTS],
+                    exports: [WORDCLOUD_MODULE_COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentWordcloudEchartsModule, TdChartSeriesWordcloudComponent, WORDCLOUD_MODULE_COMPONENTS };
+//# sourceMappingURL=covalent-echarts-wordcloud.mjs.map

package/fesm2020/covalent-echarts-wordcloud.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-echarts-wordcloud.mjs","sources":["../../../../libs/angular-echarts/wordcloud/src/wordcloud.component.ts","../../../../libs/angular-echarts/wordcloud/src/wordcloud.module.ts","../../../../libs/angular-echarts/wordcloud/src/covalent-echarts-wordcloud.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  forwardRef,\n} from '@angular/core';\n\nimport {\n  TdChartOptionsService,\n  ITdSeries,\n  TdSeriesDirective,\n} from '@covalent/echarts/base';\n\nexport type TdWordcloudShape =\n  | 'circle'\n  | 'cardioid'\n  | 'diamond'\n  | 'triangle-forward'\n  | 'triangle'\n  | 'pentagon'\n  | 'star';\n\nexport interface ITdWordcloudTextStyle {\n  normal?: {\n    fontFamily?: string;\n    fontWeight?: string;\n    color?: string | ((x: any) => string);\n  };\n  emphasis?: {\n    shadowBlur?: number;\n    shadowColor?: string;\n  };\n}\n\nexport interface ITdWordCloudData {\n  name: string;\n  value: number;\n  textStyle?: ITdWordcloudTextStyle;\n}\n\nexport interface ITdWordcloudSeries extends ITdSeries {\n  data?: ITdWordCloudData[];\n  shape?: TdWordcloudShape;\n  left?: string | number;\n  top?: string | number;\n  width?: string | number;\n  height?: string | number;\n  right?: string | number;\n  bottom?: string | number;\n  sizeRange?: number[];\n  rotationRange?: number[];\n  rotationStep?: number;\n  gridSize?: number;\n  drawOutOfBound?: boolean;\n  textStyle?: ITdWordcloudTextStyle;\n}\n\n@Component({\n  selector: 'td-chart-series[td-wordCloud]',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: [\n    'config',\n    'id',\n    'name',\n    'color',\n    'data',\n\n    'animation',\n    'animationThreshold',\n    'animationDuration',\n    'animationEasing',\n    'animationDelay',\n    'animationDurationUpdate',\n    'animationEasingUpdate',\n    'animationDelayUpdate',\n    'tooltip',\n  ],\n  providers: [\n    {\n      provide: TdSeriesDirective,\n      useExisting: forwardRef(() => TdChartSeriesWordcloudComponent),\n    },\n  ],\n})\nexport class TdChartSeriesWordcloudComponent\n  extends TdSeriesDirective\n  implements ITdWordcloudSeries\n{\n  @Input() override data?: ITdWordCloudData[];\n  @Input() shape?: TdWordcloudShape;\n  @Input() left?: string | number;\n  @Input() top?: string | number;\n  @Input() width?: string | number;\n  @Input() height?: string | number;\n  @Input() right?: string | number;\n  @Input() bottom?: string | number;\n  @Input() sizeRange?: number[];\n  @Input() rotationRange?: number[];\n  @Input() rotationStep?: number;\n  @Input() gridSize?: number;\n  @Input() drawOutOfBound?: boolean;\n  @Input() textStyle?: ITdWordcloudTextStyle;\n\n  constructor(_optionsService: TdChartOptionsService) {\n    super('wordCloud', _optionsService);\n  }\n\n  getConfig(): any {\n    return {\n      shape: this.shape,\n      left: this.left,\n      top: this.top,\n      width: this.width,\n      height: this.height,\n      right: this.right,\n      bottom: this.bottom,\n      sizeRange: this.sizeRange,\n      rotationRange: this.rotationRange,\n      rotationStep: this.rotationStep,\n      gridSize: this.gridSize,\n      drawOutOfBound: this.drawOutOfBound,\n      textStyle: this.textStyle,\n    };\n  }\n}\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { TdChartSeriesWordcloudComponent } from './wordcloud.component';\n\nexport const WORDCLOUD_MODULE_COMPONENTS: Type<any>[] = [\n  TdChartSeriesWordcloudComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [WORDCLOUD_MODULE_COMPONENTS],\n  exports: [WORDCLOUD_MODULE_COMPONENTS],\n})\nexport class CovalentWordcloudEchartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAqFa,+BACX,SAAQ,iBAAiB;IAkBzB,YAAY,eAAsC;QAChD,KAAK,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;KACrC;IAED,SAAS;QACP,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;KACH;;4HAvCU,+BAA+B;gHAA/B,+BAA+B,svBAP/B;QACT;YACE,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EAAE,UAAU,CAAC,MAAM,+BAA+B,CAAC;SAC/D;KACF,iDAxBS,EAAE;2FA0BD,+BAA+B;kBA5B3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,+BAA+B;oBACzC,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,MAAM,EAAE;wBACN,QAAQ;wBACR,IAAI;wBACJ,MAAM;wBACN,OAAO;wBACP,MAAM;wBAEN,WAAW;wBACX,oBAAoB;wBACpB,mBAAmB;wBACnB,iBAAiB;wBACjB,gBAAgB;wBAChB,yBAAyB;wBACzB,uBAAuB;wBACvB,sBAAsB;wBACtB,SAAS;qBACV;oBACD,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,qCAAqC,CAAC;yBAC/D;qBACF;iBACF;4GAKmB,IAAI;sBAArB,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,IAAI;sBAAZ,KAAK;gBACG,GAAG;sBAAX,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,MAAM;sBAAd,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,MAAM;sBAAd,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,aAAa;sBAArB,KAAK;gBACG,YAAY;sBAApB,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,cAAc;sBAAtB,KAAK;gBACG,SAAS;sBAAjB,KAAK;;;MCjGK,2BAA2B,GAAgB;IACtD,+BAA+B;EAC/B;MAOW,8BAA8B;;2HAA9B,8BAA8B;4HAA9B,8BAA8B,iBARzC,+BAA+B,aAIrB,YAAY,aAJtB,+BAA+B;4HAQpB,8BAA8B,YAJhC,CAAC,YAAY,CAAC;2FAIZ,8BAA8B;kBAL1C,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,2BAA2B,CAAC;iBACvC;;;ACbD;;;;;;"}

package/fesm2020/covalent-echarts.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=covalent-echarts.mjs.map

package/fesm2020/covalent-echarts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-echarts.mjs","sources":["../../../../libs/angular-echarts/src/covalent-echarts.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"AAAA;;"}

package/graph/README.md

@@ -0,0 +1,90 @@
+# td-chart-series[td-graph]
+
+`td-chart-series[td-graph]` element generates a graph series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="graph"` in echarts.
+
+## API Summary
+
+#### Inputs
+
+- config?: any
+  - Sets the JS config object if you choose to not use the property inputs.
+  - Note: [config] input properties will override input values
+
+There are also lots of property inputs like:
+
+- id?: string
+  - It can be used to refer the component in option or API.
+- name?: string
+  - Series name used for displaying in tooltip and filtering with legend.
+- color?: any
+  - Global color for the series.
+- nodes?: any[] // or data?: any[]
+  - Data array of series.
+- links?: any[] // or edges?: any[]
+  - The links between nodes.
+
+And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-graph)
+
+## Setup
+
+Import the [CovalentGraphEchartsModule] in your NgModule:
+
+```typescript
+import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
+import { CovalentGraphEchartsModule } from '@covalent/echarts/graph';
+@NgModule({
+  imports: [
+    CovalentBaseEchartsModule,
+    CovalentGraphEchartsModule,
+    ...
+  ],
+  ...
+})
+export class MyModule {}
+```
+
+## Usage
+
+Basic Example:
+
+```html
+<td-chart>
+  <td-chart-series
+    td-graph
+    [data]="[{ x: -739.36383, y: -404.26147, id: 'jquery', name: 'jquery',
+                    symbolSize: 40.7252817, itemStyle: { normal: { color: '#4f19c7' } } },
+                  { x: -134.2215, y: -862.7517, id: 'backbone', name: 'backbone',
+                    symbolSize: 60.1554675, itemStyle: { normal: { color: '#c71969' } } },
+                  { x: -818.97516, y: 624.50604, id: 'angular', name: 'angular',
+                    symbolSize: 60.7816025, itemStyle: { normal: { color: '#c71969' } } },
+                  { x: -710.59204, y: 120.37976, id: 'socket.io', name: 'socket.io',
+                    symbolSize: 19.818306, itemStyle: { normal: { color: '#c71919' } } },
+                  { x: -127.03764, y: 477.03778, id: 'underscore', name: 'underscore',
+                    symbolSize: 40.0429485, itemStyle: { normal: { color: '#c76919' } } },
+                  { x: -338.03128, y: -404.62427, id: 'vue.js', name: 'vue.js',
+                    symbolSize: 80.163814, itemStyle: { normal: { color: '#8419c7' } } },
+                  { x: 118.30771, y: -380.16626, id: 'lodash', name: 'lodash',
+                    symbolSize: 18.935852, itemStyle: { normal: { color: '#c76919' } } },
+                  { x: 381.10724, y: -531.28235, id: 'dateformat', name: 'dateformat',
+                    symbolSize: 30.3863845, itemStyle: { normal: { color: '#c71969' } } },
+                  { x: -644.2716, y: -230.14833, id: 'express', name: 'express',
+                    symbolSize: 49.608772, itemStyle: { normal: { color: '#c71919' } } }]"
+    [edges]="[{ source: 'jquery', target: 'backbone' },
+                            { source: 'jquery', target: 'vue.js' },
+                            { source: 'jquery', target: 'lodash' },
+                            { source: 'jquery', target: 'dateformat' },
+                            { source: 'backbone', target: 'underscore' },
+                            { source: 'faye', target: 'cookiejar' },
+                            { source: 'socket.io', target: 'express' },
+                            { source: 'socket.io', target: 'faye' },
+                            { source: 'vue.js', target: 'underscore' },
+                            { source: 'vue.js', target: 'dateformat' },
+                            { source: 'express', target: 'socket.io' },
+                            { source: 'express', target: 'dateformat' }]"
+    [roam]="true"
+    [focusNodeAdjacency]="true"
+    [label]="{ emphasis: { position: 'right', show: true } }"
+  >
+  </td-chart-series>
+</td-chart>
+```

package/graph/covalent-echarts-graph.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@covalent/echarts/graph" />
+export * from './public_api';

package/graph/graph.component.d.ts

@@ -0,0 +1,129 @@
+import { TdChartOptionsService, TdCoordinateSystem, ITdItemStyle, ITdEmphasis, ITdMarkPoint, ITdMarkLine, ITdMarkArea, ITdSeries, ITdLabel, TdSeriesDirective, TdMarkPointSymbol, ITdLineStyle, ITdEdgeLabel } from '@covalent/echarts/base';
+import * as i0 from "@angular/core";
+export interface ITdCategories {
+    name?: string;
+    symbol?: TdMarkPointSymbol | string;
+    symbolSize?: number | any[];
+    symbolRotate?: number;
+    symbolKeepAspect?: boolean;
+    symbolOffset: any[];
+    itemStyle: ITdItemStyle;
+    label: ITdLabel;
+    emphasis: ITdEmphasis;
+}
+export interface ITdGraphForce {
+    initLayout?: string;
+    repulsion?: any | number;
+    gravity?: number;
+    edgeLength?: any | number;
+    layoutAnimation?: boolean;
+}
+export declare type TdGraphLayout = 'none' | 'circular' | 'force';
+export interface ITdGraphSeries extends ITdSeries {
+    legendHoverLink?: boolean;
+    coordinateSystem?: TdCoordinateSystem;
+    xAxisIndex?: number;
+    yAxisIndex?: number;
+    polarIndex?: number;
+    calendarIndex?: number;
+    geoIndex?: number;
+    hoverAnimation?: boolean;
+    circular?: object;
+    force?: ITdGraphForce;
+    layout?: TdGraphLayout;
+    nodeScaleRatio?: boolean;
+    draggable?: boolean;
+    symbol?: TdMarkPointSymbol | string;
+    symbolSize?: number | any[] | Function;
+    symbolRotate?: number;
+    symbolKeepAspect?: boolean;
+    symbolOffset?: any[];
+    focusNodeAdjacency?: boolean;
+    edgeSymbol?: any[] | string;
+    edgeSymbolSize?: number;
+    cursor?: string;
+    roam?: boolean;
+    expandAndCollapse?: boolean;
+    initialTreeDepth?: number;
+    itemStyle?: ITdItemStyle;
+    lineStyle?: ITdLineStyle;
+    label?: ITdLabel;
+    edgeLabel?: ITdEdgeLabel;
+    emphasis?: ITdEmphasis;
+    categories?: ITdCategories;
+    data?: any[];
+    nodes?: any[];
+    links?: any[];
+    edges?: any[];
+    markPoint?: ITdMarkPoint;
+    markLine?: ITdMarkLine;
+    markArea?: ITdMarkArea;
+    zlevel?: number;
+    z?: number;
+    silent?: boolean;
+    left?: string | number;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    width?: string | number;
+    height?: string | number;
+    animation?: boolean;
+    animationThreshold?: number;
+    animationDuration?: number | Function;
+    animationEasing?: string;
+    animationDelay?: number | Function;
+    animationDurationUpdate?: number | Function;
+    animationEasingUpdate?: string;
+    animationDelayUpdate?: number | Function;
+}
+export declare class TdChartSeriesGraphComponent extends TdSeriesDirective implements ITdGraphSeries {
+    legendHoverLink?: boolean;
+    coordinateSystem?: TdCoordinateSystem;
+    xAxisIndex?: number;
+    yAxisIndex?: number;
+    polarIndex?: number;
+    calendarIndex?: number;
+    geoIndex?: number;
+    hoverAnimation?: boolean;
+    circular?: object;
+    force?: ITdGraphForce;
+    layout?: TdGraphLayout;
+    nodeScaleRatio?: boolean;
+    draggable?: boolean;
+    symbol?: TdMarkPointSymbol | string;
+    symbolSize?: number | any[] | Function;
+    symbolRotate?: number;
+    symbolKeepAspect?: boolean;
+    symbolOffset?: any[];
+    focusNodeAdjacency?: boolean;
+    edgeSymbol?: any[] | string;
+    edgeSymbolSize?: number;
+    cursor?: string;
+    roam?: boolean;
+    initialTreeDepth?: number;
+    itemStyle?: ITdItemStyle;
+    lineStyle?: ITdLineStyle;
+    label?: ITdLabel;
+    edgeLabel?: ITdEdgeLabel;
+    emphasis?: ITdEmphasis;
+    categories?: ITdCategories;
+    nodes?: any[];
+    links?: any[];
+    edges?: any[];
+    markPoint?: ITdMarkPoint;
+    markLine?: ITdMarkLine;
+    markArea?: ITdMarkArea;
+    zlevel?: number;
+    z?: number;
+    silent?: boolean;
+    left?: string | number;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    width?: string | number;
+    height?: string | number;
+    constructor(_optionsService: TdChartOptionsService);
+    getConfig(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesGraphComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesGraphComponent, "td-chart-series[td-graph]", never, { "config": "config"; "id": "id"; "name": "name"; "color": "color"; "data": "data"; "animation": "animation"; "animationThreshold": "animationThreshold"; "animationDuration": "animationDuration"; "animationEasing": "animationEasing"; "animationDelay": "animationDelay"; "animationDurationUpdate": "animationDurationUpdate"; "animationEasingUpdate": "animationEasingUpdate"; "animationDelayUpdate": "animationDelayUpdate"; "tooltip": "tooltip"; "legendHoverLink": "legendHoverLink"; "coordinateSystem": "coordinateSystem"; "xAxisIndex": "xAxisIndex"; "yAxisIndex": "yAxisIndex"; "polarIndex": "polarIndex"; "calendarIndex": "calendarIndex"; "geoIndex": "geoIndex"; "hoverAnimation": "hoverAnimation"; "circular": "circular"; "force": "force"; "layout": "layout"; "nodeScaleRatio": "nodeScaleRatio"; "draggable": "draggable"; "symbol": "symbol"; "symbolSize": "symbolSize"; "symbolRotate": "symbolRotate"; "symbolKeepAspect": "symbolKeepAspect"; "symbolOffset": "symbolOffset"; "focusNodeAdjacency": "focusNodeAdjacency"; "edgeSymbol": "edgeSymbol"; "edgeSymbolSize": "edgeSymbolSize"; "cursor": "cursor"; "roam": "roam"; "initialTreeDepth": "initialTreeDepth"; "itemStyle": "itemStyle"; "lineStyle": "lineStyle"; "label": "label"; "edgeLabel": "edgeLabel"; "emphasis": "emphasis"; "categories": "categories"; "nodes": "nodes"; "links": "links"; "edges": "edges"; "markPoint": "markPoint"; "markLine": "markLine"; "markArea": "markArea"; "zlevel": "zlevel"; "z": "z"; "silent": "silent"; "left": "left"; "top": "top"; "right": "right"; "bottom": "bottom"; "width": "width"; "height": "height"; }, {}, never, never>;
+}

package/graph/graph.module.d.ts

@@ -0,0 +1,10 @@
+import { Type } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./graph.component";
+import * as i2 from "@angular/common";
+export declare const GRAPH_MODULE_COMPONENTS: Type<any>[];
+export declare class CovalentGraphEchartsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentGraphEchartsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentGraphEchartsModule, [typeof i1.TdChartSeriesGraphComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesGraphComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentGraphEchartsModule>;
+}

package/graph/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../fesm2015/covalent-echarts-graph.mjs",
+  "es2020": "../fesm2020/covalent-echarts-graph.mjs",
+  "esm2020": "../esm2020/graph/covalent-echarts-graph.mjs",
+  "fesm2020": "../fesm2020/covalent-echarts-graph.mjs",
+  "fesm2015": "../fesm2015/covalent-echarts-graph.mjs",
+  "typings": "covalent-echarts-graph.d.ts",
+  "sideEffects": false,
+  "name": "@covalent/echarts/graph"
+}

package/graph/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './graph.module';
+export * from './graph.component';