v19.1.54 is released

Author: pipeline

components/barcodegenerator/CHANGELOG.md

@@ -2,14 +2,6 @@
 
 ## [Unreleased]
 
-## 18.4.49 (2021-03-23)
-
-### Barcode
-
-#### Bug Fixes
-
-- `#316606` - "UPC-A does not render some code value" issue has been fixed.
-
 ## 18.4.30 (2020-12-17)
 
 ### Barcode

components/barcodegenerator/README.md

@@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-vue-barcode-generator)](https://www.npmjs.com/package/@syncfusion/ej2-vue-barcode-generator)
-
 # Changelog
 
 ## [Unreleased]

components/barcodegenerator/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-barcode-generator",
-	"version": "18.4.39",
+	"version": "18.4.2",
 	"description": "Barcode generator component is a pure JavaScript library which will convert a string to Barcode and show it to the user. This supports major 1D and 2D barcodes including coda bar, code 128, QR Code. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/CHANGELOG.md

@@ -2,22 +2,6 @@
 
 ## [Unreleased]
 
-## 18.4.49 (2021-03-23)
-
-### Common
-
-#### Bug Fixes
-
-- `I285745` - Resolved null date value while intial value assigned dynamically.
-
-## 18.4.34 (2021-01-12)
-
-### Common
-
-#### Bug Fixes
-
-- `I307971` - Resolved data accessing issue in templates.
-
 ## 17.4.47 (2020-02-05)
 
 ### Common

components/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-base",
-	"version": "18.4.39",
+	"version": "17.4.51",
 	"description": "A common package of Essential JS 2 base Vue libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/src/template.ts

@@ -21,7 +21,7 @@ export function compile(templateElement: any, helper?: Object):
             if(context){
                 let templateFunction: any = tempObj.template;
                 let propsData: any = getValue('template.propsData',tempObj);
-                let dataObj: any = { 'data': { data:  extend(tempObj.data || {}, data) }, parent: context.vueInstance};
+                let dataObj: any = { 'data': { data: extend(tempObj.data || {}, data) }, parent: context.vueInstance};
                 if (propsData) {
                     templateFunction = tempObj.template.extends;
                     dataObj.propsData = propsData;

components/buttons/CHANGELOG.md

@@ -2,14 +2,6 @@
 
 ## [Unreleased]
 
-## 18.4.49 (2021-03-23)
-
-### RadioButton
-
-#### Bug Fixes
-
-- Two way binding issue resolved.
-
 ## 18.4.44 (2021-02-23)
 
 ### CheckBox

components/buttons/README.md

@@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-vue-buttons)](https://www.npmjs.com/package/@syncfusion/ej2-vue-buttons)
-
 # ej2-vue-buttons
 
 A package of Syncfusion Vue UI Components (Essential JS 2) Button, CheckBox, RadioButton and Switch.

components/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-buttons",
-	"version": "18.4.44",
+	"version": "18.2.44",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/calendars/README.md

@@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-vue-calendars)](https://www.npmjs.com/package/@syncfusion/ej2-vue-calendars)
-
 # ej2-vue-calendars
 
 The calendar package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events. It also has documentation and support available under commercial and community licenses. Please visit [www.syncfusion.com](https://www.syncfusion.com/) to get started.

components/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-calendars",
-	"version": "18.4.48",
+	"version": "17.2.48",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/charts/CHANGELOG.md

@@ -2,24 +2,20 @@
 
 ## [Unreleased]
 
-## 18.4.48 (2021-03-16)
+## 19.1.54 (2021-03-30)
 
 ### Chart
 
-#### Bug Fixes
-
-- `#304737` - Remove child of null console error thrown while using canvas mode issue has been fixed.
-- `#F157327` - Fixed the data labels are overlapped issue in chart.
-- `#314894` - Stripline is not working in datetime for core platform issue fixed.
-- `#F162046` - Dynamic indicator change using useState issue resolved.
-
-## 18.4.47 (2021-03-09)
+#### New Features
 
-### Chart
+- Range color mapping feature added.
 
 #### Bug Fixes
 
 - `#313827` - Fixed stripline fails issue on canvas mode.
+- `#304737` - Remove child of null console error thrown while using canvas mode issue has been fixed.
+- `#314894` - Stripline is not working in datetime for core platform issue fixed.
+- `#F162046` - Dynamic indicator change using useState issue resolved.
 
 ## 18.4.46 (2021-03-02)
 

components/charts/README.md

@@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-vue-charts)](https://www.npmjs.com/package/@syncfusion/ej2-vue-charts)
-
 # ej2-vue-charts
 The Chart control is used to visualize the data with user interactivity and provides customizing options to configure the data visually. It can bind data from  datasource such as array of JSON objects , `OData web services` or
 [DataManager](http://ej2.syncfusion.com/vue/documentation/data/?utm_source=npm&utm_campaign=chart). All chart elements are rendered using Scalable Vector Graphics (SVG).

components/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-charts",
-	"version": "18.4.48",
+	"version": "17.2.48",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/charts/src/chart/chart.component.ts

@@ -11,12 +11,13 @@ import { MultiLevelLabelsDirective, MultiLevelLabelDirective, MultiLevelLabelsPl
 import { AxesDirective, AxisDirective, AxesPlugin, AxisPlugin } from './axes.directive'
 import { RowsDirective, RowDirective, RowsPlugin, RowPlugin } from './rows.directive'
 import { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive'
+import { RangeColorSettingsDirective, RangeColorSettingDirective, RangeColorSettingsPlugin, RangeColorSettingPlugin } from './rangecolorsettings.directive'
 import { AnnotationsDirective, AnnotationDirective, AnnotationsPlugin, AnnotationPlugin } from './annotations.directive'
 import { SelectedDataIndexesDirective, SelectedDataIndexDirective, SelectedDataIndexesPlugin, SelectedDataIndexPlugin } from './selecteddataindexes.directive'
 import { IndicatorsDirective, IndicatorDirective, IndicatorsPlugin, IndicatorPlugin } from './indicators.directive'
 
 
-export const properties: string[] = ['allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'height', 'highlightMode', 'highlightPattern', 'indicators', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'palettes', 'primaryXAxis', 'primaryYAxis', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'tabIndex', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'zoomSettings', 'afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete'];
+export const properties: string[] = ['allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'height', 'highlightMode', 'highlightPattern', 'indicators', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'palettes', 'primaryXAxis', 'primaryYAxis', 'rangeColorSettings', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'tabIndex', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'zoomSettings', 'afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete'];
 export const modelProps: string[] = ['dataSource'];
 
 /**
@@ -38,8 +39,8 @@ export class ChartComponent extends ComponentBase {
     public models: string[] = modelProps;
     public hasChildDirective: boolean = true;
     protected hasInjectedModules: boolean = true;
-    public tagMapper: { [key: string]: Object } = {"e-series-collection":{"e-series":{"e-trendlines":"e-trendline","e-segments":"e-segment"}},"e-axes":{"e-axis":{"e-striplines":"e-stripline","e-multilevellabels":{"e-multilevellabel":{"e-categories":"e-category"}}}},"e-rows":"e-row","e-columns":"e-column","e-annotations":"e-annotation","e-selecteddataindexes":"e-selecteddataindex","e-indicators":"e-indicator"};
-    public tagNameMapper: Object = {"e-series-collection":"e-series","e-striplines":"e-stripLines","e-multilevellabels":"e-multiLevelLabels","e-selecteddataindexes":"e-selectedDataIndexes"};
+    public tagMapper: { [key: string]: Object } = {"e-series-collection":{"e-series":{"e-trendlines":"e-trendline","e-segments":"e-segment"}},"e-axes":{"e-axis":{"e-striplines":"e-stripline","e-multilevellabels":{"e-multilevellabel":{"e-categories":"e-category"}}}},"e-rows":"e-row","e-columns":"e-column","e-rangecolorsettings":"e-rangecolorsetting","e-annotations":"e-annotation","e-selecteddataindexes":"e-selecteddataindex","e-indicators":"e-indicator"};
+    public tagNameMapper: Object = {"e-series-collection":"e-series","e-striplines":"e-stripLines","e-multilevellabels":"e-multiLevelLabels","e-rangecolorsettings":"e-rangeColorSettings","e-selecteddataindexes":"e-selectedDataIndexes"};
 
     constructor() {
         super();
@@ -160,6 +161,8 @@ export const ChartPlugin = {
         Vue.component(RowsPlugin.name, RowsDirective);
         Vue.component(ColumnPlugin.name, ColumnDirective);
         Vue.component(ColumnsPlugin.name, ColumnsDirective);
+        Vue.component(RangeColorSettingPlugin.name, RangeColorSettingDirective);
+        Vue.component(RangeColorSettingsPlugin.name, RangeColorSettingsDirective);
         Vue.component(AnnotationPlugin.name, AnnotationDirective);
         Vue.component(AnnotationsPlugin.name, AnnotationsDirective);
         Vue.component(SelectedDataIndexPlugin.name, SelectedDataIndexDirective);

components/charts/src/chart/index.ts

@@ -7,6 +7,7 @@ export { MultiLevelLabelsDirective, MultiLevelLabelDirective, MultiLevelLabelsPl
 export { AxesDirective, AxisDirective, AxesPlugin, AxisPlugin } from './axes.directive';
 export { RowsDirective, RowDirective, RowsPlugin, RowPlugin } from './rows.directive';
 export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';
+export { RangeColorSettingsDirective, RangeColorSettingDirective, RangeColorSettingsPlugin, RangeColorSettingPlugin } from './rangecolorsettings.directive';
 export { AnnotationsDirective, AnnotationDirective, AnnotationsPlugin, AnnotationPlugin } from './annotations.directive';
 export { SelectedDataIndexesDirective, SelectedDataIndexDirective, SelectedDataIndexesPlugin, SelectedDataIndexPlugin } from './selecteddataindexes.directive';
 export { IndicatorsDirective, IndicatorDirective, IndicatorsPlugin, IndicatorPlugin } from './indicators.directive';

components/charts/src/chart/rangecolorsettings.directive.ts

@@ -0,0 +1,29 @@
+import Vue from 'vue';
+import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
+
+@EJComponentDecorator({})
+export class RangeColorSettingsDirective extends Vue {
+    public render(): void {
+        return;
+    }
+}
+export const RangeColorSettingsPlugin = {
+    name: 'e-rangecolorsettings',
+    install(Vue: any) {
+        Vue.component(RangeColorSettingsPlugin.name, RangeColorSettingsDirective);
+    }
+}
+
+
+@EJComponentDecorator({})
+export class RangeColorSettingDirective extends Vue {
+    public render(): void {
+        return;
+    }
+}
+export const RangeColorSettingPlugin = {
+    name: 'e-rangecolorsetting',
+    install(Vue: any) {
+        Vue.component(RangeColorSettingPlugin.name, RangeColorSettingDirective);
+    }
+}

components/charts/src/index.ts

@@ -8,6 +8,7 @@ export { MultiLevelLabelsDirective, MultiLevelLabelDirective, MultiLevelLabelsPl
 export { AxesDirective, AxisDirective, AxesPlugin, AxisPlugin } from './chart/axes.directive';
 export { RowsDirective, RowDirective, RowsPlugin, RowPlugin } from './chart/rows.directive';
 export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './chart/columns.directive';
+export { RangeColorSettingsDirective, RangeColorSettingDirective, RangeColorSettingsPlugin, RangeColorSettingPlugin } from './chart/rangecolorsettings.directive';
 export { AnnotationsDirective, AnnotationDirective, AnnotationsPlugin, AnnotationPlugin } from './chart/annotations.directive';
 export { SelectedDataIndexesDirective, SelectedDataIndexDirective, SelectedDataIndexesPlugin, SelectedDataIndexPlugin } from './chart/selecteddataindexes.directive';
 export { IndicatorsDirective, IndicatorDirective, IndicatorsPlugin, IndicatorPlugin } from './chart/indicators.directive';

components/charts/src/smithchart/smithchart.component.ts

@@ -72,8 +72,8 @@ export class SmithchartComponent extends ComponentBase {
         return this.ej2Instances.smithchartOnClick(e);
     }
 
-    public smithchartOnResize(e: Object): boolean {
-        return this.ej2Instances.smithchartOnResize(e);
+    public smithchartOnResize(): boolean {
+        return this.ej2Instances.smithchartOnResize();
     }
 }
 

components/circulargauge/CHANGELOG.md

@@ -5,6 +5,14 @@
 
 ## [Unreleased]
 
+## 19.1.54 (2021-03-30)
+
+### CircularGauge
+
+#### New Features
+
+- `#290958` - When `startValue` and `endValue`properties are not set, the linear gradient will follow the circular path in the ranges.
+
 ## 18.4.35 (2021-01-19)
 
 ### CircularGauge
@@ -98,6 +106,8 @@
 
 #### Bug Fixes
 
+- `#I238300` - The issue with animation in circular gauge and flickering has been resolved.
+
 - `#I238300` - The issue with animation in circular gauge and flickering has been resolved
 
 ## 17.1.50 (2019-06-04)

components/circulargauge/README.md

@@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-vue-circulargauge)](https://www.npmjs.com/package/@syncfusion/ej2-vue-circulargauge)
-
 # ej2-vue-circulargauge
 
 The circular gauge control is ideal to visualize numeric values over a circular scale. All the circular gauge elements are rendered using Scalable Vector Graphics (SVG).

components/circulargauge/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-circulargauge",
-	"version": "18.4.39",
+	"version": "17.4.39",
 	"description": "Essential JS 2 CircularGauge Components for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/diagrams/CHANGELOG.md

@@ -2,27 +2,34 @@
 
 ## [Unreleased]
 
-## 18.4.48 (2021-03-16)
+## 19.1.54 (2021-03-30)
 
 ### Diagram
 
+#### New Features
+
+- `#285393` - Support to avoid connector overlapping with complex hierarchical layout has been added.
+- `#314220` - Support for Auto scrolling feature while using drawing tool has been added.
+
 #### Bug Fixes
 
+- `#316429` - This issue "Nodes are not updating properly for the swim lane in the DOM during save and load" has been fixed.
+- `#304194` - This issue "Straight line segments are not moved while dragging " has been fixed.
+- `#309543` - This issue "overview's preview is not updated when update the diagram's size " has been fixed.
+- `#311751` - This issue "when drag and drop from the palette the symbol preview not disappear " has been fixed.
+- `#312744` - This issue "Exception occurs when mouse over the node with  many connector " has been fixed.
+- `#301792` - This issue "Alignment of connector is misplaced in balanced layout " has been fixed.
+- `#311219` - This issue "z order Commands not working for child node in group " has been fixed.
+- `#312725` - This issue "Expand collapse icon cannot export properly " has been fixed.
+- `#314224` - This issue "Shapes getting disappear after adding Swimlane shape " has been fixed.
+- `F162436` - This issue "While set the node's isExpanded property true at initial rendering unwanted scroll is take placed" has been fixed.
+- `#314664` - This issue "Exception occurs when drag and drop the node and perform undo " has been fixed.
+- `F161997` - This issue "Context menu disappear while mouseover the item which has subitems " has been fixed.
 - `#316472` - This issue "Strange snapping behaviors with swimlane " has been fixed.
 - `#317149` - This issue "Exception occurs when drag and drop a lane on connector in swimlane " has been fixed.
-- `F23048` - This issue "When change  style of group at runtime the same is applied to its child too " has been fixed.
+- `F23048` - This issue "When change style of group at runtime the same is applied to its child too " has been fixed.
 - `317728` - This issue "Line routing is not working if the connection end point of the connector has two or more nodes " has been fixed.
 
-## 18.4.47 (2021-03-09)
-
-### Diagram
-
-#### Bug Fixes
-
-- `#316541` - This issue "Drag and Drop into the swimlane for multiple nodes is not work as expected while enabling the Linerouting " has been fixed.
-- `#316429` - This issue "When drag and drop connector into the swimlane not updated properly " has been fixed.
-- `F163118` - This issue "Swimlane is removable even if the delete constraints are excluded" has been fixed.
-
 ## 18.4.46 (2021-03-02)
 
 ### Diagram

components/diagrams/README.md

@@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-vue-diagrams)](https://www.npmjs.com/package/@syncfusion/ej2-vue-diagrams)
-
 # ej2-vue-diagrams
 
 The diagram component visually represents information. It is also used to create diagrams like flow charts, organizational charts, mind maps, and BPMN either through code or a visual interface.

components/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-diagrams",
-	"version": "18.4.48",
+	"version": "18.4.45",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",