@covalent/echarts 4.0.0-beta.2 → 4.1.1-next.1

package/scatter/scatter.component.d.ts

@@ -38,37 +38,37 @@ export interface ITdScatterSeries extends ITdSeries {
     silent?: boolean;
 }
 export declare class TdChartSeriesScatterComponent extends TdSeriesDirective implements ITdScatterSeries {
-    coordinateSystem: TdCoordinateSystem;
-    xAxisIndex: number;
-    yAxisIndex: number;
-    polarIndex: number;
-    geoIndex: number;
-    calendarIndex: number;
-    hoverAnimation: boolean;
-    legendHoverLink: boolean;
-    symbol: TdMarkPointSymbol | string;
-    symbolSize: number | any[] | Function;
-    symbolRotate: number;
-    symbolKeepAspect: boolean;
-    symbolOffset: any[];
-    large: boolean;
-    largeThreshold: number;
-    cursor: string;
-    label: ITdLabel;
-    itemStyle: ITdItemStyle;
-    emphasis: ITdEmphasis;
-    progressive: number;
-    progressiveThreshold: number;
-    dimensions: any[];
-    encode: any;
-    seriesLayoutBy: TdSeriesLayoutBy;
-    datasetIndex: number;
-    markPoint: ITdMarkPoint;
-    markLine: ITdMarkLine;
-    markArea: ITdMarkArea;
-    zlevel: number;
-    z: number;
-    silent: boolean;
+    coordinateSystem?: TdCoordinateSystem;
+    xAxisIndex?: number;
+    yAxisIndex?: number;
+    polarIndex?: number;
+    geoIndex?: number;
+    calendarIndex?: number;
+    hoverAnimation?: boolean;
+    legendHoverLink?: boolean;
+    symbol?: TdMarkPointSymbol | string;
+    symbolSize?: number | any[] | Function;
+    symbolRotate?: number;
+    symbolKeepAspect?: boolean;
+    symbolOffset?: any[];
+    large?: boolean;
+    largeThreshold?: number;
+    cursor?: string;
+    label?: ITdLabel;
+    itemStyle?: ITdItemStyle;
+    emphasis?: ITdEmphasis;
+    progressive?: number;
+    progressiveThreshold?: number;
+    dimensions?: any[];
+    encode?: any;
+    seriesLayoutBy?: TdSeriesLayoutBy;
+    datasetIndex?: number;
+    markPoint?: ITdMarkPoint;
+    markLine?: ITdMarkLine;
+    markArea?: ITdMarkArea;
+    zlevel?: number;
+    z?: number;
+    silent?: boolean;
     constructor(_optionsService: TdChartOptionsService);
     getConfig(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesScatterComponent, never>;

package/toolbox/README.md

@@ -6,16 +6,16 @@
 
 #### 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
+- 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:
 
-+ feature?: ITdToolboxFeature
-  + The configuration item for each tool which includes saveAsImage, dataView, dataZoom, restore, magicTypes and brush.
-+ show?: boolean
-  + Show or hide the toolbox.
+- feature?: ITdToolboxFeature
+  - The configuration item for each tool which includes saveAsImage, dataView, dataZoom, restore, magicTypes and brush.
+- show?: boolean
+  - Show or hide the toolbox.
 
 And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#toolbox)
 
@@ -44,13 +44,14 @@ Basic Toolbox Example: To change the toolbox default language for `title` and `l
 ```html
 <td-chart>
   <td-chart-toolbox
-              [show]="true"
-              [right]="30"
-              [feature]="{dataView: {readOnly: true, title: 'View Data', lang: ['Data View', 'Turn Off', 'Refresh']},
+    [show]="true"
+    [right]="30"
+    [feature]="{dataView: {readOnly: true, title: 'View Data', lang: ['Data View', 'Turn Off', 'Refresh']},
                           dataZoom: {title: {zoom: 'Zoom', back: 'Back'}},
                           magicType: {type: ['line', 'bar', 'stack', 'tiled'], 
                                       title: {line: 'Line', bar: 'Bar', stack: 'Stack', tiled: 'Tiled'}},
-                          restore: {title: 'Restore'}}">
+                          restore: {title: 'Restore'}}"
+  >
   </td-chart-toolbox>
 </td-chart>
 ```

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

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 /// <amd-module name="@covalent/echarts/toolbox" />
-export * from './index';
+export * from './public_api';

package/toolbox/toolbox.component.d.ts

@@ -111,16 +111,16 @@ export declare class TdChartToolboxComponent implements OnChanges, OnDestroy {
     private _state;
     config: any;
     show: boolean;
-    trigger: string;
-    orient: TdToolboxOrient;
-    itemSize: number;
-    itemGap: number;
-    showTitle: boolean;
-    label: ITdLabel;
-    feature: ITdToolboxFeature;
-    iconStyle: ITdFeatureIconStyle;
-    zlevel: number;
-    z: number;
+    trigger?: string;
+    orient?: TdToolboxOrient;
+    itemSize?: number;
+    itemGap?: number;
+    showTitle?: boolean | undefined;
+    label?: ITdLabel;
+    feature?: ITdToolboxFeature;
+    iconStyle?: ITdFeatureIconStyle;
+    zlevel?: number;
+    z?: number;
     transitionDuration: number;
     left: string | number;
     top: string | number;

package/tooltip/README.md

@@ -6,20 +6,19 @@
 
 #### 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
+- 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:
 
-+ formatter?: string | Function
-  + The content formatter of tooltip's floating layer which supports string template and callback function.
-+ trigger?: 'item' | 'axis' | 'none'
-  + Type of triggering.
+- formatter?: string | Function
+  - The content formatter of tooltip's floating layer which supports string template and callback function.
+- trigger?: 'item' | 'axis' | 'none'
+  - Type of triggering.
 
 And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#tooltip)
 
-
 # td-chart-series-tooltip
 
 `td-chart-series-tooltip` element generates a series tooltip for the echarts visualization inside a `td-chart-series`. Its the equivalent of creating a JS tooltip series object in echarts.
@@ -28,16 +27,16 @@ And so many more.. for more info [click here](https://echarts.apache.org/en/opti
 
 #### 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
+- 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:
 
-+ formatter?: string | Function
-  + The content formatter of tooltip's floating layer which supports string template and callback function.
-+ trigger?: 'item' | 'axis' | 'none'
-  + Type of triggering.
+- formatter?: string | Function
+  - The content formatter of tooltip's floating layer which supports string template and callback function.
+- trigger?: 'item' | 'axis' | 'none'
+  - Type of triggering.
 
 And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-bar.tooltip)
 
@@ -67,9 +66,13 @@ Basic Tooltip Example:
 
 ```html
 <td-chart>
-  <td-chart-tooltip [trigger]="'item'"
-                    [triggerOn]="'mousemove'">
-    <ng-template let-params let-i="index" let-ticket="ticket" tdTooltipFormatter>
+  <td-chart-tooltip [trigger]="'item'" [triggerOn]="'mousemove'">
+    <ng-template
+      let-params
+      let-i="index"
+      let-ticket="ticket"
+      tdTooltipFormatter
+    >
       <ng-container *ngIf="params">
         <div layout="row" layout-align="start center">
           <mat-icon [style.color]="params.color">person</mat-icon>
@@ -89,14 +92,15 @@ Basic Series Tooltip Example (only works if tooltip.trigger is 'item'):
 
 ```html
 <td-chart>
-  <td-chart-tooltip [trigger]="'item'">
-  </td-chart-tooltip>
-  <td-chart-series td-bar
-                    [name]="'name'"
-                    [data]="[100,200,150,200]">
-    <td-chart-series-tooltip [trigger]="'item'"
-                      [triggerOn]="'mousemove'">
-      <ng-template let-params let-i="index" let-ticket="ticket" tdTooltipFormatter>
+  <td-chart-tooltip [trigger]="'item'"> </td-chart-tooltip>
+  <td-chart-series td-bar [name]="'name'" [data]="[100,200,150,200]">
+    <td-chart-series-tooltip [trigger]="'item'" [triggerOn]="'mousemove'">
+      <ng-template
+        let-params
+        let-i="index"
+        let-ticket="ticket"
+        tdTooltipFormatter
+      >
         <ng-container *ngIf="params">
           <div layout="row" layout-align="start center">
             <mat-icon [style.color]="params.color">person</mat-icon>

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

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 /// <amd-module name="@covalent/echarts/tooltip" />
-export * from './index';
+export * from './public_api';

package/tooltip/series-tooltip.component.d.ts

@@ -8,15 +8,17 @@ export declare class TdSeriesTooltipComponent implements OnChanges, OnDestroy {
     private _seriesComponent;
     private _state;
     _context: TdTooltipContext;
-    config: any;
-    formatter: any;
-    position: string | string[] | number[];
-    backgroundColor: string;
-    borderColor: string;
-    borderWidth: number;
-    padding: number;
-    textStyle: any;
-    extraCssText: string;
+    config?: any;
+    formatter?: any;
+    position?: string | string[] | number[];
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    borderWidth?: number | undefined;
+    padding?: number | undefined;
+    textStyle?: {
+        color: string;
+    } | undefined;
+    extraCssText?: string;
     formatterTemplate: TemplateRef<any>;
     fullTemplate: TemplateRef<any>;
     constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _seriesComponent: TdSeriesDirective);

package/tooltip/tooltip.component.d.ts

@@ -16,26 +16,26 @@ export declare class TdChartTooltipComponent implements OnChanges, OnDestroy {
     private _state;
     _context: TdTooltipContext;
     config: any;
-    show: boolean;
-    trigger: TdTooltipTrigger;
+    show?: boolean | undefined;
+    trigger?: TdTooltipTrigger;
     axisPointer: any;
-    showContent: boolean;
-    alwaysShowContent: boolean;
-    triggerOn: TdTooltipTriggerOn;
-    showDelay: number;
-    hideDelay: number;
-    enterable: boolean;
-    renderMode: 'html' | 'richText';
+    showContent?: boolean | undefined;
+    alwaysShowContent?: boolean | undefined;
+    triggerOn?: TdTooltipTriggerOn;
+    showDelay?: number | undefined;
+    hideDelay?: number | undefined;
+    enterable?: boolean | undefined;
+    renderMode?: 'html' | 'richText';
     confine: boolean;
     transitionDuration: number;
-    position: TdTooltipPosition;
-    formatter: string | Function;
-    backgroundColor: string;
-    borderColor: string;
-    borderWidth: number;
-    padding: number;
+    position?: TdTooltipPosition;
+    formatter?: string | Function;
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    borderWidth?: number | undefined;
+    padding?: number | undefined;
     textStyle: any;
-    extraCssText: string;
+    extraCssText?: string;
     formatterTemplate: TemplateRef<any>;
     fullTemplate: TemplateRef<any>;
     constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _optionsService: TdChartOptionsService);

package/tree/README.md

@@ -6,20 +6,20 @@
 
 #### 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
+- 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:
 
-+ label?: any
-  + Text styles corresponding to each node, also used in the leaves object.
-+ leaves?: ITdTreeLeaves
-  + Styles for each leaf node in the tree, can be used to differentiation node labels from leaf nodes. See the code examples above.
-+ itemStyle?: ITdItemStyle
-  + Styles for each node in the tree.
-+ data?: any[]
-  + Data array of series.
+- label?: any
+  - Text styles corresponding to each node, also used in the leaves object.
+- leaves?: ITdTreeLeaves
+  - Styles for each leaf node in the tree, can be used to differentiation node labels from leaf nodes. See the code examples above.
+- itemStyle?: ITdItemStyle
+  - Styles for each node in the tree.
+- data?: any[]
+  - Data array of series.
 
 And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-tree)
 
@@ -47,12 +47,14 @@ Basic Example:
 
 ```html
 <td-chart>
-  <td-chart-series td-tree
-                  [leaves]="{ label: { position: 'right' } }"
-                  [label]="{ position: 'left' }"            
-                  [name]="'name'"
-                  [data]="[{ name: 'flare', children: [{ name: 'AgglomerativeCluster', value: 3938 }, 
-                    { name: 'CommunityStructure', value: 3812 }, { name: 'HierarchicalCluster', value: 6714 }] }]">
+  <td-chart-series
+    td-tree
+    [leaves]="{ label: { position: 'right' } }"
+    [label]="{ position: 'left' }"
+    [name]="'name'"
+    [data]="[{ name: 'flare', children: [{ name: 'AgglomerativeCluster', value: 3938 }, 
+                    { name: 'CommunityStructure', value: 3812 }, { name: 'HierarchicalCluster', value: 6714 }] }]"
+  >
   </td-chart-series>
 </td-chart>
-```
+```

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

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 /// <amd-module name="@covalent/echarts/tree" />
-export * from './index';
+export * from './public_api';

package/tree/tree.component.d.ts

@@ -24,7 +24,7 @@ export interface ITdTreeEmphasis extends ITdEmphasis {
 export interface ITdTreeLeaves {
     label?: ITdLabel;
     itemStyle?: ITdItemStyle;
-    emphasis: ITdEmphasis;
+    emphasis?: ITdEmphasis;
 }
 interface ITdTreeSeries extends ITdSeries {
     zlevel?: number;
@@ -50,31 +50,31 @@ interface ITdTreeSeries extends ITdSeries {
     lineStyle?: ITdLineStyle;
     leaves?: ITdTreeLeaves;
     emphasis?: ITdTreeEmphasis;
-    data: any[];
+    data?: any[];
 }
 export declare class TdChartSeriesTreeComponent extends TdSeriesDirective implements ITdTreeSeries {
-    zlevel: number;
-    z: number;
-    left: string | number;
-    top: string | number;
-    right: string | number;
-    bottom: string | number;
-    width: string | number;
-    height: string | number;
-    layout: TdTreeLayout;
-    orient: TdTreeOrient;
-    symbol: TdMarkPointSymbol | string;
-    symbolSize: number;
-    symbolRotate: number;
-    symbolKeepAspect: boolean;
-    roam: boolean | string;
-    expandAndCollapse: boolean;
-    initialTreeDepth: number;
-    itemStyle: ITdItemStyle;
-    label: ITdLabel;
-    lineStyle: ITdLineStyle;
-    leaves: ITdTreeLeaves;
-    emphasis: ITdTreeEmphasis;
+    zlevel?: number;
+    z?: number;
+    left?: string | number;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    width?: string | number;
+    height?: string | number;
+    layout?: TdTreeLayout;
+    orient?: TdTreeOrient;
+    symbol?: TdMarkPointSymbol | string;
+    symbolSize?: number;
+    symbolRotate?: number;
+    symbolKeepAspect?: boolean;
+    roam?: boolean | string;
+    expandAndCollapse?: boolean;
+    initialTreeDepth?: number;
+    itemStyle?: ITdItemStyle;
+    label?: ITdLabel;
+    lineStyle?: ITdLineStyle;
+    leaves?: ITdTreeLeaves;
+    emphasis?: ITdTreeEmphasis;
     constructor(_optionsService: TdChartOptionsService);
     getConfig(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesTreeComponent, never>;

package/treemap/README.md

@@ -6,20 +6,20 @@
 
 #### 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
+- 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).
+- 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)
 
@@ -47,12 +47,13 @@ Basic Example:
 
 ```html
 <td-chart>
-  <td-chart-series td-treemap
-                  [top]="'10%'"
-                  [left]="'10%'"
-                  [bottom]="'10%'"
-                  [right]="'10%'"
-                  [data]="[{
+  <td-chart-series
+    td-treemap
+    [top]="'10%'"
+    [left]="'10%'"
+    [bottom]="'10%'"
+    [right]="'10%'"
+    [data]="[{
                         value: 40,
                         name: 'Accessibility',
                         path: 'Accessibility'
@@ -167,17 +168,18 @@ Basic Example:
                         }]
                       }]
                     }]"
-                  [visibleMin]="300"
-                  [label] = "{
+    [visibleMin]="300"
+    [label]="{
                     show: true,
                     formatter: '{b}'
                   }"
-                  [itemStyle]="{
+    [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}}}]">
+    [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

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

package/treemap/treemap.component.d.ts

@@ -45,8 +45,8 @@ export interface ITdTreemapUpperLabel {
     textShadowBlur?: string | number;
     textShadowOffsetX?: string | number;
     textShadowOffsetY?: string | number;
-    rich: any;
-    ellipsis: any;
+    rich?: any;
+    ellipsis?: any;
 }
 export interface ITdTreemapBreadcrumb {
     show?: boolean;
@@ -89,43 +89,43 @@ interface ITdTreemapSeries extends ITdSeries {
     upperLabel?: ITdTreemapUpperLabel;
     breadcrumb?: ITdTreemapBreadcrumb;
     emphasis?: ITdTreemapEmphasis;
-    data: any[];
+    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;
+    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>;