@covalent/echarts 0.0.1

package/treemap/README.md

@@ -0,0 +1,185 @@
+# td-chart-series[td-treemap]
+
+`td-chart-series[td-treemap]` element generates a treemap series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="treemap"` 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.
+- leafDepth?: number
+  - Represents how many levels are shown at most.
+- roam?: boolean
+  - Whether to enable dragging roam (move and zoom).
+
+And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-treemap)
+
+## Setup
+
+Import the [CovalentTreemapEchartsModule] in your NgModule:
+
+```typescript
+import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
+import { CovalentTreemapEchartsModule } from '@covalent/echarts/treemap';
+@NgModule({
+  imports: [
+    CovalentBaseEchartsModule,
+    CovalentTreemapEchartsModule,
+    ...
+  ],
+  ...
+})
+export class MyModule {}
+```
+
+## Usage
+
+Basic Example:
+
+```html
+<td-chart>
+  <td-chart-series
+    td-treemap
+    [top]="'10%'"
+    [left]="'10%'"
+    [bottom]="'10%'"
+    [right]="'10%'"
+    [data]="[{
+                        value: 40,
+                        name: 'Accessibility',
+                        path: 'Accessibility'
+                      }, {
+                        value: 180,
+                        name: 'Accounts',
+                        path: 'Accounts',
+                        children: [{
+                          value: 76,
+                          name: 'Access',
+                          path: 'Accounts/Access',
+                          children: [{
+                            value: 12,
+                            name: 'DefaultAccessPlugin.bundle',
+                            path: 'Accounts/Access/DefaultAccessPlugin.bundle'
+                          }, {
+                            value: 28,
+                            name: 'FacebookAccessPlugin.bundle',
+                            path: 'Accounts/Access/FacebookAccessPlugin.bundle'
+                          }, {
+                            value: 20,
+                            name: 'LinkedInAccessPlugin.bundle',
+                            path: 'Accounts/Access/LinkedInAccessPlugin.bundle'
+                          }, {
+                            value: 16,
+                            name: 'TencentWeiboAccessPlugin.bundle',
+                            path: 'Accounts/Access/TencentWeiboAccessPlugin.bundle'
+                          }]
+                        }, {
+                          value: 92,
+                          name: 'Authentication',
+                          path: 'Accounts/Authentication',
+                          children: [{
+                            value: 24,
+                            name: 'FacebookAuthenticationPlugin.bundle',
+                            path: 'Accounts/Authentication/FacebookAuthenticationPlugin.bundle'
+                          }, {
+                            value: 16,
+                            name: 'LinkedInAuthenticationPlugin.bundle',
+                            path: 'Accounts/Authentication/LinkedInAuthenticationPlugin.bundle'
+                          }, {
+                            value: 20,
+                            name: 'TencentWeiboAuthenticationPlugin.bundle',
+                            path: 'Accounts/Authentication/TencentWeiboAuthenticationPlugin.bundle'
+                          }, {
+                            value: 16,
+                            name: 'TwitterAuthenticationPlugin.bundle',
+                            path: 'Accounts/Authentication/TwitterAuthenticationPlugin.bundle'
+                          }, {
+                            value: 16,
+                            name: 'WeiboAuthenticationPlugin.bundle',
+                            path: 'Accounts/Authentication/WeiboAuthenticationPlugin.bundle'
+                          }]
+                        }, {
+                          value: 12,
+                          name: 'Notification',
+                          path: 'Accounts/Notification',
+                          children: [{
+                            value: 12,
+                            name: 'SPAAccountsNotificationPlugin.bundle',
+                            path: 'Accounts/Notification/SPAAccountsNotificationPlugin.bundle'
+                          }]
+                        }]
+                      }, {
+                        value: 1904,
+                        name: 'AddressBook Plug-Ins',
+                        path: 'AddressBook Plug-Ins',
+                        children: [{
+                          value: 744,
+                          name: 'CardDAVPlugin.sourcebundle',
+                          path: 'AddressBook Plug-Ins/CardDAVPlugin.sourcebundle',
+                          children: [{
+                            value: 744,
+                            name: 'Contents',
+                            path: 'AddressBook Plug-Ins/CardDAVPlugin.sourcebundle/Contents'
+                          }]
+                      }, {
+                        value: 28,
+                        name: 'DirectoryServices.sourcebundle',
+                        path: 'AddressBook Plug-Ins/DirectoryServices.sourcebundle',
+                        children: [{
+                          value: 28,
+                          name: 'Contents',
+                          path: 'AddressBook Plug-Ins/DirectoryServices.sourcebundle/Contents'
+                        }]
+                      }, {
+                        value: 680,
+                        name: 'Exchange.sourcebundle',
+                        path: 'AddressBook Plug-Ins/Exchange.sourcebundle',
+                        children: [{
+                          value: 680,
+                          name: 'Contents',
+                          path: 'AddressBook Plug-Ins/Exchange.sourcebundle/Contents'
+                        }]
+                      }, {
+                        value: 432,
+                        name: 'LDAP.sourcebundle',
+                        path: 'AddressBook Plug-Ins/LDAP.sourcebundle',
+                        children: [{
+                          value: 432,
+                          name: 'Contents',
+                          path: 'AddressBook Plug-Ins/LDAP.sourcebundle/Contents'
+                        }]
+                      }, {
+                        value: 20,
+                        name: 'LocalSource.sourcebundle',
+                        path: 'AddressBook Plug-Ins/LocalSource.sourcebundle',
+                        children: [{
+                          value: 20,
+                          name: 'Contents',
+                          path: 'AddressBook Plug-Ins/LocalSource.sourcebundle/Contents'
+                        }]
+                      }]
+                    }]"
+    [visibleMin]="300"
+    [label]="{
+                    show: true,
+                    formatter: '{b}'
+                  }"
+    [itemStyle]="{
+                    normal: {
+                      borderColor: '#fff'
+                    }
+                  }"
+    [levels]="[{itemStyle: {normal: {borderWidth: 0, gapWidth: 5 }}},{itemStyle: {normal: {gapWidth: 1}}},{colorSaturation: [0.35, 0.5], itemStyle: {normal: {gapWidth: 1, borderColorSaturation: 0.6}}}]"
+  >
+  </td-chart-series>
+</td-chart>
+```

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

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

package/treemap/package.json

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

package/treemap/public_api.d.ts

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

package/treemap/treemap.component.d.ts

@@ -0,0 +1,134 @@
+import { TdChartOptionsService, ITdItemStyle, ITdSeriesTooltip, ITdLabel, ITdSeries, TdSeriesDirective, ITdEmphasis, ITdShadow } from '@covalent/echarts/base';
+import * as i0 from "@angular/core";
+/**
+ * ECHART OPTION DOCS
+ * https://ecomfe.github.io/echarts-examples/public/index.html#chart-type-treemap
+ *
+ */
+export interface ITdTreemapEmphasisLineStyle extends ITdShadow {
+    color?: any;
+    width?: number;
+    curveness?: number;
+}
+export interface ITdTreemapEmphasis extends ITdEmphasis {
+    lineStyle: ITdTreemapEmphasisLineStyle;
+}
+export interface ITdTreemapUpperLabel {
+    show?: boolean;
+    position?: string | any[];
+    distance?: string | number;
+    rotate?: string | number;
+    offset?: any[];
+    formatter?: string;
+    color?: any;
+    fontStyle?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    fontSize?: string | number;
+    align?: string;
+    verticalAlign?: string;
+    lineHeight?: string | number;
+    backgroundColor?: any;
+    borderColor?: string;
+    borderWidth?: string | number;
+    borderRadius?: string | number;
+    padding?: number | any[];
+    shadowColor?: string;
+    shadowBlur?: string | number;
+    shadowOffsetX?: string | number;
+    shadowOffsetY?: string | number;
+    width?: string | number;
+    height?: string | number;
+    textBorderColor?: string;
+    textBorderWidth?: string | number;
+    textShadowColor?: string;
+    textShadowBlur?: string | number;
+    textShadowOffsetX?: string | number;
+    textShadowOffsetY?: string | number;
+    rich?: any;
+    ellipsis?: any;
+}
+export interface ITdTreemapBreadcrumb {
+    show?: boolean;
+    left?: string | number;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    height?: string | number;
+    emptyItemWidth?: string | number;
+    itemStyle?: ITdItemStyle;
+    emphasis?: ITdTreemapEmphasis;
+}
+interface ITdTreemapSeries extends ITdSeries {
+    zlevel?: number;
+    z?: number;
+    left?: string | number;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    width?: string | number;
+    height?: string | number;
+    squareRatio?: string | number;
+    leafDepth?: string | number;
+    drillDownIcon?: string;
+    roam?: boolean | string;
+    nodeClick?: boolean | string;
+    zoomToNodeRatio?: string | number;
+    levels?: any[];
+    silent?: boolean;
+    visualDimension?: string | number;
+    visualMin?: string | number;
+    visualMax?: string | number;
+    colorAlpha?: any[];
+    colorSaturation?: string | number;
+    colorMappingBy?: string;
+    visibleMin?: string | number;
+    childrenVisibleMin?: string | number;
+    itemStyle?: ITdItemStyle;
+    label?: ITdLabel;
+    upperLabel?: ITdTreemapUpperLabel;
+    breadcrumb?: ITdTreemapBreadcrumb;
+    emphasis?: ITdTreemapEmphasis;
+    data?: any[];
+}
+export declare class TdChartSeriesTreemapComponent extends TdSeriesDirective implements ITdTreemapSeries {
+    config?: any;
+    id?: string;
+    name?: string;
+    data?: any;
+    zlevel?: number;
+    z?: number;
+    left?: string | number;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    width?: string | number;
+    height?: string | number;
+    squareRatio?: string | number;
+    leafDepth?: string | number;
+    drillDownIcon?: string;
+    roam?: boolean | string;
+    nodeClick?: boolean | string;
+    zoomToNodeRatio?: string | number;
+    levels?: any[];
+    silent?: boolean;
+    visualDimension?: string | number;
+    visualMin?: string | number;
+    visualMax?: string | number;
+    colorAlpha?: any[];
+    colorSaturation?: string | number;
+    colorMappingBy?: string;
+    visibleMin?: string | number;
+    childrenVisibleMin?: string | number;
+    itemStyle?: ITdItemStyle;
+    label?: ITdLabel;
+    upperLabel?: ITdTreemapUpperLabel;
+    breadcrumb?: ITdTreemapBreadcrumb;
+    emphasis?: ITdTreemapEmphasis;
+    tooltip?: ITdSeriesTooltip;
+    constructor(_optionsService: TdChartOptionsService);
+    getConfig(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesTreemapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesTreemapComponent, "td-chart-series[td-treemap]", 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"; "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"; }, {}, never, never>;
+}
+export {};

package/treemap/treemap.module.d.ts

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

package/wordcloud/README.md

@@ -0,0 +1,89 @@
+# td-chart-series[td-wordCloud]
+
+`td-chart-series[td-wordCloud]` element generates a graph series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="wordCloud"` 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.
+- value: number
+  - Series value used for varying the size of the labels.
+- color?: string | () => string
+  - Global color for the series. It can be generated by a function
+- gridSize?: number
+  - Size of the grid in pixels for marking the availability of the canvas the larger the grid size, the bigger the gap between words.
+
+And so many more.. for more info [click here](https://github.com/ecomfe/echarts-wordcloud)
+
+## Setup
+
+Import the [CovalentWordcloudEchartsModule] in your NgModule:
+
+```typescript
+import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
+import { CovalentWordcloudEchartsModule } from '@covalent/echarts/wordcloud';
+@NgModule({
+  imports: [
+    CovalentBaseEchartsModule,
+    CovalentWordcloudEchartsModule,
+    ...
+  ],
+  ...
+})
+export class MyModule {}
+```
+
+## Usage
+
+Basic Example:
+
+```html
+<td-chart [style.height.px]="500">
+  <td-chart-series
+    td-wordCloud
+    [shape]="circle"
+    [sizeRange]="[12, 60]"
+    [rotationRange]="[-90, 90]"
+    [rotationStep]="45"
+    [gridSize]="8"
+    [drawOutOfBound]="false"
+    [textStyle]="{
+                    normal: {
+                      fontFamily: 'sans-serif',
+                      fontWeight: 'bold',
+                      color: '#ccc'
+                    },
+                    emphasis: {
+                      shadowBlur: 10,
+                      shadowColor: '#333'
+                    }
+                  }"
+    [data]="[{
+                    name: 'Benjamin Abraham',
+                    value: 366,
+                    normal: {
+                      fontFamily: 'arial',
+                      fontWeight: '100',
+                      color: 'red'
+                    },
+                  }, {
+                    name: 'Mary Stuart',
+                    value: 366
+                  }, {
+                    name: 'John Doe',
+                    value: 350
+                  }]"
+  >
+  </td-chart-series>
+</td-chart>
+```

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

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

package/wordcloud/package.json

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

package/wordcloud/public_api.d.ts

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

package/wordcloud/wordcloud.component.d.ts

@@ -0,0 +1,55 @@
+import { TdChartOptionsService, ITdSeries, TdSeriesDirective } from '@covalent/echarts/base';
+import * as i0 from "@angular/core";
+export declare type TdWordcloudShape = 'circle' | 'cardioid' | 'diamond' | 'triangle-forward' | 'triangle' | 'pentagon' | 'star';
+export interface ITdWordcloudTextStyle {
+    normal?: {
+        fontFamily?: string;
+        fontWeight?: string;
+        color?: string | ((x: any) => string);
+    };
+    emphasis?: {
+        shadowBlur?: number;
+        shadowColor?: string;
+    };
+}
+export interface ITdWordCloudData {
+    name: string;
+    value: number;
+    textStyle?: ITdWordcloudTextStyle;
+}
+export interface ITdWordcloudSeries extends ITdSeries {
+    data?: ITdWordCloudData[];
+    shape?: TdWordcloudShape;
+    left?: string | number;
+    top?: string | number;
+    width?: string | number;
+    height?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    sizeRange?: number[];
+    rotationRange?: number[];
+    rotationStep?: number;
+    gridSize?: number;
+    drawOutOfBound?: boolean;
+    textStyle?: ITdWordcloudTextStyle;
+}
+export declare class TdChartSeriesWordcloudComponent extends TdSeriesDirective implements ITdWordcloudSeries {
+    data?: ITdWordCloudData[];
+    shape?: TdWordcloudShape;
+    left?: string | number;
+    top?: string | number;
+    width?: string | number;
+    height?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    sizeRange?: number[];
+    rotationRange?: number[];
+    rotationStep?: number;
+    gridSize?: number;
+    drawOutOfBound?: boolean;
+    textStyle?: ITdWordcloudTextStyle;
+    constructor(_optionsService: TdChartOptionsService);
+    getConfig(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesWordcloudComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesWordcloudComponent, "td-chart-series[td-wordCloud]", 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"; "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"; }, {}, never, never>;
+}

package/wordcloud/wordcloud.module.d.ts

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