@bizdoc/core 1.14.5 → 1.14.9

package/src/lib/home/tools.component.html

@@ -0,0 +1,27 @@
+<input type="text"
+       [@search]="searching"
+       (@search.done)="searching && focus()"
+       #input
+       (keydown.escape)="collapse($event)"
+       [attr.aria-label]="'Search'|translate"
+       [formControl]="search"
+       [matAutocomplete]="auto" class="search-box">
+<mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="goto($event)" [displayWith]="displayWith">
+  <mat-option *ngFor="let option of results | async" [value]="option">
+    <ng-container *ngIf="option.section">
+      {{option.section}}
+      <mat-icon class="mat-icon-rtl-mirror" style="margin: 0;">chevron_right</mat-icon>
+    </ng-container>
+    {{option.title}}
+  </mat-option>
+</mat-autocomplete>
+<button mat-icon-button (click)="open($event)" [bizdocTooltip]="'Search'|translate" class="tool"><mat-icon>search</mat-icon></button>
+<button mat-icon-button (click)="notifs($event)" [bizdocTooltip]="'Notifications'|translate" bizdocTooltipPosition="start" class="tool"
+        [attr.aria-label]="'Notifications'| translate"
+        data-help="notifications">
+  <mat-icon matListIcon [matBadge]="profile.notificationsCount" [matBadgeHidden]="!profile.notificationsCount"
+            matBadgeColor="accent"
+            [class.filled]="profile.notificationsCount">
+    {{profile.options.notifications.active ? 'notifications':'notifications_off'}}
+  </mat-icon>
+</button>

package/src/lib/home/tools.component.scss

@@ -0,0 +1,15 @@
+:host {
+  padding-right: 8px;
+  padding-left: 8px;
+  /*  opacity: .1;
+
+  &:hover {
+    opacity: 1
+  }
+*/
+}
+
+input {
+  /*width: 300px;*/
+  font-size: large;
+}

package/src/lib/home/tools.component.ts

@@ -0,0 +1,72 @@
+import { ElementRef } from '@angular/core';
+import { ViewChild } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { filter, map } from 'rxjs';
+import { Observable } from 'rxjs';
+import { searchAnimation } from '../core/animations';
+import { OpenPolicy } from '../core/configuration';
+import { isString } from '../core/functions';
+import { Profile } from '../core/models';
+import { Popup } from '../core/popup/popup.service';
+import { SessionService } from '../core/session.service';
+import { PanesRouter } from '../core/slots/router.service';
+import { QuickNotificationsComponent } from './notifications/notifications.component';
+import { Index, SearchService } from './search.service';
+
+/**
+ * Desktop home component
+ * */
+@Component({
+  selector: 'bizdoc-quicktools',
+  templateUrl: 'tools.component.html',
+  styleUrls: ['tools.component.scss'],
+  animations: [searchAnimation]
+})
+export class QuickToolsComponent implements OnInit {
+  @ViewChild('input') input: ElementRef<HTMLInputElement>;
+  @ViewChild('input', { read: MatAutocompleteTrigger }) trigger: MatAutocompleteTrigger;
+  profile: Profile;
+  readonly search = new FormControl();
+  results: Observable<Index[]>;
+  constructor(
+    private _popup: Popup,
+    private _session: SessionService,
+    private _service: SearchService,
+    private _router: PanesRouter,
+  ) {
+    this.profile = _session.profile;
+  }
+  ngOnInit(): void {
+    this.results = this.search.valueChanges.pipe(filter(v => isString(v)), map(v => this._service.search(v)));
+  }
+  notifs(evt: Event) {
+    this.profile.notifications.length &&
+      this._session.notificationsTouch();
+    this._popup.open(QuickNotificationsComponent, evt.srcElement as HTMLElement, { position: 'start' });
+  }
+  searching = false;
+  open(evt: Event) {
+    if (this.searching) this.collapse(evt);
+    else {
+      this.searching = true;
+    }
+  }
+  collapse(evt: Event) {
+    this.searching = false;
+    this.trigger.closePanel();
+    evt.stopPropagation();
+  }
+  focus() {
+    this.input.nativeElement.focus();
+    this.search.setValue('');
+    setTimeout(()=> this.trigger.openPanel(), 200);
+  }
+  displayWith = _ => null;
+  goto(evt: MatAutocompleteSelectedEvent) {
+    const { path } = evt.option.value as Index;
+    this._router.navigate([path], { policy: OpenPolicy.Clear });
+    this.searching = false;
+  }
+}

package/src/lib/home/welcome/welcome.dialog.exp.ts

@@ -0,0 +1,35 @@
+import { Component } from "@angular/core";
+import { MatDialogRef } from "@angular/material/dialog";
+import { SessionService } from "../../core/session.service";
+import { GuideService } from "../../core/guide/guide.service";
+import { GuideStep } from "../../core/models";
+import { FormControl } from "@angular/forms";
+const WELCOME_GUIDE_NAME = 'welcome';
+@Component({
+  selector: 'bizdoc-welcome',
+  templateUrl: './welcome.dialog.html'
+})
+export class WelcomeDialog {
+  name: string;
+  hide = new FormControl(true);
+  constructor(dialogRef: MatDialogRef<WelcomeDialog>, private _session: SessionService,
+    private _guide: GuideService) {
+    this.name = _session.profile.name;
+    dialogRef.afterClosed().subscribe(() => {
+      if (this.hide.value)
+        _session.guide(WELCOME_GUIDE_NAME);
+    });
+  }
+  start() {
+    const steps: GuideStep[] = [
+      { selector: '[tourAnchor=compose]', content: 'ComposeHelp', title: 'Compose' },
+      { selector: '[tourAnchor=quicknotif]', content: 'NotificationsHelp', title: 'Notifications' },
+      { selector: '[tourAnchor=chat]', content: 'ChatHelp', title: 'Chat' },
+      { navigate: 'mailbox/f/ib', selector: '[tourAnchor=folder]', content: 'MailboxHelp', title: 'Mailbox' },
+      { navigate: 'dashboard', selector: '[tourAnchor=dashboard]', content: 'DashboardHelp', title: 'Dashboard' }
+    ];
+    if (this._session.profile.cubes.length)
+      steps.push({ navigate: `cube/${this._session.profile.cubes[0].name}/${this._session.profile.cubes[0].views[0].name}`, selector: '[tourAnchor=cube]', content: 'CubeHelp', title: 'Cube' });
+    this._guide.start({name: 'welcome', steps });
+  }
+}

package/src/lib/home/welcome/welcome.dialog.html

@@ -0,0 +1,14 @@
+<h2 mat-dialog-title style="display:flex;flex-direction:row">
+  {{'Welcome' | translate}}
+  <span class="divider"></span>
+  <button mat-icon-button mat-dialog-close [bizdocTooltip]="'Close' | translate"><mat-icon>close</mat-icon></button>
+</h2>
+<mat-dialog-content class="mat-body-1">
+  <div [innerHTML]="'WelcomeMsg'|translate : name |sanitizeHtml"></div>
+  <br />
+</mat-dialog-content>
+<mat-dialog-actions style="display:flex;flex-direction:row">
+  <mat-checkbox [formControl]="hide"> {{'WelcomeHide' | translate}}</mat-checkbox>
+  <span class="divider"></span>
+  <button mat-button mat-dialog-close cdkFocusInitial color="accent" (click)="start()">{{'StartTour' | translate}}</button>
+</mat-dialog-actions>

package/src/lib/impersonate/impersonate.component.html

@@ -0,0 +1,17 @@
+<h2 mat-dialog-title>{{'Impersonate' | translate}}</h2>
+<mat-dialog-content>
+  <p class="mat-body-1">{{'ImpersonateHelp' | translate}}</p>
+  <mat-form-field>
+    <input matInput type="search" [matAutocomplete]="auto" [placeholder]="'Associate' | translate" required [formControl]="username"  />
+    <mat-autocomplete #auto="matAutocomplete" [displayWith]="display"
+                      (optionSelected)="change($event)">
+      <mat-option *ngFor="let u of users$ | async" [value]="u">
+        <span>{{u.name}}</span>
+      </mat-option>
+    </mat-autocomplete>
+  </mat-form-field>
+</mat-dialog-content>
+<mat-dialog-actions>
+  <button mat-raised-button (click)="go()" [disabled]="!item || logging" color="primary">{{'Login' | translate}}</button>
+  <button mat-button [mat-dialog-close]>{{'Cancel' | translate }}</button>
+</mat-dialog-actions>

package/src/lib/impersonate/impersonate.component.scss

@@ -0,0 +1,3 @@
+.mat-form-field {
+  width: 100%
+}

package/src/lib/impersonate/impersonate.component.spec.ts

@@ -0,0 +1,24 @@
+import { TestBed, async, ComponentFixture, ComponentFixtureAutoDetect } from '@angular/core/testing';
+import { BrowserModule, By } from "@angular/platform-browser";
+import { ImpersonateDialog } from './impersonate.component';
+
+let component: ImpersonateDialog;
+let fixture: ComponentFixture<ImpersonateDialog>;
+
+describe('impersonate component', () => {
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [ ImpersonateDialog ],
+            imports: [ BrowserModule ],
+            providers: [
+                { provide: ComponentFixtureAutoDetect, useValue: true }
+            ]
+        });
+        fixture = TestBed.createComponent(ImpersonateDialog);
+        component = fixture.componentInstance;
+    }));
+
+    it('should do something', async(() => {
+        expect(true).toEqual(true);
+    }));
+});

package/src/lib/impersonate/impersonate.component.ts

@@ -0,0 +1,60 @@
+import { Component, OnDestroy } from '@angular/core';
+import { FormControl, Validators } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { ENTER } from '@angular/cdk/keycodes';
+import { of, Subject } from 'rxjs';
+import { debounceTime, filter, map, shareReplay, switchMap, takeUntil } from 'rxjs/operators';
+import { UserInfo } from '../core/models';
+import { SessionService } from '../core/session.service';
+import { PromptService } from '../core/prompt.service';
+import { isString } from '../core/functions';
+
+@Component({
+  selector: 'bizdoc-impersonate',
+  templateUrl: './impersonate.component.html',
+  styleUrls: ['./impersonate.component.scss']
+})
+/** impersonate component*/
+export class ImpersonateDialog implements OnDestroy {
+  readonly username = new FormControl(null, Validators.required);
+  private readonly _destroy = new Subject<void>();
+
+  private readonly _me = this._session.userId;
+
+  readonly users$ = this.username.valueChanges.pipe(debounceTime(250), takeUntil(this._destroy), switchMap(v =>
+    isString(v) ? this._session.mayImpersonate(v).pipe(
+      map(us => {
+        const name = v.toLowerCase();
+        return us.
+          filter(u => u.name.toLowerCase().indexOf(name) > -1 && u.id !== this._me);
+      })) : of([])));
+  logging = false;
+  item?: UserInfo;
+  /** impersonate ctor */
+  constructor(private _sb: PromptService, private _session: SessionService, private _dialogRef: MatDialogRef<ImpersonateDialog>) {
+    _dialogRef.keydownEvents().pipe(takeUntil(this._destroy), filter(k => k.keyCode === ENTER)).
+      subscribe(() =>
+        this.item && this.go());
+  }
+  go() {
+    this.logging = true;
+    this._session.impersonate(this.item.id).subscribe(() => {
+      this.logging = false;
+      this._dialogRef.close(true);
+    }, () => {
+      this.logging = false;
+      this._sb.error()
+    });
+  }
+  display(item: UserInfo) {
+    return item ? item.name : null;
+  }
+  change(evt: MatAutocompleteSelectedEvent) {
+    this.item = evt.option.value as UserInfo;
+  }
+  ngOnDestroy(): void {
+    this._destroy.next();
+    this._destroy.complete();
+  }
+}

package/src/lib/mobile.module.ts

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,53 @@
+import { NgModule } from "@angular/core";
+import {
+  RangeNavigatorModule, RangeTooltipService,
+  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, SplineRangeAreaSeriesService,
+  RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService,
+  MultiLevelLabelService, ParetoSeriesService, TooltipRenderService, AccumulationDistributionIndicatorService, FunnelSeriesService, PyramidSeriesService,
+  SparklineModule, PieSeriesService, StackingStepAreaSeriesService, SparklineTooltipService,
+  AccumulationSelection, SparklineTooltip,
+  AccumulationChartModule, AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService,
+  AccumulationSelectionService, AccumulationTooltipService, Selection,
+  AccumulationChart, AccumulationDataLabel, AccumulationLegend, AccumulationTooltip, 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, AccumulationAnnotation, Sparkline, RangeNavigator, RangeTooltip, Zoom, Crosshair, DataLabel
+} from '@syncfusion/ej2-angular-charts';
+
+@NgModule({
+  imports: [ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule],
+  exports: [ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule],
+  providers: [RangeTooltipService, 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,
+    SparklineTooltipService, SplineRangeAreaSeriesService,
+    AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService]
+})
+export
+  class SyncfusionChartModule {
+}
+
+RangeNavigator.Inject(AreaSeries, LineSeries, DateTime, RangeTooltip);
+
+Sparkline.Inject(SparklineTooltip);
+
+AccumulationChart.Inject(PieSeries, PyramidSeries, FunnelSeries,
+  AccumulationDataLabel, AccumulationTooltip, AccumulationAnnotation, AccumulationLegend,
+  AccumulationSelection);
+
+Chart.Inject(Category, DateTime, Tooltip, Legend, Selection, Zoom, Crosshair, DataLabel,
+  BarSeries, AreaSeries, BubbleSeries, ColumnSeries, LineSeries, PolarSeries, RadarSeries, SplineSeries,
+  SplineAreaSeries, ScatterSeries,
+  StackingStepAreaSeries, StackingLineSeries, StackingAreaSeries, StackingColumnSeries, StackingBarSeries,
+  StepAreaSeries, StepLineSeries);

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,35 @@
+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/dayjs.module.ts

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import duration from 'dayjs/plugin/duration';
+import calendar from 'dayjs/plugin/calendar';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import updateLocale from 'dayjs/plugin/updateLocale';
+// https://day.js.org/docs/en/customization/relative-time
+dayjs.extend(relativeTime, {
+  thresholds: [
+    { l: 's', r: 1 },
+    { l: 'm', r: 1 },
+    { l: 'mm', r: 59, d: 'minute' },
+    { l: 'h', r: 1 },
+    { l: 'hh', r: 23, d: 'hour' },
+    { l: 'd', r: 1 },
+    { l: 'dd', r: 29, d: 'day' },
+    { l: 'M', r: 1 },
+    { l: 'MM', r: 11, d: 'month' },
+    { l: 'y' },
+    { l: 'yy', d: 'year' }
+  ]
+});
+dayjs.extend(duration);
+dayjs.extend(calendar);
+dayjs.extend(updateLocale);
+dayjs.extend(advancedFormat);
+@NgModule({
+  imports: [],
+  exports: [],
+})
+export class DayJsModule { }

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

@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import {
+  DiagramModule, ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService,
+  LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, SymbolPaletteModule, LineDistributionService, Diagram, BpmnDiagrams, ConnectorBridging, ConnectorEditing, DataBinding, Snapping, SymbolPalette, UndoRedo, LineDistribution, ComplexHierarchicalTree
+} from '@syncfusion/ej2-angular-diagrams';
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    DiagramModule,
+    SymbolPaletteModule
+  ],
+  exports: [
+    DiagramModule,
+    SymbolPaletteModule
+  ],
+  providers: [ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService]
+})
+export class SyncfusionDiagramModule { }
+
+Diagram.Inject(ComplexHierarchicalTree, BpmnDiagrams, DataBinding, LineDistribution/*, LayoutAnimation, LineRouting, ConnectorBridging*/);

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

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

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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,104 @@
+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 { }