@syncfusion/ej2-angular-treemap 31.2.12-ngcc → 32.1.19-ngcc

package/schematics/generators/treemap-range-color/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "treemap-range-color",
+  "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-range-color"
+}

package/schematics/generators/treemap-range-color/schema.ts

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

package/schematics/generators/treemap-selection/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-selection/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-selection/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-selection/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-selection/sample-details.js

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

package/schematics/generators/treemap-selection/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'treemap';
+export const sampleName: string = 'selection';
+export const diModules: string =  'TreeMapHighlight,TreeMapSelection';
+export const packageName: string = '@syncfusion/ej2-angular-treemap';
+export const libModules: string = 'TreeMapModule';

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

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

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

@@ -0,0 +1,11 @@
+<div class="control-section">
+            <ejs-treemap id='container' #treemap style="display:block;" [dataSource] ='dataSource' [highlightSettings] = 'highlightSettings'
+            [weightValuePath] ='weightValuePath' [titleSettings] = 'titleSettings' [leafItemSettings] = 'leafItemSettings' [selectionSettings] = 'selectionSettings'
+          (load)='load($event)' >
+         <e-levels>
+            <e-level groupPath= 'dataType' fill= '#c5e2f7' headerAlignment= 'Center' groupGap= 5  [headerStyle] ='headerStyle'> </e-level>
+            <e-level groupPath= 'product' fill= '#a4d1f2' headerAlignment= 'Center'  groupGap= 2>  </e-level> 
+             </e-levels>      
+        </ejs-treemap>
+            
+        </div>

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

@@ -0,0 +1,64 @@
+/* eslint-disable */
+import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
+import { TreeMap, TreeMapHighlight, TreeMapSelection, HighLightMode, SelectionMode } from '@syncfusion/ej2-angular-treemap';
+
+import { ILoadEventArgs, TreeMapTheme } from '@syncfusion/ej2-angular-treemap';
+TreeMap.Inject(TreeMapHighlight, TreeMapSelection);
+
+@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: 'Import and Export details of US'
+};
+selectionSettings: object = {
+    enable: true,
+    fill: '#58a0d3',
+    border: { width: 0.3, color: 'black' },
+    opacity: '1'
+};
+    leafItemSettings: object = {
+        labelPath: 'type',
+        fill: '#8ebfe2',
+        labelPosition: 'Center',
+        gap: 10
+    };
+    dataSource: object[] =  [
+        { dataType: 'Import', type: 'Animal products', product: '2010', sales: 20839332874 },
+        { dataType: 'Import', type: 'Animal products',   product: '2011', sales: 23098635589 },
+        { dataType: 'Import', type: 'Chemical products', product: '2010', sales: 141637951510 },
+        { dataType: 'Import', type: 'Chemical products', product: '2011', sales: 161550338209 },
+        { dataType: 'Import', type: 'Base metals',  product: '2010', sales: 86079439944 },
+        { dataType: 'Import', type: 'Base metals', product: '2011', sales: 103821671535 },
+        { dataType: 'Import', type: 'Textile articles',  product: '2010', sales: 97126140830 },
+        { dataType: 'Import', type: 'Textile articles', product: '2011', sales: 104980750811 },
+        { dataType: 'Export', type: 'Animal products',   product: '2010', sales:  15845503378 },
+        { dataType: 'Export', type: 'Animal products',   product: '2011', sales:  20650111620 },
+        { dataType: 'Export', type: 'Chemical products', product: '2010', sales: 136100054087 },
+        { dataType: 'Export', type: 'Chemical products', product: '2011', sales: 146341672411 },
+        { dataType: 'Export', type: 'Base metals', product: '2010', sales: 59060592813 },
+        { dataType: 'Export', type: 'Base metals', product: '2011', sales: 71785882641 },
+        { dataType: 'Export', type: 'Textile articles', product: '2010', sales: 20982380561 },
+        { dataType: 'Export', type: 'Textile articles', product: '2011', sales: 26016143783 }
+];
+    weightValuePath: string = 'sales';
+    headerStyle: object = {
+        size: '16px'
+    };
+    
+constructor() {
+    //code
+};
+
+    };

package/schematics/generators/treemap-selection/samples/__path__/__name@dasherize@if-flat__/assets/car-sale.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+export let CarSales: object[] = [
+    {Continent: "China", Company: "Volkswagen", Sales: 3005994 },
+    {Continent: "China", Company: "General Motors", Sales: 1230044 },
+    {Continent: "China", Company: "Honda", Sales: 1197023 },
+    {Continent: "United States", Company: "General Motors", Sales:3042775  },
+    {Continent: "United States", Company: "Ford", Sales:2599193  },
+    {Continent: "United States", Company: "Toyota", Sales:2449587  },
+    {Continent: "Japan",Company: "Toyota", Sales:1527977  },
+    {Continent: "Japan", Company: "Honda", Sales:706982 },
+    {Continent: "Japan", Company: "Suzuki", Sales:623041  },
+    {Continent: "Germany",Company: "Volkswagen", Sales:655977  },
+    {Continent: "Germany", Company: "Mercedes", Sales:310845  },
+    {Continent: "Germany", Company: "BMW", Sales:261931  },
+    { Continent: "United Kingdom", Company: "Ford ", Sales:319442  },
+	{Continent: "United Kingdom", Company: "Vauxhall", Sales: 251146 },
+    { Continent: "United Kingdom", Company: "Volkswagen", Sales:206994  },
+    {Continent: "India", Company: "Maruti Suzuki", Sales:1443654  },
+     {Continent: "India", Company: "Hyundai", Sales:476241  },
+    {Continent: "India", Company: "Mahindra", Sales:205041  },
+    {Continent: "France", Company: "Renault", Sales:408183 },
+    {Continent: "France", Company: "Peugeot", Sales:336242 },
+    {Continent: "France", Company: "Citroen", Sales:194986  },
+    { Continent: "Brazil", Company: "Flat Chrysler", Sales:368842  },
+    { Continent: "Brazil", Company: "General Motors", Sales: 348351 },
+    { Continent: "Brazil", Company: "Volkswagen", Sales: 245895 },
+    {Continent: "Italy", Company: "Flat Chrysler", Sales:386260  },
+    {Continent: "Italy", Company: "Volkswagen", Sales: 138984 },
+    {Continent: "Italy", Company: "Ford", Sales: 125144 },
+    {Continent: "Canada", Company: "Ford", Sales:305086},
+    {Continent: "Canada", Company: "FCA", Sales:278011 },
+    {Continent: "Canada", Company: "GM", Sales: 266884 },
+       
+
+]

package/schematics/generators/treemap-selection/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-selection/schema.js

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

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

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "treemap-selection",
+  "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-selection"
+}

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

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

package/schematics/generators/treemap-tooltip/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-tooltip/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-tooltip/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-tooltip/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-tooltip/sample-details.js

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

package/schematics/generators/treemap-tooltip/sample-details.ts

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

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

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

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

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

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

@@ -0,0 +1,90 @@
+/* eslint-disable */
+import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
+import { TreeMap, TreeMapTooltip, TreeMapLegend} from '@syncfusion/ej2-angular-treemap';
+import { Airport_Count } from './assets/airport-count';
+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: 'Country wise International Airport count in South America',
+        textStyle: {
+            size: '15px'
+        }
+    };
+        tooltipSettings: object = {
+            visible: true,
+            template: '<div id="Tooltip"><div id="displayAirports" style=" border: 1px #0a0a0a;">' +
+            '<div id="airplaneicon" style="float:left;height:32px;width:32px; border: 1px black;"></div>' +
+            '<div id="value" style="float:left;"><span id="label" style="margin-left: -5px;">Airports:</span>' +
+            '<b style="margin-left: 5px">${Count}</b></div></div></div>'
+        };
+        dataSource: object[] = Airport_Count;
+        weightValuePath: string = 'Count';
+        equalColorValuePath: string = 'Count';
+        legendSettings: object = {
+            visible: true,
+            position: 'Top',
+            shape: 'Rectangle'
+        };
+        leafItemSettings: object = {
+            showLabels: true,
+            labelPath: 'State',
+            labelPosition: 'Center',
+            labelStyle: {
+                size: '13px'
+            },
+            fill: '#6699cc',
+            border: { width: 1, color: 'white'},
+            colorMapping: [
+                {
+                    value: '25',
+                    color: '#634D6F'
+                },
+                {
+                    value: '12',
+                    color: '#B34D6D'
+                },
+                {
+                    value: '9',
+                    color: '#557C5C'
+                },
+                {
+                    value: '7',
+                    color: '#44537F'
+                },
+                {
+                    value: '6',
+                    color: '#637392'
+                },
+                {
+                    value: '3',
+                    color: '#7C754D'
+                },
+                {
+                    value: '2',
+                    color: '#2E7A64'
+                },
+                {
+                    value: '1',
+                    color: '#95659A'
+                },
+            ]
+        };
+        constructor() {
+            //code
+          }
+};

package/schematics/generators/treemap-tooltip/samples/__path__/__name@dasherize@if-flat__/assets/airport-count.ts

@@ -0,0 +1,21 @@
+/**
+ * Airport count
+ */
+/* eslint-disable */
+export let Airport_Count: Object[] = [
+    {Title: 'Country wise International Airport count in South America', State: "Argentina", Count: 9},
+    {Title: 'Country wise International Airport count in South America', State: "Bolivia", Count: 2},
+    {Title: 'Country wise International Airport count in South America', State: "Brazil", Count: 25},
+    {Title: 'Country wise International Airport count in South America', State: "Chile", Count: 6},
+    {Title: 'Country wise International Airport count in South America', State: "Colombia", Count: 12},
+    {Title: 'Country wise International Airport count in South America', State: "Ecuador", Count: 7},
+    {Title: 'Country wise International Airport count in South America', State: "Falkland Islands", Count: 1},
+    {Title: 'Country wise International Airport count in South America', State: "French Guiana", Count: 1},
+    {Title: 'Country wise International Airport count in South America', State: "Guyana", Count: 1},
+    {Title: 'Country wise International Airport count in South America', State: "Paraguay", Count: 2},
+    {Title: 'Country wise International Airport count in South America', State: "Peru", Count: 3},
+    {Title: 'Country wise International Airport count in South America', State: "Suriname", Count: 1},
+    {Title: 'Country wise International Airport count in South America', State: "Uruguay", Count: 2},
+    {Title: 'Country wise International Airport count in South America', State: "Venezuela", Count: 3},
+
+    ]

package/schematics/generators/treemap-tooltip/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-tooltip/schema.js

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