telerik-report-viewer 1.0.0

package/src/lib/telerik-report-viewer.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TelerikReportViewerComponent } from './telerik-report-viewer.component';
+
+describe('TelerikAngularReportViewerComponent', () => {
+  let component: TelerikReportViewerComponent;
+  let fixture: ComponentFixture<TelerikReportViewerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TelerikReportViewerComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TelerikReportViewerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/telerik-report-viewer.component.ts

@@ -0,0 +1,96 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+declare let $: any;
+
+@Component({
+  selector: 'telerik-report-viewer',
+  standalone: true,
+  imports: [],
+  template: `<div id="reportViewer1">
+    Please wait, your report is loading
+  </div> `,
+  styles: [
+    `
+      #reportViewer1 {
+        position: absolute;
+        left: 5px;
+        right: 5px;
+        top: 5px;
+        bottom: 5px;
+        overflow: hidden;
+        font-family: Verdana, Arial;
+        min-height: 100vh;
+      }
+    `,
+  ],
+})
+export class TelerikReportViewerComponent {
+  @Input({ required: true }) serverUrl!: string;
+  @Input({ required: true }) reportSrc!: string;
+  @Input() serverUserName?: string;
+  @Input() serverPassword?: string;
+
+  @Input() reportName!: string;
+  @Input() scale: number = 1.0;
+  @Input() templateUrl?: string;
+
+  @Output() renderComplete = new EventEmitter<void>();
+
+  @Output() fileLoaded = new EventEmitter<void>();
+  @Output() renderingBegin = new EventEmitter<void>();
+  @Output() renderingEnd = new EventEmitter<void>();
+  @Output() exportBegin = new EventEmitter<void>();
+  @Output() exportEnd = new EventEmitter<void>();
+  @Output() error = new EventEmitter<string>();
+  @Output() pageReady = new EventEmitter<void>();
+
+  ngAfterViewInit() {
+    this.initReportViewer();
+  }
+
+  initReportViewer() {
+    if (!this.serverUrl || !this.reportSrc) {
+      console.error(
+        'Missing required input values for the report viewer, Kindly add them.'
+      );
+      return;
+    }
+
+    const reportViewerConfig: any = {
+      reportServer: {
+        url: this.serverUrl,
+      },
+      reportSource: {
+        report: this.reportSrc,
+      },
+      scale: this.scale,
+      renderingBegin: () => {
+        this.renderingBegin.emit();
+      },
+      renderingEnd: () => {
+        this.renderingBegin.emit();
+      },
+      exportBegin: () => {
+        this.exportBegin.emit();
+      },
+      exportEnd: () => {
+        this.exportEnd.emit();
+      },
+      error: (errorMessage: any) => {
+        this.error.emit(errorMessage);
+      },
+      pageReady: () => {
+        this.pageReady.emit();
+      },
+    };
+
+    if (this.serverUserName && this.serverPassword) {
+      reportViewerConfig.reportServer.username = this.serverUserName;
+      reportViewerConfig.reportServer.password = this.serverPassword;
+    }
+
+    if (this.templateUrl) {
+      reportViewerConfig.templateUrl = this.templateUrl;
+    }
+    $('#reportViewer1').telerik_ReportViewer(reportViewerConfig);
+  }
+}

package/src/public-api.ts

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of telerik-angular-report-viewer
+ */
+
+export * from './lib/telerik-report-viewer.component';

package/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}