fix(multiple): remove some circular deps in reports modules

Circular deps in reports module, both in material and ionic packages, that prevented the partial ivy compilation

src/ionic/reports/public-api.ts

@@ -21,17 +21,13 @@
  */
 
 export * from './chart-widget';
-export * from './column-widget';
-export * from './default-widgets';
 export * from './formula-widget';
 export * from './image-container-widget';
 export * from './image-widget';
-export * from './layout-widget';
 export * from './map-widget';
 export * from './page-break-widget';
 export * from './report';
 export * from './reports-module';
 export * from './table-widget';
 export * from './text-widget';
 export * from './widget';
-export * from './widget-service';

src/ionic/reports/reports-module.ts

@@ -33,17 +33,20 @@ import {NgModule} from '@angular/core';
 import {TranslateModule} from '@ngx-translate/core';
 
 import {AjfChartWidgetComponent} from './chart-widget';
-import {AjfColumnWidgetComponent} from './column-widget';
 import {AjfFormulaWidgetComponent} from './formula-widget';
 import {AjfImageContainerWidgetComponent} from './image-container-widget';
 import {AjfImageWidgetComponent} from './image-widget';
-import {AjfLayoutWidgetComponent} from './layout-widget';
 import {AjfMapWidgetComponent} from './map-widget';
 import {AjfPageBreakWidgetComponent} from './page-break-widget';
 import {AjfReportRenderer} from './report';
 import {AjfTableWidgetComponent} from './table-widget';
 import {AjfTextWidgetComponent} from './text-widget';
-import {AjfReportWidget} from './widget';
+import {
+  AjfColumnWidgetComponent,
+  AjfLayoutWidgetComponent,
+  AjfReportWidget,
+  AjfWidgetService,
+} from './widget';
 
 @NgModule({
   imports: [

src/ionic/reports/widget.ts

@@ -20,16 +20,59 @@
  *
  */
 
-import {AjfReportWidget as CoreComponent, AjfWidgetComponentsMap} from '@ajf/core/reports';
 import {
+  AjfBaseWidgetComponent,
+  AjfColumnWidgetInstance,
+  AjfLayoutWidgetInstance,
+  AjfReportWidget as CoreComponent,
+  AjfWidgetComponentsMap,
+  AjfWidgetService as CoreService,
+  AjfWidgetType as wt,
+} from '@ajf/core/reports';
+import {
+  AfterContentChecked,
   ChangeDetectionStrategy,
+  ChangeDetectorRef,
   Component,
   ComponentFactoryResolver,
+  ElementRef,
+  Injectable,
   Renderer2,
   ViewEncapsulation,
 } from '@angular/core';
+import {BehaviorSubject, Observable} from 'rxjs';
+
+import {AjfChartWidgetComponent} from './chart-widget';
+import {AjfFormulaWidgetComponent} from './formula-widget';
+import {AjfImageContainerWidgetComponent} from './image-container-widget';
+import {AjfImageWidgetComponent} from './image-widget';
+import {AjfMapWidgetComponent} from './map-widget';
+import {AjfPageBreakWidgetComponent} from './page-break-widget';
+import {AjfTableWidgetComponent} from './table-widget';
+import {AjfTextWidgetComponent} from './text-widget';
+
+const defaultWidgetsFactory = (): AjfWidgetComponentsMap => {
+  const defaultWidgets = {} as AjfWidgetComponentsMap;
+  defaultWidgets[wt.Layout] = {component: AjfLayoutWidgetComponent};
+  defaultWidgets[wt.PageBreak] = {component: AjfPageBreakWidgetComponent};
+  defaultWidgets[wt.Image] = {component: AjfImageWidgetComponent};
+  defaultWidgets[wt.Text] = {component: AjfTextWidgetComponent};
+  defaultWidgets[wt.Chart] = {component: AjfChartWidgetComponent};
+  defaultWidgets[wt.Table] = {component: AjfTableWidgetComponent};
+  defaultWidgets[wt.DynamicTable] = {component: AjfTableWidgetComponent};
+  defaultWidgets[wt.Map] = {component: AjfMapWidgetComponent};
+  defaultWidgets[wt.Column] = {component: AjfColumnWidgetComponent};
+  defaultWidgets[wt.Formula] = {component: AjfFormulaWidgetComponent};
+  defaultWidgets[wt.ImageContainer] = {component: AjfImageContainerWidgetComponent};
+  return defaultWidgets;
+};
 
-import {AjfWidgetService} from './widget-service';
+@Injectable({providedIn: 'root'})
+export class AjfWidgetService extends CoreService {
+  constructor() {
+    super(defaultWidgetsFactory());
+  }
+}
 
 @Component({
   selector: 'ajf-widget',
@@ -46,3 +89,35 @@ export class AjfReportWidget extends CoreComponent {
     this.widgetsMap = widgetService.componentsMap;
   }
 }
+
+@Component({
+  templateUrl: 'column-widget.html',
+  styleUrls: ['column-widget.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+})
+export class AjfColumnWidgetComponent extends AjfBaseWidgetComponent<AjfColumnWidgetInstance> {
+  constructor(cdr: ChangeDetectorRef, el: ElementRef) {
+    super(cdr, el);
+  }
+}
+
+@Component({
+  templateUrl: 'layout-widget.html',
+  styleUrls: ['layout-widget.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+})
+export class AjfLayoutWidgetComponent extends
+    AjfBaseWidgetComponent<AjfLayoutWidgetInstance> implements AfterContentChecked {
+  private _allcolumnsRendered$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
+  readonly allcolumnsRendered$: Observable<boolean> =
+      this._allcolumnsRendered$ as Observable<boolean>;
+
+  constructor(cdr: ChangeDetectorRef, el: ElementRef) {
+    super(cdr, el);
+  }
+  ngAfterContentChecked(): void {
+    this._allcolumnsRendered$.next(true);
+  }
+}