feature(REPORT-320530): Bold-Reports 5.2 Release Changes

Author: SundaresanGunasekaran

README.md

@@ -1,17 +1,9 @@
 ## Bold Reports Angular UI Components
 
-The `Bold Reports` UI components for Angular contains [Report Viewer](https://www.boldreports.com/embedded-reporting/angular-report-viewer) and [Report Designer](https://www.boldreports.com/embedded-reporting/angular-report-designer) Angular components for enterprise web development. Empower your web application with feature-rich report preview, edit, and customization capabilities that allow you to explore data easily and make real-time decisions. Effortlessly print and export reports.
+The `Bold Reports` UI components contains [Angular Report Viewer](https://www.boldreports.com/embedded-reporting/angular-report-viewer) and [Angular Report Designer](https://www.boldreports.com/embedded-reporting/angular-report-designer) reporting components for enterprise web development. Empower your web application with feature-rich report preview, edit, and customization capabilities that allow you to explore data easily and make real-time decisions. Effortlessly print and export reports.
 
 ![Bold Reports Angular Reporting Tool](https://demos.boldreports.com/Images/report-platform.gif)
 
-## Development
-
-To generate dist folder, execute the following command.
-
-```bash
-$ npm run build
-```
-
 ## Demos
 
 ### Online Demos
@@ -32,8 +24,8 @@ In case of any questions regarding the use of `Bold Reports Angular`, please [co
 
 ## Release Notes
 
-Refer the `Bold Reports Angular` Product Release Notes in [online Release Notes at Syncfusion](https://www.boldreports.com/release-history/).
+Refer to the online `Bold Reports Angular Product` [Release Notes](https://www.boldreports.com/release-history/).
 
 ## License Information
 
-For licensing information about `Bold Reports Angular`, Take a look at the Syncfusion License Agreements from [here](https://www.boldreports.com/terms-of-use).
+For licensing information about `Bold Reports Angular`, Take a look at the Syncfusion License Agreements from [here](https://www.boldreports.com/terms-of-use).

ng-package.json

@@ -4,7 +4,7 @@
   "lib": {
     "entryFile": "src/index.ts"
   } ,
-  "whitelistedNonPeerDependencies": [
+  "allowedNonPeerDependencies": [
     "@boldreports/javascript-reporting-controls"
   ]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boldreports/angular-reporting-components",
-  "version": "5.1.20",
+  "version": "5.2.26",
   "description": "The Bold Reports by Syncfuion components for Angular contains ReportViewer and ReportDesigner reporting components for enterprise web development",
   "repository": {
     "type": "git",
@@ -38,20 +38,11 @@
     "@boldreports/javascript-reporting-controls": "*"
   },
   "devDependencies": {
-    "@angular/common": "2.2.1 - 4.10.0",
-    "@angular/compiler": "2.2.1 - 4.10.0",
-    "@angular/core": "2.2.1 - 4.10.0",
-    "@angular/forms": "2.2.1 - 4.10.0",
-    "@angular/http": "2.2.1 - 4.10.0",
-    "@angular/platform-browser": "2.2.1 - 4.10.0",
-    "@angular/platform-browser-dynamic": "2.2.1 - 4.10.0",
-    "@angular/router": "2.2.1 - 4.10.0",
-    "@angular/compiler-cli": "2.2.1 - 4.10.0",
-    "@angular/platform-server": "2.2.1 - 4.10.0",
-    "@angular-devkit/schematics": "0.7.2",
-    "rxjs": "5.0.0 - 5.5.10",
-    "zone.js": "0.7.2 - 0.8.26",
-    "ng-packagr": "1.5.0",
+    "@angular/common": "12.0.0 - 16.1.2",
+    "@angular/core": "12.0.0 - 16.1.2",
+    "@angular/compiler-cli": "12.0.0 - 16.1.2",
+    "@angular/compiler": "12.0.0 - 16.1.2",
+    "ng-packagr": "16.1.0",
     "@types/ej.web.all": "^17.4.0",
     "@types/jasmine": "~3.5.0",
     "@types/jasminewd2": "~2.0.3",

src/core.ts

@@ -1,7 +1,8 @@
 import {
     EventEmitter, QueryList, ElementRef, SimpleChange,
     ChangeDetectorRef, IterableDiffers, KeyValueDiffers, OnInit,
-    DoCheck, AfterContentInit, AfterViewInit, OnChanges, AfterContentChecked, OnDestroy
+    DoCheck, AfterContentInit, AfterViewInit, OnChanges, AfterContentChecked, OnDestroy, Injectable
+
 } from '@angular/core';
 
 export { ContentChild, Type, forwardRef } from '@angular/core';
@@ -25,6 +26,7 @@ export interface IChangeSet {
 
 let firstVal = {};
 
+@Injectable()
 /** Internal Helpers */
 export class Utils {
     static IterateAndGetChanges(obj: IParentTag): IChangeSet {
@@ -43,6 +45,7 @@ export class Utils {
 
 }
 
+@Injectable()
 // tslint:disable-next-line:max-line-length
 export class BoldReportComponents<W, T> implements IParentTag, OnInit, AfterContentInit, DoCheck, AfterViewInit, OnChanges, AfterContentChecked, OnDestroy {
     public model: T = <T>{};
@@ -260,6 +263,7 @@ export class BoldReportComponents<W, T> implements IParentTag, OnInit, AfterCont
     }
 }
 
+@Injectable()
 export class ComplexTagElement implements OnInit, OnChanges, AfterContentChecked {
     recentChanges: any;
     hasChanges: boolean;
@@ -353,6 +357,7 @@ export class ComplexTagElement implements OnInit, OnChanges, AfterContentChecked
     }
 }
 
+@Injectable()
 export class ArrayTagElement<T extends ComplexTagElement> implements AfterContentInit, AfterContentChecked {
     list: Array<T>;
     children: QueryList<T>;

src/index.ts

@@ -1,4 +1,6 @@
 export * from './reportviewer.module';
 export * from './reportdesigner.module';
+export * from './reportviewer.component';
+export * from './reportdesigner.component';
 export * from './reports.module';
 export * from './core';

src/reportdesigner.component.ts

@@ -77,7 +77,6 @@ export class BoldReportDesignerComponent extends BoldReportComponents<any, any>
 	@Input('reportItemExtensions.imageClass') reportItemExtensions_imageClass_input: any;
 	@Input('reportItemExtensions.displayName') reportItemExtensions_displayName_input: any;
 	@Input('reportItemExtensions.category') reportItemExtensions_category_input: any;
-	@Input('reportItemExtensions.toolTip') reportItemExtensions_toolTip_input: any;
 	@Input('toolbarSettings.items') toolbarSettings_items_input: any;
 	@Input('toolbarSettings.showToolbar') toolbarSettings_showToolbar_input: any;
 	@Input('toolbarSettings.templateId') toolbarSettings_templateId_input: any;

src/reportviewer.component.ts

@@ -68,6 +68,7 @@ export class BoldReportViewerComponent extends BoldReportComponents<any, any> {
 	@Input('parameterSettings.accessInternalValue') parameterSettings_accessInternalValue_input: any;
 	@Input('toolbarSettings.click') toolbarSettings_click_input: any;
 	@Input('toolbarSettings.items') toolbarSettings_items_input: any;
+	@Input('toolbarSettings.toolbars') toolbarSettings_toolbars_input: any;
 	@Input('toolbarSettings.showToolbar') toolbarSettings_showToolbar_input: any;
 	@Input('toolbarSettings.showTooltip') toolbarSettings_showTooltip_input: any;
 	@Input('toolbarSettings.templateId') toolbarSettings_templateId_input: any;

tsconfig.json

@@ -30,7 +30,7 @@
     ]
   },
   "angularCompilerOptions": {
-    "enableIvy": false,
+    "enableIvy": true,
     "fullTemplateTypeCheck": true,
     "strictInjectionParameters": true
   }