@bizdoc/core 1.13.11 → 1.13.12

package/src/lib/scheduler/schedule.component.ts

@@ -0,0 +1,158 @@
+import { Component, ViewChild, AfterViewInit, OnChanges, SimpleChanges, Input, Output, EventEmitter } from '@angular/core';
+import { EventSettingsModel, View, NavigatingEventArgs, EventClickArgs, WorkWeek, Day, Month, Schedule, MonthAgenda, Agenda, Year, SelectEventArgs } from '@syncfusion/ej2-angular-schedule';
+import dayjs from 'dayjs';
+import { MailboxService } from '../core/mailbox.service';
+import { PromptService } from '../core/prompt.service';
+import { PanesRouter } from '../core/slots/router.service';
+import { SessionService } from '../core/session.service';
+import { swapAnimation } from '../core/animations';
+
+Schedule.Inject(Day, WorkWeek, Month, MonthAgenda, Agenda, Year);
+
+@Component({
+  selector: 'bizdoc-schedule',
+  templateUrl: './schedule.component.html',
+  animations: [swapAnimation],
+  styleUrls: [
+    './schedule.component.scss']
+})
+/** Scheduler component*/
+export class ScheduleViewComponent implements OnChanges, AfterViewInit {
+  @Output() readonly selectedDateChange = new EventEmitter<Date>();
+  @Input() selectedDate: Date;
+  readonly calendarOptions = { m: 'MMM', d: 'D', w: false };
+  readonly eventSettings: EventSettingsModel = {
+    allowAdding: false, allowEditing: false, allowDeleting: false,
+    dataSource: []
+  };
+  page: number;
+  @ViewChild('schedule', { static: true }) schedule: Schedule;
+  starting: Date;
+  ending: Date;
+  private _currentView: View = localStorage.getItem('scheduleView') as View || 'WorkWeek';
+    holidays: any;
+  /** Scheduler ctor */
+  constructor(
+    session: SessionService,
+    private _mailbox: MailboxService,
+    private _router: PanesRouter,
+    private _sb: PromptService) {
+    this.holidays = session.profile.holidays &&
+      session.profile.holidays.map(h => ({ from: h.startDate, to: h.fromDate, label: h.title }))
+  }
+  ngOnChanges(_changes: SimpleChanges): void {
+    this._populate();
+  }
+  ngAfterViewInit(): void {
+    //this.schedule.scrollTo(this.selectedDate.toTimeString());
+  }
+  export() {
+    this.schedule.exportToICalendar();
+  }
+  changeView(view: View) {
+    this.schedule.changeView(view);
+  }
+  get currentView(): View {
+    return this._currentView;
+  }
+  set currentView(value: View) {
+    localStorage.setItem('scheduleView', value);
+    this._currentView = value;
+  }
+  prev() {
+    let date = dayjs(this.schedule.selectedDate);
+    switch (this.currentView) {
+      case 'Month':
+      case 'Agenda':
+      case 'MonthAgenda':
+        date = date.add(-1, 'M');
+        break;
+      case 'Day':
+        date = date.add(-1, 'd');
+        break;
+      case 'WorkWeek':
+        date = date.add(-1, 'w');
+        break;
+      case 'Year':
+        date = date.add(-1, 'y');
+        break;
+    }
+    this.schedule.changeDate(date.toDate());
+  }
+  next() {
+    let date = dayjs(this.schedule.selectedDate);
+    switch (this.currentView) {
+      case 'Month':
+      case 'Agenda':
+      case 'MonthAgenda':
+        date = date.add(1, 'M');
+        break;
+      case 'Day':
+        date = date.add(1, 'd');
+        break;
+      case 'WorkWeek':
+        date = date.add(1, 'w');
+        break;
+      case 'Year':
+        date = date.add(1, 'y');
+        break;
+    }
+    this.schedule.changeDate(date.toDate());
+  }
+  private _populate() {
+    const dates = this.schedule.getCurrentViewDates();
+    if (!dates.length) dates.push(this.selectedDate);
+    switch (this.currentView) {
+      case 'Month':
+      case 'Agenda':
+      case 'MonthAgenda':
+        break;
+      case 'Day':
+        break;
+      case 'WorkWeek':
+        break;
+      case 'Year':
+        dates.push(dayjs(dates[0]).add(1, 'y').toDate());
+        break;
+    }
+    this.starting = dates[0] as Date,
+      this.ending = dates[dates.length - 1] as Date;
+    this._mailbox.events(this.starting, this.ending).subscribe(r => {
+      const data = r.map(e => {
+        return {
+          Id: e.id,
+          documentId: e.documentId,
+          StartTime: new Date(e.starting),
+          EndTime: e.ending ? new Date(e.ending) : null,
+          Subject: e.title,
+          IsAllDay: !e.ending || e.ending === e.starting
+        }
+      });
+      this.schedule.eventSettings.dataSource = data;
+      this.page = this.starting.valueOf();
+    }, () => this._sb.error());
+  }
+  drag(_: DragEvent) {
+    this._mailbox.changeEvent(1, { starting: null }).subscribe(() => {
+    }, () => this._sb.error());
+  }
+  nav(e: NavigatingEventArgs) {
+    switch (e.action) {
+      case 'view':
+        this.currentView = e.currentView as View;
+        this._populate();
+        break;
+      case 'date':
+        this.selectedDateChange.emit(e.currentDate);
+        this._populate();
+        break;
+    }
+  }
+  select(e: SelectEventArgs) {
+
+  }
+  eventClick(e: EventClickArgs) {
+    const evt = (e.event as any);
+    this._router.navigate(['mailbox/d', evt.documentId.encodeId()]);
+  }
+}

package/src/lib/scheduler/scheduler.mobile.component.ts

@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { startWith } from 'rxjs/operators';
+import dayjs from 'dayjs';
+
+@Component({
+  template: `<bizdoc-schedule [selectedDate]=date (selectedDateChange)='change($event)'></bizdoc-schedule>`
+})
+/** scheduler component*/
+export class SchedulerComponent implements OnInit {
+  date: Date;
+  /** scheduler ctor */
+  constructor(private _router: Router,
+    private _route: ActivatedRoute) {
+  }
+  ngOnInit(): void {
+    this._route.queryParams.pipe(startWith(this._route.snapshot.queryParams)).subscribe(p => {
+      const { date } = p;
+      this.date = date ? dayjs((date as string).decodeId()).startOf('minute').toDate() :
+        dayjs().startOf('day').toDate();
+    });
+  }
+  change(date: Date) {
+    this._router.navigate([], {
+      queryParams: {
+        date: new Date(date).valueOf().encodeId()
+      }
+    });
+  }
+}

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

@@ -0,0 +1,49 @@
+import { Component, ElementRef, OnInit } from '@angular/core';
+import dayjs from 'dayjs';
+import { PaneRef } from '../core/slots/pane-ref';
+import { TranslateService } from '../core/translate.service';
+import { PanesRouter } from '../core/slots/router.service';
+
+@Component({
+  template: `<bizdoc-schedule [selectedDate]=date (selectedDateChange)='change($event)' [style.height]=height></bizdoc-schedule>`,
+  host: {
+    class: 'pane'
+  }
+})
+/** scheduler component*/
+export class SchedulerPaneComponent implements OnInit {
+  date: Date;
+  /** scheduler ctor */
+  constructor(private _router: PanesRouter,
+    private _element: ElementRef<HTMLDivElement>,
+    translate: TranslateService,
+    private _pane: PaneRef<SchedulerPaneComponent>) {
+    _pane.title = translate.get('Schedule');
+  }
+  height: string;
+  private _ignore = false;
+  ngOnInit(): void {
+    this._pane.queryParamsChange.subscribe(p => {
+      if (this._ignore) {
+        this._ignore = false;
+        return;
+      }
+      const { date } = p;
+      this.date = date ? dayjs((date as string).decodeId()).startOf('minute').toDate() :
+        dayjs().startOf('day').toDate();
+    });
+    this._pane.resize.subscribe(this._resize.bind(this));
+  }
+  private _resize() {
+    this.height = (this._element.nativeElement.offsetParent.clientHeight) + 'px';
+  }
+
+  change(date: Date) {
+    this._ignore = true;
+    this._router.navigate([], {
+      queryParams: {
+        date: date.valueOf().encodeId()
+      }
+    });
+  }
+}

package/src/lib/shared.module.ts

@@ -0,0 +1,386 @@
+import { APP_INITIALIZER, LOCALE_ID, ModuleWithProviders, NgModule, Provider } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MAT_DATE_FORMATS } from '@angular/material/core';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { ReactiveFormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { PickerModule } from '@ctrl/ngx-emoji-mart';
+import { KanbanModule } from '@syncfusion/ej2-angular-kanban';
+import { SyncfusionTextEditorModule } from './modules/texteditor.module';
+import { SyncfusionChartModule } from './modules/chart.module';
+import { SyncfusionDiagramModule } from './modules/diagram.module';
+import { SyncfusionGridModule } from './modules/grid.module';
+import { SyncfusionCircularGaugeModule } from './modules/circular-gauge.module';
+import { SyncfusionPivotModule } from './modules/pivot.module';
+import { SyncfusionScheduleModule } from './modules/schedule.module';
+import { SyncfusionSpreadsheetModule } from './modules/spreadsheet.module';
+import { SyncfusionGanttModule } from './modules/gantt.module';
+import { CookieService } from 'ngx-cookie-service';
+import { MaterialModule } from './modules/material.module';
+import { ChatService } from './chat/chat.service';
+import { CanDeactivateCompose } from './compose/can-deactivate-changes.service';
+import { RecipientResolveService, DocumentResolveService } from './compose/compose-resolve.service';
+import { ComposeDismiss } from './compose/dismiss.service';
+import { BizDocComponentFactoryResolver } from './core/component-factory-resolver';
+import { HubService } from './core/hub.service';
+import { PromptService } from './core/prompt.service'; 
+import { WindowTitleService } from './core/window-title.service';
+import { NotificationsService } from './notifications/notifications.service';
+import { OptionsService } from './options/options.service';
+import { AceInput } from './admin/core/ace.input';
+import { ExpandedItemComponent } from './browse/expanded-item/expanded-item.component';
+import { ContactsComponent, HtmlSimplePipe } from './chat/contacts.component';
+import { ConversationComponent } from './chat/conversation.component';
+import { AssignActionComponent } from './compose/action/assign-action.component';
+import { ReturnActionComponent } from './compose/action/return-action.component';
+import { AttachmentsComponent } from './compose/attachments/attachments.component';
+import { ProgressDirective } from './compose/attachments/progress-button.directive';
+import { CommentComponent } from './compose/comments/comment.component';
+import { CommentsComponent } from './compose/comments/comments.component';
+import { EditCommentComponent } from './compose/comments/edit-comment.component';
+import { CommentEditsComponent } from './compose/comments/edits.component';
+import { CommentLikesComponent } from './compose/comments/votes.component';
+import { DocumentEventsComponent } from './compose/events/events.component';
+import { SaveChangesDialog } from './compose/save-changes.dialog';
+import { TagsComponent } from './compose/tag/tags.component';
+import { PeopleComponent } from './compose/trace/people.component';
+import { VersionCompareComponent } from './compose/version-compare/version-compare.component';
+import { MatIconAnimate } from './core/animated-icon/animated-icon.directive';
+import { TimespanInput } from './core/controls/timespan.input';
+import { GuideComponent } from './core/guide/guide.component';
+import { MapComponent } from './core/info/location-info.component';
+import { AutocompleteField } from './core/layout/autocomplete.field';
+import { CheckField } from './core/layout/checkbox.field';
+import { DateRangeField } from './core/layout/date-range.field';
+import { DateField } from './core/layout/date.field';
+import { ExpressionField } from './core/layout/expression.field';
+import { HtmlField } from './core/layout/html.field';
+import { InputField } from './core/layout/input.field';
+import { LayoutComponent } from './core/layout/layout.component';
+import { NumericField } from './core/layout/numeric.field';
+import { SelectField } from './core/layout/select.field';
+import { SwitchField } from './core/layout/switch.field';
+import { TextareaField } from './core/layout/textarea.field';
+import { TimespanField } from './core/layout/timespan.field';
+import { LottieAnimation } from './core/lottie-animation';
+import { NgxComponentOutlet } from './core/NgComponentOutlet';
+import { NoneComponent } from './core/none.component';
+import { PopupComponent } from './core/popup/popup.component';
+import { AskDialog } from './core/prompt/ask/ask.dialog';
+import { MaskComponent } from './core/prompt/mask/mask.component';
+import { DocumentTaggingComponent } from './core/tagging/documents.component';
+import { EditInputComponent } from './core/tagging/edit-input.component';
+import { EmojiHostComponent } from './core/tagging/emoji.component';
+import { TaggingItemDirective } from './core/tagging/tagging-item.directive';
+import { TaggingDirective } from './core/tagging/tagging.directive';
+import { TaggingPipe } from './core/tagging/tagging.pipe';
+import { UserTaggingComponent } from './core/tagging/users.component';
+import { ExploreDocumentComponent } from './cube/explore/document-item.component';
+import { FilterTagsComponent } from './cube/filter/filter-tags.component.exp';
+import { CubeAccumulationChartComponent } from './cube/accum/accum.component';
+import { CubeChartComponent } from './cube/chart/chart.component';
+import { CubeGridComponent } from './cube/grid/grid.component';
+import { CubeSpreadsheetComponent } from './cube/grid/spreadsheet.component';
+import { CubePivotComponent } from './cube/pivot/pivot.component';
+import { CubeMatrixPopupComponent } from './cube/matrix/popup.component';
+import { CubeMatrixComponent } from './cube/matrix/table.component';
+import { DashboardComponent } from './dashboard/dashboard.component';
+import { ActionsWidget } from './dashboard/actions/actions.widget';
+import { CubeAccumAnalysisWidget } from './dashboard/cube/accum-cube.widget';
+import { CubeAnalysisWidget } from './dashboard/cube/cube-analysis.widget';
+import { CubeChartAnalysisWidget } from './dashboard/cube/cube-chart.widget';
+import { CubeDocumentsWidget } from './dashboard/cube/documents.widget';
+import { CubeWidgetFilterComponent } from './dashboard/cube/filter/filter.component';
+import { RecentsWidget } from './dashboard/recents/recents.widget';
+import { PersonalActivityWidget } from './dashboard/score/activity.widget';
+import { CompareDepartmentsWidget } from './dashboard/score/compare-departments.widget';
+import { PeersPerformanceWidget } from './dashboard/score/peers-performance.widget';
+import { PendingResultsWidget } from './dashboard/score/pending-results.widget';
+import { PersonalScoreWidget } from './dashboard/score/personal-score.widget';
+import { AboutDialog } from './home/about/about.dialog';
+import { ImpersonateDialog } from './impersonate/impersonate.component';
+import { CommentedNotification } from './notifications/types/commented.notification';
+import { CubeAnomalyNotification } from './notifications/types/cube-anomaly.notification';
+import { EscalatedNotification } from './notifications/types/escalated.notification';
+import { LikedNotification } from './notifications/types/liked.notification';
+import { LongRunningTaskNotification } from './notifications/types/long-running-task.notification';
+import { NudgeNotification } from './notifications/types/nudge.notification';
+import { StateChangedNotification } from './notifications/types/state-changed.notification';
+import { TaggedNotification } from './notifications/types/tagged.notification';
+import { TextNotification } from './notifications/types/text.notification';
+import { UpcomingEventNotification } from './notifications/types/upcoming-event.notification';
+import { NotificationsTableComponent } from './notifications/notifications-table.component';
+import { NotificationsFilterComponent } from "./notifications/filter.component";
+import { OptionsComponent } from './options/options.component';
+import { ReportArgumentsComponent } from './reports/arguments-component';
+import { CubeGridDocumentsComponent } from './reports/cube/grid-documents.component';
+import { CubeDocumentsComponent } from './reports/cube/table-documents.component';
+import { UsageReportArgs } from './reports/cube/usage-args.component';
+import { UsageChartComponent } from './reports/cube/usage-chart.component';
+import { UsagePivotComponent } from './reports/cube/usage-pivot.component';
+import { SubstitutionComponent } from './reports/substitution/substitution.component';
+import { TableViewComponent } from './reports/table/table-view.component';
+import { TasksComponent } from './reports/tasks/tasks.component';
+import { ActionPicker } from './compose/action/action-picker.component';
+import { AppHttpInterceptor } from './core/http.interceptor';
+import { BizDocApp, BrokenPage } from './app.component';
+import { AddressInput } from './core/controls/address.input';
+import { TypeSelect } from './core/controls/select.input';
+import { TypeAutocomplete } from './core/controls/auto-complete.input';
+import { TimePicker } from './core/controls/time-picker';
+import { ColorPicker } from './admin/core/color-picker.input';
+import { CombinationPickerBody } from './core/controls/combination-picker-body';
+import { CombinationPool } from './core/controls/combination-pool';
+import { IdentityName } from './core/identity/identity.component';
+import { ArraySortPipe, FilterPipe } from './core/pipes/sort.pipe';
+import { TranslatePipe } from "./core/pipes/translate.pipe";
+import { FormPipe } from './core/pipes/form.pipe';
+import { RolePipe } from './core/pipes/role.pipe';
+import { JoinPipe } from "./core/pipes/join.pipe";
+import { SanitizeHtmlPipe } from './core/pipes/sanitize-html.pipe';
+import { TypeValuePipe } from './core/pipes/type-value.pipe';
+import { AgoPipe, DateRangePipe } from "./core/pipes/daterange.pipe";
+import { DurationPipe } from './core/pipes/duration.pipe';
+import { ActionPipe } from './core/pipes/action.pipe';
+import { StatePipe } from './core/pipes/state.pipe';
+import { UserNamePipe } from './core/pipes/user-name.pipe';
+import { BrowseFilterComponent } from './browse/filter/filter.component';
+import { TraceViewComponent } from './compose/trace/trace.component';
+import { FlowViewComponent } from './compose/trace/flow.component';
+import { ActionDialog } from './compose/action/action.dialog';
+import { ReportViewerComponent } from './reports/report-viewer.component';
+import { AttachmentPreview } from './compose/attachments/preview/attachment-preview.component';
+import { PrivilegeHiddenDirective, PrivilegeDisabledDirective } from './compose/privilage.directive';
+import { CompareNameDirective, CompareContextDirective, CompareGroupDirective } from './compose/version-compare/version-compare.directive';
+import { CubeFilterComponent } from './cube/filter/filter.component';
+import { SessionService } from './core/session.service';
+import { CubeService } from './cube/cube.service';
+import { MailboxService } from './core/mailbox.service';
+import { DatasourceService } from './core/datasource.service';
+import { AccountService } from './core/account.service';
+import { TranslateProviderFactory, TranslateService } from './core/translate.service';
+import { GuideService } from './core/guide/guide.service';
+import { DocumentInfo } from './core/info/document-info.service';
+import { MapInfo } from "./core/info/map-info";
+import { CubeInfo } from "./cube/cube-info.service";
+import { AttachmentInfo } from './core/info/attachment-info.service';
+import { CubeViewComponent } from './cube/cube-view.component';
+import { Popup } from "./core/popup/popup.service";
+import { ComposeFormComponent } from './compose/form.component';
+import { BrowseItemsComponent } from './browse/browse-items.component';
+import { ExploreItemsComponent } from './cube/explore/explore-items.component';
+import { ChatInfo } from './chat/chat-info';
+import { ScheduleViewComponent } from './scheduler/schedule.component';
+import { AvatarComponent } from './core/avatar/avatar.component';
+import { CombinationPicker } from './core/controls/combination-picker';
+import { WidgetItemComponent } from './dashboard/widget-item.component';
+import { OutOfOfficeToast } from './home/outofoffice/outofoffice.component';
+import { registerComponents } from './core/component-factory-resolver';
+import { TooltipDirective, TooltipComponent } from './core/popup/tooltip.directive';
+import { QuickCommentComponent } from './compose/comments/quick-comment.component.exp';
+import { DocumentViewsComponent } from './views/views.component';
+import { ViewItemComponent } from "./views/view-item.component";
+import { NgRouter, PaneRouter, RouterImpl } from './core/router';
+import { DocumentInfoComponent } from "./compose/document.component";
+import { SharedConfig } from './core/configuration';
+import { CubeDocumentMatrixComponent } from './views/cube/matrix.component';
+import { CubeDocumentViewComponent } from './views/cube/view.component';
+import { TimelineViewComponent } from './views/timeline/timeline.component.exp';
+import { StateDirective } from './compose/state.component';
+import { ItemResolveService } from './cube/explore/item-resolver.service';
+import { ExploreItemImplComponent } from './cube/explore/explore-item.component';
+import { CubePivotViewComponent } from './views/cube/pivot.component';
+import { CubeDocumentSumComponent } from './views/cube/sum.component';
+import { CubeChartViewComponent } from './views/cube/chart.component';
+import { CubeExploreViewComponent } from './views/cube/explore.component';
+import { CubeParallelViewComponent } from './views/cube/parallel.component';
+import { CubeSumComponent } from './cube/sum/sum.component';
+import { CubeParallelComponent } from './cube/parallel/parallel.component';
+import { CheckboxComponent } from './core/layout/checkbox';
+import { DifferencePipe } from './core/pipes/difference.pipe';
+import { DateFormatPipe } from './core/pipes/date-format.pipe';
+import { CalendarPipe } from './core/pipes/calendar.pipe';
+import { TimeAgoPipe } from './core/pipes/time-ago.pipe';
+import { DurationFormatPipe } from './core/pipes/duration-format.pipe';
+import { FileInput } from './core/controls/file.input';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import duration from 'dayjs/plugin/duration';
+import calendar from 'dayjs/plugin/calendar';
+import { FileField } from './core/layout/file.field';
+// 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: 24, 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);
+
+const CORE_COMPONENTS = [CubeParallelViewComponent, CubeExploreViewComponent, CubeChartViewComponent, CubeDocumentSumComponent, CubeDocumentMatrixComponent, CubeDocumentViewComponent, CubePivotViewComponent, TimelineViewComponent,
+  SubstitutionComponent, AssignActionComponent, ReturnActionComponent, ExploreDocumentComponent,
+  ActionsWidget, CubeAnalysisWidget, CubeDocumentsWidget, RecentsWidget, PersonalActivityWidget,
+  CompareDepartmentsWidget, PeersPerformanceWidget, PendingResultsWidget, PersonalScoreWidget, CubeWidgetFilterComponent,
+  CubeDocumentsComponent, CubeGridDocumentsComponent, TasksComponent, UsageReportArgs, UsageChartComponent, UsagePivotComponent
+];
+@NgModule({
+  declarations: [FileInput, DateFormatPipe, CalendarPipe, DifferencePipe, DurationPipe, TimeAgoPipe,
+    CheckboxComponent, CubeParallelComponent, CubeSumComponent, CubeParallelViewComponent, CubeChartViewComponent, CubeExploreViewComponent, CubeDocumentSumComponent, ExploreItemImplComponent, DocumentInfoComponent, DocumentViewsComponent, ViewItemComponent, CubeDocumentMatrixComponent, CubeDocumentViewComponent, CubePivotViewComponent, ActionPicker, HtmlSimplePipe, QuickCommentComponent,
+    DurationFormatPipe, CombinationPicker, CombinationPickerBody, CombinationPool, TimelineViewComponent,
+    MatIconAnimate, DateRangePipe, AgoPipe, ColorPicker, StateDirective, BrokenPage,
+    JoinPipe, TimePicker,
+    TypeValuePipe, TypeSelect, TypeAutocomplete, TranslatePipe, IdentityName, SanitizeHtmlPipe,
+    AceInput, TimespanInput, AddressInput,
+    StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, ArraySortPipe, UserNamePipe,
+    LayoutComponent,
+    HtmlField, FileField, NumericField, AutocompleteField, CheckField, DateField, DateRangeField, ExpressionField, InputField, SelectField, SwitchField, TextareaField, TimespanField,
+    ReturnActionComponent, AssignActionComponent,
+    AvatarComponent, PeopleComponent, EditInputComponent,
+    NgxComponentOutlet,
+    BizDocApp,
+    LottieAnimation,
+    ContactsComponent,
+    CubeMatrixComponent, FilterTagsComponent, ExploreItemsComponent,
+    CompareNameDirective, CompareGroupDirective, CompareContextDirective,
+    GuideComponent,
+    OutOfOfficeToast,
+    NotificationsTableComponent, NotificationsFilterComponent,
+    TaggingPipe,
+    PrivilegeHiddenDirective,
+    TaggingItemDirective, TaggingDirective, DocumentTaggingComponent, UserTaggingComponent,
+    PrivilegeDisabledDirective, CubeGridDocumentsComponent,
+    LongRunningTaskNotification, TaggedNotification, CommentedNotification, NudgeNotification, TextNotification, CubeAnomalyNotification, EscalatedNotification, LikedNotification, StateChangedNotification, UpcomingEventNotification,
+    NoneComponent, ScheduleViewComponent,
+    OptionsComponent, TraceViewComponent,
+    ProgressDirective,
+    AttachmentsComponent,
+    DocumentEventsComponent,
+    TagsComponent,
+    MapComponent,
+    MaskComponent,
+    SaveChangesDialog,
+    FlowViewComponent,
+    SubstitutionComponent,
+    PopupComponent,
+    AttachmentPreview, CommentsComponent, CommentComponent, EditCommentComponent, CommentLikesComponent, CommentEditsComponent,
+    BrowseItemsComponent,
+    BrowseFilterComponent, ExpandedItemComponent,
+    ComposeFormComponent,
+    CubeViewComponent,
+    CubeFilterComponent,
+    CubeAccumulationChartComponent,
+    CubeChartComponent, CubePivotComponent,
+    CubeSpreadsheetComponent,
+    CubeGridComponent,
+    ReportViewerComponent, TableViewComponent, ReportArgumentsComponent,
+    DashboardComponent, WidgetItemComponent, CubeWidgetFilterComponent, CubeAccumAnalysisWidget, CubeAnalysisWidget, CubeChartAnalysisWidget, ActionsWidget, RecentsWidget,
+    AskDialog, AboutDialog, ActionDialog,
+    ImpersonateDialog,
+    ConversationComponent, CubeMatrixPopupComponent,
+    VersionCompareComponent, ExploreDocumentComponent, TasksComponent,
+    PendingResultsWidget, CompareDepartmentsWidget, CubeDocumentsComponent, CubeDocumentsWidget,
+    PersonalScoreWidget, PersonalActivityWidget, PeersPerformanceWidget, UsagePivotComponent, UsageChartComponent, UsageReportArgs,
+    EmojiHostComponent, TooltipDirective, TooltipComponent],
+  imports: [
+    CommonModule,
+    HttpClientModule,
+    ReactiveFormsModule,
+    FlexLayoutModule,
+    RouterModule,
+    PickerModule,
+    SyncfusionGanttModule,
+    SyncfusionScheduleModule, 
+    SyncfusionCircularGaugeModule,
+    SyncfusionChartModule,
+    SyncfusionGanttModule,
+    SyncfusionGridModule,
+    SyncfusionTextEditorModule,
+    SyncfusionSpreadsheetModule,
+    SyncfusionPivotModule,
+    KanbanModule,
+    SyncfusionDiagramModule,
+    MaterialModule
+  ],
+  providers: [Popup, ComposeDismiss, ItemResolveService,
+    RecipientResolveService, DocumentResolveService,
+    AttachmentInfo, MapInfo, CubeInfo,
+    CanDeactivateCompose, MailboxService, SessionService, HubService,
+    AccountService,
+    SaveChangesDialog,
+    DateRangePipe, AgoPipe, DurationFormatPipe,
+    DocumentInfo, CookieService,
+    WindowTitleService, NotificationsService,
+    CubeService, DatasourceService,
+    AccountService, ChatService, ChatInfo,
+    GuideService, OptionsService, 
+    BizDocComponentFactoryResolver, PromptService, TranslateService,
+    //{ provide: LOCALE_ID, useClass: SessionService.getLocale() },
+    { provide: HTTP_INTERCEPTORS, useClass: AppHttpInterceptor, multi: true },
+    { provide: APP_INITIALIZER, useFactory: TranslateProviderFactory, deps: [TranslateService], multi: true },
+  ],
+  exports: [FileInput, FilterTagsComponent,
+    DateFormatPipe, CalendarPipe, DifferencePipe, DurationPipe, TimeAgoPipe,
+    CheckboxComponent, CubeParallelComponent, CubeSumComponent, ExploreItemImplComponent, DocumentInfoComponent, DocumentViewsComponent, DashboardComponent,
+    TagsComponent, QuickCommentComponent,
+    MaterialModule, CommentsComponent, BrokenPage,
+    ActionDialog, BrowseFilterComponent, CubeFilterComponent, ScheduleViewComponent, ReportViewerComponent, WidgetItemComponent, CubeViewComponent,
+    ExploreItemsComponent, ComposeFormComponent, BrowseItemsComponent, NotificationsTableComponent,
+    ActionPicker, ConversationComponent, StateDirective,
+    ContactsComponent, CubeMatrixComponent,
+    DurationFormatPipe, CombinationPicker, CombinationPool, TimePicker,
+    TooltipDirective, DateRangePipe,
+    NgxComponentOutlet, MatIconAnimate,
+    AceInput, JoinPipe,
+    TypeValuePipe, TypeSelect, TypeAutocomplete, StatePipe, ActionPipe, RolePipe, FormPipe, FilterPipe, ArraySortPipe, UserNamePipe, SanitizeHtmlPipe,
+    TranslatePipe, IdentityName,
+    AddressInput, AvatarComponent, ReportArgumentsComponent,
+    BizDocApp, AttachmentPreview, PrivilegeHiddenDirective,
+    PrivilegeDisabledDirective, CompareGroupDirective, CompareNameDirective, CompareContextDirective, TraceViewComponent, FlowViewComponent,
+    AssignActionComponent, ReturnActionComponent, ExploreDocumentComponent,
+    ActionsWidget, CubeAnalysisWidget, CubeDocumentsWidget, RecentsWidget, PersonalActivityWidget,
+    CompareDepartmentsWidget, PeersPerformanceWidget, PendingResultsWidget, PersonalScoreWidget, CubeWidgetFilterComponent,
+    CubeDocumentsComponent, CubeGridDocumentsComponent, TasksComponent, UsageReportArgs, UsageChartComponent, UsagePivotComponent, TimespanInput,
+    VersionCompareComponent, LottieAnimation,
+    CubeAccumulationChartComponent,
+    CubeChartComponent, CubePivotComponent,
+    CubeSpreadsheetComponent,
+    CubeGridComponent
+  ]
+})
+export class SharedModule {
+  static forChild(config?: SharedConfig): ModuleWithProviders<SharedModule> {
+    const { formats } = config || {};
+    registerComponents(CORE_COMPONENTS);
+    const providers = [{
+      provide: RouterImpl, useClass: !config || !config.routing || config.routing === 'ng' ? NgRouter : PaneRouter
+    },
+      {
+        provide: MAT_DATE_FORMATS, useValue: {
+          parse: {
+            dateInput: 'LL',
+          },
+          display: {
+            dateInput: (formats || {}).date || 'll',
+            monthYearLabel: 'MMM YYYY',
+            dateA11yLabel: 'LL',
+            monthYearA11yLabel: 'MMMM YYYY',
+          }
+        }
+      }    ] as Provider[];
+    return {
+      ngModule: SharedModule,
+      providers
+    }
+  }
+}