Adding plotly-via-window.module

Author: afarzat-ed

projects/demo_app/src/app/app.module.ts

@@ -7,6 +7,7 @@ import { PlotlyViaCDNModule } from 'projects/plotly/src/lib/plotly-via-cdn.modul
 
 
 import { AppComponent } from './app.component';
+import { PlotlyViaWindowModule } from 'projects/plotly/src/lib/plotly-via-window.module';
 
 
 @NgModule({
@@ -16,7 +17,8 @@ import { AppComponent } from './app.component';
   imports: [
     BrowserModule,
     // PlotlyModule.forRoot(PlotlyJS),
-    PlotlyViaCDNModule.forRoot({version: '3.0.1'}),
+    // PlotlyViaCDNModule.forRoot({version: '3.0.1'}),
+    PlotlyViaWindowModule,
   ],
   providers: [],
   bootstrap: [AppComponent]

projects/plotly/src/lib/plotly-via-window.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { PlotlyService } from './plotly.service';
+import { PlotlyComponent } from './plotly.component';
+
+
+@NgModule({
+    imports: [PlotlyComponent],
+    providers: [PlotlyService],
+    exports: [PlotlyComponent],
+})
+export class PlotlyViaWindowModule {
+    constructor() {
+        const plotly = (window as any).Plotly;
+
+        if (typeof plotly === 'undefined') {
+            throw new Error(`Plotly object not found on window.`);
+        }
+
+        PlotlyService.setPlotly(plotly);
+    }
+}