@syncfusion/ej2-angular-treemap 31.2.12 → 32.1.19

package/schematics/generators/treemap-leaf/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "treemap-leaf",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "treemap-leaf"
+}

package/schematics/generators/treemap-leaf/schema.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+
+export interface Schema extends ComponentSchema { }

package/schematics/generators/treemap-legend-default/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/treemap-legend-default/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/treemap-legend-default/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/treemap-legend-default/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/treemap-legend-default/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'treemap';
+exports.sampleName = 'legend-default';
+exports.diModules = 'TreeMapTooltip,TreeMapLegend';
+exports.packageName = '@syncfusion/ej2-angular-treemap';
+exports.libModules = 'TreeMapModule';

package/schematics/generators/treemap-legend-default/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'treemap';
+export const sampleName: string = 'legend-default';
+export const diModules: string =  'TreeMapTooltip,TreeMapLegend';
+export const packageName: string = '@syncfusion/ej2-angular-treemap';
+export const libModules: string = 'TreeMapModule';

package/schematics/generators/treemap-legend-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,7 @@
+<div class="control-section">
+        <ejs-treemap id='container'  #treemap style="display:block;" [dataSource] ='dataSource' [weightValuePath] ='weightValuePath'
+       [titleSettings] = 'titleSettings' [legendSettings] = 'legendSettings' [leafItemSettings] = 'leafItemSettings' [tooltipSettings] = 'tooltipSettings' 
+       [equalColorValuePath] = 'equalColorValuePath'  format = 'n' useGroupingSeparator = 'true' (load)='load($event)' >
+        </ejs-treemap>
+        
+    </div>

package/schematics/generators/treemap-legend-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,57 @@
+/* eslint-disable */
+
+import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
+import { TreeMap, TreeMapTooltip, TreeMapLegend, LegendMode } from '@syncfusion/ej2-angular-treemap';
+import { electionData } from './assets/election-data';
+import { ILoadEventArgs, TreeMapTheme } from '@syncfusion/ej2-angular-treemap';
+TreeMap.Inject(TreeMapTooltip, TreeMapLegend);
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+export class <%= classify(name) %>Component {
+    @ViewChild('treemap')
+    public treemap: TreeMap;
+    public load = (args: ILoadEventArgs) => {
+        let theme: string = location.hash.split('/')[1];
+        theme = theme ? theme : 'Material';
+        args.treemap.theme = <TreeMapTheme>(theme.charAt(0).toUpperCase() + theme.slice(1));
+    }
+        titleSettings: object = {
+            text: 'US Presidential election result - 2016',
+            textStyle: { size: '15px' }
+        };
+        dataSource: object[] = electionData;
+        weightValuePath: string = 'Population';
+        tooltipSettings: object = {
+            visible: true,
+            format: ' <b>${Winner}<b><br>State : ${State}<br>Trump : ${Trump} %<br>Clinton : ${Clinton} %'
+        };
+        legendSettings: object = {
+            visible: true,
+            position: 'Top',
+            shape: 'Rectangle',
+            height: '10'
+        };
+        equalColorValuePath: string = 'Winner';
+        leafItemSettings: object = {
+            labelPath: 'State',
+            fill: '#6699cc',
+            border: { color: 'white', width: 0.5 },
+            colorMapping: [
+                {
+                    value: 'Trump', color: '#D84444'
+                },
+                {
+                    value: 'Clinton', color: '#316DB5'
+                }
+            ]
+        };
+        
+        constructor() {
+            //code
+          }
+};

package/schematics/generators/treemap-legend-default/samples/__path__/__name@dasherize@if-flat__/assets/election-data.ts

@@ -0,0 +1,57 @@
+
+/* eslint-disable */
+export let  electionData: Object[] = 
+[
+    {  State: "Alabama", Trump:62.9,Clinton:34.6, WinPercentage: 62.9,Winner:"Trump", Population : 4780127 },
+    {  State: "Alaska", Trump:52.9,Clinton:37.7,  WinPercentage: 52.9,Winner:"Trump", Population : 710249},
+    {  State: "Arkansas", Trump:60.6,Clinton:33.7,  WinPercentage:60.6,Winner:"Trump", Population : 2915958 },
+    {  State: "Arizona", Trump:49.5,Clinton:45.4,  WinPercentage:49.5,Winner:"Trump", Population : 6392307 },
+    {  State: "California",  Trump:32.8,Clinton:61.6,  WinPercentage: 61.6,Winner:"Clinton", Population : 37252895},
+    {  State: "Colorado",  Trump:47.3,Clinton:44.4,  WinPercentage: 47.3,Winner:"Trump", Population : 5029324 },
+    {  State: "Connecticut",  Trump:41.2,Clinton:54.5,  WinPercentage: 54.5,Winner:"Clinton", Population : 3574118},
+    {  State: "Delaware",  Trump:53.4,Clinton:41.9,  WinPercentage: 53.4,Winner:"Trump", Population : 897936 },
+    {  State: "District of Columbia",   Trump:4.1,Clinton:92.8,  WinPercentage: 92.8,Winner:"Clinton", Population : 693972 },
+    {  State: "Florida", Trump:49.1,Clinton:47.8 ,  WinPercentage: 49.1,Winner:"Trump",  Population : 18804623},
+    {  State: "Georgia", Trump:51.3,Clinton:45.6 ,  WinPercentage:51.3,Winner:"Trump",  Population : 9688681},
+    {  State: "Hawaii",  Trump:62.2,Clinton:30,  WinPercentage:62.2,Winner:"Trump",  Population : 1360301 },
+    {  State: "Idaho", Trump:59.2,Clinton:27.6 ,  WinPercentage: 59.2,Winner:"Trump",  Population : 1567652 },
+    {  State: "Illinois",  Trump:55.4,Clinton:39.4,  WinPercentage: 55.4,Winner:"Trump",  Population : 12831549  },
+    {  State: "Indiana", Trump:57.2,Clinton:37.9 ,  WinPercentage:57.2,Winner:"Trump",  Population : 6484229 },
+    {  State: "Iowa", Trump:51.8,Clinton:42.2,  WinPercentage:51.8,Winner:"Trump",  Population : 3046869  },
+    {  State: "Kansas", Trump:57.2,Clinton:36.2,  WinPercentage:57.2,Winner:"Trump",  Population : 2853132, },
+    {  State: "Kentucky", Trump:62.5,Clinton:32.7 ,  WinPercentage:62.5,Winner:"Trump",  Population : 4339349 },
+    {  State: "Louisiana", Trump:58.1,Clinton:38.4 ,  WinPercentage:58.1,Winner:"Trump",  Population : 4533479 },
+    {  State: "Maine",  Trump:45.2,Clinton:47.9 ,  WinPercentage:47.9,Winner:"Clinton",  Population : 1328361},
+    {  State: "Maryland",  Trump:35.3,Clinton:60.5 ,  WinPercentage:60.5,Winner:"Clinton",  Population : 5773785 },
+    {  State: "Massachusetts",  Trump:33.5,Clinton:60.8,  WinPercentage:60.8,Winner:"Clinton",  Population : 6547817 },
+    {  State: "Michigan", Trump:47.6,Clinton:47.3 ,  WinPercentage:47.6,Winner:"Trump",  Population : 9884129 },
+    {  State: "Minnesota",  Trump:45.4,Clinton:46.9,  WinPercentage:46.9,Winner:"Trump",  Population : 5303925 },
+    {  State: "Mississippi", Trump:58.3,Clinton:39.7,  WinPercentage:58.3,Winner:"Trump",  Population : 2968103  },
+    {  State: "Missouri", Trump:57.1,Clinton:38.0,  WinPercentage:57.1,Winner:"Trump",  Population : 5988927  },
+    {  State: "Montana", Trump:56.5,Clinton:36.0,  WinPercentage: 56.5,Winner:"Trump",  Population : 989417 },
+    {  State: "Nebraska", Trump:60.3,Clinton:34.0 ,  WinPercentage:60.3,Winner:"Trump",  Population : 1826341 },
+    {  State: "Nevada",  Trump:45.5,Clinton:47.9,  WinPercentage:47.9,Winner:"Clinton",  Population : 2700691  },
+    {  State: "New Hampshire",  Trump:47.2,Clinton:47.6 ,  WinPercentage: 47.6,Winner:"Clinton",  Population : 1316466 },
+    {  State: "New Jersey",  Trump:41.8,Clinton:55.0,  WinPercentage:55,Winner:"Clinton",  Population : 8791936},
+    {  State: "New Mexico",  Trump:40.0,Clinton:48.3 ,  WinPercentage:48.3,Winner:"Clinton",  Population : 2059192 },
+    {  State: "New York",  Trump:37.5,Clinton:58.8 ,  WinPercentage:58.8,Winner:"Clinton",  Population : 19378087},
+    {  State: "North Carolina", Trump:50.5,Clinton:46.7,  WinPercentage:50.5,Winner:"Trump",  Population : 9535692 },
+    {  State: "North Dakota", Trump:64.1,Clinton:27.8,   WinPercentage:64.1,Winner:"Trump", Population : 672591 },
+    {  State: "Ohio", Trump:52.1,Clinton:43.5,   WinPercentage:52.5,Winner:"Trump", Population : 11536725 },
+    {  State: "Oklahoma", Trump:65.3,Clinton:28.9,  WinPercentage: 65.3,Winner:"Trump",  Population : 3751616 },
+    {  State: "Oregon",  Trump:41.1,Clinton:51.7,  WinPercentage:51.7,Winner:"Clinton",  Population : 3831073  },
+    {  State: "Pennsylvania", Trump:48.8,Clinton:47.6 ,  WinPercentage: 48.8,Winner:"Trump",  Population : 12702887},
+    {  State: "Rhode Island",  Trump:39.8,Clinton:55.4,  WinPercentage: 55.4,Winner:"Clinton",  Population : 1052931 },
+    {  State: "South Carolina", Trump:54.9,Clinton:40.8,  WinPercentage:54.9,Winner:"Trump",  Population : 4625401},
+    {  State: "South Dakota", Trump:61.5,Clinton:31.7,  WinPercentage: 61.5,Winner:"Trump",  Population : 814191 },
+    {  State: "Tennessee", Trump:61.1,Clinton:34.9,  WinPercentage:61.1,Winner:"Trump",  Population : 6346275},
+    {  State: "Texas", Trump:52.6,Clinton:43.4,  WinPercentage:52.6,Winner:"Trump",  Population : 25146105 },
+    {  State: "Utah", Trump:45.9,Clinton:27.8,  WinPercentage:45.9,Winner:"Trump",  Population : 2763888, },
+    {  State: "Vermont",  Trump:39.7,Clinton:61.1,   WinPercentage:61.1,Winner:"Clinton", Population : 625745 },
+    {  State: "Virginia",  Trump:45.0,Clinton:49.9 ,  WinPercentage:49.9,Winner:"Clinton",  Population : 8001045},
+    {  State: "Washington",  Trump:4.1,Clinton:92.8 ,  WinPercentage:92.8,Winner:"Clinton",  Population : 6724543 },
+    {  State: "Wisconsin", Trump:68.7,Clinton:26.5 ,  WinPercentage:68.7,Winner:"Trump",  Population : 5687289},
+    {  State: "West Virginia", Trump:47.9,Clinton:46.9,  WinPercentage:47.9,Winner:"Clinton",  Population : 1853011 },
+    {  State: "Wyoming", Trump:70.1,Clinton:22.5,  WinPercentage:70.1,Winner:"Trump",  Population : 583767 }
+   
+    ];

package/schematics/generators/treemap-legend-default/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/treemap-legend-default/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/treemap-legend-default/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "treemap-legend-default",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "treemap-legend-default"
+}

package/schematics/generators/treemap-legend-default/schema.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+
+export interface Schema extends ComponentSchema { }

package/schematics/generators/treemap-legend-interaction/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/treemap-legend-interaction/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/treemap-legend-interaction/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

package/schematics/generators/treemap-legend-interaction/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/treemap-legend-interaction/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'treemap';
+exports.sampleName = 'legend-interaction';
+exports.diModules = 'TreeMapTooltip,TreeMapLegend';
+exports.packageName = '@syncfusion/ej2-angular-treemap';
+exports.libModules = 'TreeMapModule';

package/schematics/generators/treemap-legend-interaction/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'treemap';
+export const sampleName: string = 'legend-interaction';
+export const diModules: string =  'TreeMapTooltip,TreeMapLegend';
+export const packageName: string = '@syncfusion/ej2-angular-treemap';
+export const libModules: string = 'TreeMapModule';

package/schematics/generators/treemap-legend-interaction/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,3 @@
+.control-section {
+    min-height: 450px;
+}

package/schematics/generators/treemap-legend-interaction/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,7 @@
+<div class="control-section">
+        <ejs-treemap id='container'  #treemap style="display:block;" [dataSource] ='dataSource' [weightValuePath] ='weightValuePath'
+       [titleSettings] = 'titleSettings' [legendSettings] = 'legendSettings' [leafItemSettings] = 'leafItemSettings' [tooltipSettings] = 'tooltipSettings' 
+       [equalColorValuePath] = 'equalColorValuePath'  format = 'n' useGroupingSeparator = 'true' (load)='load($event)' >
+        </ejs-treemap>
+        
+    </div>

package/schematics/generators/treemap-legend-interaction/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,58 @@
+/* eslint-disable */
+
+import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
+import { TreeMap, TreeMapTooltip, TreeMapLegend, LegendMode } from '@syncfusion/ej2-angular-treemap';
+import { electionData } from './assets/election-data';
+import { ILoadEventArgs, TreeMapTheme } from '@syncfusion/ej2-angular-treemap';
+TreeMap.Inject(TreeMapTooltip, TreeMapLegend);
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+export class <%= classify(name) %>Component {
+    @ViewChild('treemap')
+    public treemap: TreeMap;
+    public load = (args: ILoadEventArgs) => {
+        let theme: string = location.hash.split('/')[1];
+        theme = theme ? theme : 'Material';
+        args.treemap.theme = <TreeMapTheme>(theme.charAt(0).toUpperCase() + theme.slice(1));
+    }
+        titleSettings: object = {
+            text: 'US Presidential election result - 2016',
+            textStyle: { size: '15px' }
+        };
+        dataSource: object[] = electionData;
+        weightValuePath: string = 'Population';
+        tooltipSettings: object = {
+            visible: true,
+            format: ' <b>${Winner}<b><br>State : ${State}<br>Trump : ${Trump} %<br>Clinton : ${Clinton} %'
+        };
+        legendSettings: object = {
+            visible: true,
+            position: 'Top',
+            shape: 'Rectangle',
+            height: '10',
+            mode:'Interactive',
+        };
+        equalColorValuePath: string = 'Winner';
+        leafItemSettings: object = {
+            labelPath: 'State',
+            fill: '#6699cc',
+            border: { color: 'white', width: 0.5 },
+            colorMapping: [
+                {
+                    value: 'Trump', color: '#D84444'
+                },
+                {
+                    value: 'Clinton', color: '#316DB5'
+                }
+            ]
+        };
+        
+        constructor() {
+            //code
+          }
+};

package/schematics/generators/treemap-legend-interaction/samples/__path__/__name@dasherize@if-flat__/assets/election-data.ts

@@ -0,0 +1,57 @@
+
+/* eslint-disable */
+export let  electionData: Object[] = 
+[
+    {  State: "Alabama", Trump:62.9,Clinton:34.6, WinPercentage: 62.9,Winner:"Trump", Population : 4780127 },
+    {  State: "Alaska", Trump:52.9,Clinton:37.7,  WinPercentage: 52.9,Winner:"Trump", Population : 710249},
+    {  State: "Arkansas", Trump:60.6,Clinton:33.7,  WinPercentage:60.6,Winner:"Trump", Population : 2915958 },
+    {  State: "Arizona", Trump:49.5,Clinton:45.4,  WinPercentage:49.5,Winner:"Trump", Population : 6392307 },
+    {  State: "California",  Trump:32.8,Clinton:61.6,  WinPercentage: 61.6,Winner:"Clinton", Population : 37252895},
+    {  State: "Colorado",  Trump:47.3,Clinton:44.4,  WinPercentage: 47.3,Winner:"Trump", Population : 5029324 },
+    {  State: "Connecticut",  Trump:41.2,Clinton:54.5,  WinPercentage: 54.5,Winner:"Clinton", Population : 3574118},
+    {  State: "Delaware",  Trump:53.4,Clinton:41.9,  WinPercentage: 53.4,Winner:"Trump", Population : 897936 },
+    {  State: "District of Columbia",   Trump:4.1,Clinton:92.8,  WinPercentage: 92.8,Winner:"Clinton", Population : 693972 },
+    {  State: "Florida", Trump:49.1,Clinton:47.8 ,  WinPercentage: 49.1,Winner:"Trump",  Population : 18804623},
+    {  State: "Georgia", Trump:51.3,Clinton:45.6 ,  WinPercentage:51.3,Winner:"Trump",  Population : 9688681},
+    {  State: "Hawaii",  Trump:62.2,Clinton:30,  WinPercentage:62.2,Winner:"Trump",  Population : 1360301 },
+    {  State: "Idaho", Trump:59.2,Clinton:27.6 ,  WinPercentage: 59.2,Winner:"Trump",  Population : 1567652 },
+    {  State: "Illinois",  Trump:55.4,Clinton:39.4,  WinPercentage: 55.4,Winner:"Trump",  Population : 12831549  },
+    {  State: "Indiana", Trump:57.2,Clinton:37.9 ,  WinPercentage:57.2,Winner:"Trump",  Population : 6484229 },
+    {  State: "Iowa", Trump:51.8,Clinton:42.2,  WinPercentage:51.8,Winner:"Trump",  Population : 3046869  },
+    {  State: "Kansas", Trump:57.2,Clinton:36.2,  WinPercentage:57.2,Winner:"Trump",  Population : 2853132, },
+    {  State: "Kentucky", Trump:62.5,Clinton:32.7 ,  WinPercentage:62.5,Winner:"Trump",  Population : 4339349 },
+    {  State: "Louisiana", Trump:58.1,Clinton:38.4 ,  WinPercentage:58.1,Winner:"Trump",  Population : 4533479 },
+    {  State: "Maine",  Trump:45.2,Clinton:47.9 ,  WinPercentage:47.9,Winner:"Clinton",  Population : 1328361},
+    {  State: "Maryland",  Trump:35.3,Clinton:60.5 ,  WinPercentage:60.5,Winner:"Clinton",  Population : 5773785 },
+    {  State: "Massachusetts",  Trump:33.5,Clinton:60.8,  WinPercentage:60.8,Winner:"Clinton",  Population : 6547817 },
+    {  State: "Michigan", Trump:47.6,Clinton:47.3 ,  WinPercentage:47.6,Winner:"Trump",  Population : 9884129 },
+    {  State: "Minnesota",  Trump:45.4,Clinton:46.9,  WinPercentage:46.9,Winner:"Trump",  Population : 5303925 },
+    {  State: "Mississippi", Trump:58.3,Clinton:39.7,  WinPercentage:58.3,Winner:"Trump",  Population : 2968103  },
+    {  State: "Missouri", Trump:57.1,Clinton:38.0,  WinPercentage:57.1,Winner:"Trump",  Population : 5988927  },
+    {  State: "Montana", Trump:56.5,Clinton:36.0,  WinPercentage: 56.5,Winner:"Trump",  Population : 989417 },
+    {  State: "Nebraska", Trump:60.3,Clinton:34.0 ,  WinPercentage:60.3,Winner:"Trump",  Population : 1826341 },
+    {  State: "Nevada",  Trump:45.5,Clinton:47.9,  WinPercentage:47.9,Winner:"Clinton",  Population : 2700691  },
+    {  State: "New Hampshire",  Trump:47.2,Clinton:47.6 ,  WinPercentage: 47.6,Winner:"Clinton",  Population : 1316466 },
+    {  State: "New Jersey",  Trump:41.8,Clinton:55.0,  WinPercentage:55,Winner:"Clinton",  Population : 8791936},
+    {  State: "New Mexico",  Trump:40.0,Clinton:48.3 ,  WinPercentage:48.3,Winner:"Clinton",  Population : 2059192 },
+    {  State: "New York",  Trump:37.5,Clinton:58.8 ,  WinPercentage:58.8,Winner:"Clinton",  Population : 19378087},
+    {  State: "North Carolina", Trump:50.5,Clinton:46.7,  WinPercentage:50.5,Winner:"Trump",  Population : 9535692 },
+    {  State: "North Dakota", Trump:64.1,Clinton:27.8,   WinPercentage:64.1,Winner:"Trump", Population : 672591 },
+    {  State: "Ohio", Trump:52.1,Clinton:43.5,   WinPercentage:52.5,Winner:"Trump", Population : 11536725 },
+    {  State: "Oklahoma", Trump:65.3,Clinton:28.9,  WinPercentage: 65.3,Winner:"Trump",  Population : 3751616 },
+    {  State: "Oregon",  Trump:41.1,Clinton:51.7,  WinPercentage:51.7,Winner:"Clinton",  Population : 3831073  },
+    {  State: "Pennsylvania", Trump:48.8,Clinton:47.6 ,  WinPercentage: 48.8,Winner:"Trump",  Population : 12702887},
+    {  State: "Rhode Island",  Trump:39.8,Clinton:55.4,  WinPercentage: 55.4,Winner:"Clinton",  Population : 1052931 },
+    {  State: "South Carolina", Trump:54.9,Clinton:40.8,  WinPercentage:54.9,Winner:"Trump",  Population : 4625401},
+    {  State: "South Dakota", Trump:61.5,Clinton:31.7,  WinPercentage: 61.5,Winner:"Trump",  Population : 814191 },
+    {  State: "Tennessee", Trump:61.1,Clinton:34.9,  WinPercentage:61.1,Winner:"Trump",  Population : 6346275},
+    {  State: "Texas", Trump:52.6,Clinton:43.4,  WinPercentage:52.6,Winner:"Trump",  Population : 25146105 },
+    {  State: "Utah", Trump:45.9,Clinton:27.8,  WinPercentage:45.9,Winner:"Trump",  Population : 2763888, },
+    {  State: "Vermont",  Trump:39.7,Clinton:61.1,   WinPercentage:61.1,Winner:"Clinton", Population : 625745 },
+    {  State: "Virginia",  Trump:45.0,Clinton:49.9 ,  WinPercentage:49.9,Winner:"Clinton",  Population : 8001045},
+    {  State: "Washington",  Trump:4.1,Clinton:92.8 ,  WinPercentage:92.8,Winner:"Clinton",  Population : 6724543 },
+    {  State: "Wisconsin", Trump:68.7,Clinton:26.5 ,  WinPercentage:68.7,Winner:"Trump",  Population : 5687289},
+    {  State: "West Virginia", Trump:47.9,Clinton:46.9,  WinPercentage:47.9,Winner:"Clinton",  Population : 1853011 },
+    {  State: "Wyoming", Trump:70.1,Clinton:22.5,  WinPercentage:70.1,Winner:"Trump",  Population : 583767 }
+   
+    ];

package/schematics/generators/treemap-legend-interaction/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/treemap-legend-interaction/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });