@bizdoc/core 1.13.12 → 1.13.13

package/src/lib/dashboard/cube/cube-analysis.base.ts

@@ -1,113 +0,0 @@
-import { OnDestroy, Directive } from '@angular/core';
-import { Observable, forkJoin, Subject } from 'rxjs';
-import { takeUntil, tap } from 'rxjs/operators';
-import { Internationalization } from '@syncfusion/ej2-base';
-import { WidgetComponent } from '../../core/base';
-import { AxesMap, ChartType, Cube } from '../../core/models';
-import { SessionService } from '../../core/session.service';
-import { DatasourceService } from '../../core/datasource.service';
-import { AXES_LABEL_DIVIDER, AXES_CODE_DIVIDER, CubeService, Series } from '../../cube/cube.service';
-import { WidgetRef } from "../widget-ref";
-import { isArray } from '../../core/functions';
-import { CubeInfo } from '../../cube/cube-info.service';
-import { ScopeType } from '../../core/configuration';
-
-@Directive()
-export abstract class CubeAnalysisBase implements WidgetComponent<Series[]>, OnDestroy {
-  static nextId = 0;
-  readonly id = `cube-analysis-${CubeAnalysisBase.nextId++}`;
-  palettes = this._session.accentPalette;
-  theme: 'Material' | 'MaterialDark' = this._session.theme.dark ? 'MaterialDark' : 'Material';
-  height: string;
-  width: string;
-  readonly currencyCode: string;
-  protected _cube: Cube;
-  protected _options: Options;
-  protected _data: Series[];
-  private _series: string[];
-  private _xAxis: string[];
-  protected get series() { return this._series}
-  protected get xAxis() { return this._xAxis}
-  private readonly _axisTypeMap: { [name: string]: string } = {};
-  protected readonly _intl: Internationalization = new Internationalization();
-  protected readonly _destroy = new Subject<void>();
-  constructor(ref: WidgetRef<Options>,
-    private _info: CubeInfo,
-    protected _session: SessionService,
-    private _ds: DatasourceService,
-    protected _service: CubeService) {
-    this._options = ref.options;
-    const { xAxis, series, cube } = this._options;
-    this._cube = cube ? this._session.profile.cubes.find(c => c.name === cube) : this._session.profile.cubes[0];
-    this._xAxis = !xAxis ? [this._cube.axes[0].name] : isArray(xAxis) ? xAxis : [xAxis];
-    this._series = !series ? [] : isArray(series) ? series : [series];
-    if (!this._cube)
-      throw `cube not found ${cube}`;
-    this.currencyCode = this._cube.currencyCode;
-    this._cube.axes.forEach((a) =>
-      this._axisTypeMap[a.name] = a.dataType);
-    _session.themeChange.pipe(takeUntil(this._destroy)).subscribe(t => {
-      this.theme = t.dark ? 'MaterialDark' : 'Material';
-      this.palettes = _session.accentPalette;
-      this.onThemeChange();
-    });
-    ref.resize.subscribe(d => {
-      this.height = `${d.height}px`;
-      this.width = `${d.width}px`;
-      this._data && this.onResize(d);
-    });
-  }
-  protected explore(axes: AxesMap, options?: { index?: string }) {
-    this._info.explore(axes, {
-      cube: this._cube.name,
-      index: options && options.index ? options.index : null,
-      scope: this._options.scope
- });
-  }
-  abstract onResize(dim: { height: number; width: number });
-  onBind(data: Series[]) {
-    const observables: Observable<any>[] = [];
-    data.forEach(s => {
-      s.points.forEach(p => {
-        if (p.x) {
-          const pobservable = forkJoin(p.x.split(AXES_CODE_DIVIDER).map((k, j) =>
-            this._ds.get(this._axisTypeMap[this._xAxis[j]], k))).
-            pipe(tap(o => p.name = o.join(AXES_LABEL_DIVIDER)));
-          observables.push(pobservable);
-        }
-      });
-      if (s.index) {
-        const index = this._cube.indices.find(i => i.name === s.index);
-        s.title = index.title;
-      }
-      else if (s.name) {
-        const sobservable = forkJoin(s.name.split(AXES_CODE_DIVIDER).map((k, i) =>
-          this._ds.get(this._axisTypeMap[this._series[i]], k)
-        )).pipe(tap(v => s.title = v.join(AXES_LABEL_DIVIDER)));
-        observables.push(sobservable);
-      }
-    });
-    this._data = data;
-    if (observables.length) forkJoin(observables).subscribe(() =>
-      this.onLoad(data)
-    );
-    else
-      this.onLoad(data);
-  }
-  abstract onLoad(data: Series[]);
-  abstract onThemeChange();
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}
-export interface Options {
-  scope?: ScopeType;
-  chartType?: ChartType;
-  indicesChartType?: ChartType;
-  cube?: string;
-  xAxis?: string[] | string;
-  exclude?: string[] | string;
-  series?: string[] | string;
-  indices?: string[] | string;
-}

package/src/lib/dashboard/cube/cube-analysis.widget.ts

@@ -1,44 +0,0 @@
-import { Component, ViewContainerRef, OnInit, ComponentFactoryResolver, Injector } from '@angular/core';
-import { BizDoc } from '../../core/decorators';
-import { WidgetRef } from "../widget-ref";
-import { WidgetComponent } from '../../core/base';
-import { Options } from './cube-analysis.base';
-import { CubeAccumAnalysisWidget } from './accum-cube.widget';
-import { CubeChartAnalysisWidget } from './cube-chart.widget';
-@Component({
-  template: '',
-  entryComponents: [CubeAccumAnalysisWidget, CubeChartAnalysisWidget]
-})
-@BizDoc({
-  selector: 'bizdoc-cube-analysis'
-})
-/** statistics component*/
-export class CubeAnalysisWidget implements WidgetComponent<any>, OnInit {
-  private _instance: WidgetComponent<Options, any>;
-  constructor(private _ref: WidgetRef<Options>,
-    private _resolver: ComponentFactoryResolver,
-    private _injector: Injector,
-    private _vc: ViewContainerRef) {
-  }
-  ngOnInit(): void {
-    const { chartType } = this._ref.options;
-    let comp;
-    switch (chartType) {
-      case 'Doughnut':
-      case 'HalfDoughnut':
-      case 'Pie':
-      case 'Funnel':
-      case 'Pyramid':
-        comp = CubeAccumAnalysisWidget;
-        break;
-      default:
-        comp = CubeChartAnalysisWidget;
-    }
-    const factory = this._resolver.resolveComponentFactory(comp);
-    const cRef = this._vc.createComponent(factory, 0, this._injector);
-    this._instance = cRef.instance as WidgetComponent<Options>;
-  }
-  onBind(data: any, args?: any) {
-    this._instance.onBind(data, args);
-  }
-}

package/src/lib/dashboard/cube/cube-chart.widget.html

@@ -1,7 +0,0 @@
-<!--<ejs-chart width="100%" [height]="height" background="transparent" [theme]='theme' [enableAnimation]='true' [useGroupingSeparator]='true'
-           [id]="id" dir="ltr"
-           [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' [legendSettings]='legend'
-           [tooltip]='tooltip' (tooltipRender)="tooltipRender($event)" [palettes]="palettes" [currencyCode]="currencyCode">
-  <e-series-collection>
-  </e-series-collection>
-</ejs-chart>-->

package/src/lib/dashboard/cube/cube-chart.widget.ts

@@ -1,144 +0,0 @@
-import { Component, ViewChild, ElementRef } from '@angular/core';
-import { SessionService } from '../../core/session.service';
-import { Chart, AxisModel, MarkerOptionsModel, LegendSeriesModel, TooltipSettingsModel, ChartSeriesType, AnimationModel, SeriesModel, ChartComponent, ITooltipRenderEventArgs, AreaSeries, BarSeries, BubbleSeries, ColumnSeries, DateTime, LineSeries, PolarSeries, RadarSeries, ScatterSeries, SplineAreaSeries, SplineSeries, StackingAreaSeries, StackingBarSeries, StackingColumnSeries, StackingLineSeries, StepAreaSeries, StepLineSeries, IPointEventArgs, Point } from '@syncfusion/ej2-angular-charts';
-import { CubeAnalysisBase } from './cube-analysis.base';
-import { DatasourceService } from '../../core/datasource.service';
-import { WidgetRef } from "../widget-ref";
-import { TranslateService } from '../../core/translate.service';
-import { AXES_CODE_DIVIDER, CubeService, Series } from '../../cube/cube.service';
-import { FONT_FAMILY } from '../../core/colors';
-import { CubeInfo } from '../../cube/cube-info.service';
-import { AxesMap } from '../../core/models';
-
-@Component({
-  selector: 'bizdoc-cube-chart-analysis',
-  template: '',
-  //templateUrl: './cube-chart.widget.html'
-  host: {
-    '[id]': 'id',
-    dir: 'ltr'
-  }
-})
-/** statistics component*/
-export class CubeChartAnalysisWidget extends CubeAnalysisBase {
-  //@ViewChild(ChartComponent)
-  chart: Chart;
-  readonly type: ChartSeriesType = this._options.chartType as ChartSeriesType || 'Column';
-  readonly indexType: ChartSeriesType = this._options.indicesChartType as ChartSeriesType || 'Line';
-  readonly marker: MarkerOptionsModel = {
-    visible: true,
-    width: 10,
-    height: 10
-  }
-  readonly primaryXAxis: AxisModel = {
-    valueType: 'Category',
-    labelStyle: {
-      fontFamily: FONT_FAMILY
-    }
-  };
-  readonly primaryYAxis: AxisModel = {
-    labelFormat: this.currencyCode ? 'c0' : 'n0',
-    labelStyle: {
-      fontFamily: FONT_FAMILY
-    }
-  };
-  readonly tooltip: TooltipSettingsModel = {
-    enable: true,
-    enableAnimation: false,
-    shared: false,
-    textStyle: {
-      fontFamily: FONT_FAMILY
-    }
-  };
-  readonly legend: LegendSeriesModel = {
-    visible: false,
-    textStyle: {
-      fontFamily: FONT_FAMILY
-    }
-  };
-  readonly animation: AnimationModel = { enable: true };
-  constructor(ref: WidgetRef,
-    session: SessionService,
-    ds: DatasourceService,
-    cube: CubeService,
-    info: CubeInfo,
-    private _elementRef: ElementRef,
-    private _translate: TranslateService) {
-    super(ref, info, session, ds, cube);
-  }
-  onLoad(data: Series[]) {
-    const series = data.map(s => {
-      if (s.index)
-        return {
-          yName: 'y', xName: 'name',
-          type: this.indexType,
-          name: s.title,
-          width: 2,
-          stackingGroup: 'index',
-          marker: {
-            shape: 'Diamond', width: 4
-          },
-          dataSource: s.points,
-          fill: this._session.getPrimery(400)
-        } as SeriesModel;
-      else return {
-        yName: 'y', xName: 'name', type: this.type,
-        dataSource: s.points,
-        name: s.title ||
-          this._translate.get('Usage')
-      } as SeriesModel;
-    });
-    this.chart && this.chart.destroy();
-    if (series.length) this.chart = new Chart({
-      width: '100%',
-      height: this.height,
-      background: 'transparent',
-      theme: this.theme,
-      enableAnimation: true,
-      useGroupingSeparator: true,
-      primaryXAxis: this.primaryXAxis,
-      primaryYAxis: this.primaryYAxis,
-      tooltip: this.tooltip,
-      palettes: this.palettes,
-      currencyCode: this.currencyCode,
-      series,
-      pointClick: this.pointClick.bind(this),
-      legendSettings: {
-        isInversed: this._session.inverse,
-        visible: series.length > 1
-      } as LegendSeriesModel
-    }, this._elementRef.nativeElement);
-  }
-  pointClick(evt: IPointEventArgs) {
-    const axes: AxesMap = {},
-      serie = this._data[evt.seriesIndex],
-      { index, name, points } = serie;
-    if (this.series.length && !index)
-      for (let i = 0; i < this.series.length; i++)
-        axes[this.series[i]] = name.split(AXES_CODE_DIVIDER)[i];
-    for (let i = 0; i < this.xAxis.length; i++) {
-      const x = points[evt.pointIndex].x;
-      axes[this.xAxis[i]] = x.split(AXES_CODE_DIVIDER)[i];
-    }
-    this.explore(axes, { index });
-  }
-  onThemeChange() {
-    this.onBind(this._data);
-  }
-  onResize() {
-    if (this.chart) {
-      this.chart.height = this.height;
-    }
-  }
-  tooltipRender(e: ITooltipRenderEventArgs) {
-    e.text = this._intl.formatNumber(e.point.y as number, {
-      currency: this.currencyCode,
-      format: this.currencyCode ? 'c' : 'n',
-      maximumFractionDigits: this._service.fractionDigits
-    });
-  }
-  ngOnDestroy() {
-    this.chart && this.chart.destroy();
-    super.ngOnDestroy();
-  }
-}

package/src/lib/dashboard/cube/documents.widget.html

@@ -1,19 +0,0 @@
-<table mat-table [dataSource]="dataSource" class="mat-elevation-z0" matSort @list>
-  <ng-container matColumnDef="number">
-    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Number' | translate}} </th>
-    <td mat-cell *matCellDef="let element"> <a (click)="open(element)">#{{element.number}}</a></td>
-  </ng-container>
-
-  <ng-container matColumnDef="subject">
-    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>
-    <td mat-cell *matCellDef="let element" class="text"> {{element.subject}} </td>
-  </ng-container>
-
-  <ng-container matColumnDef="state">
-    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Status' | translate}} </th>
-    <td mat-cell *matCellDef="let element"> {{element.state | state }} </td>
-  </ng-container>
-
-  <tr mat-header-row *matHeaderRowDef="columns; sticky: true"></tr>
-  <tr mat-row @item *matRowDef="let row; columns: columns;"></tr>
-</table>

package/src/lib/dashboard/cube/documents.widget.ts

@@ -1,57 +0,0 @@
-import { Component, ViewChild, HostBinding } from '@angular/core';
-import { MatTableDataSource } from '@angular/material/table';
-import { MatSort } from '@angular/material/sort';
-import { WidgetComponent } from '../../core/base';
-import { BizDoc } from '../../core/decorators';
-import { listAnimation, itemAnimation } from '../../core/animations';
-import { WidgetRef } from '../widget-ref';
-import { RouterImpl } from '../../core/router';
-import { MailboxService } from '../../core/mailbox.service';
-import { PromptService } from '../../core/prompt.service';
-@Component({
-  templateUrl: './documents.widget.html',
-  styleUrls: ['../_table.widget.scss'],
-  animations: [
-    listAnimation,
-    itemAnimation
-  ]
-})
-@BizDoc({
-  selector: 'bizdoc-cube-documents'
-})
-/** */
-export class CubeDocumentsWidget implements WidgetComponent<MailInfo[]> {
-  dataSource: MatTableDataSource<MailInfo>;
-  @ViewChild(MatSort) sort: MatSort;
-  @HostBinding('style.height')
-  height: string;
-  loading = false;
-  readonly columns = ['number', 'subject', 'state'];
-  constructor(
-    private _router: RouterImpl,
-    private _mailbox: MailboxService,
-    private _sb: PromptService,
-    widgetRef: WidgetRef) {
-    widgetRef.resize.subscribe(d => this.height = `${d.height}px`);
-  }
-  onBind(data: MailInfo[]) {
-    this.dataSource = new MatTableDataSource<MailInfo>(data);
-    this.dataSource.sort = this.sort;
-  }
-  open(item: MailInfo) {
-    this._mailbox.info(item.id).subscribe(item => {
-      this._router.navigate(['mailbox/d', item.documentId.encodeId()], {
-        state: {
-          item
-        }
-      })
-    }, () => this._sb.error())
-  }
-}
-interface MailInfo {
-  id: number;
-  number?: string;
-  subject?: string;
-  state: string;
-}
-

package/src/lib/dashboard/cube/filter/filter.component.html

@@ -1,3 +0,0 @@
-<bizdoc-cube-filter [cube]="cube"
-                    [axes]="axes" [exclude]="exclude"
-                    (axesChange)="valuesChange($event)"></bizdoc-cube-filter>

package/src/lib/dashboard/cube/filter/filter.component.ts

@@ -1,51 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { WidgetRef } from '../../widget-ref';
-import { Options } from '../cube-analysis.base';
-import { ArgumentsComponent } from '../../../core/base';
-import { BizDoc } from '../../../core/decorators';
-import { isArray } from '../../../core/functions';
-import { SessionService } from '../../../core/session.service';
-
-@Component({
-  templateUrl: './filter.component.html'
-})
-@BizDoc({ selector: 'bizdoc-cube-widget-filter' })
-/** filter component*/
-export class CubeWidgetFilterComponent implements OnInit, ArgumentsComponent {
-  form: FormGroup;
-  exclude: string[] = [];
-  cube: string;
-  axes: {};
-  /** filter ctor */
-  constructor(
-    private readonly _widgetRef: WidgetRef<Options>,
-    private _session: SessionService,
-    private readonly _fb: FormBuilder
-  ) {
-    const { xAxis, series, exclude, cube: name } = this._widgetRef.options;
-    this.cube = name;
-    if (isArray(xAxis)) this.exclude = [...xAxis];
-    else this.exclude.push(xAxis);
-    if (series) {
-      if (isArray(series)) this.exclude = this.exclude.concat(series);
-      else this.exclude.push(series);
-    }
-    if (exclude) {
-      if (isArray(exclude)) this.exclude = this.exclude.concat(exclude);
-      else this.exclude.push(exclude);
-    }
-    const cube = this._session.profile.cubes.find(c => c.name == name) || this._session.profile.cubes[0], controls = {};
-
-    cube.axes.filter(a => !a.hidden && a.selectionMode !== 'None').forEach(a => {
-      controls[a.name] = this._fb.control(null);
-    });
-    this.form = this._fb.group(controls);
-  }
-  ngOnInit(): void {
-    this.axes = this.form.value;
-  }
-  valuesChange(axes) {
-    this.form.patchValue(axes);
-  }
-}

package/src/lib/dashboard/cube/gauge.component.exp.ts

@@ -1,18 +0,0 @@
-////import { Component, ElementRef } from '@angular/core';
-////import { WidgetComponent } from '../../core/base';
-////import { LinearGauge } from '@syncfusion/ej2-angular-lineargauge';
-
-
-////@Component({ template: '' })
-////export
-////  class GaugeComponent implements WidgetComponent<any> {
-////  gauge: LinearGauge;
-////  constructor(private _element: ElementRef) { }
-////  onBind(data: any, args?: any) {
-////    this.gauge && this.gauge.destroy();
-////    this.gauge = new LinearGauge({
-      
-////    },
-////      this._element.nativeElement);
-////  }
-////}

package/src/lib/dashboard/dashboard.component.html

@@ -1,18 +0,0 @@
-<mat-grid-list [cols]="cols" @deshboard>
-  <mat-grid-tile *ngFor="let w of widgets" [colspan]="w.cols && w.cols <= cols ? w.cols : 1" [rowspan]="w.rows || 1">
-    <mat-card @card>
-      <mat-card-header>
-        <mat-card-title [attr.data-guide]="'widget-'+w.name">
-          <span>{{w.title}}</span>
-          <span class="divider"></span>
-          <button mat-icon-button (click)="widget.refresh()" [bizdocTooltip]="'Refresh'|translate" [attr.aria-label]="'Refresh'|translate"><mat-icon matAnimate="rotate">autorenew</mat-icon></button>
-          <button mat-icon-button (click)="widget.filter($event)" [bizdocTooltip]="'Filter' | translate" [attr.aria-label]="'Filter'|translate" *ngIf="w.arguments.length||w.argumentsTemplate"><mat-icon>filter_list</mat-icon></button>
-          <button mat-icon-button (click)="guide(w.guide)" [bizdocTooltip]="'Help' | translate" [attr.aria-label]="'Help'|translate" *ngIf="w.guide"><mat-icon>help_outline</mat-icon></button>
-        </mat-card-title>
-      </mat-card-header>
-      <mat-card-content>
-        <bizdoc-widget [model]="w" #widget></bizdoc-widget>
-      </mat-card-content>
-    </mat-card>
-  </mat-grid-tile>
-</mat-grid-list>

package/src/lib/dashboard/dashboard.component.scss

@@ -1,36 +0,0 @@
-:host {
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-}
-
-@media only screen and (min-width: 600px) {
-  :host {
-    min-width: 600px;
-  }
-}
-
-.mat-card {
-  width: calc(100% - 50px);
-  height: calc(100% - 50px);
-  overflow: hidden;
-
-  ::ng-deep .mat-card-header-text {
-    width: 100%;
-  }
-
-  .mat-card-title {
-    display: flex;
-    -ms-flex-direction: row;
-    -webkit-flex-direction: row;
-    flex-direction: row;
-  }
-
-  .mat-card-content {
-    height: inherit;
-  }
-
-  &:hover {
-    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
-  }
-}

package/src/lib/dashboard/dashboard.component.ts

@@ -1,45 +0,0 @@
-import { Component, OnDestroy } from '@angular/core';
-import { SessionService } from '../core/session.service';
-import { Widget } from '../core/models';
-import { MediaObserver } from '@angular/flex-layout';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { WindowTitleService } from '../core/window-title.service';
-import { TranslateService } from '../core/translate.service';
-import { GuideService } from '../core/guide/guide.service';
-import { cardsAnimation, deshboardAnimation } from '../core/animations';
-
-@Component({
-  selector: 'bizdoc-dashboard',
-  templateUrl: './dashboard.component.html',
-  styleUrls: ['./dashboard.component.scss'],
-  animations: [deshboardAnimation, cardsAnimation]
-})
-/** dashboard component*/
-export class DashboardComponent implements OnDestroy {
-  private readonly _destroy = new Subject<void>();
-  /** dashboard ctor */
-  readonly widgets: Widget[];
-  cols = 3;
-  constructor(
-    private _guide: GuideService,
-    observableMedia: MediaObserver,
-    session: SessionService,
-    title: WindowTitleService,
-    translate: TranslateService) {
-    title.set(translate.get('Dashboard'));
-    this.widgets = session.profile.widgets;
-    observableMedia.asObservable().pipe(takeUntil(this._destroy)).subscribe(m => {
-      const { mqAlias } = m[0];
-      this.cols = (mqAlias === 'xs' || mqAlias === 'sm') ? 1 : mqAlias === 'md' ? 2 : 3;
-    });
-  }
-  guide(name: string) {
-    this._guide.start(name);
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}
-

package/src/lib/dashboard/dashboard.pane.component.ts

@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { PaneRef } from '../core/slots/pane-ref';
-import { TranslateService } from '../core/translate.service';
-
-@Component({
-  template: '<bizdoc-dashboard></bizdoc-dashboard>',
-  styles: [`:host {
-
-    min-width: 1200px;}`],
-  host: { class: 'pane' }
-})
-/** dashboard component*/
-export class DashboardPaneComponent {
-  constructor(
-    pane: PaneRef,
-    translate: TranslateService) {
-    pane.title = translate.get('Dashboard');
-  }
-}

package/src/lib/dashboard/recents/recents.widget.html

@@ -1,32 +0,0 @@
-<table mat-table [dataSource]="dataSource" class="mat-elevation-z0" @list>
-  <ng-container matColumnDef="number">
-    <th mat-header-cell *matHeaderCellDef> {{'Number' | translate}} </th>
-    <td mat-cell *matCellDef="let item"> <a (click)="open(item)">#{{item.number}}</a> </td>
-  </ng-container>
-
-  <ng-container matColumnDef="subject">
-    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>
-    <td mat-cell *matCellDef="let item" class="text"> {{item.subject}} </td>
-  </ng-container>
-
-  <ng-container matColumnDef="state">
-    <th mat-header-cell *matHeaderCellDef> {{'Status' | translate}} </th>
-    <td mat-cell *matCellDef="let item"> {{item.stateId | state }} </td>
-  </ng-container>
-
-  <ng-container matColumnDef="option">
-    <th mat-header-cell *matHeaderCellDef> </th>
-    <td mat-cell *matCellDef="let item">
-      <ng-container *ngIf="!item.loading; else progress">
-        <button mat-icon-button (click)="view(item, $event)" [bizdocTooltip]="'View' | translate" [attr.aria-label]="'View' | translate" class="tool" *ngIf="enableAnalysis" matAnimate="rotate"><mat-icon>data_usage</mat-icon></button>
-        <button mat-icon-button (click)="open(item)" [bizdocTooltip]="'Open' | translate" [attr.aria-label]="'Open' | translate" class="tool"><mat-icon>more_horiz</mat-icon></button>
-      </ng-container>
-    </td>
-  </ng-container>
-
-  <tr mat-header-row *matHeaderRowDef="columns; sticky: true"></tr>
-  <tr mat-row @item *matRowDef="let row; columns: columns;"></tr>
-</table>
-<ng-template #progress>
-  <mat-spinner diameter="26"></mat-spinner>
-</ng-template>

package/src/lib/dashboard/recents/recents.widget.scss

@@ -1,9 +0,0 @@
-:host ::ng-deep tr
-.tool {
-  opacity: .1
-}
-
-:host ::ng-deep tr:hover
-.tool {
-  opacity: 1
-}