@syncfusion/ej2-treemap 20.3.56 → 20.4.38

package/.eslintrc.json

@@ -6,7 +6,8 @@
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
-        "plugin:jsdoc/recommended"
+        "plugin:jsdoc/recommended",
+        "plugin:security/recommended"
     ],
     "parser": "@typescript-eslint/parser",
     "parserOptions": {
@@ -18,10 +19,24 @@
     "plugins": [
         "@typescript-eslint",
         "@typescript-eslint/tslint",
+        "eslint-plugin-security",
         "jsdoc"
     ],
     "rules": {
         "use-isnan": "error",
+        "security/detect-unsafe-regex":"error",
+        "security/detect-buffer-noassert":"error",
+        "security/detect-child-process":"error",
+        "security/detect-disable-mustache-escape":"error",
+        "security/detect-eval-with-expression":"error",
+        "security/detect-no-csrf-before-method-override":"error",
+        "security/detect-non-literal-fs-filename":"error",
+        "security/detect-non-literal-regexp":"error",
+        "security/detect-non-literal-require":"error",
+        "security/detect-object-injection":"error",
+        "security/detect-possible-timing-attacks":"error",
+        "security/detect-pseudoRandomBytes":"error",
+        "security/detect-new-buffer":"error",
         "@typescript-eslint/no-inferrable-types": "off",
         "@typescript-eslint/ban-types": ["warn", {
             "types": {

package/README.md

@@ -1,69 +1,81 @@
-# ej2-treemap
+# JavaScript TreeMap Control
 
-The tree map control provides a simple and effective way to visualize flat or hierarchical data as clustered rectangles with a specific, weighted attribute determining the size of each rectangle.
+The [JavaScript TreeMap](https://www.syncfusion.com/javascript-ui-controls/js-treemap?utm_source=npm&utm_medium=listing&utm_campaign=javascript-treemap-npm) control provides a simple and effective way to visualize flat or hierarchical data as clustered rectangles with a specific, weighted attribute determining the size of each rectangle.
 
-![TreeMap] (https://ej2.syncfusion.com/products/images/treemap/readme.gif)
+<p align="center">
+    <a href="https://ej2.syncfusion.com/documentation/treemap/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-treemap-npm">Getting started</a> . 
+    <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-treemap-npm#/material/treemap/default.html">Online demos</a> . 
+    <a href="https://www.syncfusion.com/javascript-ui-controls/js-treemap?utm_source=npm&utm_medium=listing&utm_campaign=javascript-treemap-npm">Learn more</a>
+</p>
 
-> TreeMap is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=treemap)
+<p align="center">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-treemap.png" alt="JavaScript TreeMap Control">
+</p>
+
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
 
 ## Setup
 
-To install TreeMap and its dependent packages, use the following command
+To install the TreeMap and its dependent packages, use the following command.
 
 ```sh
 npm install @syncfusion/ej2-treemap
 ```
 
-## Resources
+## Supported frameworks
 
-* [Getting Started](https://ej2.syncfusion.com/documentation/treemap/getting-started.html?lang=typescript)
-* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/default.html)
-* [Product Page](https://www.syncfusion.com/products/javascript/treemap)
+TreeMap control is also offered in the following list of frameworks.
 
-## Supported Frameworks
+| [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
 
-TreeMap component is also offered in following list of frameworks.
+## Showcase samples
 
-1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-treemap?utm_source=npm&utm_campaign=treemap)
-2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-treemap?utm_source=npm&utm_campaign=treemap)
-3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-treemap?utm_source=npm&utm_campaign=treemap)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/TreeMap/Default#/material)
-5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/TreeMap/Default#/material)
-6. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/treemap)
+* Olympic medal categories details - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-treemap-npm#/material/treemap/customization.html)
+* Countries population details - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-treemap-npm#/material/treemap/drilldown.html)
 
-## Use case samples
+## Key features
 
-* Olympic medal categories details ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/customization.html))
-* Countries population details ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/drilldown.html))
+* [Data sources](https://ej2.syncfusion.com/documentation/treemap/data-binding/?utm_source=npm&utm_campaign=javascript-treemap-npm): Binds the treemap control with an array of JSON objects or DataManager. Both hierarchical and flat collection data sources are supported.
+* [Levels](https://ej2.syncfusion.com/documentation/treemap/levels/?utm_source=npm&utm_campaign=javascript-treemap-npm): Renders with any number of levels and items.
+* [Layout](https://ej2.syncfusion.com/documentation/treemap/layout/?utm_source=npm&utm_campaign=javascript-treemap-npm): Supports four types of layouts: square, horizontal, vertical, and auto.
+* [Drill-down](https://ej2.syncfusion.com/documentation/treemap/drilldown/?utm_source=npm&utm_campaign=javascript-treemap-npm): Provides drill-down option to have a closer look at the lower level of a hierarchy.
+* [Data label](https://ej2.syncfusion.com/documentation/treemap/data-label/?utm_source=npm&utm_campaign=javascript-treemap-npm): Provides additional information about the nodes.
+* [Header template](https://ej2.syncfusion.com/documentation/treemap/levels/?utm_source=npm&utm_campaign=javascript-treemap-npm#header-template-and-position): Uses any custom HTML element to customize the header of each item.
+* [Label template](https://ej2.syncfusion.com/documentation/treemap/data-label/?utm_source=npm&utm_campaign=javascript-treemap-npm#template): Uses any custom HTML element to customize the data label for each node.
+* [Color mapping](https://ej2.syncfusion.com/documentation/treemap/color-mapping/?utm_source=npm&utm_campaign=javascript-treemap-npm): Applies colors to the nodes based on various conditions. Treemap supports three types of color mapping: range, equal, and desaturation.
+* [Legend](https://ej2.syncfusion.com/documentation/treemap/legend/?utm_source=npm&utm_campaign=javascript-treemap-npm): Provide useful information for conveying what the treemap showcases. 
+* [Selection and highlight](https://ej2.syncfusion.com/documentation/treemap/selection-and-highlight/?utm_source=npm&utm_campaign=javascript-treemap-npm): Support selecting or highlighting the nodes to bring center of attraction.
+* [Tooltip](https://ej2.syncfusion.com/documentation/treemap/tooltip/?utm_source=npm&utm_campaign=javascript-treemap-npm): Provides additional information about the node on hover.
+* [Print and Export](https://ej2.syncfusion.com/documentation/treemap/print-and-export/?utm_source=npm&utm_campaign=javascript-treemap-npm): Prints or exports the rendered treemap to a desired format. Exporting supports four formats: PDF, PNG, JPEG and SVG.
+* [Globalization](https://ej2.syncfusion.com/documentation/treemap/internationalization/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-treemap-npm): Personalize the treemap control with different languages, as well as culture-specific number, date and time formatting.
+* [Accessibility](https://ej2.syncfusion.com/documentation/treemap/accessibility/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-treemap-npm): Provides with built-in accessibility support which helps to access all the treemap control features through the keyboard, screen readers, or other assistive technology devices.
 
-## Key Features
+## Support
 
-* [**Data sources**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/pie.html) - Binds the tree map component with an array of JSON objects or DataManager. Both the heirarcical and flat collection data sources are supported.
-* [**Levels**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/default.html) - Renders with any number of levels and items.
-* [**Layout**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/layout.html) - Supports four types of layouts: square, horizontal, vertical, and auto.
-* [**Drill-down**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/drilldown.html) - Provides drill-down option to have a closer look at the lower level of a hierarchy.
-* [**Data label**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/label.html) - Provides additional information about the nodes.
-* [**Label template**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/customization.html) - Uses any custom HTML element as data label for each node.
-* [**Color mapping**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/label.html) - Applies colors to the nodes based on various conditions. Tree map supports three types of color mapping: range, equal, and desaturation.
-* [**Legend**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/election.html) - Denotes the color mapping categories.
-* [**Selection and Highlight**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/selection.html) - Supports selecting or highlighting the nodes to bring center of attraction.
-* [**Tooltip**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/tooltip.html) - Provides additonal information about the nodes on mouse hover.
-* [**Print and Export**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/print.html) - Provides options to print and export the rendered tree map for future use.
+Product support is available through the following mediums.
 
-## Support
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=javascript-treemap-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/javascript?utm_source=npm&utm_medium=listing&utm_campaign=javascript-treemap-npm)
+* Live chat
 
-Product support is available for through following mediums.
+## Changelog
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=treemap) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=treemap).
-* New [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/treemap/CHANGELOG.md?utm_source=npm&utm_campaign=javascript-treemap-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
 
-## License
+## License and copyright
 
-Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/treemap/license?utm_source=npm&utm_campaign=treemap).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this control, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
 
-## Changelog
+> A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
 
-Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/treemap/CHANGELOG.md?utm_source=npm&utm_campaign=treemap)
+See [LICENSE FILE](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=javascript-treemap-npm) for more info.
 
 © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.