@boldreports/angular-reporting-components 6.1.47 → 6.1.48

package/dist/README.md

@@ -0,0 +1,31 @@
+## Bold Reports Angular UI Components
+
+The `Bold Reports` UI components contains [Angular Report Viewer](https://www.boldreports.com/embedded-reporting/angular-report-viewer?utm_source=npm&utm_medium=listing&utm_campaign=boldreports-report-viewer-angular-npm) and [Angular Report Designer](https://www.boldreports.com/embedded-reporting/angular-report-designer?utm_source=npm&utm_medium=listing&utm_campaign=boldreports-report-designer-angular-npm) 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)
+
+## Demos
+
+### Online Demos
+
+Take a look at the `Bold Reports Angular` live demo [here](https://demos.boldreports.com/home/).
+
+## Documentation
+
+For complete `Bold Reports Angular` documentation, please visit [https://documentation.boldreports.com/angular/](https://documentation.boldreports.com/angular/?utm_source=npm&utm_medium=listing&utm_campaign=boldreports-angular-npm)
+
+### Offline Demos
+
+Download our Angular Reporting Platform installer from [here](https://www.boldreports.com/pricing/?utm_source=npm&utm_medium=listing&utm_campaign=boldreports-angular-npm).
+
+## Support
+
+In case of any questions regarding the use of `Bold Reports Angular`, please [contact us](mailto:support@boldreports.com) by sending your queries.
+
+## Release Notes
+
+Refer to the online `Bold Reports Angular Product` [Release Notes](https://www.boldreports.com/release-history/?utm_source=npm&utm_medium=listing&utm_campaign=boldreports-angular-npm).
+
+## 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?utm_source=npm&utm_medium=listing&utm_campaign=boldreports-angular-npm).

package/dist/package.json

@@ -0,0 +1,59 @@
+{
+    "name": "@boldreports/angular-reporting-components",
+    "version": "2.2.23",
+    "description": "The Bold Reports by Syncfuion components for Angular contains ReportViewer and ReportDesigner reporting components for enterprise web development",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/boldreports/angular-reporting-components.git"
+    },
+    "author": "Syncfusion Inc",
+    "license": "SEE LICENSE IN README.md",
+    "keywords": [
+        "Bold Reports",
+        "Bold Report Viewer",
+        "Bold Report Designer",
+        "Report Viewer",
+        "Report Designer",
+        "Report Editor",
+        "Report Builder",
+        "SSRS",
+        "Angular Components",
+        "Reporting Tool",
+        "Syncfusion",
+        "UI Components",
+        "Web",
+        "Reports",
+        "RDL",
+        "RDLC",
+        "RDLC Viewer",
+        "RDL Viewer"
+    ],
+    "bugs": {
+        "url": "https://github.com/boldreports/angular-reporting-components/issues"
+    },
+    "dependencies": {
+        "@boldreports/javascript-reporting-controls": "1.0.5",
+        "tslib": "^2.3.0"
+    },
+    "homepage": "https://boldreports.com",
+    "sideEffects": true,
+    "module": "fesm2015/boldreports-angular-reporting-components.mjs",
+    "es2020": "fesm2020/boldreports-angular-reporting-components.mjs",
+    "esm2020": "esm2020/boldreports-angular-reporting-components.mjs",
+    "fesm2020": "fesm2020/boldreports-angular-reporting-components.mjs",
+    "fesm2015": "fesm2015/boldreports-angular-reporting-components.mjs",
+    "typings": "boldreports-angular-reporting-components.d.ts",
+    "exports": {
+        "./package.json": {
+            "default": "./package.json"
+        },
+        ".": {
+            "types": "./boldreports-angular-reporting-components.d.ts",
+            "esm2020": "./esm2020/boldreports-angular-reporting-components.mjs",
+            "es2020": "./fesm2020/boldreports-angular-reporting-components.mjs",
+            "es2015": "./fesm2015/boldreports-angular-reporting-components.mjs",
+            "node": "./fesm2015/boldreports-angular-reporting-components.mjs",
+            "default": "./fesm2020/boldreports-angular-reporting-components.mjs"
+        }
+    }
+}

package/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "./dist",
+  "lib": {
+    "entryFile": "src/index.ts"
+  } ,
+  "allowedNonPeerDependencies": [
+    "@boldreports/javascript-reporting-controls"
+  ]
+}

package/package.json

@@ -1,59 +1,53 @@
-{
-    "name": "@boldreports/angular-reporting-components",
-    "version": "6.1.47",
-    "description": "The Bold Reports by Syncfuion components for Angular contains ReportViewer and ReportDesigner reporting components for enterprise web development",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/boldreports/angular-reporting-components.git"
-    },
-    "author": "Syncfusion Inc",
-    "license": "SEE LICENSE IN README.md",
-    "keywords": [
-        "Bold Reports",
-        "Bold Report Viewer",
-        "Bold Report Designer",
-        "Report Viewer",
-        "Report Designer",
-        "Report Editor",
-        "Report Builder",
-        "SSRS",
-        "Angular Components",
-        "Reporting Tool",
-        "Syncfusion",
-        "UI Components",
-        "Web",
-        "Reports",
-        "RDL",
-        "RDLC",
-        "RDLC Viewer",
-        "RDL Viewer"
-    ],
-    "bugs": {
-        "url": "https://github.com/boldreports/angular-reporting-components/issues"
-    },
-    "dependencies": {
-        "@boldreports/javascript-reporting-controls": "6.1.47",
-        "tslib": "^2.3.0"
-    },
-    "homepage": "https://boldreports.com",
-    "sideEffects": true,
-    "module": "fesm2015/boldreports-angular-reporting-components.mjs",
-    "es2020": "fesm2020/boldreports-angular-reporting-components.mjs",
-    "esm2020": "esm2020/boldreports-angular-reporting-components.mjs",
-    "fesm2020": "fesm2020/boldreports-angular-reporting-components.mjs",
-    "fesm2015": "fesm2015/boldreports-angular-reporting-components.mjs",
-    "typings": "boldreports-angular-reporting-components.d.ts",
-    "exports": {
-        "./package.json": {
-            "default": "./package.json"
-        },
-        ".": {
-            "types": "./boldreports-angular-reporting-components.d.ts",
-            "esm2020": "./esm2020/boldreports-angular-reporting-components.mjs",
-            "es2020": "./fesm2020/boldreports-angular-reporting-components.mjs",
-            "es2015": "./fesm2015/boldreports-angular-reporting-components.mjs",
-            "node": "./fesm2015/boldreports-angular-reporting-components.mjs",
-            "default": "./fesm2020/boldreports-angular-reporting-components.mjs"
-        }
-    }
-}
+{
+  "name": "@boldreports/angular-reporting-components",
+  "version": "6.1.48",
+  "description": "The Bold Reports by Syncfuion components for Angular contains ReportViewer and ReportDesigner reporting components for enterprise web development",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/boldreports/angular-reporting-components.git"
+  },
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json"
+  },
+  "author": "Syncfusion Inc",
+  "license": "SEE LICENSE IN README.md",
+  "keywords": [
+    "Bold Reports",
+    "Bold Report Viewer",
+    "Bold Report Designer",
+    "Report Viewer",
+    "Report Designer",
+    "Report Editor",
+    "Report Builder",
+    "SSRS",
+    "Angular Components",
+    "Reporting Tool",
+    "Syncfusion",
+    "UI Components",
+    "Web",
+    "Reports",
+    "RDL",
+    "RDLC",
+    "RDLC Viewer",
+    "RDL Viewer"
+  ],
+  "bugs": {
+    "url": "https://github.com/boldreports/angular-reporting-components/issues"
+  },
+  "dependencies": {
+    "@boldreports/javascript-reporting-controls": "1.0.5"
+  },
+  "devDependencies": {
+    "@angular/common": "13.0.0",
+    "@angular/core": "13.0.0",
+    "@angular/compiler-cli": "13.0.0",
+    "@angular/compiler": "13.0.0",
+    "ng-packagr": "13.0.0 ",
+    "@types/ej.web.all": "^17.4.0",
+    "@types/jasmine": "~3.5.0",
+    "@types/jasminewd2": "~2.0.3",
+    "@types/node": "12.11.1"
+  },
+  "homepage": "https://boldreports.com",
+  "sideEffects": true
+}

package/src/core.ts

@@ -0,0 +1,415 @@
+import {
+    EventEmitter, QueryList, ElementRef, SimpleChange,
+    ChangeDetectorRef, IterableDiffers, KeyValueDiffers, OnInit,
+    DoCheck, AfterContentInit, AfterViewInit, OnChanges, AfterContentChecked, OnDestroy, Injectable
+
+} from '@angular/core';
+
+export { ContentChild, Type, forwardRef } from '@angular/core';
+
+export let currentTemplateElement: any;
+
+
+
+export interface IParentTag {
+    tags: Array<any>;
+}
+
+export interface IChildChange {
+    index: number;
+    change: any;
+}
+
+export interface IChangeSet {
+    [key: string]: Array<IChildChange>;
+}
+
+let firstVal = {};
+
+@Injectable()
+/** Internal Helpers */
+export class Utils {
+    static IterateAndGetChanges(obj: IParentTag): IChangeSet {
+        if (ej.isNullOrUndefined(obj.tags) || obj.tags.length === 0) {
+            return null;
+        }
+        let res: IChangeSet = {};
+        for (let i = 0, tags = obj.tags; i < tags.length; i++) {
+            let tag = tags[i], tagElement = (<any>obj)['tag_' + tag.replace(/\./g, '_')];
+            if (!ej.isNullOrUndefined(tagElement) && tagElement.hasChanges) {
+                res[tag] = tagElement.getChangesAndReset();
+            }
+        }
+        return res;
+    }
+
+}
+
+@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>{};
+    public widget: W;
+    protected outputs: Array<string> = [];
+    protected inputs: Array<string> = [];
+    protected twoways: Array<string> = [];
+    protected complexProperties: Array<string>;
+    protected isEditor: boolean;
+
+    private firstCheck: boolean;
+    ejIterable: any;
+    ejKeyValueDif: any;
+
+    private static bindAndRaiseEvent(instance: any, model: any, event: string) {
+        if (!event.startsWith('model.')) {// && instance[event]['observers'].length > 1) {
+            let originalEvt = event.startsWith('bold') ? event.substr(4) : event;
+            model[originalEvt] = function (params: any) {
+                instance[event + '_output']['emit'](params);
+            };
+        }
+    }
+    // tslint:disable-next-line:max-line-length
+    constructor(protected controlName: string, protected el: ElementRef, protected cdRef: ChangeDetectorRef, public tags: Array<string>, private ejIterableDiffers: IterableDiffers, private _ejKeyValueDiffers: KeyValueDiffers) {
+        //        this.__shadow = this.dom.getShadowRoot(this.el.nativeElement);
+        this.firstCheck = true;
+        this.ejIterable = this.ejIterableDiffers.find([]).create(null);
+        this.ejKeyValueDif = _ejKeyValueDiffers.find([]).create();
+    }
+
+    protected createTwoways(twoways: Array<string>) {
+        if (!twoways) { return; }
+        let model = this.model;
+        for (let i = 0; i < twoways.length; i++) {
+            let element = twoways[i].replace(/\_/g, '.');
+            ej.createObject(element + 'Change', (<any>this)[twoways[i] + '_twoChange'], model);
+            ej.createObject(element, this.addTwoways(element), model);
+        }
+    }
+
+    protected addTwoways(prop: string): Function {
+        let model = this.model, value = firstVal; // , originalProp = prop.replace(/-/g, '.');
+        return function (newVal: any, isApp: boolean) {
+            if (value === firstVal) {
+                value = ej.getObject(prop + '_two', model);
+                if (value === undefined) {
+                    value = ej.getObject(prop, this === undefined || this.defaults === undefined ? {} : this.defaults);
+                }
+            }
+            if (newVal === undefined) {
+                return value;
+            }
+            if (value === newVal) { return; }
+            value = newVal;
+            if (!isApp) {
+                ej.createObject(prop + '_two', newVal, model);
+                ej.getObject(prop + 'Change', model).emit(newVal);
+            }
+        };
+    }
+    ngOnInit() {
+        for (let key in this) {
+            if (key.indexOf('_input') != -1)
+                this.inputs.push(key);
+            if (key.indexOf('_output') != -1)
+                this.outputs.push(key);
+            if (key.indexOf('_two') != -1 && key.indexOf('_twoChange') == -1)
+                this.twoways.push(key.replace('_two', ''));
+        }
+        if (ej.isNullOrUndefined((<any>this)['options'])) {
+            this.createTwoways(this.twoways);
+        }
+    }
+
+    ngAfterContentInit() {
+        this.firstCheck = false;
+
+        let model = this.model, events = this.outputs;
+        if (events) {
+            for (let i = 0; i < events.length; i++) {
+                let event = events[i].replace('_output', '');
+                BoldReportComponents.bindAndRaiseEvent(this, model, event);
+            }
+        }
+        if (ej.isNullOrUndefined((<any>this)['options'])) {
+            for (let i = 0; i < this.tags.length; i++) {
+                let element = this.tags[i], item = (<any>this)['tag_' + element.replace(/\./g, '_')];
+                if (!ej.isNullOrUndefined(item)) {
+                    ej.createObject(element, item.getList(), this.model);
+                }
+            }
+
+            for (let i = 0; i < this.inputs.length; i++) {
+                let property = this.inputs[i];
+                let modelProperty = this.inputs[i].replace('_input', '');
+                if ((<any>this)[property] != null) {
+                    if (modelProperty.indexOf('_') == -1) {
+                        if ((<any>this.model)[modelProperty]) {
+                            $.extend(true, (<any>this.model)[modelProperty], (<any>this)[property]);
+                        } else {
+                            (<any>this.model)[modelProperty] = (<any>this)[property];
+                        }
+                    } else if (modelProperty.indexOf('_two') == -1) {
+                        let tempObj: any = {};
+                        let key = modelProperty.replace(/\_/g, '.');
+                        ej.createObject(key, (<any>this)[property], tempObj);
+                        let rootProp = key.split('.')[0];
+                        if ((<any>this.model)[rootProp] == undefined)
+                            (<any>this.model)[rootProp] = {};
+                        $.extend(true, (<any>this.model)[rootProp], tempObj[rootProp]);
+                    }
+                }
+            }
+            for (let i = 0; i < this.twoways.length; i++) {
+                let twoway = this.twoways[i];
+                let twowayProperty = twoway + '_two';
+                if ((<any>this)[twowayProperty] != null) {
+                    if (twoway.indexOf('_') == -1) {
+                        (<any>this.model)[twowayProperty] = (<any>this)[twowayProperty];
+                    } else {
+                        let tempObj: any = {};
+                        let key = twoway.replace(/\_/g, '.') + '_two';
+                        ej.createObject(key, (<any>this)[twowayProperty], tempObj);
+                        let rootProp = twowayProperty.split('_')[0];
+                        $.extend(true, (<any>this.model)[rootProp], tempObj[rootProp]);
+                    }
+                }
+            }
+        }
+        else
+            this.model = jQuery.extend(this.model, (<any>this)['options']);
+
+    }
+    ngDoCheck() {
+        if (ej.isNullOrUndefined((<any>this)['options'])) {
+            this.twoways.forEach(element => {
+                if ((<any>this)[element + '_two'] instanceof Array) {
+                    let changes = this.ejIterable.diff((<any>this)[element + '_two']);
+                    if (changes) {
+                        let ngChanges = {};
+                        if (this.widget != undefined) {
+                            ngChanges = this.getTwowayChanges(changes.collection, ngChanges, element.replace(/\_/g, '.'));
+                            ej.createObject(element.replace(/\_/g, '.') + '.two', changes.collection, ngChanges);
+                            (<any>this.widget)['setModel'](ngChanges, $.isPlainObject(ngChanges));
+                        }
+                    }
+                }
+            });
+
+        }
+        else {
+            let changes = this.ejKeyValueDif.diff((<any>this)['options']);
+            if (changes) {
+                if (this.widget != undefined) {
+                    var ngchanges = {};
+                    changes.forEachChangedItem((changedprop: any) => {
+                        ej.createObject(changedprop.key, changedprop.currentValue, ngchanges);
+                    });
+                    (<any>this.widget)['setModel'](ngchanges, $.isPlainObject(ngchanges));
+                }
+            }
+        }
+    }
+    ngAfterViewInit() {
+        let nativeElement = this.isEditor ? $(this.el.nativeElement.children) : $(this.el.nativeElement);
+        let controlName: string = this.lowerCaseFirstLetter(this.controlName);
+        this.widget = ($(nativeElement) as any)[controlName](this.model)[controlName]('instance');
+    }
+
+    lowerCaseFirstLetter(string: string) {
+        return string[0].toLowerCase() + string.slice(1);
+    }
+
+    ngOnChanges(changes: { [key: string]: SimpleChange }) {
+        if (this.firstCheck) { return; }
+        let ngChanges = {};
+        if (ej.isNullOrUndefined((<any>this)['options'])) {
+            for (let key in changes) {
+                let element = changes[key];
+                if (element.previousValue === element.currentValue) {
+                    break;
+                }
+                key = key.replace('_input', '').replace(/\_/g, '.');
+                if (key.endsWith('.two')) {
+                    let oKey = key.replace('.two', '');
+                    ngChanges = this.getTwowayChanges(element.currentValue, ngChanges, oKey);
+                }
+                ej.createObject(key, element.currentValue, ngChanges);
+            }
+
+            (<any>this.widget)['setModel'](ngChanges, $.isPlainObject(ngChanges));
+        }
+    }
+
+    getTwowayChanges(value: any, ngChanges: any, prop: string) {
+        let valFn = ej.getObject(prop, (<any>this.widget)['model']);
+        valFn(value, true);
+        ej.createObject(prop, valFn, ngChanges);
+        return ngChanges;
+    }
+
+    ngAfterContentChecked() {
+        // TODO: ChangeDetection Third/Multi level
+        let changes: IChangeSet = Utils.IterateAndGetChanges(this);
+        for (let key in changes) {
+            if (changes.hasOwnProperty(key)) {
+                let element = changes[key];
+                (<any>this.widget)['_' + key](element);
+            }
+        }
+    }
+
+    ngOnDestroy() {
+        (<any>this.widget)['destroy']();
+    }
+}
+
+@Injectable()
+export class ComplexTagElement implements OnInit, OnChanges, AfterContentChecked {
+    recentChanges: any;
+    hasChanges: boolean;
+    firstChange: boolean;
+    index: number;
+    valueChange: EventEmitter<any> = new EventEmitter();
+    protected complexProperties: Array<string>;
+    property: string;
+    parent: BoldReportComponents<any, any>;
+    complexes: Array<string> = [];
+
+    // tags: Array<string>;
+
+    constructor(public tags: Array<string>) {
+        this.hasChanges = false;
+        this.firstChange = true;
+
+        Object.defineProperty(this, 'parent', {
+            enumerable: false,
+            writable: true,
+            value: null
+        });
+        currentTemplateElement = this;
+    }
+
+    ngOnInit() {
+        this.firstChange = false;
+        for (let key in this) {
+            if (key.indexOf('_') != -1 && key.indexOf('tag_') == -1)
+                this.complexes.push(key);
+        }
+        for (let i = 0; i < this.complexes.length; i++) {
+            let property = this.complexes[i];
+            if (property.indexOf('_') != -1) {
+                let tempObj: any = {};
+                let key = property.replace(/\_/g, '.');
+                ej.createObject(key, (<any>this)[property], tempObj);
+                let rootProp = key.split('.')[0];
+                if ((<any>this)[rootProp] == undefined) (<any>this)[rootProp] = {};
+                $.extend(true, (<any>this)[rootProp], tempObj[rootProp]);
+            }
+        }
+    }
+
+    ensureCleanObject() {
+        let tags = this.tags;
+        for (let i = 0; i < tags.length; i++) {
+            let element = tags[i], tagElement = (<any>this)['tag_' + element.replace(/\./g, '_')];
+
+            if (i === 0 && (<any>this)[element]) { return; }
+            if (ej.isNullOrUndefined(tagElement)) { continue; }
+
+            ej.createObject(element, tagElement.getList(), this);
+        }
+    }
+
+    ngOnChanges(changes: { [key: string]: SimpleChange }) {
+        if (this.firstChange) { return; }
+        this.recentChanges = changes;
+        this.hasChanges = true;
+    }
+
+    getChangesAndReset() {
+        if (this.hasChanges === false) { return; }
+
+        let changes = this.recentChanges || {};
+        let contentChanges = Utils.IterateAndGetChanges(this);
+        if (!$.isEmptyObject(contentChanges)) {
+            for (let key in contentChanges) {
+                if (contentChanges.hasOwnProperty(key)) {
+                    let element = contentChanges[key];
+                    // this.el.nativeElement.
+                    if (!ej.isNullOrUndefined(this.parent.widget['_' + this.property.replace(/\./g, '_') + '_' + key]))
+                        this.parent.widget['_' + this.property.replace(/\./g, '_') + '_' + key](element);
+                }
+            }
+        }
+
+        this.hasChanges = false;
+        return changes;
+    }
+
+    ngAfterContentChecked() {
+        let tags = this.tags;
+        for (let i = 0, len = tags.length; i < len; i++) {
+            let element = tags[i], tagElement = (<any>this)['tag_' + element.replace(/\./g, '_')];
+            if (tagElement && tagElement.hasChanges) {
+                this.hasChanges = true;
+            }
+        }
+    }
+}
+
+@Injectable()
+export class ArrayTagElement<T extends ComplexTagElement> implements AfterContentInit, AfterContentChecked {
+    list: Array<T>;
+    children: QueryList<T>;
+    recentChanges: Array<IChildChange>;
+    hasChanges: boolean;
+
+    constructor(public propertyName: string) {
+        this.hasChanges = false;
+    }
+
+    // TODO: Need to consider dynamic child change
+    ngAfterContentInit() {
+        let index = 0;
+        this.list = this.children.map((child) => {
+            child.index = index++;
+            child.property = this.propertyName;
+            return child;
+        });
+    }
+
+    getList() {
+        let list = this.list;
+        for (let i = 0; i < list.length; i++) {
+            list[i].ensureCleanObject();
+        }
+        return list;
+    }
+
+    getChangesAndReset(): Array<IChildChange> {
+        this.hasChanges = false;
+        return this.recentChanges;
+    }
+
+    ngAfterContentChecked(): void {
+        let changes = {}, res: Array<IChildChange> = (<any>changes)[this.propertyName] = [], childChange: any;
+
+        for (let i = 0, list = this.list; i < list.length; i++) {
+            let child = list[i];
+            if (child.hasChanges) {
+                childChange = child.getChangesAndReset();
+                if (!ej.isNullOrUndefined(childChange)) {
+                    res.push(<IChildChange>{
+                        index: child.index,
+                        change: childChange
+                    });
+                }
+            }
+        }
+
+        if (res.length > 0) {
+            this.recentChanges = res;
+            this.hasChanges = true;
+        }
+    }
+}

package/src/index.ts

@@ -0,0 +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';

package/src/reportdesigner.component.ts

@@ -0,0 +1,106 @@
+import { BoldReportComponents } from './core';
+// tslint:disable-next-line:max-line-length
+import { EventEmitter, IterableDiffers, KeyValueDiffers, Component, ElementRef, ChangeDetectorRef, Input, Output } from '@angular/core';
+@Component({
+    selector: 'bold-reportdesigner',
+    template: ''})
+export class BoldReportDesignerComponent extends BoldReportComponents<any, any> {
+	@Input('configurePaneSettings') configurePaneSettings_input: any;
+	@Input('disableCodeModule') disableCodeModule_input: any;
+	@Input('enableImpersonate') enableImpersonate_input: any;
+	@Input('enableImageBlobing') enableImageBlobing_input: any;
+	@Input('enableTableMultipleDataAssign') enableTableMultipleDataAssign_input: any;
+	@Input('filterDataConnectors') filterDataConnectors_input: any;
+	@Input('filterReportItems') filterReportItems_input: any;
+	@Input('fontNames') fontNames_input: any;
+	@Input('locale') locale_input: any;
+	@Input('permissionSettings') permissionSettings_input: any;
+	@Input('previewOptions') previewOptions_input: any;
+	@Input('reportDataExtensions') reportDataExtensions_input: any;
+	@Input('reportItemExtensions') reportItemExtensions_input: any;
+	@Input('reportPath') reportPath_input: any;
+	@Input('reportVersion') reportVersion_input: any;
+	@Input('reportType') reportType_input: any;
+	@Input('reportServerUrl') reportServerUrl_input: any;
+	@Input('serviceAuthorizationToken') serviceAuthorizationToken_input: any;
+	@Input('serviceUrl') serviceUrl_input: any;
+	@Input('toolbarSettings') toolbarSettings_input: any;
+	@Input('waitingPopupTemplate') waitingPopupTemplate_input: any;
+	@Input('dataTabIndex') dataTabIndex_input: any;
+	@Input('configurePaneSettings.items') configurePaneSettings_items_input: any;
+	@Input('configurePaneSettings.showPane') configurePaneSettings_showPane_input: any;
+	@Input('dataSources.name') dataSources_name_input: any;
+	@Input('dataSources.value') dataSources_value_input: any;
+	@Input('exportSettings.exportOptions') exportSettings_exportOptions_input: any;
+	@Input('exportSettings.excelFormat') exportSettings_excelFormat_input: any;
+	@Input('exportSettings.wordFormat') exportSettings_wordFormat_input: any;
+	@Input('exportSettings.customItems') exportSettings_customItems_input: any;
+	@Input('pageSettings.orientation') pageSettings_orientation_input: any;
+	@Input('pageSettings.paperSize') pageSettings_paperSize_input: any;
+	@Input('pageSettings.height') pageSettings_height_input: any;
+	@Input('pageSettings.width') pageSettings_width_input: any;
+	@Input('pageSettings.margins') pageSettings_margins_input: any;
+	@Input('parameters.labels') parameters_labels_input: any;
+	@Input('parameters.name') parameters_name_input: any;
+	@Input('parameters.nullable') parameters_nullable_input: any;
+	@Input('parameters.prompt') parameters_prompt_input: any;
+	@Input('parameters.values') parameters_values_input: any;
+	@Input('parameterSettings.delimiterChar') parameterSettings_delimiterChar_input: any;
+	@Input('parameterSettings.popupHeight') parameterSettings_popupHeight_input: any;
+	@Input('parameterSettings.popupWidth') parameterSettings_popupWidth_input: any;
+	@Input('parameterSettings.itemWidth') parameterSettings_itemWidth_input: any;
+	@Input('parameterSettings.labelWidth') parameterSettings_labelWidth_input: any;
+	@Input('permissionSettings.dataSet') permissionSettings_dataSet_input: any;
+	@Input('permissionSettings.dataSource') permissionSettings_dataSource_input: any;
+	@Input('previewOptions.autoRender') previewOptions_autoRender_input: any;
+	@Input('previewOptions.dataSources') previewOptions_dataSources_input: any;
+	@Input('previewOptions.enableNotificationBar') previewOptions_enableNotificationBar_input: any;
+	@Input('previewOptions.enableVirtualEvaluation') previewOptions_enableVirtualEvaluation_input: any;
+	@Input('previewOptions.enableParameterBlockScroller') previewOptions_enableParameterBlockScroller_input: any;
+	@Input('previewOptions.enableDatasourceBlockScroller') previewOptions_enableDatasourceBlockScroller_input: any;
+	@Input('previewOptions.enableDropDownSearch') previewOptions_enableDropDownSearch_input: any;
+	@Input('previewOptions.exportSettings') previewOptions_exportSettings_input: any;
+	@Input('previewOptions.pageSettings') previewOptions_pageSettings_input: any;
+	@Input('previewOptions.parameters') previewOptions_parameters_input: any;
+	@Input('previewOptions.parameterSettings') previewOptions_parameterSettings_input: any;
+	@Input('previewOptions.printMode') previewOptions_printMode_input: any;
+	@Input('previewOptions.printOption') previewOptions_printOption_input: any;
+	@Input('previewOptions.sizeToReportContent') previewOptions_sizeToReportContent_input: any;
+	@Input('previewOptions.toolbarSettings') previewOptions_toolbarSettings_input: any;
+	@Input('previewOptions.zoomFactor') previewOptions_zoomFactor_input: any;
+	@Input('reportDataExtensions.name') reportDataExtensions_name_input: any;
+	@Input('reportDataExtensions.className') reportDataExtensions_className_input: any;
+	@Input('reportDataExtensions.imageClass') reportDataExtensions_imageClass_input: any;
+	@Input('reportDataExtensions.displayName') reportDataExtensions_displayName_input: any;
+	@Input('reportItemExtensions.name') reportItemExtensions_name_input: any;
+	@Input('reportItemExtensions.className') reportItemExtensions_className_input: any;
+	@Input('reportItemExtensions.imageClass') reportItemExtensions_imageClass_input: any;
+	@Input('reportItemExtensions.displayName') reportItemExtensions_displayName_input: any;
+	@Input('reportItemExtensions.category') reportItemExtensions_category_input: any;
+	@Input('toolbarSettings.items') toolbarSettings_items_input: any;
+	@Input('toolbarSettings.showToolbar') toolbarSettings_showToolbar_input: any;
+	@Input('toolbarSettings.templateId') toolbarSettings_templateId_input: any;
+
+
+	@Output('ajaxBeforeLoad') ajaxBeforeLoad_output : any = new EventEmitter();
+	@Output('ajaxError') ajaxError_output : any = new EventEmitter();
+	@Output('ajaxSuccess') ajaxSuccess_output : any = new EventEmitter();
+	@Output('create') create_output : any = new EventEmitter();
+	@Output('destroy') destroy_output : any = new EventEmitter();
+	@Output('newDataClick') newDataClick_output : any = new EventEmitter();
+	@Output('openReportClick') openReportClick_output : any = new EventEmitter();
+	@Output('previewReport') previewReport_output : any = new EventEmitter();
+	@Output('reportModified') reportModified_output : any = new EventEmitter();
+	@Output('reportOpened') reportOpened_output : any = new EventEmitter();
+	@Output('reportSaved') reportSaved_output : any = new EventEmitter();
+	@Output('saveReportClick') saveReportClick_output : any = new EventEmitter();
+	@Output('toolbarClick') toolbarClick_output : any = new EventEmitter();
+	@Output('toolbarRendering') toolbarRendering_output : any = new EventEmitter();
+	@Output('encryptData') encryptData_output : any = new EventEmitter();
+	@Output('decryptData') decryptData_output : any = new EventEmitter();
+
+    // tslint:disable-next-line:max-line-length
+    constructor(public el: ElementRef, public cdRef: ChangeDetectorRef, private _ejIterableDiffers: IterableDiffers, private _ejkeyvaluediffers: KeyValueDiffers) {
+        super('BoldReportDesigner', el, cdRef, [], _ejIterableDiffers, _ejkeyvaluediffers);
+    }
+}

package/src/reportdesigner.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { BoldReportDesignerComponent } from './reportdesigner.component';
+
+@NgModule({
+    imports: [
+        CommonModule
+    ],
+    declarations: [
+        BoldReportDesignerComponent
+    ],
+    exports: [
+        BoldReportDesignerComponent
+    ]
+})
+export class BoldReportDesignerModule {
+}

package/src/reports.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { BoldReportDesignerModule } from './reportdesigner.module';
+import { BoldReportViewerModule } from './reportviewer.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    BoldReportViewerModule,
+    BoldReportDesignerModule
+  ],
+  declarations: [
+  ],
+  exports: [
+    BoldReportViewerModule,
+    BoldReportDesignerModule
+  ]
+})
+export class BoldReportsModule {
+}

package/src/reportviewer.component.ts

@@ -0,0 +1,110 @@
+import { BoldReportComponents } from './core';
+// tslint:disable-next-line:max-line-length
+import { EventEmitter, IterableDiffers, KeyValueDiffers, Component, ElementRef, ChangeDetectorRef, Input, Output } from '@angular/core';
+@Component({
+    selector: 'bold-reportviewer',
+    template: ''})
+export class BoldReportViewerComponent extends BoldReportComponents<any, any> {
+	@Input('dataSources') dataSources_input: any;
+	@Input('exportSettings') exportSettings_input: any;
+	@Input('isResponsive') isResponsive_input: any;
+	@Input('locale') locale_input: any;
+	@Input('pageSettings') pageSettings_input: any;
+	@Input('parameters') parameters_input: any;
+	@Input('toolbarSettings') toolbarSettings_input: any;
+	@Input('parameterSettings') parameterSettings_input: any;
+	@Input('printMode') printMode_input: any;
+	@Input('printOption') printOption_input: any;
+	@Input('processingMode') processingMode_input: any;
+	@Input('renderMode') renderMode_input: any;
+	@Input('reportPath') reportPath_input: any;
+	@Input('reportServerUrl') reportServerUrl_input: any;
+	@Input('reportServiceUrl') reportServiceUrl_input: any;
+	@Input('zoomFactor') zoomFactor_input: any;
+	@Input('serviceAuthorizationToken') serviceAuthorizationToken_input: any;
+	@Input('toolbarRenderMode') toolbarRenderMode_input: any;
+	@Input('enableParameterBlockScroller') enableParameterBlockScroller_input: any;
+	@Input('enableDatasourceBlockScroller') enableDatasourceBlockScroller_input: any;
+	@Input('sizeToReportContent') sizeToReportContent_input: any;
+	@Input('autoRender') autoRender_input: any;
+	@Input('enableNotificationBar') enableNotificationBar_input: any;
+	@Input('enableDropDownSearch') enableDropDownSearch_input: any;
+	@Input('enableVirtualEvaluation') enableVirtualEvaluation_input: any;
+	@Input('smartRendering') smartRendering_input: any;
+	@Input('waitingPopupTemplate') waitingPopupTemplate_input: any;
+	@Input('enableOnScrollNavigation') enableOnScrollNavigation_input: any;
+	@Input('customBrandSettings') customBrandSettings_input: any;
+	@Input('customBrandSettings.link') customBrandSettings_link_input: any;
+	@Input('customBrandSettings.domain') customBrandSettings_domain_input: any;
+	@Input('customBrandSettings.name') customBrandSettings_name_input: any;
+	@Input('customBrandSettings.links') customBrandSettings_links_input: any;
+	@Input('dataSources.name') dataSources_name_input: any;
+	@Input('dataSources.value') dataSources_value_input: any;
+	@Input('exportSettings.exportOptions') exportSettings_exportOptions_input: any;
+	@Input('exportSettings.excelFormat') exportSettings_excelFormat_input: any;
+	@Input('exportSettings.wordFormat') exportSettings_wordFormat_input: any;
+	@Input('exportSettings.customItems') exportSettings_customItems_input: any;
+	@Input('exportSettings.ImageQuality') exportSettings_ImageQuality_input: any;
+	@Input('exportSettings.UsePrintSizes') exportSettings_UsePrintSizes_input: any;
+	@Input('pageSettings.orientation') pageSettings_orientation_input: any;
+	@Input('pageSettings.paperSize') pageSettings_paperSize_input: any;
+	@Input('pageSettings.height') pageSettings_height_input: any;
+	@Input('pageSettings.width') pageSettings_width_input: any;
+	@Input('pageSettings.margins') pageSettings_margins_input: any;
+	@Input('parameters.labels') parameters_labels_input: any;
+	@Input('parameters.name') parameters_name_input: any;
+	@Input('parameters.nullable') parameters_nullable_input: any;
+	@Input('parameters.prompt') parameters_prompt_input: any;
+	@Input('parameters.values') parameters_values_input: any;
+	@Input('parameterSettings.delimiterChar') parameterSettings_delimiterChar_input: any;
+	@Input('parameterSettings.position') parameterSettings_position_input: any;
+	@Input('parameterSettings.popupHeight') parameterSettings_popupHeight_input: any;
+	@Input('parameterSettings.popupWidth') parameterSettings_popupWidth_input: any;
+	@Input('parameterSettings.itemWidth') parameterSettings_itemWidth_input: any;
+	@Input('parameterSettings.labelWidth') parameterSettings_labelWidth_input: any;
+	@Input('parameterSettings.minDateTime') parameterSettings_minDateTime_input: any;
+	@Input('parameterSettings.maxDateTime') parameterSettings_maxDateTime_input: any;
+	@Input('parameterSettings.hideTooltip') parameterSettings_hideTooltip_input: any;
+	@Input('parameterSettings.enablePopupResize') parameterSettings_enablePopupResize_input: any;
+	@Input('parameterSettings.hideParameterBlock') parameterSettings_hideParameterBlock_input: any;
+	@Input('parameterSettings.dateTimeFormat') parameterSettings_dateTimeFormat_input: any;
+	@Input('parameterSettings.timeDisplayFormat') parameterSettings_timeDisplayFormat_input: any;
+	@Input('parameterSettings.timeInterval') parameterSettings_timeInterval_input: 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.autoHide') toolbarSettings_autoHide_input: any;
+	@Input('toolbarSettings.autoHideDelay') toolbarSettings_autoHideDelay_input: any;
+	@Input('toolbarSettings.templateId') toolbarSettings_templateId_input: any;
+	@Input('toolbarSettings.customItems') toolbarSettings_customItems_input: any;
+	@Input('toolbarSettings.customGroups') toolbarSettings_customGroups_input: any;
+
+
+	@Output('drillThrough') drillThrough_output : any = new EventEmitter();
+	@Output('renderingBegin') renderingBegin_output : any = new EventEmitter();
+	@Output('renderingComplete') renderingComplete_output : any = new EventEmitter();
+	@Output('reportError') reportError_output : any = new EventEmitter();
+	@Output('reportExport') reportExport_output : any = new EventEmitter();
+	@Output('reportLoaded') reportLoaded_output : any = new EventEmitter();
+	@Output('showError') showError_output : any = new EventEmitter();
+	@Output('viewReportClick') viewReportClick_output : any = new EventEmitter();
+	@Output('ajaxBeforeLoad') ajaxBeforeLoad_output : any = new EventEmitter();
+	@Output('ajaxSuccess') ajaxSuccess_output : any = new EventEmitter();
+	@Output('ajaxError') ajaxError_output : any = new EventEmitter();
+	@Output('toolbarRendering') toolbarRendering_output : any = new EventEmitter();
+	@Output('exportProgressChanged') exportProgressChanged_output : any = new EventEmitter();
+	@Output('printProgressChanged') printProgressChanged_output : any = new EventEmitter();
+	@Output('exportItemClick') exportItemClick_output : any = new EventEmitter();
+	@Output('toolBarItemClick') toolBarItemClick_output : any = new EventEmitter();
+	@Output('hyperlink') hyperlink_output : any = new EventEmitter();
+	@Output('reportPrint') reportPrint_output : any = new EventEmitter();
+	@Output('beforeParameterAdd') beforeParameterAdd_output : any = new EventEmitter();
+
+    // tslint:disable-next-line:max-line-length
+    constructor(public el: ElementRef, public cdRef: ChangeDetectorRef, private _ejIterableDiffers: IterableDiffers, private _ejkeyvaluediffers: KeyValueDiffers) {
+        super('BoldReportViewer', el, cdRef, [], _ejIterableDiffers, _ejkeyvaluediffers);
+    }
+}

package/src/reportviewer.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { BoldReportViewerComponent } from './reportviewer.component';
+
+@NgModule({
+    imports: [
+        CommonModule
+    ],
+    declarations: [
+        BoldReportViewerComponent
+    ],
+    exports: [
+        BoldReportViewerComponent
+    ]
+})
+export class BoldReportViewerModule {
+}

package/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "allowUnusedLabels": false,
+    "noImplicitReturns": true,
+    "noUnusedLocals": true,    
+    "noUnusedParameters": true,
+    "importsNotUsedAsValues":"remove",
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2015",
+    "typeRoots": [
+      "node_modules/@types/"
+    ],
+    "types": [
+      "jquery",
+      "ej.web.all",
+      "node"
+    ],
+    "lib": [
+      "es2018",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableIvy": true,
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true
+  }
+}