@boldreports/angular-reporting-components 4.2.55 → 4.2.57

package/src/core.ts

@@ -0,0 +1,410 @@
+import {
+    EventEmitter, QueryList, ElementRef, SimpleChange,
+    ChangeDetectorRef, IterableDiffers, KeyValueDiffers, OnInit,
+    DoCheck, AfterContentInit, AfterViewInit, OnChanges, AfterContentChecked, OnDestroy
+} 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 = {};
+
+/** 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;
+    }
+
+}
+
+// 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']();
+    }
+}
+
+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;
+            }
+        }
+    }
+}
+
+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,4 @@
+export * from './reportviewer.module';
+export * from './reportdesigner.module';
+export * from './reports.module';
+export * from './core';

package/src/reportdesigner.component.ts

@@ -0,0 +1,100 @@
+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('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.dataSources') previewOptions_dataSources_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.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('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;
+
+
+	@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();
+
+    // 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,95 @@
+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('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('waitingPopupTemplate') waitingPopupTemplate_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('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('parameterSettings.minDateTime') parameterSettings_minDateTime_input: any;
+	@Input('parameterSettings.maxDateTime') parameterSettings_maxDateTime_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.showToolbar') toolbarSettings_showToolbar_input: any;
+	@Input('toolbarSettings.showTooltip') toolbarSettings_showTooltip_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 {
+}