v19.1.54 is released

2021-03-30 15:23:14 +00:00 · 2021-03-30 15:23:14 +00:00 · cfb6ac06e6
--- a/components/barcodegenerator/CHANGELOG.md
+++ b/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
--- a/components/barcodegenerator/README.md
+++ b/components/barcodegenerator/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-barcode-generator)](https://www.npmjs.com/package/@syncfusion/ej2-angular-barcode-generator)
-
 # Changelog

 ## [Unreleased]
--- a/components/barcodegenerator/package.json
+++ b/components/barcodegenerator/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-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 Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/base/CHANGELOG.md
+++ b/components/base/CHANGELOG.md
@ -2,7 +2,7 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
+## 19.1.54 (2021-03-30)

 ### Common

@ -19,14 +19,6 @@

 - `I312916,I316685` - Resolved script error When resetting form controls to non-null values, if the elements are no longer in the DOM.

-## 18.4.46 (2021-03-02)
-
-### Common
-
-#### Bug Fixes
-
- `I306436` - Resolved `dynamic property` change not working for complex directives.
-
 ## 18.4.44 (2021-02-23)

 ### Common
--- a/components/base/ReadMe.md
+++ b/components/base/ReadMe.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-base)](https://www.npmjs.com/package/@syncfusion/ej2-angular-base)
-
 # ej2-angular-base

 A common package of Syncfusion Angular UI Components which contains base libraries, methods and class definitions.
--- a/components/base/package.json
+++ b/components/base/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-base",
-	"version": "18.4.46",
+	"version": "18.1.42",
 	"description": "A common package of Essential JS 2 base Angular libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/base/src/component-base.ts
+++ b/components/base/src/component-base.ts
@ -271,12 +271,11 @@ export class ComponentBase<T> {
                        complexTemplates = complexTemplates.filter((val: string): boolean => {
                            return /Ref$/i.test(val);
                        });
-                        if (Object.keys(curChild.properties).length !== 0){
-                            for (let complexPropName of complexTemplates) {
-                                complexPropName = complexPropName.replace(/Ref/, '');
-                                curChild.properties[complexPropName] = !curChild.properties[complexPropName] ?
-                                    curChild.propCollection[complexPropName] : curChild.properties[complexPropName];
-                            }
+                        for (let complexPropName of complexTemplates) {
+                            complexPropName = complexPropName.replace(/Ref/, '');
+                            curChild.properties[complexPropName] = Object.keys(curChild.properties).length != 0 &&
+                                !curChild.properties[complexPropName] ?
+                                curChild.propCollection[complexPropName] : curChild.properties[complexPropName];
                        }
                        if (!isUndefined(curChild) && !isUndefined(curChild.setProperties)) {
                            if (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName())) {
--- a/components/base/src/form-base.ts
+++ b/components/base/src/form-base.ts
@ -30,7 +30,6 @@ export class FormBase<T> implements ControlValueAccessor {
    public preventChange: boolean;
    public isUpdated: boolean;
    public oldValue: any;
-    public isPreventChange: boolean;

    public localChange(e: { value?: T, checked?: T }): void {
        //tslint:disable-next-line
--- a/components/buttons/README.md
+++ b/components/buttons/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-buttons)](https://www.npmjs.com/package/@syncfusion/ej2-angular-buttons)
-
 # ej2-angular-buttons

 A package of Syncfusion Angular UI Components (Essential JS 2) Button, CheckBox, RadioButton and Switch.
--- a/components/buttons/package.json
+++ b/components/buttons/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-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 Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/calendars/CHANGELOG.md
+++ b/components/calendars/CHANGELOG.md
@ -1189,14 +1189,6 @@ TimePicker component is the pre-filled dropdown list with the time values 12/24
 - **Accessibility** - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.


-## 18.4.48 (2021-03-16)
-
-### DatePicker
-
-#### Bug Fixes
-
- `#318084` - Issue with "date input gets empty in the strict mode while typing invalid date" has been resolved.
-
 ## 18.4.43 (2021-02-16)

 ### DatePicker
--- a/components/calendars/README.md
+++ b/components/calendars/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-calendars)](https://www.npmjs.com/package/@syncfusion/ej2-angular-calendars)
-
 # ej2-angular-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.
--- a/components/calendars/package.json
+++ b/components/calendars/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-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 Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/charts/CHANGELOG.md
+++ b/components/charts/CHANGELOG.md
@ -2,24 +2,20 @@

 ## [Unreleased]

-## 18.4.48 (2021-03-16)
+## 19.1.54 (2021-03-30)

 ### Chart

-#### Bug Fixes
+#### New Features

- `#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)
-
-### 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)

--- a/components/charts/README.md
+++ b/components/charts/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-charts)](https://www.npmjs.com/package/@syncfusion/ej2-angular-charts)
-
 # ej2-angular-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/angular/documentation/data?utm_source=npm&utm_campaign=chart). All chart elements are rendered using Scalable Vector Graphics (SVG).
--- a/components/charts/package.json
+++ b/components/charts/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-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 Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/charts/src/accumulation-chart/series.directive.ts
+++ b/components/charts/src/accumulation-chart/series.directive.ts
@ -126,7 +126,7 @@ export class AccumulationSeriesDirective extends ComplexBase<AccumulationSeriesD
     * * Pentagon - Renders a pentagon. 
     * * InvertedTriangle - Renders a invertedTriangle. 
     * * SeriesType -Render a legend shape based on series type. 
-     * * Image -Render a image.
+     * * Image -Render a image.     *
     * @default 'SeriesType'
     */
    public legendShape: any;
--- a/components/charts/src/chart/chart-all.module.ts
+++ b/components/charts/src/chart/chart-all.module.ts
@ -9,6 +9,7 @@ import { MultiLevelLabelDirective, MultiLevelLabelsDirective } from './multileve
 import { AxisDirective, AxesDirective } from './axes.directive';
 import { RowDirective, RowsDirective } from './rows.directive';
 import { ColumnDirective, ColumnsDirective } from './columns.directive';
+import { RangeColorSettingDirective, RangeColorSettingsDirective } from './rangecolorsettings.directive';
 import { AnnotationDirective, AnnotationsDirective } from './annotations.directive';
 import { SelectedDataIndexDirective, SelectedDataIndexesDirective } from './selecteddataindexes.directive';
 import { IndicatorDirective, IndicatorsDirective } from './indicators.directive';
--- a/components/charts/src/chart/chart.component.ts
+++ b/components/charts/src/chart/chart.component.ts
@ -6,11 +6,12 @@ import { SeriesCollectionDirective } from './series.directive';
 import { AxesDirective } from './axes.directive';
 import { RowsDirective } from './rows.directive';
 import { ColumnsDirective } from './columns.directive';
+import { RangeColorSettingsDirective } from './rangecolorsettings.directive';
 import { AnnotationsDirective } from './annotations.directive';
 import { SelectedDataIndexesDirective } from './selecteddataindexes.directive';
 import { IndicatorsDirective } from './indicators.directive';

-export const inputs: 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'];
+export const inputs: 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'];
 export const outputs: string[] = ['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','dataSourceChange'];
 export const twoWays: string[] = ['dataSource'];

@ -30,6 +31,7 @@ export const twoWays: string[] = ['dataSource'];
        childAxes: new ContentChild(AxesDirective), 
        childRows: new ContentChild(RowsDirective), 
        childColumns: new ContentChild(ColumnsDirective), 
+        childRangeColorSettings: new ContentChild(RangeColorSettingsDirective), 
        childAnnotations: new ContentChild(AnnotationsDirective), 
        childSelectedDataIndexes: new ContentChild(SelectedDataIndexesDirective), 
        childIndicators: new ContentChild(IndicatorsDirective)
@ -43,10 +45,11 @@ export class ChartComponent extends Chart implements IComponentBase {
    public childAxes: QueryList<AxesDirective>;
    public childRows: QueryList<RowsDirective>;
    public childColumns: QueryList<ColumnsDirective>;
+    public childRangeColorSettings: QueryList<RangeColorSettingsDirective>;
    public childAnnotations: QueryList<AnnotationsDirective>;
    public childSelectedDataIndexes: QueryList<SelectedDataIndexesDirective>;
    public childIndicators: QueryList<IndicatorsDirective>;
-    public tags: string[] = ['series', 'axes', 'rows', 'columns', 'annotations', 'selectedDataIndexes', 'indicators'];
+    public tags: string[] = ['series', 'axes', 'rows', 'columns', 'rangeColorSettings', 'annotations', 'selectedDataIndexes', 'indicators'];
    public dataSourceChange: any;
    @ContentChild('tooltipTemplate')
    @Template()
@ -432,16 +435,20 @@ export class ChartComponent extends Chart implements IComponentBase {
            this.tagObjects[3].instance = this.childColumns;
        }
        
+	    if (this.childRangeColorSettings) {
+            this.tagObjects[4].instance = this.childRangeColorSettings;
+        }
+        
 	    if (this.childAnnotations) {
-            this.tagObjects[4].instance = this.childAnnotations;
+            this.tagObjects[5].instance = this.childAnnotations;
        }
        
 	    if (this.childSelectedDataIndexes) {
-            this.tagObjects[5].instance = this.childSelectedDataIndexes;
+            this.tagObjects[6].instance = this.childSelectedDataIndexes;
        }
        
 	    if (this.childIndicators) {
-            this.tagObjects[6].instance = this.childIndicators;
+            this.tagObjects[7].instance = this.childIndicators;
        }
        this.context.ngAfterContentChecked(this);
    }
--- a/components/charts/src/chart/chart.module.ts
+++ b/components/charts/src/chart/chart.module.ts
@ -9,6 +9,7 @@ import { MultiLevelLabelDirective, MultiLevelLabelsDirective } from './multileve
 import { AxisDirective, AxesDirective } from './axes.directive';
 import { RowDirective, RowsDirective } from './rows.directive';
 import { ColumnDirective, ColumnsDirective } from './columns.directive';
+import { RangeColorSettingDirective, RangeColorSettingsDirective } from './rangecolorsettings.directive';
 import { AnnotationDirective, AnnotationsDirective } from './annotations.directive';
 import { SelectedDataIndexDirective, SelectedDataIndexesDirective } from './selecteddataindexes.directive';
 import { IndicatorDirective, IndicatorsDirective } from './indicators.directive';
@ -39,6 +40,8 @@ import { ChartComponent } from './chart.component';
        RowsDirective,
        ColumnDirective,
        ColumnsDirective,
+        RangeColorSettingDirective,
+        RangeColorSettingsDirective,
        AnnotationDirective,
        AnnotationsDirective,
        SelectedDataIndexDirective,
@ -66,6 +69,8 @@ import { ChartComponent } from './chart.component';
        RowsDirective,
        ColumnDirective,
        ColumnsDirective,
+        RangeColorSettingDirective,
+        RangeColorSettingsDirective,
        AnnotationDirective,
        AnnotationsDirective,
        SelectedDataIndexDirective,
--- a/components/charts/src/chart/index.ts
+++ b/components/charts/src/chart/index.ts
@ -7,6 +7,7 @@ export {MultiLevelLabelDirective,MultiLevelLabelsDirective} from './multilevella
 export {AxisDirective,AxesDirective} from './axes.directive';
 export {RowDirective,RowsDirective} from './rows.directive';
 export {ColumnDirective,ColumnsDirective} from './columns.directive';
+export {RangeColorSettingDirective,RangeColorSettingsDirective} from './rangecolorsettings.directive';
 export {AnnotationDirective,AnnotationsDirective} from './annotations.directive';
 export {SelectedDataIndexDirective,SelectedDataIndexesDirective} from './selecteddataindexes.directive';
 export {IndicatorDirective,IndicatorsDirective} from './indicators.directive';
--- a/components/charts/src/chart/indicators.directive.ts
+++ b/components/charts/src/chart/indicators.directive.ts
@ -3,7 +3,7 @@ import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';



-let input: string[] = ['animation', 'bandColor', 'close', 'dPeriod', 'dashArray', 'dataSource', 'enableComplexProperty', 'fastPeriod', 'field', 'fill', 'high', 'kPeriod', 'low', 'lowerLine', 'macdLine', 'macdNegativeColor', 'macdPositiveColor', 'macdType', 'open', 'overBought', 'overSold', 'period', 'periodLine', 'pointColorMapping', 'query', 'segmentAxis', 'segments', 'seriesName', 'showZones', 'slowPeriod', 'standardDeviation', 'type', 'upperLine', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName'];
+let input: string[] = ['animation', 'bandColor', 'close', 'colorName', 'dPeriod', 'dashArray', 'dataSource', 'enableComplexProperty', 'fastPeriod', 'field', 'fill', 'high', 'kPeriod', 'low', 'lowerLine', 'macdLine', 'macdNegativeColor', 'macdPositiveColor', 'macdType', 'open', 'overBought', 'overSold', 'period', 'periodLine', 'pointColorMapping', 'query', 'segmentAxis', 'segments', 'seriesName', 'showZones', 'slowPeriod', 'standardDeviation', 'type', 'upperLine', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName'];
 let outputs: string[] = [];
 /**
 * Indicator Directive
@ -45,6 +45,11 @@ export class IndicatorDirective extends ComplexBase<IndicatorDirective> {
     * @default ''
     */
    public close: any;
+    /** 
+     * The Data Source field that contains the color mapping value. 
+     * It is applicable for range color mapping properly.
+     */
+    public colorName: any;
    /** 
     * Defines the period, the price changes over which will define the %D value in stochastic indicators
     * @default 3
--- a/components/charts/src/chart/rangecolorsettings.directive.ts
+++ b/components/charts/src/chart/rangecolorsettings.directive.ts
@ -0,0 +1,65 @@
+import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';
+import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';
+
+
+
+let input: string[] = ['colors', 'end', 'label', 'start'];
+let outputs: string[] = [];
+/**
+ * RangeColorSetting Directive
+ * ```html
+ * <e-rangeColorSettings><e-rangeColorSetting></e-rangeColorSetting><e-rangeColorSettings>
+ * ```
+ */
+@Directive({
+    selector: 'e-rangecolorsettings>e-rangecolorsetting',
+    inputs: input,
+    outputs: outputs,    
+    queries: {
+
+    }
+})
+export class RangeColorSettingDirective extends ComplexBase<RangeColorSettingDirective> {
+    public directivePropList: any;
+
+
+    /** 
+     * Specify the fill colors of point those lies on the given range, if multiple colors mentioned, then we need to fill gradient
+     */
+    public colors: any;
+    /** 
+     * Specify the end value of color mapping range
+     */
+    public end: any;
+    /** 
+     * Specify name for the range mapping item.
+     */
+    public label: any;
+    /** 
+     * Specify the start value of color mapping range
+     */
+    public start: any;
+
+    constructor(private viewContainerRef:ViewContainerRef) {
+        super();
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs);
+        this.directivePropList = input;
+    }
+}
+
+/**
+ * RangeColorSetting Array Directive
+ * @private
+ */
+@Directive({
+    selector: 'ejs-chart>e-rangecolorsettings',
+    queries: {
+        children: new ContentChildren(RangeColorSettingDirective)
+    },
+})
+export class RangeColorSettingsDirective extends ArrayBase<RangeColorSettingsDirective> {
+    constructor() {
+        super('rangecolorsettings');
+    }
+}
--- a/components/charts/src/chart/series.directive.ts
+++ b/components/charts/src/chart/series.directive.ts
@ -4,7 +4,7 @@ import { Template } from '@syncfusion/ej2-angular-base';
 import { TrendlinesDirective } from './trendlines.directive';
 import { SegmentsDirective } from './segments.directive';

-let input: string[] = ['animation', 'bearFillColor', 'binInterval', 'border', 'boxPlotMode', 'bullFillColor', 'cardinalSplineTension', 'close', 'columnSpacing', 'columnWidth', 'connector', 'cornerRadius', 'dashArray', 'dataSource', 'dragSettings', 'drawType', 'emptyPointSettings', 'enableComplexProperty', 'enableSolidCandles', 'enableTooltip', 'errorBar', 'fill', 'high', 'intermediateSumIndexes', 'isClosed', 'legendImageUrl', 'legendShape', 'low', 'marker', 'maxRadius', 'minRadius', 'name', 'negativeFillColor', 'nonHighlightStyle', 'opacity', 'open', 'pointColorMapping', 'query', 'segmentAxis', 'segments', 'selectionStyle', 'showMean', 'showNormalDistribution', 'size', 'splineType', 'stackingGroup', 'sumIndexes', 'summaryFillColor', 'tooltipFormat', 'tooltipMappingName', 'trendlines', 'type', 'unSelectedStyle', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName', 'yName', 'zOrder'];
+let input: string[] = ['animation', 'bearFillColor', 'binInterval', 'border', 'boxPlotMode', 'bullFillColor', 'cardinalSplineTension', 'close', 'colorName', 'columnSpacing', 'columnWidth', 'connector', 'cornerRadius', 'dashArray', 'dataSource', 'dragSettings', 'drawType', 'emptyPointSettings', 'enableComplexProperty', 'enableSolidCandles', 'enableTooltip', 'errorBar', 'fill', 'high', 'intermediateSumIndexes', 'isClosed', 'legendImageUrl', 'legendShape', 'low', 'marker', 'maxRadius', 'minRadius', 'name', 'negativeFillColor', 'nonHighlightStyle', 'opacity', 'open', 'pointColorMapping', 'query', 'segmentAxis', 'segments', 'selectionStyle', 'showMean', 'showNormalDistribution', 'size', 'splineType', 'stackingGroup', 'sumIndexes', 'summaryFillColor', 'tooltipFormat', 'tooltipMappingName', 'trendlines', 'type', 'unSelectedStyle', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName', 'yName', 'zOrder'];
 let outputs: string[] = [];
 /**
 * Series Directive
@ -104,6 +104,11 @@ export class SeriesDirective extends ComplexBase<SeriesDirective> {
     * @default ''
     */
    public close: any;
+    /** 
+     * The Data Source field that contains the color mapping value. 
+     * It is applicable for range color mapping properly.
+     */
+    public colorName: any;
    /** 
     * To render the column series points with particular column spacing. It takes value from 0 - 1.
     * @default 0
--- a/components/charts/src/chart/striplines.directive.ts
+++ b/components/charts/src/chart/striplines.directive.ts
@ -127,8 +127,10 @@ export class StripLineDirective extends ComplexBase<StripLineDirective> {
     */
    public start: any;
    /** 
-     *  If set true, strip line get render from axis origin. 
+     *  If set true, strip line get render from axis origin.
+     * 
     *  @default false
+     *     
     */
    public startFromAxis: any;
    /** 
--- a/components/charts/src/index.ts
+++ b/components/charts/src/index.ts
@ -7,6 +7,7 @@ export {MultiLevelLabelDirective,MultiLevelLabelsDirective} from './chart/multil
 export {AxisDirective,AxesDirective} from './chart/axes.directive';
 export {RowDirective,RowsDirective} from './chart/rows.directive';
 export {ColumnDirective,ColumnsDirective} from './chart/columns.directive';
+export {RangeColorSettingDirective,RangeColorSettingsDirective} from './chart/rangecolorsettings.directive';
 export {AnnotationDirective,AnnotationsDirective} from './chart/annotations.directive';
 export {SelectedDataIndexDirective,SelectedDataIndexesDirective} from './chart/selecteddataindexes.directive';
 export {IndicatorDirective,IndicatorsDirective} from './chart/indicators.directive';
--- a/components/charts/src/smithchart/series.directive.ts
+++ b/components/charts/src/smithchart/series.directive.ts
@ -24,7 +24,7 @@ export class SmithchartSeriesDirective extends ComplexBase<SmithchartSeriesDirec
     */
    public animationDuration: any;
    /** 
-     *  Specifies the dataSource
+     * Specifies the dataSource
     * @default null
     * @isdatamanager false
     */
@ -45,7 +45,7 @@ export class SmithchartSeriesDirective extends ComplexBase<SmithchartSeriesDirec
     */
    public fill: any;
    /** 
-     *  options for customizing marker
+     * options for customizing marker
     */
    public marker: any;
    /** 
@ -74,7 +74,7 @@ export class SmithchartSeriesDirective extends ComplexBase<SmithchartSeriesDirec
     */
    public resistance: any;
    /** 
-     *  options for customizing tooltip
+     * options for customizing tooltip
     */
    public tooltip: any;
    /** 
--- a/components/circulargauge/CHANGELOG.md
+++ b/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,7 +106,7 @@

 #### 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.

 - `#I237654` - Unwanted code snippet from circular gauge's user interaction sample has been removed
 - `#I238300` - The issue with animation in circular gauge and flickering has been resolved
--- a/components/circulargauge/README.md
+++ b/components/circulargauge/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-circulargauge)](https://www.npmjs.com/package/@syncfusion/ej2-angular-circulargauge)
-
 # ej2-angular-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).
--- a/components/circulargauge/package.json
+++ b/components/circulargauge/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-circulargauge",
-	"version": "18.4.39",
+	"version": "17.4.39",
 	"description": "Essential JS 2 CircularGauge Components for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/circulargauge/src/circular-gauge/ranges.directive.ts
+++ b/components/circulargauge/src/circular-gauge/ranges.directive.ts
@ -36,7 +36,7 @@ export class RangeDirective extends ComplexBase<RangeDirective> {
     */
    public end: any;
    /** 
-     *   Sets and gets the width for the end of the range in the circular gauge component.
+     * Sets and gets the width for the end of the range in the circular gauge component.
     * @default '10'
     */
    public endWidth: any;
@ -88,7 +88,7 @@ export class RangeDirective extends ComplexBase<RangeDirective> {
     */
    public start: any;
    /** 
-     *  Sets and gets the width for the start of the range in the circular gauge component.
+     * Sets and gets the width for the start of the range in the circular gauge component.
     * @default '10'
     */
    public startWidth: any;
--- a/components/diagrams/CHANGELOG.md
+++ b/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
--- a/components/diagrams/README.md
+++ b/components/diagrams/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-diagrams)](https://www.npmjs.com/package/@syncfusion/ej2-angular-diagrams)
-
 # ej2-angular-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.
--- a/components/diagrams/package.json
+++ b/components/diagrams/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-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 Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/documenteditor/CHANGELOG.md
+++ b/components/documenteditor/CHANGELOG.md
@ -2,34 +2,7 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
-
-### Document Editor
-
-#### Bug Fixes
-
- `#317061` - The merged cell table border rendering issue is resolved.
- `#318283` - Resolved script error while editing the last section header.
- `#310874` - The table with the merged cell is exporting properly.
- `#162017` - Restart page numbering is now preserved properly on exporting.
- `#316810` - Spell check script error is now resolved for layout type change.
- `#163236` - Strike through and underline content are now copy-pasted properly.
-
-## 18.4.48 (2021-03-16)
-
-### Document Editor
-
-#### Bug Fixes
-
- `#163116`, `#317496`, `#315005` - Implemented the line spacing Hanging similar to MS word.
- `#317691` - Resolve the Number formatting after applying bullet formats.
- `#317524` - Replace all with empty string is now working.
- `#317605` - Shape with line format value null was now preserved properly.
- `#317150` - Can press 'p' key in Firefox after control + a and then backspace.
- Resolve hanging issue while opening document.
- `#315656` - Resolve script error when importing document.
-
-## 18.4.47 (2021-03-09)
+## 19.1.54 (2021-03-30)

 ### Document Editor

@ -75,8 +48,6 @@
 - `#162017` - Page number was now updated properly based on page index.
 - `#313821` - Table column were now layout properly.
 - `#311371` - While deleting the bookmark extra spaces between the text were now removed properly.
- `#312082` - Resolved script error on updating TOC.
- `#312306` - Hyperlink label was not added while editing the link address now.

 ## 18.4.43 (2021-02-16)

--- a/components/documenteditor/README.md
+++ b/components/documenteditor/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-documenteditor)](https://www.npmjs.com/package/@syncfusion/ej2-angular-documenteditor)
-
 # ej2-angular-documenteditor

 The Document Editor component is used to create, edit, view, and print Word documents in web applications. All the user interactions and editing operations that run purely in the client-side provides much faster editing experience to the users.
--- a/components/documenteditor/package.json
+++ b/components/documenteditor/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-documenteditor",
-	"version": "18.4.48",
+	"version": "18.4.46",
 	"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/dropdowns/CHANGELOG.md
+++ b/components/dropdowns/CHANGELOG.md
@ -2,14 +2,6 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
-
-### ComboBox
-
-#### Bug Fixes
-
- `#318864`, `#314694` - Issue with "item template with filtering throws exception while updating the data source on dynamically" has been resolved.
-
 ## 18.4.47 (2021-03-09)

 ### MultiSelect
--- a/components/dropdowns/README.md
+++ b/components/dropdowns/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-dropdowns)](https://www.npmjs.com/package/@syncfusion/ej2-angular-dropdowns)
-
 # ej2-angular-dropdowns

 Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
--- a/components/dropdowns/package.json
+++ b/components/dropdowns/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-dropdowns",
-	"version": "18.4.48",
+	"version": "17.4.50",
 	"description": "Essential JS 2 DropDown Components for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/dropdowns/src/auto-complete/autocomplete.component.ts
+++ b/components/dropdowns/src/auto-complete/autocomplete.component.ts
@ -71,7 +71,8 @@ export class AutoCompleteComponent extends AutoComplete implements IComponentBas
     * We have built-in `template engine`
     * 
     * which provides options to compile template string into a executable function.
-     *For EX: We have expression evolution as like ES6 expression string literals.     
+     *For EX: We have expression evolution as like ES6 expression string literals.
+     *     
     * @default null
     * @deprecated 
     */
--- a/components/dropdowns/src/combo-box/combobox.component.ts
+++ b/components/dropdowns/src/combo-box/combobox.component.ts
@ -71,7 +71,8 @@ export class ComboBoxComponent extends ComboBox implements IComponentBase {
     * We have built-in `template engine`
     * 
     * which provides options to compile template string into a executable function.
-     *For EX: We have expression evolution as like ES6 expression string literals.     
+     *For EX: We have expression evolution as like ES6 expression string literals.
+     *     
     * @default null
     * @deprecated 
     */
--- a/components/dropdowns/src/drop-down-list/dropdownlist.component.ts
+++ b/components/dropdowns/src/drop-down-list/dropdownlist.component.ts
@ -63,7 +63,8 @@ export class DropDownListComponent extends DropDownList implements IComponentBas
     * 
     * We have built-in `template engine`
     *which provides options to compile template string into a executable function.
-     *For EX: We have expression evolution as like ES6 expression string literals.     
+     *For EX: We have expression evolution as like ES6 expression string literals.
+     *     
     * @default null
     */
    @ContentChild('valueTemplate')
@ -82,7 +83,8 @@ export class DropDownListComponent extends DropDownList implements IComponentBas
     * We have built-in `template engine`
     * 
     * which provides options to compile template string into a executable function.
-     *For EX: We have expression evolution as like ES6 expression string literals.     
+     *For EX: We have expression evolution as like ES6 expression string literals.
+     *     
     * @default null
     * @deprecated 
     */
--- a/components/dropdowns/src/list-box/listbox.component.ts
+++ b/components/dropdowns/src/list-box/listbox.component.ts
@ -45,7 +45,8 @@ export class ListBoxComponent extends ListBox implements IComponentBase {
     * We have built-in `template engine`
     * 
     * which provides options to compile template string into a executable function.
-     *For EX: We have expression evolution as like ES6 expression string literals.     
+     *For EX: We have expression evolution as like ES6 expression string literals.
+     *     
     * @default null
     * @deprecated 
     */
--- a/components/dropdowns/src/multi-select/multiselect.component.ts
+++ b/components/dropdowns/src/multi-select/multiselect.component.ts
@ -63,7 +63,8 @@ export class MultiSelectComponent extends MultiSelect implements IComponentBase
     * 
     * We have built-in `template engine`
     *which provides options to compile template string into a executable function.
-     *For EX: We have expression evolution as like ES6 expression string literals.     
+     *For EX: We have expression evolution as like ES6 expression string literals.
+     *     
     * @default null
     */
    @ContentChild('valueTemplate')
@ -75,7 +76,8 @@ export class MultiSelectComponent extends MultiSelect implements IComponentBase
     * 
     * We have built-in `template engine`
     *which provides options to compile template string into a executable function.
-     *For EX: We have expression evolution as like ES6 expression string literals.     
+     *For EX: We have expression evolution as like ES6 expression string literals.
+     *     
     * @default null
     */
    @ContentChild('itemTemplate')
--- a/components/filemanager/CHANGELOG.md
+++ b/components/filemanager/CHANGELOG.md
@ -2,7 +2,7 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
+## 18.4.41 (2021-02-02)

 ### File Manager

--- a/components/filemanager/package.json
+++ b/components/filemanager/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-filemanager",
-	"version": "18.4.39",
+	"version": "18.1.53",
 	"description": "Essential JS 2 FileManager Component for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/gantt/CHANGELOG.md
+++ b/components/gantt/CHANGELOG.md
@ -2,6 +2,19 @@

 ## [Unreleased]

+## 19.1.54 (2021-03-30)
+
+### Gantt
+
+#### New Features
+
+- `#298361` - Provided Observable data binding support in Gantt.
+- `#300136` - Provided support for tab like behaviour on cell navigation for cell edit mode.
+
+#### Bug Fixes
+
+- `F159354` - Issue in locale text of predecessor tooltip has been fixed.
+
 ## 18.4.49 (2021-03-23)

 ### Gantt
@ -12,14 +25,6 @@

 #### Bug Fixes

- `F159354` - Issue in locale text of predecessor tooltip has been fixed.
-
-## 18.4.49 (2021-03-16)
-
-### Gantt
-
-#### Bug Fixes
-
 - Console error when end date of segments is given as string has been fixed.

 ## 18.4.47 (2021-03-09)
--- a/components/gantt/README.md
+++ b/components/gantt/README.md
@ -1,9 +1,9 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-gantt)](https://www.npmjs.com/package/@syncfusion/ej2-angular-gantt)
-
 # ej2-angular-gantt

 The Gantt component is designed to visualize and edit the project schedule, and track the project progress. It helps to organize and schedule the projects and also you can update the project schedule through interactions like editing, dragging and resizing.

+![Gantt](https://ej2.syncfusion.com/products/images/gantt/readme.gif)
+
 > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).

 > 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.
@ -20,6 +20,7 @@ npm install @syncfusion/ej2-angular-gantt

 * [Getting Started](https://ej2.syncfusion.com/angular/documentation/gantt/getting-started/)
 * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=gantt#/material/gantt/default)
+* [Product Page](https://www.syncfusion.com/angular-ui-components/angular-gantt-chart)

 ## Supported Frameworks

@ -30,30 +31,40 @@ Gantt component is also offered in following list of frameworks.
 3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/gantt)
 4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/gantt)
 5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/gantt)
+6. [Blazor](https://www.syncfusion.com/blazor-components/blazor-gantt-chart)

 ## Key Features

-* **Data sources** - Bind hierarchical or self-referential data to Gantt chart with an array of JavaScript objects or DataManager.
-* **Timeline** – Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout.
-* **Customizable Taskbars** – Display various tasks in a project using child taskbar, summary taskbar and milestone UI, that can also be customized with templates.
-* **Unscheduled tasks** – Support for displaying tasks with undefined start date, end date or duration in a project.
-* **Baselines** – Display the deviations between planned dates and actual dates of a task in a project using baselines.
-* **CRUD actions** – Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options.
-* **Task dependency** – Define or update the dependencies between the tasks in a project with four types of task dependencies Finish – Start, Start – Finish, Finish – Finish, Start – Start.
-* **Markers and indicators** - Support for displaying indicators and flags along with taskbars and task labels. Also map important events in a project using event marker.
-* **Task label customization**- provides option to set desired label inside task bar and right and left side of task bar.
-* **Resources**- Allows you to assign and track performance of resource to particular task.
-* **Sorting** - Supports n levels of sorting.
-* **Filtering** - Offers filter UI such as filter bar, menu, excel and checkbox at each column to filter data.
-* **Editing** - provides the options for create, read, update, and delete operations.
-* **Columns** - The column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format.
-  * **Reordering** - Allows you to drag any column and drop it at any position in the gantt column header row, allowing columns to be repositioned.
-  * **Column Chooser**- The column chooser provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly.
-  * **Resizing**- Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
-* **Selection**- Rows or cells can be selected in the gantt. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
-* **Templates** - Templates can be used to create custom user experiences in the gantt.
-* **Enriched UI** – Support for Material, bootstrap, fabric and high contrast themes along with other UI options like holidays support, vertical and horizontal grid lines support and so on.
-* **Localization** - Provides inherent support to localize the UI.
+* [**Data sources**](https://ej2.syncfusion.com/angular/documentation/gantt/data-binding/) - Bind hierarchical or self-referential data to Gantt chart with an array of JavaScript objects or DataManager.
+* [**Timeline**](https://ej2.syncfusion.com/angular/documentation/gantt/timeline/) – Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout.
+* [**Customizable Taskbars**](https://ej2.syncfusion.com/angular/documentation/gantt/appearance-customization/#taskbar-customization) – Display various tasks in a project using child taskbar, summary taskbar and milestone UI, that can also be customized with templates.
+* [**Unscheduled tasks**](https://ej2.syncfusion.com/angular/documentation/gantt/task-scheduling/#unscheduled-tasks) – Support for displaying tasks with undefined start date, end date or duration in a project.
+* [**Baselines**](https://ej2.syncfusion.com/angular/documentation/gantt/baseline/) – Display the deviations between planned dates and actual dates of a task in a project using baselines.
+* [**CRUD actions**](https://ej2.syncfusion.com/angular/documentation/gantt/managing-tasks/#maintaining-data-in-server) – Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options.
+* [**Task dependency**](https://ej2.syncfusion.com/angular/documentation/gantt/taskdependency/) – Define or update the dependencies between the tasks in a project with four types of task dependencies Finish – Start, Start – Finish, Finish – Finish, Start – Start.
+* [**Markers and indicators**](https://ej2.syncfusion.com/angular/documentation/gantt/data-markers/) - Support for displaying indicators and flags along with taskbars and task labels. Also map important events in a project using event marker.
+* [**Task label customization**](https://ej2.syncfusion.com/angular/documentation/gantt/appearance-customization/#task-labels) - provides option to set desired label inside task bar and right and left side of task bar.
+* [**Resources**](https://ej2.syncfusion.com/angular/documentation/gantt/resources/) - Allows you to assign and track performance of resource to particular task.
+* [**Sorting**](https://ej2.syncfusion.com/angular/documentation/gantt/sorting/) - Supports n levels of sorting.
+* [**Filtering**](https://ej2.syncfusion.com/angular/documentation/gantt/filtering/) - Offers filter UI such as filter bar, menu, excel and checkbox at each column to filter data.
+* [**Editing**](https://ej2.syncfusion.com/angular/documentation/gantt/managing-tasks/#editing-tasks) - provides the options for create, read, update, and delete operations.
+* [**Columns**](https://ej2.syncfusion.com/angular/documentation/gantt/columns/) - The column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format.
+  * [**Reordering**](https://ej2.syncfusion.com/angular/documentation/gantt/columns/#column-reordering) - Allows you to drag any column and drop it at any position in the gantt column header row, allowing columns to be repositioned.
+  * [**Column Chooser**](https://ej2.syncfusion.com/angular/documentation/gantt/columns/#column-menu) - The column chooser provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly.
+  * [**Resizing**](https://ej2.syncfusion.com/angular/documentation/gantt/columns/#column-resizing) - Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
+* [**Selection**](https://ej2.syncfusion.com/angular/documentation/gantt/selection/) - Rows or cells can be selected in the gantt. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
+* [**Row Drag And Drop**](https://ej2.syncfusion.com/angular/documentation/gantt/rows/#drag-and-drop) - Drag and drop allows user to dynamically rearrange the rows.
+* [**Context Menu**](https://ej2.syncfusion.com/angular/documentation/gantt/context-menu/) - The context menu improves user action with Gantt Chart using a pop-up menu. It appears when a cell or header is right-clicked.
+* [**Resource View**](https://ej2.syncfusion.com/angular/documentation/gantt/resource-view/) - Visualize the list of tasks assigned to each resource in a hierarchical manner.
+    * [**OverAllocation**](https://ej2.syncfusion.com/angular/documentation/gantt/resource-view/#resource-overallocation) - When a resource is assigned too much of work to complete within a day of resource’s available time then it is highlighted by a square bracket.
+    * [**Multi Taskbar**](https://ej2.syncfusion.com/angular/documentation/gantt/resource-view/#resource-multi-taskbar) - Allows user to visualize multiple tasks assigned to each resource in a row.
+* [**Exporting**](https://ej2.syncfusion.com/angular/documentation/gantt/excel-export/) - Allows you to export Gantt data to Excel, PDF and CSV formats.
+* [**Zooming**](https://ej2.syncfusion.com/angular/documentation/gantt/timeline/#zooming) - Zooming feature enables you to view the tasks in the project clearly from minute to year timespan.
+* [**Split Tasks**](https://ej2.syncfusion.com/angular/demos/#/material/gantt/split-tasks) - Allows an interruption in the task due to circumstances such as the occurrence of an unplanned event or reprioritization of already planned events. In such situtations, the pending work can be split into segments and the work can be resumed at a different date.
+* [**Virtual Scrolling**](https://ej2.syncfusion.com/angular/demos/#/material/gantt/virtual-scroll) - Allows user to load a large amount of data effectively.
+* [**Templates**](https://ej2.syncfusion.com/angular/demos/#/material/gantt/taskbar-template) - Templates can be used to create custom user experiences in the gantt.
+* [**Enriched UI**](https://ej2.syncfusion.com/angular/documentation/appearance/theme/) – Support for Material, bootstrap, fabric and high contrast themes along with other UI options like holidays support, vertical and horizontal grid lines support and so on.
+* [**Localization**](https://ej2.syncfusion.com/angular/documentation/gantt/global-local/) - Provides inherent support to localize the UI.

 ## Support

--- a/components/gantt/package.json
+++ b/components/gantt/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-gantt",
-	"version": "18.4.47",
+	"version": "18.4.33",
 	"description": "Essential JS 2 Gantt Component for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/gantt/src/gantt/gantt.component.ts
+++ b/components/gantt/src/gantt/gantt.component.ts
@ -10,7 +10,7 @@ import { HolidaysDirective } from './holidays.directive';
 import { EventMarkersDirective } from './eventmarkers.directive';

 export const inputs: string[] = ['addDialogFields','allowExcelExport','allowFiltering','allowKeyboard','allowPdfExport','allowReordering','allowResizing','allowRowDragAndDrop','allowSelection','allowSorting','allowUnscheduledTasks','autoFocusTasks','baselineColor','collapseAllParentTasks','columnMenuItems','columns','connectorLineBackground','connectorLineWidth','contextMenuItems','dataSource','dateFormat','dayWorkingTime','disableHtmlEncode','durationUnit','editDialogFields','editSettings','enableContextMenu','enableImmutableMode','enableMultiTaskbar','enablePersistence','enablePredecessorValidation','enableRtl','enableVirtualization','eventMarkers','filterSettings','gridLines','height','highlightWeekends','holidays','includeWeekend','labelSettings','locale','milestoneTemplate','parentTaskbarTemplate','projectEndDate','projectStartDate','query','readOnly','renderBaseline','resourceFields','resourceIDMapping','resourceNameMapping','resources','rowHeight','searchSettings','segmentData','selectedRowIndex','selectionSettings','showColumnMenu','showInlineNotes','showOverAllocation','sortSettings','splitterSettings','taskFields','taskMode','taskType','taskbarHeight','taskbarTemplate','timelineSettings','timezone','toolbar','tooltipSettings','treeColumnIndex','validateManualTasksOnLinking','viewType','width','workUnit','workWeek'];
-export const outputs: string[] = ['actionBegin','actionComplete','actionFailure','beforeExcelExport','beforePdfExport','beforeTooltipRender','cellDeselected','cellDeselecting','cellEdit','cellSelected','cellSelecting','collapsed','collapsing','columnDrag','columnDragStart','columnDrop','columnMenuClick','columnMenuOpen','contextMenuClick','contextMenuOpen','created','dataBound','destroyed','endEdit','excelExportComplete','excelHeaderQueryCellInfo','excelQueryCellInfo','expanded','expanding','headerCellInfo','load','onMouseMove','onTaskbarClick','pdfColumnHeaderQueryCellInfo','pdfExportComplete','pdfQueryCellInfo','pdfQueryTaskbarInfo','pdfQueryTimelineCellInfo','queryCellInfo','queryTaskbarInfo','recordDoubleClick','resizeStart','resizeStop','resizing','rowDataBound','rowDeselected','rowDeselecting','rowDrag','rowDragStart','rowDragStartHelper','rowDrop','rowSelected','rowSelecting','splitterResizeStart','splitterResized','splitterResizing','taskbarEdited','taskbarEditing','toolbarClick','dataSourceChange'];
+export const outputs: string[] = ['actionBegin','actionComplete','actionFailure','beforeExcelExport','beforePdfExport','beforeTooltipRender','cellDeselected','cellDeselecting','cellEdit','cellSelected','cellSelecting','collapsed','collapsing','columnDrag','columnDragStart','columnDrop','columnMenuClick','columnMenuOpen','contextMenuClick','contextMenuOpen','created','dataBound','dataStateChange','destroyed','endEdit','excelExportComplete','excelHeaderQueryCellInfo','excelQueryCellInfo','expanded','expanding','headerCellInfo','load','onMouseMove','onTaskbarClick','pdfColumnHeaderQueryCellInfo','pdfExportComplete','pdfQueryCellInfo','pdfQueryTaskbarInfo','pdfQueryTimelineCellInfo','queryCellInfo','queryTaskbarInfo','recordDoubleClick','resizeStart','resizeStop','resizing','rowDataBound','rowDeselected','rowDeselecting','rowDrag','rowDragStart','rowDragStartHelper','rowDrop','rowSelected','rowSelecting','splitterResizeStart','splitterResized','splitterResizing','taskbarEdited','taskbarEditing','toolbarClick','dataSourceChange'];
 export const twoWays: string[] = ['dataSource'];

 /**
--- a/components/grids/CHANGELOG.md
+++ b/components/grids/CHANGELOG.md
@ -2,15 +2,22 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
+## 19.1.54 (2021-03-30)

 ### Grid

+#### New Features
+
+- `#266164`, `#298390`, `#298305`, `#317536`, `#197245` - Provided mobile view support for responsive Grid.
+- `#243700`, `#255673`, `#145292`, `#312122`, `#316185`, `#162746`, `#162824` - Provided exporting image and hyper link to Excel and PDF file formats.
+- `#297861` - Provided option for rendering checkbox items in menu filter dialog.
+- `#308524` - Provided autofilter support in Grid to Excel export.
+- `#297263` - Provided complex column filtering and sorting support with IQueryable.
+- `#307522` - Provided the target indicator support for drag and drop with different Grid.
+
 #### Bug Fixes

- `#317578` - Throws script error while updating the template column in Batch edit mode issue has been fixed.
- `#316684, #319594` - Script error when drag rows from grid to other components issue has been fixed.
- `#317534` - Custom filtering not working when using filter template, has been fixed.
+- `#317762` - Increasing frozen columns using custom toolbar issue has been resolved.

 ## 18.4.48 (2021-03-16)

@ -21,8 +28,6 @@
 - `#315782` - Virtualization with grouping issue has been fixed.
 - `#19156` - Scroll is prevented with infinite scroll's cache mode issue has been fixed.

- `#317762` - Increasing frozen columns using custom toolbar issue has been resolved.
-
 ## 18.4.47 (2021-03-09)

 ### Grid
--- a/components/grids/README.md
+++ b/components/grids/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-grids)](https://www.npmjs.com/package/@syncfusion/ej2-angular-grids)
-
 # ej2-angular-grids

 The Grid component is used to display and manipulate tabular data with configuration options to control the way the data is presented and manipulated. It will pull data from a data source, such as array of JSON objects, `OData web services`, or [`DataManager`](http://ej2.syncfusion.com/angular/documentation/data?utm_source=npm&utm_campaign=grid) binding data fields to columns. Also displaying a column header to identify the field with support for grouped records.
--- a/components/grids/package.json
+++ b/components/grids/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-grids",
-	"version": "18.4.48",
+	"version": "17.2.48",
 	"description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/heatmap/CHANGELOG.md
+++ b/components/heatmap/CHANGELOG.md
@ -2,13 +2,14 @@

 ## [Unreleased]

-## 18.4.30 (2020-12-17)
+## 19.1.54 (2021-03-30)

 ### Heatmap

 #### Bug Fixes

- `287830` - The issue with using setState in the HeatMap has been resolved.
+- `#287830` - The issue with using setState in the HeatMap has been resolved.
+- `#299279` - The issue "API level styles was not taken as important for HeatMap" has been resolved.

 ## 18.2.57 (2020-09-08)

--- a/components/heatmap/package.json
+++ b/components/heatmap/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-heatmap",
-	"version": "18.4.30",
+	"version": "18.2.54",
 	"description": "Feature rich data visulization control used to visualize the matrix data where the individual values are represented as colors for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/inplaceeditor/CHANGELOG.md
+++ b/components/inplaceeditor/CHANGELOG.md
@ -2,6 +2,14 @@

 ## [Unreleased]

+## 19.1.54 (2021-03-30)
+
+### In-place Editor
+
+#### New Features
+
+- `#306178`- Provided two-way binding support to `value` property of the In-place editor.
+
 ## 18.4.30 (2020-12-17)

 ### In-place Editor
--- a/components/inplaceeditor/README.md
+++ b/components/inplaceeditor/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-inplace-editor)](https://www.npmjs.com/package/@syncfusion/ej2-angular-inplace-editor)
-
 # ej2-angular-inplace-editor

 ![ej2-angular-inplace-editor](https://ej2.syncfusion.com/products/images/inplace-editor/readMe.gif)
--- a/components/inplaceeditor/package.json
+++ b/components/inplaceeditor/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-inplace-editor",
-	"version": "18.4.39",
+	"version": "18.3.35",
 	"description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/inplaceeditor/src/inplace-editor/inplaceeditor.component.ts
+++ b/components/inplaceeditor/src/inplace-editor/inplaceeditor.component.ts
@ -6,8 +6,8 @@ import { Template } from '@syncfusion/ej2-angular-base';


 export const inputs: string[] = ['actionOnBlur','adaptor','cancelButton','cssClass','disabled','editableOn','emptyText','enableEditMode','enableHtmlSanitizer','enablePersistence','enableRtl','locale','mode','model','name','popupSettings','primaryKey','saveButton','showButtons','submitOnEnter','template','textOption','type','url','validationRules','value'];
-export const outputs: string[] = ['focus', 'blur', 'actionBegin','actionFailure','actionSuccess','beforeSanitizeHtml','beginEdit','cancelClick','change','created','destroyed','submitClick','validating'];
-export const twoWays: string[] = [''];
+export const outputs: string[] = ['focus', 'blur', 'actionBegin','actionFailure','actionSuccess','beforeSanitizeHtml','beginEdit','cancelClick','change','created','destroyed','submitClick','validating','valueChange'];
+export const twoWays: string[] = ['value'];

 /**
 * `ejs-inplaceeditor` represents the Angular InPlaceEditor Component.
@ -39,7 +39,7 @@ export class InPlaceEditorComponent extends InPlaceEditor implements IComponentB
    public tagObjects: any;


-
+    public valueChange: any;
    /** 
     * Specifies the HTML element ID as a string that can be added as a editable field.
     * 
--- a/components/inputs/CHANGELOG.md
+++ b/components/inputs/CHANGELOG.md
@ -2,7 +2,15 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
+## 19.1.54 (2021-03-30)
+
+### MaskedTextBox
+
+#### New Features
+
+- `#284609` - Now, the cursor will position based on the value present in the input element while focusing the component.
+
+## 18.4.47 (2021-03-09)

 ### Form Validator

--- a/components/inputs/README.md
+++ b/components/inputs/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-inputs)](https://www.npmjs.com/package/@syncfusion/ej2-angular-inputs)
-
 # ej2-angular-inputs

 A package of Syncfusion angular UI Components (Essential JS 2) Input textbox components. It comes with a collection of form components which is useful to get different input values from the users such as text, numbers, patterns, color and file inputs.
--- a/components/inputs/package.json
+++ b/components/inputs/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-inputs",
-	"version": "18.4.44",
+	"version": "18.2.56",
 	"description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/kanban/CHANGELOG.md
+++ b/components/kanban/CHANGELOG.md
@ -2,7 +2,19 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
+## 19.1.54 (2021-03-30)
+
+### Kanban
+
+#### New Features
+
+- `F160742` - Support to drag and drop the card from kanban to an external source and vice versa has been provided.
+
+#### Bug Fixes
+
+- `#317594` - An issue with "script error thrown when dynamically add new card with new swimlane key" issue has been fixed.
+
+## 18.4.46 (2021-03-02)

 ### Kanban

@ -19,6 +31,8 @@
 #### Bug Fixes

 - `#315107` - The issue with "cards are hidden when multiple cards are dragged and dropped to their original position" has been fixed.
+- `#F161605` - An issue with drag and drop the cards when kanban placed inside card has been fixed.
+- An issue with "Unable to refresh the header count when drag the card and drop to another column" has been resolved.

 ## 18.4.41 (2021-02-02)

@ -31,7 +45,6 @@
 - `#309763` - The issue with "Unable to drag and drop the cards within the column when setting the `sortBy` property as `Index`" has been resolved.
 - `#F161669` - The issue with "Duplicate card rendering while searching the text after drag and drop operation is performed" has been fixed.
 - `#287431` - An issue with the card has rendered at column last position when using `updateCard` method has been fixed.
- `#F161605` - An issue with drag and drop the cards when kanban placed inside card has been fixed.

 ## 18.4.33 (2021-01-05)

--- a/components/kanban/README.md
+++ b/components/kanban/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-kanban)](https://www.npmjs.com/package/@syncfusion/ej2-angular-kanban)
-
 # ej2-angular-kanban

 The Kanban Board component is an efficient way to visualize workflow at each stage along its path to completion. The control supports necessary features to design task scheduling applications. The key features are swimlanes, customizable cards, binding from local and remote data sources, columns mapping, stacked headers, WIP validation, templating, responsiveness, filtering, and editing.
--- a/components/kanban/package.json
+++ b/components/kanban/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-kanban",
-	"version": "18.4.44",
+	"version": "0.21.1",
 	"description": "The Kanban board is an efficient way to visualize the workflow at each stage along its path to completion. The most important features available are Swim lane, filtering, and editing. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/kanban/src/kanban/kanban.component.ts
+++ b/components/kanban/src/kanban/kanban.component.ts
@ -5,7 +5,7 @@ import { Template } from '@syncfusion/ej2-angular-base';
 import { ColumnsDirective } from './columns.directive';
 import { StackedHeadersDirective } from './stackedheaders.directive';

-export const inputs: string[] = ['allowDragAndDrop','allowKeyboard','cardSettings','columns','constraintType','cssClass','dataSource','dialogSettings','enablePersistence','enableRtl','enableTooltip','height','keyField','locale','query','showEmptyColumn','sortSettings','stackedHeaders','swimlaneSettings','tooltipTemplate','width'];
+export const inputs: string[] = ['allowDragAndDrop','allowKeyboard','cardSettings','columns','constraintType','cssClass','dataSource','dialogSettings','enablePersistence','enableRtl','enableTooltip','externalDropId','height','keyField','locale','query','showEmptyColumn','sortSettings','stackedHeaders','swimlaneSettings','tooltipTemplate','width'];
 export const outputs: string[] = ['actionBegin','actionComplete','actionFailure','cardClick','cardDoubleClick','cardRendered','created','dataBinding','dataBound','dialogClose','dialogOpen','drag','dragStart','dragStop','queryCellInfo'];
 export const twoWays: string[] = [''];

--- a/components/layouts/CHANGELOG.md
+++ b/components/layouts/CHANGELOG.md
@ -2,21 +2,23 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
+## 19.1.54 (2021-03-30)
+
+### Dashboard Layout
+
+#### Bug Fixes
+
+- `#312164` - The issue with "Newly added dashboard panels hide while switch between mobile mode to normal mode" has been resolved.
+- `#310199` - The issue "Unable to resize when rendering multiple panels" has been resolved.

 ### Splitter

 #### Bug Fixes

 - `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.
+- `#F163365` - The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.

-## 18.4.44 (2021-02-23)
-
-### Dashboard Layout
-
-#### Bug Fixes
-
- `I310199` - The issue with resize event in the bottom most panel while multiple panels get rendered has been resolved.
+- `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.

 ## 18.4.30 (2020-12-17)

--- a/components/layouts/README.md
+++ b/components/layouts/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-layouts)](https://www.npmjs.com/package/@syncfusion/ej2-angular-layouts)
-
 # ej2-angular-layouts

 The layout package contains cards, avatars, splitter and Dashboard Layout components. 
--- a/components/layouts/package.json
+++ b/components/layouts/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-layouts",
-	"version": "18.4.47",
+	"version": "18.3.35",
 	"description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/layouts/src/dashboard-layout/panels.directive.ts
+++ b/components/layouts/src/dashboard-layout/panels.directive.ts
@ -52,16 +52,14 @@ export class PanelDirective extends ComplexBase<PanelDirective> {
     */
    public id: any;
    /** 
-     * Specifies the maximum width of the panel in cells count. 
-     * *
+     * Specifies the maximum width of the panel in cells count.
     * @default null
     * @asptype int
     * @blazortype int?
     */
    public maxSizeX: any;
    /** 
-     * Specifies the maximum height of the panel in cells count. 
-     * *
+     * Specifies the maximum height of the panel in cells count.
     * @default null
     * @asptype int
     * @blazortype int?
@ -69,8 +67,7 @@ export class PanelDirective extends ComplexBase<PanelDirective> {
     */
    public maxSizeY: any;
    /** 
-     * Specifies the minimum width of the panel in cells count. 
-     * *
+     * Specifies the minimum width of the panel in cells count.
     * @default 1
     * @blazortype int
     */
@ -101,8 +98,7 @@ export class PanelDirective extends ComplexBase<PanelDirective> {
     */
    public sizeY: any;
    /** 
-     * Specifies the z-index of the panel 
-     * *
+     * Specifies the z-index of the panel
     * @default 1000
     * @asptype double
     * @blazortype double
--- a/components/lineargauge/package.json
+++ b/components/lineargauge/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-lineargauge",
-	"version": "18.4.30",
+	"version": "17.2.48",
 	"description": "Essential JS 2 LinearGauge Components for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/lists/CHANGELOG.md
+++ b/components/lists/CHANGELOG.md
@ -2,14 +2,14 @@

 ## [Unreleased]

-## 18.4.32 (2020-12-29)
+## 19.1.54 (2021-03-30)

 ### ListView

 #### Bug Fixes

- `#F159331` - The issue with “The list items are not being checked, when using the checkItem method” has been resolved.
 - `#304129`,`#304247` - The issue "ActionBegin event does not trigger before/after switching to new views in the nested ListView" has been fixed.
+- `#310143` - The script error with refreshItemHeight method in ListView component has been resolved.

 ## 18.3.53 (2020-12-08)

--- a/components/lists/package.json
+++ b/components/lists/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-lists",
-	"version": "18.4.39",
+	"version": "18.2.54",
 	"description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/maps/CHANGELOG.md
+++ b/components/maps/CHANGELOG.md
@ -11,6 +11,17 @@

 ## [Unreleased]

+## 19.1.54 (2021-03-30)
+
+### Maps
+
+#### Bug Fixes
+
+- `#312465` - When the `zoomFactor` property is set as 0 in the tile maps, it now renders properly.
+- `#311273` - The `imageUrlValuePath` property now correctly renders markers as images.
+- `#312865` - Markers will now render properly when they are added dynamically in the click event with "Normal" geometry type maps.
+- `#317398` - `shapeSelection` method will now work properly with multi-layers on the Maps.
+
 ## 18.4.39 (2021-01-28)

 ### Maps
@ -180,7 +191,7 @@

 #### Bug Fixes

- `#I240833` - Some labels disappear when you change "colorMapping" and refresh the map issue has been fixed
+- `#I240833` - Some labels disappear when you change "colorMapping" and refresh the map issue has been fixed.
 - `I240804` - The issue with dynamically updating the zoom factor has been fixed
 - `I241873` - The issue with zooming the map component with a single click has been fixed

@ -275,7 +286,7 @@

 #### Bug Fixes

- Shape selection is now working fine with touch events
+- Shape selection is now working fine with touch events.

 ## 16.2.45 (2018-07-17)

@ -283,7 +294,7 @@

 #### Bug Fixes

- Marker click event is now working fine with OSM layer
+- Marker click event is now working fine with OSM layer.

 ## 16.2.44 (2018-07-10)

--- a/components/maps/README.md
+++ b/components/maps/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-maps)](https://www.npmjs.com/package/@syncfusion/ej2-angular-maps)
-
 # ej2-angular-maps

 The maps control is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options. 
--- a/components/maps/package.json
+++ b/components/maps/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-maps",
-	"version": "18.4.39",
+	"version": "17.4.39",
 	"description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/navigations/CHANGELOG.md
+++ b/components/navigations/CHANGELOG.md
@ -2,6 +2,20 @@

 ## [Unreleased]

+## 19.1.54 (2021-03-30)
+
+### Accordion
+
+#### Breaking Changes
+
+- The following properties type was changed.
+
+| Property | Previous Type | Current Type | 
+|---|---|---|
+| Disabled | `anonymous` | `boolean` | 
+| Expanded | `anonymous` | `boolean` | 
+| Visible | `anonymous` | `boolean` | 
+
 ## 18.4.47 (2021-03-09)

 ### TreeView
@ -9,6 +23,7 @@
 #### Bug Fixes

 - `#310875` - The issue with "The `isChecked` attribute is not working when using the `sortOrder` property in TreeView" has been resolved.
+- `#282214` - Now the `isChecked` attribute value is updated properly in the `NodeChecked` event arguments in the TreeView component.

 ## 18.4.44 (2021-02-23)

@ -69,7 +84,7 @@

 #### Bug Fixes

- `#309133` - Accordion item is automatically closed when the onChange is raised in input element has been fixed.
+- `#309133` - Accordion item is automatically closed when the `onChange` is raised in input element has been fixed.

 ### Tab

--- a/components/navigations/README.md
+++ b/components/navigations/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-navigations)](https://www.npmjs.com/package/@syncfusion/ej2-angular-navigations)
-
 # ej2-angular-navigations

 ![ej2-angular-navigations](https://ej2.syncfusion.com/products/images/navigations/readMe.gif)
--- a/components/navigations/package.json
+++ b/components/navigations/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-navigations",
-	"version": "18.4.47",
+	"version": "18.4.44",
 	"description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/navigations/src/accordion/items.directive.ts
+++ b/components/navigations/src/accordion/items.directive.ts
@ -3,7 +3,7 @@ import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';
 import { Template } from '@syncfusion/ej2-angular-base';


-let input: string[] = ['content', 'cssClass', 'disabled', 'expanded', 'header', 'iconCss', 'visible'];
+let input: string[] = ['content', 'cssClass', 'disabled', 'expanded', 'header', 'iconCss', 'id', 'visible'];
 let outputs: string[] = [];
 /**
 * 'e-accordionitem' directive represent a item of the Angular Accordion.
@ -52,6 +52,11 @@ export class AccordionItemDirective extends ComplexBase<AccordionItemDirective>
     * @default null
     */
    public iconCss: any;
+    /** 
+     * Sets unique ID to accordion item.
+     * @default null
+     */
+    public id: any;
    /** 
     * Sets false to hide an accordion item.
     * @default true
--- a/components/navigations/src/tab/items.directive.ts
+++ b/components/navigations/src/tab/items.directive.ts
@ -3,7 +3,7 @@ import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';
 import { Template } from '@syncfusion/ej2-angular-base';


-let input: string[] = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'visible'];
+let input: string[] = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'id', 'visible'];
 let outputs: string[] = [];
 /**
 * 'e-tabitem' directive represent a item of the Angular Tab.
@ -44,6 +44,11 @@ export class TabItemDirective extends ComplexBase<TabItemDirective> {
     * @default {}
     */
    public header: any;
+    /** 
+     * Sets unique ID to Tab item.
+     * @default null
+     */
+    public id: any;
    /** 
     * Sets false to hide the Tab item.
     * @default true
--- a/components/navigations/src/tab/tab.component.ts
+++ b/components/navigations/src/tab/tab.component.ts
@ -4,8 +4,8 @@ import { Tab } from '@syncfusion/ej2-navigations';

 import { TabItemsDirective } from './items.directive';

-export const inputs: string[] = ['animation','cssClass','enableHtmlSanitizer','enablePersistence','enableRtl','headerPlacement','height','heightAdjustMode','items','loadOn','locale','overflowMode','scrollStep','selectedItem','showCloseButton','width'];
-export const outputs: string[] = ['added','adding','created','destroyed','removed','removing','selected','selecting'];
+export const inputs: string[] = ['allowDragAndDrop','animation','cssClass','dragArea','enableHtmlSanitizer','enablePersistence','enableRtl','headerPlacement','height','heightAdjustMode','items','loadOn','locale','overflowMode','scrollStep','selectedItem','showCloseButton','width'];
+export const outputs: string[] = ['added','adding','created','destroyed','dragged','dragging','onDragStart','removed','removing','selected','selecting'];
 export const twoWays: string[] = [''];

 /**
--- a/components/notifications/CHANGELOG.md
+++ b/components/notifications/CHANGELOG.md
@ -2,15 +2,7 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
-
-### Toast
-
-#### New Features
-
- `I307310` - Provided the 'progressDirection' property to customize the progress bar direction from left-to-right or right-to-left.
-
-## 18.4.34 (2021-01-12)
+## 19.1.54 (2021-03-30)

 ### Toast

--- a/components/notifications/package.json
+++ b/components/notifications/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-notifications",
-	"version": "18.4.34",
+	"version": "18.3.35",
 	"description": "A package of Essential JS 2 notification components such as Toast and Badge which used to notify important information to end-users. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/notifications/src/toast/toast.component.ts
+++ b/components/notifications/src/toast/toast.component.ts
@ -5,7 +5,7 @@ import { Template } from '@syncfusion/ej2-angular-base';
 import { ButtonModelPropsDirective } from './buttons.directive';

 export const inputs: string[] = ['animation','buttons','content','cssClass','enableHtmlSanitizer','enablePersistence','enableRtl','extendedTimeout','height','icon','locale','newestOnTop','position','progressDirection','showCloseButton','showProgressBar','target','template','timeOut','title','width'];
-export const outputs: string[] = ['beforeOpen','beforeSanitizeHtml','click','close','created','destroyed','open'];
+export const outputs: string[] = ['beforeClose','beforeOpen','beforeSanitizeHtml','click','close','created','destroyed','open'];
 export const twoWays: string[] = [''];

 /**
@ -33,7 +33,7 @@ export class ToastComponent extends Toast implements IComponentBase {

    /** 
     * Specifies the title to be displayed on the Toast. 
-     * Works only with string values.
+     * Accepts selectors, string values and HTML elements.
     * @default null
     */
    @ContentChild('title')
--- a/components/pdfviewer/CHANGELOG.md
+++ b/components/pdfviewer/CHANGELOG.md
@ -2,155 +2,7 @@

 ## [Unreleased]

-## 18.4.49 (2021-03-23)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#306927` - The exception will no longer be thrown while exporting the existing custom stamp annotations.
-
-## 18.4.48 (2021-03-16)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#306927` - The exception will no longer be thrown while exporting the existing custom stamp annotations.
-
-## 18.4.47 (2021-03-09)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#312055` - The opacity value is applied properly for the free text annotation when importing the annotations.
-
-## 18.4.44 (2021-02-23)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#306927`, `#312149` - The FreeText annotation modified text updated properly in the exported annotation collections.
- `#309983` - The Script error will no longer be thrown when you set the FitToWidth zoom mode in the Blazor.
- `#312754` - Now, the Form fields are editable when updating the form fields values programmatically.
-
-## 18.4.43 (2021-02-16)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#311659`, `#309125` - The Script error will no longer be thrown when we switch or press the back button before the PDF Viewer component not fully rendered.
-
-## 18.4.35 (2021-01-19)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#309238` - Now, the render page requests are not being sent on zooming when the restrictZoomRequest property is enabled.
-
-## 18.4.34 (2021-01-12)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#301753` - Now, the stamp annotation can be added in the page when the firefox browser language is german.
-
-## 18.4.33 (2021-01-05)
-
-### PDF Viewer
-
-#### New Features
-
- `#297887`  - Provided the support to render the images inside the button fields.
-
-## 18.4.31 (2020-12-22)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `304127` - Now, the annotation toolbar items are aligned properly in the annotation toolbar.
-
-## 18.4.31 (2020-12-22)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#302213`  - Pixel size is updated properly while using ExportAsImage API.
- `#300096`  - Font Styles are applied properly for free text annotation.
- `#303827`  - Annotation customData properties are mapped properly in PDF Viewer.
- `#305663`  - Ink annotation is added properly while adding programmatically.
- `#F159732` - FreeText annotation is now added properly on clicked positions.
-
-## 18.3.52 (2020-12-01)
-
-### PDF Viewer
-
-#### New Features
-
- `#300570` - Provided the Support to clear the annotation selection.
- `#299501` - Exposed the event before adding the free text annotations.
-
-#### Bug Fixes
-
- `#299497`, `#301943` -  Triggered the event on updating the value in the free text annotation.
- `#301759`, `#303702` - Now, the document is rendered correctly in the Mobile device.
- `#300917` - Now, the read-only text box field background color is maintained correctly.
- `#301513` - The isProgrammaticSelection property is returned properly in the annotation select event.
- `#299303` - Now, the waiting pop is visible on the page on applying the Zoom Mode property.
- `#301753` - The ExportAnnotationAsObject is now working properly.
- `#286360` - The PDF document is now perfectly rendered with the free text annotation on a mobile device.
-
-## 18.3.51 (2020-11-24)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#299496` - Now, the ajaxRequestFailed event gets triggered on every retry count.
-
-## 18.3.50 (2020-11-17)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#294232` - Now the ink annotation position is maintained properly
-
-## 18.3.48 (2020-11-11)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#297364`, `#298482`, `#298691`, `#299181` - Handwritten signature aspect ratio is now maintained properly in PDF Viewer.
-
-## 18.3.44 (2020-10-27)
-
-### PDF Viewer
-
-#### New Features
-
- `#293367` - Provided the support to preserve bookmark formatting styles.
-
-#### Bug Fixes
-
- `#F157546` - Exception will no longer be thrown on applying the freetext annotation color the while saving the document.
-
-## 18.3.40 (2020-10-13)
-
-### PDF Viewer
-
-#### Bug Fixes
-
- `#294255`, `#294257` - Annotation Property Change event is now triggering properly.
- `#294232`, `#294239`, `#294231` - Edit Annotation method is now working properly.
+## 19.1.54 (2021-03-30)

 ### PDF Viewer

--- a/components/pdfviewer/README.md
+++ b/components/pdfviewer/README.md
@ -1,2 +0,0 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-pdfviewer)](https://www.npmjs.com/package/@syncfusion/ej2-angular-pdfviewer)
-
--- a/components/pdfviewer/package.json
+++ b/components/pdfviewer/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-pdfviewer",
-	"version": "18.4.48",
+	"version": "18.4.44",
 	"description": "Essential JS 2 PDF viewer Component for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/pivotview/CHANGELOG.md
+++ b/components/pivotview/CHANGELOG.md
@ -2,7 +2,28 @@

 ## [Unreleased]

-## 18.4.46 (2021-03-02)
+## 19.1.54 (2021-03-30)
+
+### Pivot Table
+
+#### Breaking Changes
+
+- The `chartSettings.enableMultiAxis` property is deprecated and will no longer to be used. Use `chartSettings.enableMultipleAxis` to achieve the same.
+
+#### New Features
+
+- `#294982`,`#F157008` - In addition to existing aggregation types, a median type has been included.
+- `#293740`,`#294851`,`#295251`,`#310709`,`#F158140` - Multiple values (i.e. measures) can now be displayed in a single axis.
+- Hyperlink can now be set based on caption of measure field.
+- `#316689` - Data from the data manager can now be retrieved using a custom query.
+
+#### Bug Fixes
+
+- `#309694` - The issue in the pivot table for a particular OLAP cube has been fixed.
+- `#313576` - The height calculation issue in the pivot table has been fixed.
+- The issues in the field list with the defer layout update have now been fixed.
+
+## 18.4.46

 ### Pivot Table

@ -10,8 +31,6 @@

 - Border alignment issue in "Grouping Bar" UI has been fixed.

- `#299730`, `#315686` - Issues in "Date Grouping" feature have been fixed.
-
 ## 18.4.30 (2020-12-17)

 ### Pivot Table
@ -345,7 +364,7 @@ The pivot grid is a multi-dimensional data visualization component built on top

 #### Bug Fixes

- `#315248` - Issues in "Field list(Popup)" when enabling "Defer layout update" have been fixed.
+- `#299730`, `#315686` - Issues in "Date Grouping" feature have been fixed.

 ## 18.2.58 (2020-09-15)

--- a/components/pivotview/README.md
+++ b/components/pivotview/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-pivotview)](https://www.npmjs.com/package/@syncfusion/ej2-angular-pivotview)
-
 # ej2-angular-pivotview

 The pivot grid is a multi-dimensional data visualization component built on top of the relational data sources. The pivot report can be managed dynamically at runtime along with other capabilities like aggregation, filtering and sorting (field and value based).
--- a/components/pivotview/package.json
+++ b/components/pivotview/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-pivotview",
-	"version": "18.4.47",
+	"version": "18.4.30",
 	"description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/popups/CHANGELOG.md
+++ b/components/popups/CHANGELOG.md
@ -2,16 +2,6 @@

 ## [Unreleased]

-## 18.4.44 (2021-02-23)
-
-### Dialog
-
-#### Bug Fixes
-
- `#315130` - The issue with, "Provide support to prevent default focus in the 'OnOverlayClick' event" has been resolved
-
- The issue with "Tab action with modal dialog outside of the elements, can still be focused" has been resolved.
-
 ## 18.4.43 (2021-02-16)

 ### Tooltip
@ -21,8 +11,6 @@
 - `#306971` - In Tooltip, support for `enableHtmlParse` property has been provided to enable or disable the parsing of HTML string content as DOM elements.
 - `#305092`, `160582` - In Tooltip, support for `windowCollision` property has been provided to enable or disable collision between target elements of Tooltip and viewport(window).

- `#305092` - In Tooltip, support for `windowCollision` property has been provided to enable or disable collision between target elements of Tooltip and viewport(window).
-
 ## 18.4.41 (2021-02-02)

 ### Tooltip
--- a/components/popups/README.md
+++ b/components/popups/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-popups)](https://www.npmjs.com/package/@syncfusion/ej2-angular-popups)
-
 # ej2-angular-popups

 The popup components such as dialog and tooltip are used to display information in a popup to users. The dialog component provides modal/non-modal (modeless), built-in buttons, positioning, animation, draggable, and template features and helps to create alert, prompt, and confirmation dialogs easily. The tooltip component is used to display a popup that contains some information or message when you hover, click, focus, or touch an element. The information displayed in the tooltip can include simple text, images, hyperlinks, or custom templates.
--- a/components/popups/package.json
+++ b/components/popups/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-popups",
-	"version": "18.4.44",
+	"version": "18.3.35",
 	"description": "A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/popups/src/dialog/dialog.component.ts
+++ b/components/popups/src/dialog/dialog.component.ts
@ -61,7 +61,8 @@ export class DialogComponent extends Dialog implements IComponentBase {
     * 
     * {% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
     *
-     *{% codeBlock src="dialog/content-api/index.html" %}{% endcodeBlock %}     
+     *{% codeBlock src="dialog/content-api/index.html" %}{% endcodeBlock %}
+     *     
     * @default ''
     * @blazortype string
     */
--- a/components/popups/src/tooltip/tooltip.component.ts
+++ b/components/popups/src/tooltip/tooltip.component.ts
@ -36,7 +36,8 @@ export class TooltipComponent extends Tooltip implements IComponentBase {
     * Refer the documentation [here](https://ej2.syncfusion.com/documentation/tooltip/content/) 
     *  to know more about this property with demo.
     * 
-     * {% codeBlock src="tooltip/content-api/index.ts" %}{% endcodeBlock %}     
+     * {% codeBlock src="tooltip/content-api/index.ts" %}{% endcodeBlock %}
+     *     
     * @blazortype object
     */
    @ContentChild('content')
--- a/components/progressbar/CHANGELOG.md
+++ b/components/progressbar/CHANGELOG.md
@ -2,6 +2,14 @@

 ## [Unreleased]

+## 19.1.54 (2021-03-30)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#F159325` - ProgressBar renders inside the Grid with out any console error.
+
 ## 18.2.47 (2020-07-28)

 ### ProgressBar
--- a/components/progressbar/README.md
+++ b/components/progressbar/README.md
@ -1,5 +1,3 @@
-[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-progressbar)](https://www.npmjs.com/package/@syncfusion/ej2-angular-progressbar)
-
 # ej2-angular-progressbar

 The progress bar provides a customizable visual to indicate the progress of a task with different shape such as rectangle and circle.
--- a/components/progressbar/package.json
+++ b/components/progressbar/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-progressbar",
-	"version": "18.4.39",
+	"version": "18.3.0",
 	"description": "Essential JS 2 ProgressBar Component for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/Показать больше
+++ b/Показать больше
				`@ -1,2 +0,0 @@`
				`[![npm](http://ej2.syncfusion.com/github-badges?package=@syncfusion/ej2-angular-pdfviewer)](https://www.npmjs.com/package/@syncfusion/ej2-angular-pdfviewer)`