@bizdoc/core 1.13.12 → 1.13.13

package/src/lib/cube/cube-info.service.ts

@@ -1,135 +0,0 @@
-import { Injectable, ElementRef } from "@angular/core";
-import { ComponentType } from "@angular/cdk/portal";
-import { isArray } from "../core/functions";
-import { Cube, AxesMap } from "../core/models";
-import { SessionService } from "../core/session.service";
-import { CubeMatrixPopupComponent } from "./matrix/popup.component";
-import { BizDocComponentFactoryResolver } from "../core/component-factory-resolver";
-import { CubeService } from "./cube.service";
-import { Popup } from "../core/popup/popup.service";
-import { RouterImpl } from "../core/router";
-import { SumSettings } from "./matrix/table.component";
-import { ScopeType } from "../core/configuration";
-
-export interface CubeData {
-  axes: AxesMap;
-  options?: CubeDataOptions;
-}
-
-export interface CubeDataOptions {
-  cube?: string;
-  /** columns axes */
-  xAxis: string;
-  /** rows axes */
-  series: string;
-  /** one or more index name */
-  indices?: string[] | string;
-  view?: string;
-  /** one or more axis */
-  filters?: string[] | string;
-  /** axes to exclude */
-  aggregate?: string[] | string;
-  /** summary rows / columns */
-  sum?: SumSettings | SumSettings[];
-  seriesTotalLabel?: string;
-  xAxisTotalLabel?: string;
-  indexAt?: 'series' | 'xAxis';
-  placeAt?: 'leading' | 'trailing';
-}
-export interface ExploreOptions {
-  cube?: string;
-  index?: string;
-  scope?: ScopeType;
-  base?: {
-    [axis: string]: (string | number);
-  } | Array<string | number>;
-}
-
-/** opens cube preview and explore */
-@Injectable()
-export class CubeInfo {
-  constructor(private _session: SessionService,
-    private _service: CubeService,
-    private _router: RouterImpl,
-    private _popup: Popup,
-    private _cf: BizDocComponentFactoryResolver) { }
-  navigate(axes: Array<string | number> | { [axis: string]: (string | number) }, options?: CubeDataOptions) {
-    const { cube, view, series, xAxis, filters, aggregate, indices, sum, seriesTotalLabel, xAxisTotalLabel, placeAt, indexAt } = options || {};
-    const ccube = cube ? this._session.profile.cubes.find(c => c.name === cube) : this._session.profile.cubes[0];
-    if (isArray(axes)) axes = this._mapAxes(ccube, axes);
-    if (view)
-      this._router.navigate(['cube', ccube.name, 'v', view], {
-        queryParams: axes
-      });
-    else { 
-      this._router.navigate(['cube', ccube.name, 'i', xAxis, series], {
-        queryParams: axes,
-        state: { indices, aggregate, filters, sum, seriesTotalLabel, xAxisTotalLabel, placeAt, indexAt }
-      });
-    }
-  }
-  /**
-   * 
-   * @param axes
-   * @param options
-   */
-  popup(axes: Array<string | number> | { [axis: string]: (string | number) },
-    element: HTMLElement | ElementRef,
-    options?: CubeDataOptions) {
-    const cube = options && options.cube ? this._session.profile.cubes.find(c => c.name === options.cube) : this._session.profile.cubes[0];
-    const { template } = cube;
-    if (isArray(axes)) axes = this._mapAxes(cube, axes);
-    if (template) {
-      const comp = this._cf.component(template);
-      this._open(comp, element, {
-        axes,
-        options
-      } as any);
-    }
-    else {
-      if (!options)
-        throw 'no options';
-      this._open(CubeMatrixPopupComponent, element, {
-        axes,
-        options
-      } as any);
-    }
-  }
-  /**
-   * 
-   * @param axes
-   * @param options
-   */
-  explore(axes: AxesMap | Array<string | number>,
-    options?: ExploreOptions) {
-    const { index, base, cube: name, scope } = options || {};
-    const cube = name ? this._session.profile.cubes.find(c => c.name === name) : this._session.profile.cubes[0];
-
-    if (isArray(axes)) axes = this._mapAxes(cube, axes as Array<string | number>);
-
-    base && this._service.base(cube.name, axes, base);
-
-    this._router.navigate(['cube', cube.name, 'explore'], {
-      queryParams: axes,
-      state: {
-        index, scope
-      }
-    })
-  }
-  /**
-   * axes as map
-   * @param cube
-   * @param axes
-   */
-  private _mapAxes(cube: Cube, axes: (string | number)[]): { [axis: string]: string | number } {
-    const filters = {};
-    axes.forEach((a, i) => a && (filters[cube.axes[i].name] = a));
-    return filters;
-  }
-
-  private _open(comp: ComponentType<any>, element: HTMLElement | ElementRef, data: CubeData) {
-    this._popup.open(comp, element, {
-      data
-    })
-  }
-}

package/src/lib/cube/cube-menu.component.html

@@ -1,13 +0,0 @@
-<!--<span class="mat-subheader">BizDoc</span>
-<h1 class="mat-display-1">{{'Cube'| translate}}</h1>-->
-<!--<lottie name="lf30_editor_qr7zgmcs"></lottie>-->
-<mat-nav-list>
-  <ng-container *ngFor="let c of cubes; let first = first">
-    <mat-divider *ngIf="!first"></mat-divider>
-    <h3 matSubheader *ngIf="!collapsed">{{c.title}}</h3>
-    <mat-list-item *ngFor="let v of c.views" (click)="change.emit()" [slotRouterLink]='["cube", c.name, "v", v.name]' slotRouterLinkActive="active">
-      <mat-icon matListIcon [bizdocTooltip]="v.title" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed">{{v.icon || 'insights'}}</mat-icon>
-      <span matLine>{{v.title}}</span>
-    </mat-list-item>
-  </ng-container>
-</mat-nav-list>

package/src/lib/cube/cube-menu.component.ts

@@ -1,18 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { Cube } from '../core/models';
-import { SessionService } from '../core/session.service';
-
-@Component({
-  selector: 'bizdoc-cube-menu',
-  templateUrl: './cube-menu.component.html',
-  animations: []
-})
-export
-  class CubeMenuComponent {
-  @Input() collapsed: boolean;
-  @Output() readonly change = new EventEmitter();
-  cubes: Cube[];
-  constructor(session: SessionService) {
-    this.cubes = session.profile.cubes.filter(c=> c.views.length);
-  }
-}

package/src/lib/cube/cube-view.component.html

@@ -1,66 +0,0 @@
-<ng-container [ngSwitch]="view.type">
-  <bizdoc-cube-pivot *ngSwitchCase="'Pivot'" #instance
-                     [series]="view.series" [indices]="view.indices"
-                     [cube]="cube.name"
-                     [xAxis]="view.xAxis"
-                     [currencyCode]="cube.currencyCode"
-                     [filters]="filters"
-                     [chartType]="view.chartType"
-                     [indicesChartType]="view.indicesChartType"
-                     [yAxis]="cube.yAxis"
-                     (loading)="loading($event)"
-                     (explore)="explore($event)"
-                     [width]="(dim.width - 4)+'px'">
-  </bizdoc-cube-pivot>
-  <bizdoc-cube-grid *ngSwitchCase="'Grid'" #instance
-                    [cube]="cube.name"
-                    [xAxis]="view.xAxis"
-                    [currencyCode]="cube.currencyCode"
-                    [series]="view.series"
-                    [filters]="filters"
-                    [indices]="view.indices"
-                    (loading)="loading($event)"
-                    (explore)="explore($event)"
-                    [width]="(dim.width - 4)+'px'">
-  </bizdoc-cube-grid>
-  <bizdoc-cube-spreadsheet *ngSwitchCase="'Spreadsheet'" #instance
-                           [cube]="cube.name"
-                           [xAxis]="view.xAxis"
-                           [filters]="filters"
-                           (loading)="loading($event)"
-                           (explore)="explore($event)"
-                           [currencyCode]="cube.currencyCode"
-                           [yAxis]="cube.yAxis"
-                           [series]="view.series"
-                           [indices]="view.indices"
-                           [width]="dim.width+'px'"
-                           [height]="dim.height+'px'">
-  </bizdoc-cube-spreadsheet>
-  <ng-container *ngSwitchDefault>
-    <ng-container [ngSwitch]="isAccum">
-      <bizdoc-cube-accum *ngSwitchCase="true" #instance
-                         [cube]="cube.name"
-                         [xAxis]="view.xAxis"
-                         [filters]="filters"
-                         [chartType]="view.chartType"
-                         (loading)="loading($event)"
-                         (explore)="explore($event)"
-                         [currencyCode]="cube.currencyCode"
-                         [height]="dim.height+'px'">
-      </bizdoc-cube-accum>
-      <bizdoc-cube-accum *ngSwitchDefault #instance
-                         [cube]="cube.name"
-                         [xAxis]="view.xAxis"
-                         [series]="view.series"
-                         [indices]="view.indices"
-                         [filters]="filters"
-                         [chartType]="view.chartType"
-                         [indicesChartType]="view.indicesChartType"
-                         (loading)="loading($event)"
-                         (explore)="explore($event)"
-                         [currencyCode]="cube.currencyCode"
-                         [height]="dim.height+'px'">
-      </bizdoc-cube-accum>
-    </ng-container>
-  </ng-container>
-</ng-container>

package/src/lib/cube/cube-view.component.ts

@@ -1,186 +0,0 @@
-import { AfterViewInit, Component, ComponentFactoryResolver, EventEmitter, HostListener, Input, OnChanges, OnInit, Output, SimpleChanges, ViewContainerRef } from '@angular/core';
-import { ComponentType } from '@angular/cdk/portal';
-import { Subject } from 'rxjs';
-import { debounceTime, takeUntil } from 'rxjs/operators';
-import { AxesMap, Cube, CubeView, Dimentions } from '../core/models';
-import { AxisClickEvent, CubeViewerComponent } from './declarations';
-import { CubeAccumulationChartComponent } from './accum/accum.component';
-import { CubeChartComponent } from './chart/chart.component';
-import { CubeGridComponent } from './grid/grid.component';
-import { CubePivotComponent } from './pivot/pivot.component';
-import { CubeSpreadsheetComponent } from './grid/spreadsheet.component';
-import { SimpleChange } from '@angular/core';
-
-/** */
-@Component({
-  selector: 'bizdoc-cube-view',
-  template: '',
-  entryComponents: [
-    CubePivotComponent,
-    CubeAccumulationChartComponent,
-    CubeChartComponent,
-    CubeGridComponent,
-    CubeSpreadsheetComponent
-  ]
-})
-export class CubeViewComponent implements OnInit, OnChanges, AfterViewInit {
-  @Input() filters: AxesMap = {};
-  @Output() readonly explore = new EventEmitter<AxisClickEvent>();
-  @Input() cube: Cube;
-  @Input() view: CubeView;
-  @Input() loading: boolean;
-  @Output() readonly loadingChange = new EventEmitter<boolean>();
-
-  private _instance: CubeViewerComponent;
-
-  private readonly _resizing = new Subject<void>();
-  private readonly _viewDestroy = new Subject<void>();
-
-  constructor(
-    private _viewContainer: ViewContainerRef,
-    private _factoryResolver: ComponentFactoryResolver
-  ) { }
-  ngOnInit(): void {
-    this._resizing.pipe(debounceTime(200)).subscribe(() => {
-      const { width, height } = this._dim();
-      switch (this.view.type) {
-        case 'Pivot':
-        case 'Grid':
-          this._instance.width = `${width - 4}px`;
-          break;
-        case 'Spreadsheet':
-          this._instance.height = `${height}px`;
-          this._instance.width = `${width}px`;
-          break;
-        default:
-          switch (this.view.chartType) {
-            case 'Pie':
-            case 'Doughnut':
-            case 'HalfDoughnut':
-            case 'Funnel':
-              this._instance.height = `${height}px`;
-              break;
-          }
-          this._instance.width = `${width}px`;
-      }
-      this._instance.ngOnChanges({ 'height': {} as SimpleChange, 'width': {} as SimpleChange })
-    });
-  }
-
-  ngAfterViewInit(): void {
-    setTimeout(this._createView.bind(this));
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    changes['view'] && !changes['view'].firstChange && this._createView();
-    changes['filters'] && !changes['filters'].firstChange && this.refresh();
-  }
-
-  private _createView() {
-    this._viewDestroy.next();
-    this._viewContainer.clear();
-    const dim = this._dim();
-    switch (this.view.type) {
-      case 'Pivot':
-        {
-          let comp = this._attach(CubePivotComponent);
-          comp.width = `${dim.width - 4}px`;
-          comp.series = this.view.series;
-          comp.indices = this.view.indices;
-          comp.chartType = this.view.chartType;
-          comp.indicesChartType = this.view.indicesChartType;
-          comp.yAxis = this.cube.yAxis;
-          break;
-        }
-      case 'Grid':
-        {
-          let comp = this._attach(CubeGridComponent);
-          comp.width = `${dim.width - 4}px`;
-          comp.series = this.view.series;
-          comp.indices = this.view.indices;
-          break;
-        }
-      case 'Spreadsheet':
-        {
-          let comp = this._attach(CubeSpreadsheetComponent);
-          comp.width = `${dim.width}px`;
-          comp.height = `${dim.height}px`;
-          comp.series = this.view.series;
-          comp.indices = this.view.indices;
-          comp.yAxis = this.cube.yAxis;
-          break;
-        }
-      default:
-        switch (this.view.chartType) {
-          case 'Pie':
-          case 'Doughnut':
-          case 'HalfDoughnut':
-          case 'Funnel':
-            {
-              let comp = this._attach(CubeAccumulationChartComponent);
-              comp.height = `${dim.height}px`;
-              comp.chartType = this.view.chartType;
-              break;
-            }
-          default:
-            {
-              let comp = this._attach(CubeChartComponent);
-              //comp.height = `${dim.height}px`;
-              comp.chartType = this.view.chartType;
-              comp.series = this.view.series;
-              comp.indices = this.view.indices;
-              comp.yAxis = this.cube.yAxis;
-              comp.indicesChartType = this.view.indicesChartType;
-            }
-        }
-    }
-  }
-
-  private _attach<T extends CubeViewerComponent>(comp: ComponentType<T>) {
-    const factory = this._factoryResolver.resolveComponentFactory(comp);
-    const componentRef = this._viewContainer.createComponent(factory);
-    const instance = componentRef.instance as any;
-    this._instance = instance;
-    instance.explore.pipe(takeUntil(this._viewDestroy)).subscribe(e => {
-      const axes = {
-        ...this.view.filters,
-        ...this.filters,
-        ...e.axes
-      };
-      this.explore.emit({ axes, index: e.index });
-    });
-    instance.cube = this.cube.name;
-    instance.xAxis = this.view.xAxis;
-    instance.filters = { ...this.view.filters, ...this.filters };
-    instance.loadingChange.pipe(takeUntil(this._viewDestroy), debounceTime(150)).subscribe(e =>
-      this.loadingChange.emit(this.loading = e));
-
-    return instance;
-  }
-
-  @HostListener('window:resize')
-  resize() {
-    this._resizing.next();
-  }
-
-  private _dim(): Dimentions {
-    const { width, height } = (this._viewContainer.element.nativeElement as HTMLDivElement).parentElement.parentElement.getBoundingClientRect();
-    return {
-      width: Math.floor(width),
-      height: Math.floor(height /*- (this._viewContainer.element.nativeElement as HTMLDivElement).offsetTop*/)
-    };
-  }
-
-  refresh() {
-    this._instance.filters = { ...this.view.filters, ...this.filters };
-    this._instance.execute();
-  }
-  exportToExcel() {
-    this._instance.exportToExcel(this.view.title);
-  }
-  ngOnDestroy(): void {
-    this._resizing.complete();
-    this._viewDestroy.next();
-    this._viewDestroy.complete();
-  }
-}