added visualization viewer component

packages/wrappers-angular/src/components/visualization-viewer/visualization-viewer.component.ts

@@ -0,0 +1,23 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, Input, ViewChild } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { defineRevealSdkWrappers, RvVisualizationViewer, VisualizationViewerOptions } from 'reveal-sdk-wrappers';
+defineRevealSdkWrappers(RvVisualizationViewer);
+
+@Component({
+  selector: 'rva-visualization-viewer',
+  standalone: true,
+  imports: [CommonModule],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<rv-visualization-viewer #viewer
+    [dashboard]="dashboard"
+    [options]="options"
+    [visualization]="visualization"
+  ></rv-visualization-viewer>`,
+  styleUrl: './visualization-viewer.component.scss',
+})
+export class VisualizationViewerComponent {
+  @ViewChild('viewer', { static: true }) viewer!: ElementRef;
+  @Input() dashboard?: string | unknown;
+  @Input() options: VisualizationViewerOptions = {};
+  @Input() visualization: string | number = 0;
+}

packages/wrappers-angular/src/index.ts

@@ -1,2 +1,3 @@
 
-export * from './components/reveal-view/reveal-view.component';
+export * from './components/reveal-view/reveal-view.component';
+export * from './components/visualization-viewer/visualization-viewer.component';

samples/sandbox-angular/src/app/app.component.html

@@ -1,3 +1,5 @@
 <rva-reveal-view [dashboard]="dashboard" [options]="options"
     [dataSourcesRequested]="dataSourcesRequested">
 </rva-reveal-view>
+
+<!-- <rva-visualization-viewer [dashboard]="dashboard" visualization="3"></rva-visualization-viewer> -->

samples/sandbox-angular/src/app/app.component.ts

@@ -1,14 +1,14 @@
 import { Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { DataSourcesRequestedArgs, RevealViewOptions } from 'reveal-sdk-wrappers';
-import { RevealViewComponent } from 'reveal-sdk-wrappers-angular';
+import { RevealViewComponent, VisualizationViewerComponent } from 'reveal-sdk-wrappers-angular';
 
 declare const $: any;
 $.ig.RevealSdkSettings.setBaseUrl("https://samples.revealbi.io/upmedia-backend/reveal-api/");
 
 @Component({
   standalone: true,
-  imports: [RouterModule, RevealViewComponent],
+  imports: [RouterModule, RevealViewComponent, VisualizationViewerComponent],
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',