@bizdoc/core 1.13.12 → 1.13.16

package/src/lib/mobile.module.ts

@@ -1,39 +0,0 @@
-import { NgModule } from '@angular/core';
-
-import { BrowseComponent } from './browse/browse.mobile.component';
-import { ChatComponent } from './chat/chat.mobile.component';
-import { ComposeComponent } from './compose/compose.mobile.component';
-import { CopyDialog } from './compose/copy/copy.dialog';
-import { FormSelectorSheet } from './compose/form-selector/form-selector.sheet';
-import { CubeMobileViewComponent } from './cube/view.mobile.component';
-import { NotificationsComponent } from './notifications/notifications.mobile.component';
-import { ReportComponent } from './reports/report.mobile.component';
-import { SchedulerComponent } from './scheduler/scheduler.mobile.component';
-import { HomeMobileComponent } from './home/home.mobile.component';
-import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { SharedModule } from './shared.module';
-import { CubeMatrixMobileComponent } from './cube/matrix/matrix.mobile.component';
-import { DocumentInfoPageComponent } from './compose/document.mobile.component';
-import { DocumentViewMobileComponent } from './views/views.mobile.component';
-
-@NgModule({
-  declarations: [DocumentInfoPageComponent, HomeMobileComponent, BrowseComponent, CubeMobileViewComponent, ComposeComponent, ReportComponent, FormSelectorSheet, CopyDialog, SchedulerComponent, NotificationsComponent,
-    ChatComponent, CubeMatrixMobileComponent, DocumentViewMobileComponent
-  ],
-  imports: [
-    CommonModule,
-    HttpClientModule,
-    ReactiveFormsModule,
-    FlexLayoutModule,
-    RouterModule,
-    SharedModule
-  ],
-  exports: [HomeMobileComponent, BrowseComponent, CubeMobileViewComponent, ComposeComponent, ReportComponent, FormSelectorSheet, CopyDialog, SchedulerComponent, NotificationsComponent,
-    ChatComponent]
-})
-export class MobileModule {
-}

package/src/lib/modules/chart.module.ts

@@ -1,37 +0,0 @@
-import { NgModule } from "@angular/core";
-import {
-  ChartModule, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService,
-  SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService,
-  StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService,
-  BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService,
-  CrosshairService, CategoryService, DateTimeService, LogarithmicService, LegendService, ZoomService, DataLabelService,
-  SelectionService, ChartAnnotationService, WaterfallSeriesService,
-  RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService,
-  MultiLevelLabelService, ParetoSeriesService, TooltipRenderService, AccumulationDistributionIndicatorService, FunnelSeriesService, PyramidSeriesService,
-  ExportService, SparklineAllModule, PieSeriesService, StackingStepAreaSeriesService,
-  AccumulationChartAllModule, AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService, BulletChartAllModule, AccumulationChart, AccumulationDataLabel, AccumulationLegend, AccumulationTooltip, Export, FunnelSeries, PieSeries, PyramidSeries, AreaSeries, BarSeries, BubbleSeries, Category, Chart, ColumnSeries, DateTime, Legend, LineSeries, PolarSeries, RadarSeries, ScatterSeries, SplineAreaSeries, SplineSeries, StackingAreaSeries, StackingBarSeries, StackingColumnSeries, StackingLineSeries, StackingStepAreaSeries, StepAreaSeries, StepLineSeries, Tooltip
-} from '@syncfusion/ej2-angular-charts';
-
-AccumulationChart.Inject(PyramidSeries, FunnelSeries, AccumulationDataLabel, AccumulationTooltip, AccumulationLegend, Export, PieSeries);
-
-Chart.Inject(Category, DateTime, Tooltip, Legend, Export, BarSeries, AreaSeries, BubbleSeries, ColumnSeries, LineSeries, PolarSeries, RadarSeries, SplineSeries, SplineAreaSeries, ScatterSeries,
-  StackingLineSeries, StackingAreaSeries, StackingColumnSeries, StackingBarSeries, StepAreaSeries, StepLineSeries);
-
-@NgModule({
-  imports: [ChartModule, AccumulationChartAllModule, SparklineAllModule],
-  exports: [ChartModule, AccumulationChartAllModule, SparklineAllModule],
-  providers: [AccumulationDistributionIndicatorService, FunnelSeriesService, StackingStepAreaSeriesService, PieSeriesService, PyramidSeriesService, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService,
-    SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService,
-    StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService,
-    BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService,
-    CrosshairService, CategoryService, DateTimeService, LogarithmicService, LegendService, ZoomService, DataLabelService,
-    SelectionService, ChartAnnotationService, WaterfallSeriesService,
-    RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService,
-    MultiLevelLabelService, ParetoSeriesService, TooltipRenderService,
-    ExportService,
-    AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService]
-})
-export
-  class SyncfusionChartModule {
-}
-

package/src/lib/modules/circular-gauge.module.ts

@@ -1,11 +0,0 @@
-import { NgModule } from "@angular/core";
-import { AnnotationsService, CircularGaugeModule, GaugeTooltipService, LegendService } from '@syncfusion/ej2-angular-circulargauge';
-
-
-@NgModule({
-  imports: [CircularGaugeModule],
-  exports: [CircularGaugeModule],
-  providers: [AnnotationsService, GaugeTooltipService, LegendService]
-})
-export class SyncfusionCircularGaugeModule {
-}

package/src/lib/modules/date.adapter.ts

@@ -1,31 +0,0 @@
-import { Platform } from '@angular/cdk/platform';
-import { Injectable } from '@angular/core';
-import { NativeDateAdapter } from '@angular/material/core';
-
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import localizedFormat from 'dayjs/plugin/localizedFormat';
-/**
-* Custom Date-Formats and Adapter (using https://github.com/iamkun/dayjs)
-*/
-
-@Injectable()
-export class DayJsDateAdapter extends NativeDateAdapter {
-
-  constructor(matDateLocale: string, platform: Platform) {
-    super(matDateLocale, platform)
-
-    // Initalize DayJS-Parser
-    dayjs.extend(customParseFormat)
-    dayjs.extend(localizedFormat)
-  }
-
-  parse(value: any): Date | null {
-    return dayjs(value).toDate()
-  }
-
-  format(date: Date, displayFormat: any): string {
-    return dayjs(date).format(displayFormat)
-  }
-
-}

package/src/lib/modules/datepicker.intl.ts

@@ -1,35 +0,0 @@
-import { Injectable } from '@angular/core';
-import { MatDatepickerIntl } from "@angular/material/datepicker";
-import { TranslateService } from '../core/translate.service';
-
-
-@Injectable()
-export class DatepickerIntl extends MatDatepickerIntl {
-    calendarLabel = this._translate.get('');
-    /** A label for the button used to open the calendar popup (used by screen readers). */
-    openCalendarLabel = this._translate.get('');
-    /** A label for the previous month button (used by screen readers). */
-    prevMonthLabel = this._translate.get('');
-    /** A label for the next month button (used by screen readers). */
-    nextMonthLabel = this._translate.get('');
-    /** A label for the previous year button (used by screen readers). */
-    prevYearLabel = this._translate.get('');
-    /** A label for the next year button (used by screen readers). */
-    nextYearLabel = this._translate.get('');
-    /** A label for the previous multi-year button (used by screen readers). */
-    prevMultiYearLabel = this._translate.get('');
-    /** A label for the next multi-year button (used by screen readers). */
-    nextMultiYearLabel = this._translate.get('');
-    /** A label for the 'switch to month view' button (used by screen readers). */
-    switchToMonthViewLabel = this._translate.get('');
-    /** A label for the 'switch to year view' button (used by screen readers). */
-    switchToMultiYearViewLabel = this._translate.get('');
-    /** Formats a range of years. */
-    formatYearRange(start: string, end: string): string {
-        return super.formatYearRange(start, end);
-    }
-
-    constructor(private _translate: TranslateService) {
-        super();
-    }
-}

package/src/lib/modules/diagram.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { DiagramModule, ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, SymbolPaletteModule } from '@syncfusion/ej2-angular-diagrams';
-
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule,
-    DiagramModule,
-    SymbolPaletteModule
-  ],
-  exports: [
-    DiagramModule,
-    SymbolPaletteModule
-  ],
-  providers: [ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService]
-})
-export class SyncfusionDiagramModule { }

package/src/lib/modules/gantt.module.ts

@@ -1,12 +0,0 @@
-import { NgModule } from "@angular/core";
-import { GanttModule } from '@syncfusion/ej2-angular-gantt';
-import { ExcelExportService, DayMarkersService } from '@syncfusion/ej2-angular-gantt';
-
-@NgModule({
-    imports: [GanttModule],
-    exports: [GanttModule],
-    providers: []
-})
-export
-    class SyncfusionGanttModule {
-}

package/src/lib/modules/grid.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from "@angular/core";
-import {
-  ExcelExportService, GridModule, PagerModule, AggregateService, FreezeService,
-  GroupService, PageService, ResizeService, SortService, SelectionService
-} from '@syncfusion/ej2-angular-grids';
-
-@NgModule({
-  imports: [GridModule, PagerModule],
-  exports: [GridModule, PagerModule],
-  providers: [
-    ExcelExportService, AggregateService, FreezeService,
-    GroupService, PageService, ResizeService, SortService, SelectionService]
-})
-export
-  class SyncfusionGridModule {
-}

package/src/lib/modules/material.module.ts

@@ -1,104 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { OverlayModule } from '@angular/cdk/overlay';
-import { PortalModule } from '@angular/cdk/portal';
-import { MatChipsModule } from '@angular/material/chips';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { LayoutModule } from '@angular/cdk/layout';
-import { MatRippleModule, MatNativeDateModule, DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatTableModule } from '@angular/material/table';
-import { MatSortModule } from '@angular/material/sort';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatCardModule } from '@angular/material/card';
-import { MatGridListModule } from '@angular/material/grid-list';
-import { MatStepperModule } from '@angular/material/stepper';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatBadgeModule } from '@angular/material/badge';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatButtonModule } from '@angular/material/button';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatIconModule } from '@angular/material/icon';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatStepperIntl } from '@angular/material/stepper';
-import { MatPaginatorIntl } from '@angular/material/paginator';
-import { MatDatepickerIntl } from '@angular/material/datepicker';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { CdkScrollableModule } from '@angular/cdk/scrolling';
-import { DayJsDateAdapter } from './date.adapter';
-import { StepperIntl } from './stepper.intl';
-import { DatepickerIntl } from './datepicker.intl';
-import { PaginatorIntl } from './paginator.intl';
-import { Platform } from '@angular/cdk/platform';
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule,
-    FlexLayoutModule,
-    CdkScrollableModule,
-    OverlayModule, PortalModule,
-    MatCardModule, MatGridListModule, MatStepperModule,
-    MatChipsModule, DragDropModule, MatRippleModule,
-    MatExpansionModule, MatButtonToggleModule, MatNativeDateModule,
-    MatDatepickerModule, MatTableModule, MatSortModule, MatPaginatorModule,
-    MatTabsModule, MatBadgeModule, MatTooltipModule, MatDialogModule,
-    MatRadioModule, MatBottomSheetModule, MatProgressBarModule,
-    MatProgressSpinnerModule, MatListModule, MatSidenavModule,
-    MatToolbarModule, MatAutocompleteModule, MatSelectModule,
-    MatSlideToggleModule, MatSnackBarModule, MatButtonModule,
-    MatCheckboxModule, MatInputModule,
-    MatFormFieldModule, MatIconModule, MatMenuModule, LayoutModule],
-  exports: [LayoutModule,
-    CdkScrollableModule,
-    OverlayModule, PortalModule, FlexLayoutModule,
-    MatChipsModule, DragDropModule,
-    MatCardModule, MatGridListModule,
-    MatRippleModule, MatStepperModule,
-    MatExpansionModule, MatButtonToggleModule, MatNativeDateModule, MatDatepickerModule,
-    MatTableModule, MatSortModule, MatPaginatorModule, MatTabsModule, MatBadgeModule,
-    MatTooltipModule, MatDialogModule, MatRadioModule, MatBottomSheetModule,
-    MatProgressBarModule, MatProgressSpinnerModule, MatListModule, MatSidenavModule,
-    MatToolbarModule, MatAutocompleteModule, MatSelectModule, MatSlideToggleModule,
-    MatSnackBarModule, MatButtonModule, MatCheckboxModule, MatInputModule, MatFormFieldModule,
-    MatIconModule, MatMenuModule],
-  providers: [
-    { useClass: StepperIntl, provide: MatStepperIntl },
-    { provide: MatPaginatorIntl, useClass: PaginatorIntl },
-    { provide: MatDatepickerIntl, useClass: DatepickerIntl },
-    {
-      provide: DateAdapter, useClass: DayJsDateAdapter,
-      deps: [MAT_DATE_LOCALE, Platform]
-    },
-    {
-      provide: MAT_DATE_FORMATS, useValue: {
-        parse: {
-          dateInput: 'LL',
-        },
-        display: {
-          dateInput: 'DD/MM/YYYY',
-          monthYearLabel: 'MMM YYYY',
-          dateA11yLabel: 'LL',
-          monthYearA11yLabel: 'MMMM YYYY',
-        }
-      }
-    }
-  ]
-})
-export class MaterialModule { }

package/src/lib/modules/paginator.intl.ts

@@ -1,16 +0,0 @@
-import { Injectable } from '@angular/core';
-import { MatPaginatorIntl } from '@angular/material/paginator';
-import { TranslateService } from '../core/translate.service';
-
-
-@Injectable()
-export class PaginatorIntl extends MatPaginatorIntl {
-    constructor(private _translate: TranslateService) {
-        super();
-    }
-    firstPageLabel = this._translate.get('FirstPage');
-    lastPageLabel = this._translate.get('LastPage');
-    nextPageLabel = this._translate.get('NextPage');
-    previousPageLabel = this._translate.get('PrevPage');
-    getRangeLabel = (_page: number, _pageSize: number, _length: number): string => { return ''; };
-}

package/src/lib/modules/pivot.module.ts

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { PivotViewModule, ExcelExportService, GroupingBarService, NumberFormattingService, GroupingService, PivotChartService, ConditionalFormattingService } from '@syncfusion/ej2-angular-pivotview';
-
-@NgModule({
-  exports: [
-    PivotViewModule
-  ],
-  imports: [
-    PivotViewModule
-  ],
-  providers: [ExcelExportService, GroupingBarService, NumberFormattingService, GroupingService, PivotChartService, ConditionalFormattingService]
-})
-export class SyncfusionPivotModule { }

package/src/lib/modules/schedule.module.ts

@@ -1,12 +0,0 @@
-import { NgModule } from "@angular/core";
-import { ScheduleModule, ExcelExportService, DayService, WorkWeekService, MonthService, MonthAgendaService, ICalendarExportService, AgendaService, YearService } from '@syncfusion/ej2-angular-schedule';
-
-@NgModule({
-  imports: [ScheduleModule],
-  exports: [ScheduleModule],
-  providers: [
-    ScheduleModule, ExcelExportService, DayService, WorkWeekService, MonthService, MonthAgendaService, ICalendarExportService, AgendaService, YearService  ]
-})
-export
-  class SyncfusionScheduleModule {
-}

package/src/lib/modules/spreadsheet.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SpreadsheetModule, SelectionService, BasicModuleService, ClipboardService, CellFormatService, KeyboardNavigationService, KeyboardShortcutService, NumberFormatService } from '@syncfusion/ej2-angular-spreadsheet';
-
-@NgModule({
-  declarations: [],
-  exports: [
-    SpreadsheetModule
-  ],
-  imports: [
-    SpreadsheetModule,
-    CommonModule
-  ],
-  providers: [SelectionService, BasicModuleService, ClipboardService, CellFormatService, KeyboardNavigationService, KeyboardShortcutService, NumberFormatService]
-})
-export class SyncfusionSpreadsheetModule {
-}

package/src/lib/modules/stepper.intl.ts

@@ -1,12 +0,0 @@
-import { Injectable } from '@angular/core';
-import { MatStepperIntl } from '@angular/material/stepper';
-import { TranslateService } from '../core/translate.service';
-
-
-@Injectable()
-export class StepperIntl extends MatStepperIntl {
-    constructor(private _translate: TranslateService) {
-        super();
-    }
-    optionalLabel: string = this._translate.get('Optional');
-}

package/src/lib/modules/texteditor.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { HtmlEditorService, RichTextEditorModule, ToolbarService } from '@syncfusion/ej2-angular-richtexteditor';
-
-@NgModule({
-  declarations: [],
-  exports: [RichTextEditorModule
-  ],
-  imports: [
-    CommonModule,
-    RichTextEditorModule
-  ],
-  providers: [HtmlEditorService, ToolbarService ]
-})
-export class SyncfusionTextEditorModule {
-}

package/src/lib/notifications/filter.component.html

@@ -1,6 +0,0 @@
-<form autocomplete="off" fxLayout="column" [formGroup]="form">
-  <mat-form-field>
-    <input type="search" formControlName="text" matInput placeholder="{{'Search' | translate}}" />
-  </mat-form-field>
-  <mat-slide-toggle formControlName="showDeleted">{{'ShowDeleted' | translate}}</mat-slide-toggle>
-</form>

package/src/lib/notifications/filter.component.ts

@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-
-
-@Component({
-    templateUrl: './filter.component.html',
-    styles: [':host { padding: 8px }']
-})
-/** notifications component*/
-export class NotificationsFilterComponent {
-    constructor(private _fb: FormBuilder) { }
-    readonly form = this._fb.group({
-        text: this._fb.control(null),
-        showDeleted: this._fb.control(false)
-    });
-}

package/src/lib/notifications/notifications-table.component.html

@@ -1,54 +0,0 @@
-<mat-toolbar>
-  <button mat-icon-button *ngIf="selection.selected.length" (click)="discardAll()" bizdocTooltip="{{'DiscardSelected' | translate : selection.selected.length }}"><mat-icon>delete</mat-icon></button>
-  <span class="divider"></span>
-  <button mat-icon-button (click)="openFilter($event)" [bizdocTooltip]="'Filter' | translate" [attr.aria-label]="'Filter' | translate"><mat-icon>filter_list</mat-icon></button>
-</mat-toolbar>
-<table [hidden]="!dataSource||dataSource.data.length===0" mat-table matSort [dataSource]="dataSource" [@list]="dataSource?.data.length" class="data-table">
-  <ng-container matColumnDef="select">
-    <th mat-header-cell *matHeaderCellDef>
-      <mat-checkbox (change)="$event ? masterToggle() : null"
-                    [checked]="selection.hasValue() && isAllSelected()"
-                    [indeterminate]="selection.hasValue() && !isAllSelected()">
-      </mat-checkbox>
-    </th>
-    <td mat-cell *matCellDef="let element">
-      <mat-checkbox (click)="$event.stopPropagation()"
-                    (change)="$event ? selection.toggle(element) : null"
-                    [checked]="selection.isSelected(element)">
-      </mat-checkbox>
-    </td>
-  </ng-container>
-  <ng-container matColumnDef="content">
-    <th mat-header-cell *matHeaderCellDef>{{ 'Content' | translate}}</th>
-    <td mat-cell *matCellDef="let element">
-      <h3 *ngComponentOutlet="element.comp; injector: element.injector"></h3>
-    </td>
-  </ng-container>
-  <ng-container matColumnDef="sent">
-    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'Time' | translate}}</th>
-    <td mat-cell *matCellDef="let element">
-      <span [bizdocTooltip]="element.sent | amCalendar">{{element.sent | amTimeAgo }}</span>
-    </td>
-  </ng-container>
-  <ng-container matColumnDef="options">
-    <th mat-header-cell *matHeaderCellDef></th>
-    <td mat-cell *matCellDef="let element">
-      <button mat-icon-button [matMenuTriggerFor]="options" [matMenuTriggerData]="{muted: false}" class="tool"><mat-icon>more_vert</mat-icon></button>
-      <mat-menu #options>
-        <ng-template matMenuContent let-muted="muted">
-          <ng-container *ngIf="element.recipientId">
-            <button mat-menu-item (click)="read(element, !element.read)">{{'MarkAsRead' | translate}}</button>
-            <mat-divider></mat-divider>
-          </ng-container>
-          <button mat-menu-item (click)="mute(element, true)" *ngIf="element.documentId">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>
-          <ng-container *ngIf="!element.deleted">
-            <mat-divider></mat-divider>
-            <button mat-menu-item (click)="delete(element)">{{ 'Discard' | translate}}</button>
-          </ng-container>
-        </ng-template>
-      </mat-menu>
-    </td>
-  </ng-container>
-  <tr mat-header-row *matHeaderRowDef="['select','content','sent','options']"></tr>
-  <tr mat-row *matRowDef="let element; columns: ['select','content','sent','options'];" @item class="item" [class.read]="element.read"></tr>
-</table>

package/src/lib/notifications/notifications-table.component.scss

@@ -1,14 +0,0 @@
-:host {
-  /*min-width: 400px;*/
-  display: block
-}
-
-.item {
-  &.read {
-  }
-
-.tool {opacity:0 }
-  &:hover .tool {
-    opacity: 1
-  }
-}

package/src/lib/notifications/notifications-table.component.ts

@@ -1,94 +0,0 @@
-import { Component, Injector, OnInit, ViewChild } from '@angular/core';
-import { MatSort } from '@angular/material/sort';
-import { MatTableDataSource } from '@angular/material/table';
-import { SelectionModel } from '@angular/cdk/collections';
-import { Observable } from 'rxjs';
-import { takeUntil, debounceTime, map } from 'rxjs/operators';
-import { Notification } from '../core/models';
-import { NotificationsService } from './notifications.service';
-import { NotificationExtra, NotificationsComponentBase } from "./notifications.component-base";
-import { Popup } from '../core/popup/popup.service';
-import { NotificationsFilterComponent } from './filter.component';
-import { itemAnimation, listAnimation } from '../core/animations';
-
-@Component({
-  selector: 'bizdoc-notifications-table',
-  templateUrl: './notifications-table.component.html',
-  styleUrls: ['./notifications-table.component.scss'],
-  animations: [listAnimation, itemAnimation]
-})
-/** notifications component*/
-export class NotificationsTableComponent extends NotificationsComponentBase implements OnInit {
-  @ViewChild(MatSort, { static: true }) sort: MatSort;
-  dataSource: MatTableDataSource<any>;
-
-  showDeleted = false;
-  readonly selection = new SelectionModel<NotificationExtra>(true, []);
-  /** notifications ctor */
-  constructor(private _service: NotificationsService, injector: Injector, private _popup: Popup
-  ) {
-    super(injector);
-  }
-  ngOnInit(): void {
-    this._query();
-  }
-  private _query() {
-    this._service.getAll({ exclude: !this.showDeleted }).subscribe((n: NotificationExtra[]) => {
-      n.forEach(n => {
-        n.comp = this._comp(n.type);
-        n.injector = this._getInjector(n);
-      });
-      this.dataSource = new MatTableDataSource(n);
-      this.dataSource.sort = this.sort;
-    });
-  }
-  discardAll() {
-    this.selection.selected.forEach(n => this.delete(n));
-  }
-  read(item: Notification, read: boolean) {
-    if (item.read !== read)
-      this._service.read(item.id, item.sent, read).subscribe(() => item.read = read);
-  }
-  isMuted(item: Notification): Observable<boolean> {
-    return this._service.get(item.id).pipe(map(i => i.muted));
-  }
-  mute(item: Notification, mute: boolean) {
-    this._service.mute(item.id, mute);
-  }
-  delete(item: Notification) {
-    this._service.delete(item.id).subscribe(i => {
-      item.deleted = true;
-      if (!this.showDeleted) {
-        this.dataSource.data.remove(i);
-        this.dataSource.filter = '';
-      }
-    });
-  }
-  isAllSelected() {
-    const numSelected = this.selection.selected.length;
-    const numRows = this.dataSource.data.length;
-    return numSelected === numRows;
-  }
-  masterToggle() {
-    this.isAllSelected() ?
-      this.selection.clear() :
-      this.selection.select(...this.dataSource.data);
-  }
-  openFilter(evt: Event) {
-    const popupRef = this._popup.open(NotificationsFilterComponent, evt.srcElement as HTMLButtonElement);
-    popupRef.opened.
-      subscribe(e => {
-        e.form.setValue({ text: this.dataSource.filter, showDeleted: this.showDeleted });
-        e.
-          form.valueChanges.pipe(debounceTime(150), takeUntil(popupRef.closed)).
-          subscribe(v => {
-            this.dataSource.filter = v.text;
-            if (this.showDeleted !== v.showDeleted) {
-              this.showDeleted = v.showDeleted;
-              this._query();
-            }
-          });
-      }
-      );
-  }
-}

package/src/lib/notifications/notifications.component-base.ts

@@ -1,49 +0,0 @@
-import { Injector } from '@angular/core';
-import { Notification, NotificationType } from '../core/models';
-import { NOTIFICATION_DATA } from './types/notification-base';
-import { CommentedNotification } from './types/commented.notification';
-import { CubeAnomalyNotification } from './types/cube-anomaly.notification';
-import { EscalatedNotification } from './types/escalated.notification';
-import { LikedNotification } from './types/liked.notification';
-import { StateChangedNotification } from './types/state-changed.notification';
-import { TextNotification } from './types/text.notification';
-import { UpcomingEventNotification } from './types/upcoming-event.notification';
-import { NudgeNotification } from "./types/nudge.notification";
-import { LongRunningTaskNotification } from "./types/long-running-task.notification";
-import { TaggedNotification } from './types/tagged.notification';
-export abstract class NotificationsComponentBase {
-  constructor(private _injector: Injector) { }
-  protected _comp(type: NotificationType): any {
-    switch (type) {
-      case 'Commented':
-        return CommentedNotification;
-      case 'CubeAnomaly':
-        return CubeAnomalyNotification;
-      case 'Escalated':
-        return EscalatedNotification;
-      case 'Liked':
-        return LikedNotification;
-      case 'StateChanged':
-        return StateChangedNotification;
-      case 'Nudge':
-        return NudgeNotification;
-      case 'TextMessage':
-        return TextNotification;
-      case 'UpcomingEvent':
-        return UpcomingEventNotification;
-      case 'Tagged':
-        return TaggedNotification;
-      case 'JobProgress':
-        return LongRunningTaskNotification;
-      default:
-        throw `Notificationtype ${type} has no component.`;
-    }
-  }
-  protected _getInjector(item: Notification): Injector {
-    return Injector.create([{ provide: NOTIFICATION_DATA, useValue: item }], this._injector);
-  }
-}
-export interface NotificationExtra extends Notification {
-  injector: any;
-  comp: any;
-}