Creating the PlotlySharedModule

Author: afarzat-ed

projects/plotly/src/lib/plotly-shared.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { PlotlyService } from './plotly.service';
+import { PlotlyComponent } from './plotly.component';
+
+
+@NgModule({
+    declarations: [PlotlyComponent],
+    imports: [CommonModule],
+    providers: [PlotlyService],
+    exports: [PlotlyComponent],
+})
+export class PlotlySharedModule {
+    constructor() { }
+}

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

@@ -2,17 +2,17 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { PlotlyService } from './plotly.service';
-import { PlotlyModule } from './plotly.module';
+import { PlotlySharedModule } from './plotly-shared.module';
 
 
 export type PlotlyBundleName = 'basic' | 'cartesian' | 'geo' | 'gl3d' | 'gl2d' | 'mapbox' | 'finance';
 
 
 @NgModule({
     declarations: [],
-    imports: [CommonModule, PlotlyModule],
+    imports: [CommonModule, PlotlySharedModule],
     providers: [PlotlyService],
-    exports: [PlotlyModule],
+    exports: [PlotlySharedModule],
 })
 export class PlotlyViaCDNModule {
     private static plotlyBundle?: string = null;

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

@@ -2,14 +2,14 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { PlotlyService } from './plotly.service';
-import { PlotlyModule } from './plotly.module';
+import { PlotlySharedModule } from './plotly-shared.module';
 
 
 @NgModule({
     declarations: [],
-    imports: [CommonModule, PlotlyModule],
+    imports: [CommonModule, PlotlySharedModule],
     providers: [PlotlyService],
-    exports: [PlotlyModule],
+    exports: [PlotlySharedModule],
 })
 export class PlotlyViaWindowModule {
     constructor() {

projects/plotly/src/lib/plotly.module.ts

@@ -1,20 +1,19 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
-import { PlotlyComponent } from './plotly.component';
 import { PlotlyService } from './plotly.service';
+import { PlotlySharedModule } from './plotly-shared.module'
 
 
 
 @NgModule({
-  declarations: [PlotlyComponent],
-  imports: [CommonModule],
+  declarations: [],
+  imports: [CommonModule, PlotlySharedModule],
   providers: [PlotlyService],
-  exports: [PlotlyComponent],
+  exports: [PlotlySharedModule],
 })
 export class PlotlyModule {
     public static plotlyjs: any = {};
-    private plotlyModuleName = 'PlotlyModule';
 
     constructor() {
         if (!this.isValid()) {