@syncfusion/ej2-angular-treemap 32.2.3 → 33.1.44

package/CHANGELOG.md

@@ -8,12 +8,6 @@
 
 ## [Unreleased]
 
-### TreeMap
-
-#### Bug Fixes
-
-- `#I800564` - Treemap labels render properly across multiple lines when `<br>` tags are used in `labelFormat`.
-
 ## 18.2.44 (2020-07-07)
 
 ### TreeMap

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@syncfusion/ej2-angular-treemap",
-  "version": "32.2.3",
+  "version": "33.1.44",
   "description": "Essential JS 2 TreeMap Components for Angular",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.2.3",
-    "@syncfusion/ej2-angular-base": "~32.2.3",
-    "@syncfusion/ej2-treemap": "32.2.3"
+    "@syncfusion/ej2-base": "~33.1.44",
+    "@syncfusion/ej2-angular-base": "~33.1.44",
+    "@syncfusion/ej2-treemap": "33.1.44"
   },
   "keywords": [
     "angular",

package/schematics/collection.json

@@ -1,110 +1,11 @@
 {
-  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
-  "schematics": {
-    "ng-add": {
-      "description": "Adds Essential JS 2 specific Angular package to an application",
-      "factory": "./ng-add",
-      "schema": "./ng-add/schema.json"
-    },
-    "treemap-default": {
-      "description": "Create an Angular TreeMap component with default",
-      "factory": "./generators/treemap-default",
-      "schema": "./generators/treemap-default/schema.json"
-    },
-    "treemap-desaturation-color": {
-      "description": "Create an Angular TreeMap component with desaturation colormapping",
-      "factory": "./generators/treemap-desaturation-color",
-      "schema": "./generators/treemap-desaturation-color/schema.json"
-    },
-    "treemap-drilldown": {
-      "description": "Create an Angular TreeMap component with Drilldown",
-      "factory": "./generators/treemap-drilldown",
-      "schema": "./generators/treemap-drilldown/schema.json"
-    },
-    "treemap-equal-color": {
-      "description": "Create an Angular TreeMap component with equal colormapping",
-      "factory": "./generators/treemap-equal-color",
-      "schema": "./generators/treemap-equal-color/schema.json"
-    },
-    "treemap-highlight": {
-      "description": "Create an Angular TreeMap component with Highlight",
-      "factory": "./generators/treemap-highlight",
-      "schema": "./generators/treemap-highlight/schema.json"
-    },
-    "treemap-label-hide": {
-      "description": "Create an Angular TreeMap component with labelMode",
-      "factory": "./generators/treemap-label-hide",
-      "schema": "./generators/treemap-label-hide/schema.json"
-    },
-    "treemap-label-trim": {
-      "description": "Create an Angular TreeMap component with labelMode",
-      "factory": "./generators/treemap-label-trim",
-      "schema": "./generators/treemap-label-trim/schema.json"
-    },
-    "treemap-label-wrap": {
-      "description": "Create an Angular TreeMap component with labelMode",
-      "factory": "./generators/treemap-label-wrap",
-      "schema": "./generators/treemap-label-wrap/schema.json"
-    },
-    "treemap-label-wrapbyword": {
-      "description": "Create an Angular TreeMap component with labelMode",
-      "factory": "./generators/treemap-label-wrapbyword",
-      "schema": "./generators/treemap-label-wrapbyword/schema.json"
-    },
-    "treemap-layout-squarified": {
-      "description": "Create an Angular TreeMap component with layout-squarified",
-      "factory": "./generators/treemap-layout-squarified",
-      "schema": "./generators/treemap-layout-squarified/schema.json"
-    },
-    "treemap-layout-type-four": {
-      "description": "Create an Angular TreeMap component with layout-type-four",
-      "factory": "./generators/treemap-layout-type-four",
-      "schema": "./generators/treemap-layout-type-four/schema.json"
-    },
-    "treemap-layout-type-three": {
-      "description": "Create an Angular TreeMap component with layout-type-three",
-      "factory": "./generators/treemap-layout-type-three",
-      "schema": "./generators/treemap-layout-type-three/schema.json"
-    },
-    "treemap-layout-type-two": {
-      "description": "Create an Angular TreeMap component with layout-type-two",
-      "factory": "./generators/treemap-layout-type-two",
-      "schema": "./generators/treemap-layout-type-two/schema.json"
-    },
-    "treemap-leaf": {
-      "description": "Create an Angular TreeMap component with leaf",
-      "factory": "./generators/treemap-leaf",
-      "schema": "./generators/treemap-leaf/schema.json"
-    },
-    "treemap-legend-default": {
-      "description": "Create an Angular TreeMap component with legendmode",
-      "factory": "./generators/treemap-legend-default",
-      "schema": "./generators/treemap-legend-default/schema.json"
-    },
-    "treemap-legend-interaction": {
-      "description": "Create an Angular TreeMap component with legendmode",
-      "factory": "./generators/treemap-legend-interaction",
-      "schema": "./generators/treemap-legend-interaction/schema.json"
-    },
-    "treemap-level": {
-      "description": "Create an Angular TreeMap component with level",
-      "factory": "./generators/treemap-level",
-      "schema": "./generators/treemap-level/schema.json"
-    },
-    "treemap-range-color": {
-      "description": "Create an Angular TreeMap component with range colormapping",
-      "factory": "./generators/treemap-range-color",
-      "schema": "./generators/treemap-range-color/schema.json"
-    },
-    "treemap-selection": {
-      "description": "Create an Angular TreeMap component with Selection",
-      "factory": "./generators/treemap-selection",
-      "schema": "./generators/treemap-selection/schema.json"
-    },
-    "treemap-tooltip": {
-      "description": "Create an Angular TreeMap component with tooltip",
-      "factory": "./generators/treemap-tooltip",
-      "schema": "./generators/treemap-tooltip/schema.json"
-    }
-  }
-}
+                "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+                "schematics": {
+                  "ng-add": {
+                    "description": "Adds Essential JS 2 specific Angular package to an application",
+                    "factory": "./ng-add",
+                    "schema": "./ng-add/schema.json"
+                  }
+                }
+              }
+              

package/schematics/ng-add/index.ts

@@ -1,10 +1,10 @@
-import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
-import { install } from '@syncfusion/ej2-angular-base/schematics';
-import { OptionsSchema, LibOptionsSchema } from './schema';
-import { Rule } from '@angular-devkit/schematics';
-
-export default function (options: OptionsSchema): Rule {
-	const libOptions: LibOptionsSchema = Object.assign({},
-		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
-	return install(options, libOptions);
-}
+import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
+import { install } from '@syncfusion/ej2-angular-base/schematics';
+import { OptionsSchema, LibOptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+
+export default function (options: OptionsSchema): Rule {
+	const libOptions: LibOptionsSchema = Object.assign({},
+		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
+	return install(options, libOptions);
+}

package/schematics/ng-add/schema.json

@@ -1,34 +1,34 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "ngAdd",
-  "title": "Add Essential JS 2 Angular packages",
-  "type": "object",
-  "properties": {
-    "skipPackageJson": {
-      "type": "boolean",
-      "default": false,
-      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
-    },
-    "modules": {
-      "type": "string",
-      "default": "",
-      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
-    },
-    "modulePath": {
-      "type": "string",
-      "default": "",
-      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
-    },
-    "theme": {
-      "enum": [
-        "material",
-        "fabric",
-        "bootstrap",
-        "highcontrast"
-      ],
-      "default": "material",
-      "description": "Used to change the theme that needs to be imported"
-    }
-  },
-  "required": []
-}
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/ng-add/schema.ts

@@ -1,30 +1,30 @@
-export interface OptionsSchema {
-    // Whether to skip package.json install.
-    skipPackageJson: boolean;
-
-    // Used to specify required module names
-    modules: string;
-
-    // Used to specify custom module path
-    modulePath: string;
-
-    // Used to specify theme name
-    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
-
-    // Name of the project to target.
-    project?: string;
-}
-
-export interface LibOptionsSchema {
-    // Package name
-    pkgName: string;
-
-    // Package version
-    pkgVer: string;
-
-    // Library base module name
-    moduleName: string;
-
-    // Theme version
-    themeVer: string;
-}
+export interface OptionsSchema {
+    // Whether to skip package.json install.
+    skipPackageJson: boolean;
+
+    // Used to specify required module names
+    modules: string;
+
+    // Used to specify custom module path
+    modulePath: string;
+
+    // Used to specify theme name
+    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+
+    // Name of the project to target.
+    project?: string;
+}
+
+export interface LibOptionsSchema {
+    // Package name
+    pkgName: string;
+
+    // Package version
+    pkgVer: string;
+
+    // Library base module name
+    moduleName: string;
+
+    // Theme version
+    themeVer: string;
+}

package/schematics/tsconfig.json

@@ -1,25 +1,25 @@
-{
-    "compilerOptions": {
-        "lib": ["es2017", "dom"],
-        "module": "commonjs",
-        "moduleResolution": "node",
-        "noEmitOnError": false,
-        "skipDefaultLibCheck": true,
-        "skipLibCheck": true,
-        "sourceMap": true,
-        "target": "es6",
-        "declaration": true,
-        "types": [
-            "jasmine",
-            "node"
-        ]
-    },
-    "exclude": [
-        "node_modules",
-        "src",
-        "src/**/*.ts",
-        "spec",
-        "spec/**/*.ts",
-        "@typings"
-    ]
-}
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-treemap";
-export declare const pkgVer = "^25.1.35";
+export declare const pkgVer = "^16.31.24";
 export declare const moduleName = "TreeMapModule";
-export declare const themeVer = "~25.1.35";
+export declare const themeVer = "~16.31.24";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-treemap';
-exports.pkgVer = '^32.2.3';
+exports.pkgVer = '^33.1.44';
 exports.moduleName = 'TreeMapModule';
-exports.themeVer = '~32.2.3';
+exports.themeVer = '~33.1.44';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
-export const pkgName = '@syncfusion/ej2-angular-treemap';
-export const pkgVer = '^32.2.3';
-export const moduleName = 'TreeMapModule';
-export const themeVer = '~32.2.3';
+export const pkgName = '@syncfusion/ej2-angular-treemap';
+export const pkgVer = '^33.1.44';
+export const moduleName = 'TreeMapModule';
+export const themeVer = '~33.1.44';

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

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

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

@@ -1,8 +0,0 @@
-"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-default/index.ts

@@ -1,8 +0,0 @@
-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-default/sample-details.d.ts

@@ -1,5 +0,0 @@
-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-default/sample-details.js

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

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

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

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

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

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

@@ -1,13 +0,0 @@
-<div class="control-section">
-    <div align='center'>
-        <ejs-treemap id='container' #treemap style="display:block;" [titleSettings] = 'titleSettings' [dataSource] ='dataSource' [weightValuePath] ='weightValuePath'
-        [tooltipSettings] = 'tooltipSettings' [palette] ='palette' [legendSettings] = 'legendSettings' [leafItemSettings] = 'leafItemSettings' format='n' useGroupingSeparator="true" (load)='load($event)' (itemClick)='itemClick($event)' (itemMove)='itemMove($event)'  >
-        <e-levels>
-            <e-level groupPath= 'Continent' [border]='border'>
-            </e-level>
-        </e-levels>    
-    </ejs-treemap>
-    </div>
-    </div>
-    
-

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

@@ -1,60 +0,0 @@
-/* eslint-disable */
-import { Component, ViewEncapsulation } from '@angular/core';
-import { TreeMap, TreeMapTooltip, TreeMapLegend } from '@syncfusion/ej2-angular-treemap';
-import { CarSales } from './assets/car-sale';
-import { IItemMoveEventArgs, ILoadEventArgs, TreeMapTheme, IItemClickEventArgs } 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 {
-    public itemMove= (args: IItemMoveEventArgs) => {
-        args.item['data'].Sales = args.item['weight'];
-        args.treemap.tooltipSettings.format = args.item['groupIndex'] === 0 ? 'Country: ${Continent}<br>Sales: ${Sales}' :
-            'Country: ${Continent}<br>Company: ${Company}<br>Sales: ${Sales}';
-    }
-    public itemClick= (args: IItemClickEventArgs) => {
-        args.item['data'].Sales = args.item['weight'];
-        args.treemap.tooltipSettings.format = args.item['groupIndex'] === 0 ? 'Country: ${Continent}<br>Sales: ${Sales}' :
-            'Country: ${Continent}<br>Company: ${Company}<br>Sales: ${Sales}';
-    }
-    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: 'Car Sales by Country - 2017',
-        textStyle: {
-            size: '15px'
-        }
-    };
-     public tooltipSettings: object = {
-        visible: true,
-        format: 'Country: ${Continent}<br>Company: ${Company}<br>Sales: ${Sales}'
-    };
-    public legendSettings: object = {
-        visible: true,
-        position: 'Top',
-        shape: 'Rectangle'
-    };
-    dataSource: object[] = CarSales;
-    weightValuePath: string = 'Sales';
-     palette: string[] = ['#C33764', '#AB3566', '#993367', '#853169', '#742F6A', '#632D6C', '#532C6D', '#412A6F', '#312870', '#1D2671'];
-     leafItemSettings: object = {
-        labelPath: 'Company',
-        border: { color: 'white', width: 0.5 }
-    };
-    border: object = {
-        color: 'white',
-        width: 0.5
-    };
-    constructor() {
-        //code
-    };
-}

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

@@ -1,35 +0,0 @@
-/* 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-default/schema.d.ts

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

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

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