@syncfusion/ej2-vue-heatmap - npm Package Compare versions

Comparing version 16.3.34 to 16.4.40-beta

CHANGELOG.md

@@ -5,2 +5,15 @@ # Changelog
 
+### HeatMap
+
+#### New Features
+
+- Support for toggling the cell visibility with legend selection has been added for fixed type legend in heat map. This support helps to view the data points with values which matches the legend selection.
+- Multi-level axis label grouping feature has been added to heat map.
+- Cell selection feature has been added to heat map, this feature helps to select single or multiple heat map cells at run-time.
+- Support for binding date object to axis labels for cell JSON data has been provided.
+- Support for auto generating axis labels for cell JSON data has been provided.
+- Provided support for formatting legend label in heat map.
+- Provided support for customizing the cell tool tip UI.
+- Provided support for customizing the data labels.
+
 ## 16.3.27 (2018-10-23)
@@ -7,0 +20,0 @@

dist/ej2-vue-heatmap.umd.min.js

 /*!
 *  filename: ej2-vue-heatmap.umd.min.js
-*  version : 16.3.34
+*  version : 16.4.40-beta
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -12,3 +12,3 @@ *  Use of this code is subject to the terms of our license.
 *  filename: ej2-vue-heatmap.umd.min.js
-*  version : 16.3.30
+*  version : 16.3.21
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -21,3 +21,3 @@ *  Use of this code is subject to the terms of our license.
 
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-heatmap"),require("@syncfusion/ej2-vue-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-heatmap","@syncfusion/ej2-vue-base"],t):t(e.ej={},e.ej2Heatmap,e.ej2VueBase)}(this,function(e,t,n){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),r=function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=["cellSettings","dataSource","enablePersistence","enableRtl","height","legendSettings","locale","margin","paletteSettings","renderingMode","showTooltip","theme","titleSettings","width","xAxis","yAxis","cellClick","created","load","tooltipRender"],a=[],s=function(e){function s(){var n=e.call(this)||this;return n.propKeys=i,n.models=a,n.hasChildDirective=!0,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.HeatMap({}),n.bindProperties(),n}return o(s,e),s.prototype.render=function(e){return e("div",this.$slots.default)},s.prototype.heatMapMouseClick=function(e){return this.ej2Instances.heatMapMouseClick(e)},s.prototype.refresh=function(){return this.ej2Instances.refresh()},s=r([n.EJComponentDecorator({props:i})],s)}(n.ComponentBase),c={name:"ejs-heatmap",install:function(e){e.component(c.name,s)}};e.HeatMapComponent=s,e.HeatMapPlugin=c,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-heatmap"),require("@syncfusion/ej2-vue-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-heatmap","@syncfusion/ej2-vue-base"],t):t(e.ej={},e.ej2Heatmap,e.ej2VueBase)}(this,function(e,t,n){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),r=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},i=["cellSelected","allowSelection","cellSettings","dataSource","enablePersistence","enableRtl","height","legendSettings","locale","margin","paletteSettings","renderingMode","showTooltip","theme","titleSettings","tooltipSettings","width","xAxis","yAxis","cellClick","cellRender","created","load","tooltipRender"],c=[],s=function(e){function s(){var n=e.call(this)||this;return n.propKeys=i,n.models=c,n.hasChildDirective=!0,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.HeatMap({}),n.bindProperties(),n}return o(s,e),s.prototype.render=function(e){return e("div",this.$slots.default)},s.prototype.clearSelection=function(){return this.ej2Instances.clearSelection()},s.prototype.heatMapMouseClick=function(e){return this.ej2Instances.heatMapMouseClick(e)},s.prototype.refresh=function(){return this.ej2Instances.refresh()},s.prototype.refreshBound=function(){return this.ej2Instances.refreshBound()},s=r([n.EJComponentDecorator({props:i})],s)}(n.ComponentBase),a={name:"ejs-heatmap",install:function(e){e.component(a.name,s)}};e.HeatMapComponent=s,e.HeatMapPlugin=a,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-heatmap.umd.min.js.map

dist/es6/ej2-vue-heatmap.es2015.js

@@ -10,3 +10,3 @@ import { HeatMap } from '@syncfusion/ej2-heatmap';
 };
-const properties = ['cellSettings', 'dataSource', 'enablePersistence', 'enableRtl', 'height', 'legendSettings', 'locale', 'margin', 'paletteSettings', 'renderingMode', 'showTooltip', 'theme', 'titleSettings', 'width', 'xAxis', 'yAxis', 'cellClick', 'created', 'load', 'tooltipRender'];
+const properties = ['cellSelected', 'allowSelection', 'cellSettings', 'dataSource', 'enablePersistence', 'enableRtl', 'height', 'legendSettings', 'locale', 'margin', 'paletteSettings', 'renderingMode', 'showTooltip', 'theme', 'titleSettings', 'tooltipSettings', 'width', 'xAxis', 'yAxis', 'cellClick', 'cellRender', 'created', 'load', 'tooltipRender'];
 const modelProps = [];
@@ -34,2 +34,5 @@ /**
     }
+    clearSelection() {
+        return this.ej2Instances.clearSelection();
+    }
     heatMapMouseClick(e) {
@@ -41,2 +44,5 @@ return this.ej2Instances.heatMapMouseClick(e);
     }
+    refreshBound() {
+        return this.ej2Instances.refreshBound();
+    }
 };
@@ -43,0 +49,0 @@ HeatMapComponent = __decorate([

dist/es6/ej2-vue-heatmap.es5.js

@@ -23,3 +23,3 @@ import { HeatMap } from '@syncfusion/ej2-heatmap';
 };
-var properties = ['cellSettings', 'dataSource', 'enablePersistence', 'enableRtl', 'height', 'legendSettings', 'locale', 'margin', 'paletteSettings', 'renderingMode', 'showTooltip', 'theme', 'titleSettings', 'width', 'xAxis', 'yAxis', 'cellClick', 'created', 'load', 'tooltipRender'];
+var properties = ['cellSelected', 'allowSelection', 'cellSettings', 'dataSource', 'enablePersistence', 'enableRtl', 'height', 'legendSettings', 'locale', 'margin', 'paletteSettings', 'renderingMode', 'showTooltip', 'theme', 'titleSettings', 'tooltipSettings', 'width', 'xAxis', 'yAxis', 'cellClick', 'cellRender', 'created', 'load', 'tooltipRender'];
 var modelProps = [];
@@ -49,2 +49,5 @@ /**
     };
+    HeatMapComponent.prototype.clearSelection = function () {
+        return this.ej2Instances.clearSelection();
+    };
     HeatMapComponent.prototype.heatMapMouseClick = function (e) {
@@ -56,2 +59,5 @@ return this.ej2Instances.heatMapMouseClick(e);
     };
+    HeatMapComponent.prototype.refreshBound = function () {
+        return this.ej2Instances.refreshBound();
+    };
     HeatMapComponent = __decorate([
@@ -58,0 +64,0 @@ EJComponentDecorator({

package.json

 {
   "name": "@syncfusion/ej2-vue-heatmap",
-  "version": "16.3.34",
+  "version": "16.4.40-beta",
   "description": "Feature rich data visulization control used to visualize the matrix data where the individual values are represented as colors for Vue",
@@ -29,5 +29,5 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.3.34",
-    "@syncfusion/ej2-vue-base": "~16.3.34",
-    "@syncfusion/ej2-heatmap": "16.3.34"
+    "@syncfusion/ej2-base": "~16.4.40-beta",
+    "@syncfusion/ej2-vue-base": "~16.4.40-beta",
+    "@syncfusion/ej2-heatmap": "16.4.40-beta"
   },
@@ -34,0 +34,0 @@ "devDependencies": {

src/heatmap/heatmap.component.d.ts

@@ -22,4 +22,6 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     render(createElement: any): any;
+    clearSelection(): void;
     heatMapMouseClick(e: Object): boolean;
     refresh(): void;
+    refreshBound(): void;
 }
@@ -26,0 +28,0 @@ export declare const HeatMapPlugin: {

src/heatmap/heatmap.component.js

@@ -22,3 +22,3 @@ var __extends = (this && this.__extends) || (function () {
 import { HeatMap } from '@syncfusion/ej2-heatmap';
-export var properties = ['cellSettings', 'dataSource', 'enablePersistence', 'enableRtl', 'height', 'legendSettings', 'locale', 'margin', 'paletteSettings', 'renderingMode', 'showTooltip', 'theme', 'titleSettings', 'width', 'xAxis', 'yAxis', 'cellClick', 'created', 'load', 'tooltipRender'];
+export var properties = ['cellSelected', 'allowSelection', 'cellSettings', 'dataSource', 'enablePersistence', 'enableRtl', 'height', 'legendSettings', 'locale', 'margin', 'paletteSettings', 'renderingMode', 'showTooltip', 'theme', 'titleSettings', 'tooltipSettings', 'width', 'xAxis', 'yAxis', 'cellClick', 'cellRender', 'created', 'load', 'tooltipRender'];
 export var modelProps = [];
@@ -48,2 +48,5 @@ /**
     };
+    HeatMapComponent.prototype.clearSelection = function () {
+        return this.ej2Instances.clearSelection();
+    };
     HeatMapComponent.prototype.heatMapMouseClick = function (e) {
@@ -55,2 +58,5 @@ return this.ej2Instances.heatMapMouseClick(e);
     };
+    HeatMapComponent.prototype.refreshBound = function () {
+        return this.ej2Instances.refreshBound();
+    };
     HeatMapComponent = __decorate([
@@ -57,0 +63,0 @@ EJComponentDecorator({

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

39742

9.16%

Lines of code

288

7.87%

Worsened metrics

Number of low quality alerts

3

50%

Dependency changes

• + Added

  @syncfusion/ej2-base@16.4.52
  (transitive)

• + Added

  @syncfusion/ej2-data@16.4.52
  (transitive)

• + Added

  @syncfusion/ej2-heatmap@16.4.40-beta
  (transitive)

• + Added

  @syncfusion/ej2-svg-base@16.4.54
  (transitive)

• + Added

  @syncfusion/ej2-vue-base@16.4.52
  (transitive)

• + Added

  vue@2.5.21
  (transitive)

• - Removed

  @babel/helper-string-parser@7.25.9
  (transitive)

• - Removed

  @babel/helper-validator-identifier@7.25.9
  (transitive)

• - Removed

  @babel/parser@7.27.0
  (transitive)

• - Removed

  @babel/types@7.27.0
  (transitive)

• - Removed

  @syncfusion/ej2-base@16.3.34
  (transitive)

• - Removed

  @syncfusion/ej2-data@16.3.34
  (transitive)

• - Removed

  @syncfusion/ej2-heatmap@16.3.34
  (transitive)

• - Removed

  @syncfusion/ej2-svg-base@16.3.34
  (transitive)

• - Removed

  @syncfusion/ej2-vue-base@16.3.34
  (transitive)

• - Removed

  @vue/compiler-sfc@2.7.16
  (transitive)

• - Removed

  csstype@3.1.3
  (transitive)

• - Removed

  nanoid@3.3.11
  (transitive)

• - Removed

  picocolors@1.1.1
  (transitive)

• - Removed

  postcss@8.5.3
  (transitive)

• - Removed

  prettier@2.8.8
  (transitive)

• - Removed

  source-map@0.6.1
  (transitive)

• - Removed

  source-map-js@1.2.1
  (transitive)

• - Removed

  vue@2.7.16
  (transitive)

• Updated

  @syncfusion/ej2-base@~16.4.40-beta

• Updated

  @syncfusion/ej2-heatmap@16.4.40-beta

• Updated

  @syncfusion/ej2-vue-base@~16.4.40-beta