@bizdoc/core 3.2.8 → 3.2.10

package/fesm2022/bizdoc-core.mjs

@@ -43,7 +43,7 @@ import { ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/port
 import * as i3 from '@angular/material/snack-bar';
 import { MatSnackBarModule, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
 import * as i1$2 from '@angular/router';
-import { NavigationStart as NavigationStart$1, ActivationEnd, RouterModule } from '@angular/router';
+import { NavigationStart as NavigationStart$1, ActivationEnd, RouterModule, provideRouter, withDisabledInitialNavigation } from '@angular/router';
 import * as i1$3 from '@angular/forms';
 import { Validators, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import * as i2$3 from '@angular/material/datepicker';
@@ -126,8 +126,8 @@ import { ToolbarType, RichTextEditorComponent, RichTextEditorModule, HtmlEditorS
 import EventEmitter$1 from 'events';
 import * as i4$3 from '@ctrl/ngx-emoji-mart';
 import { PickerModule } from '@ctrl/ngx-emoji-mart';
-import { Diagram, UndoRedo, ConnectorEditing, Snapping, SymbolPalette, BpmnDiagrams, PortVisibility, PortConstraints, DiagramConstraints, SelectorConstraints, NodeConstraints, ConnectorConstraints, DiagramTools, Connector, Node, ToolBase, ConnectionPointOrigin as ConnectionPointOrigin$1 } from '@syncfusion/ej2-diagrams';
-import { DiagramAction, DiagramTools as DiagramTools$1, DiagramConstraints as DiagramConstraints$1, ConnectionPointOrigin, SnapConstraints, Diagram as Diagram$1, NodeConstraints as NodeConstraints$1, ComplexHierarchicalTreeService, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, DataBindingService, FlowchartLayoutService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService, FlowchartLayout, HierarchicalTree, ComplexHierarchicalTree, BpmnDiagrams as BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging } from '@syncfusion/ej2-angular-diagrams';
+import { Diagram, UndoRedo, ConnectorEditing, Snapping, SymbolPalette, BpmnDiagrams, PortVisibility, PortConstraints, DiagramConstraints, ConnectorConstraints, SelectorConstraints, NodeConstraints, DiagramTools, Connector, Node, ToolBase, ConnectionPointOrigin as ConnectionPointOrigin$1 } from '@syncfusion/ej2-diagrams';
+import { DiagramAction, DiagramTools as DiagramTools$1, DiagramConstraints as DiagramConstraints$1, ConnectionPointOrigin, SnapConstraints, Diagram as Diagram$1, NodeConstraints as NodeConstraints$1, ComplexHierarchicalTreeService, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, DataBindingService, FlowchartLayoutService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService, FlowchartLayout, BpmnDiagrams as BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging } from '@syncfusion/ej2-angular-diagrams';
 import * as i5$3 from '@syncfusion/ej2-angular-schedule';
 import { Schedule, Day, WorkWeek, Month, MonthAgenda, Agenda, Year, ScheduleModule, ExcelExportService as ExcelExportService$2, DayService, WorkWeekService, MonthService, MonthAgendaService, ICalendarExportService, AgendaService, YearService } from '@syncfusion/ej2-angular-schedule';
 import * as i10$3 from '@syncfusion/ej2-angular-kanban';
@@ -12710,8 +12710,8 @@ class TaggingDirective {
         this._instance.onBind(value);
         this._instance.selected.
             subscribe(e => this._select(e.key, e.value));
-        this._overlayRef.keydownEvents().pipe(filter(k => k.key === 'Escape')).
-            subscribe();
+        //  this._overlayRef.keydownEvents().pipe(filter(k => k.key === 'Escape')).
+        //    subscribe();
     }
     _value() {
         const position = this._element.nativeElement.selectionStart;
@@ -12896,11 +12896,17 @@ class EditInputComponent {
     _openDocument(evt) {
         this._tag(DocumentTaggingComponent, evt, '#');
     }
+    /**
+     *
+     * @param component
+     * @param evt
+     * @param prefix
+     */
     _tag(component, evt, prefix) {
         const popupRef = this._popup.open(component, evt.target, { position: 'above' });
         popupRef.opened().subscribe(e => {
-            e.onBind('');
-            e.selected.pipe().subscribe(e => {
+            e.onBind();
+            e.selected.pipe(takeUntil(popupRef.closed())).subscribe(e => {
                 this._textElement.nativeElement.value += prefix + e.key;
                 const args = {};
                 args[e.key] = e.value;
@@ -14442,7 +14448,7 @@ class WorkflowComponent {
         this.saving = false;
         this.dirty = false;
         this.palettes = [];
-        this.diagramConstraints = DiagramConstraints.Default | DiagramConstraints.Bridging | DiagramConstraints.UserInteraction | DiagramConstraints.Zoom & ~DiagramConstraints.Tooltip;
+        this.diagramConstraints = DiagramConstraints.Default | ConnectorConstraints.AllowDrop | DiagramConstraints.Bridging | DiagramConstraints.UserInteraction | DiagramConstraints.Zoom & ~DiagramConstraints.Tooltip;
         //SymbolPalette Properties
         this.symbolMargin = { left: 10, right: 10, top: 10, bottom: 10 };
         this.snapSettings = {
@@ -14504,6 +14510,7 @@ class WorkflowComponent {
         this.symbolPalette.appendTo(this.symbolPaletteEl.nativeElement);
         this.diagram = new Diagram({
             width: "100%", height: "100%",
+            enableConnectorSplit: true,
             snapSettings: this.snapSettings,
             getConnectorDefaults: this.connDefaults.bind(this),
             constraints: this.diagramConstraints,
@@ -15154,7 +15161,7 @@ class FlowViewComponent extends TraceBase {
         this._translate = _translate;
         this._duration = _duration;
         this._elementRef = _elementRef;
-        this.connectorType = 'Orthogonal';
+        this.connectorType = 'Bezier';
         this.tool = DiagramTools$1.ZoomPan;
         this.diagramConstraints = DiagramConstraints$1.Pan |
             DiagramConstraints$1.LineRouting |
@@ -15198,7 +15205,7 @@ class FlowViewComponent extends TraceBase {
         this.diagram && this.diagram.destroy();
         this.diagram = new Diagram$1({
             width: '100%',
-            height: 600,
+            height: 500,
             nodes,
             connectors,
             layout: this.layout,
@@ -18603,20 +18610,24 @@ class WindowTitleService {
     }
     set(value) {
         document.title = this._title = value ? `${this._appTitle} - ${value}` : this._appTitle;
+        this._task && this._clearInterval();
     }
     clear() { document.title = this._appTitle; }
     _show(message) {
         this._message = message;
         this._isActive = true;
-        this._task && clearInterval(this._task);
+        this._task && this._clearInterval();
         this._task = setInterval(() => {
             this._mode = !this._mode;
             document.title = this._mode ? this._title : this._message;
         }, TIME);
     }
-    _clear() {
+    _clearInterval() {
         clearInterval(this._task);
         this._task = undefined;
+    }
+    _clear() {
+        this._clearInterval();
         document.title = this._title;
         this._isActive = false;
     }
@@ -19117,7 +19128,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                     type: Optional
                 }] }] });
 
-const DEFAULT_ROUTE = ['dashboard'];
 class SlotsComponent {
     get selectedTabIndex() {
         return this._selectedTabIndex;
@@ -19388,11 +19398,14 @@ class SlotsComponent {
         if (location.pathname.length > 1)
             this._deserialize(location.pathname.substring(1), history.state && history.state.bizdoc ? history.state : undefined);
         else
-            this._router._navigate$.next({
-                commands: DEFAULT_ROUTE,
-            });
+            this._navToDefault();
         this._resizing.pipe(debounceTime(150), takeUntil(this._destroy)).subscribe(this._resize.bind(this));
     }
+    _navToDefault() {
+        this._router._navigate$.next({
+            commands: [this._routes.find(r => r.path === '').redirectTo]
+        });
+    }
     /**
      *
      * @param url
@@ -19923,7 +19936,7 @@ class SlotsComponent {
                     if (this.panes.length)
                         this._syncBrowserHistory();
                     else
-                        this._router.navigate(DEFAULT_ROUTE);
+                        this._navToDefault();
                 }
                 break;
             case 'expand':
@@ -22186,7 +22199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRouteSnapshot }] });
 
-const ROUTES = [
+const MOBILE_CONFIG = [
     {
         path: 'mailbox',
         children: [
@@ -22251,8 +22264,7 @@ const ROUTES = [
     {
         path: 'options/:section',
         component: MobileOptionsComponent
-    },
-    { path: '', redirectTo: 'dashboard', pathMatch: 'full' }
+    }
 ];
 
 class SyncfusionLinearGaugeModule {
@@ -22340,7 +22352,9 @@ class SyncfusionDiagramModule {
             DiagramModule,
             SymbolPaletteModule], exports: [DiagramModule,
             SymbolPaletteModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SyncfusionDiagramModule, providers: [ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SyncfusionDiagramModule, providers: [ConnectorBridgingService, LineRoutingService,
+            //ComplexHierarchicalTreeService,
+            BpmnDiagramsService, LayoutAnimationService,
             DataBindingService, FlowchartLayoutService,
             UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService], imports: [CommonModule,
             DiagramModule,
@@ -22360,12 +22374,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                         DiagramModule,
                         SymbolPaletteModule
                     ],
-                    providers: [ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService,
+                    providers: [ConnectorBridgingService, LineRoutingService,
+                        //ComplexHierarchicalTreeService,
+                        BpmnDiagramsService, LayoutAnimationService,
                         DataBindingService, FlowchartLayoutService,
                         UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService]
                 }]
         }], ctorParameters: () => [] });
-Diagram$1.Inject(FlowchartLayout, HierarchicalTree, ComplexHierarchicalTree, BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging);
+Diagram$1.Inject(FlowchartLayout /*, HierarchicalTree, ComplexHierarchicalTree*/, BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging);
 
 class SyncfusionGridModule {
     constructor() {
@@ -27746,7 +27762,7 @@ class CompareNameDirective extends CompareDirectiveBase {
     get structure() { return this._structure; }
     get base() { return this._base ? this._base[this._name[0]] : null; }
     get version() { return this._version[this._name[0]]; }
-    get state() { return this._state; }
+    get state() { return this._state || CompareState.Unchanged; }
     ;
     constructor(_comparision, _context, _group, _translate, _cd, _dom, _element) {
         super();
@@ -27757,7 +27773,6 @@ class CompareNameDirective extends CompareDirectiveBase {
         this._cd = _cd;
         this._dom = _dom;
         this._element = _element;
-        this._state = CompareState.Unchanged;
     }
     ngOnInit() {
         if (!this._comparision)
@@ -27824,40 +27839,39 @@ class CompareNameDirective extends CompareDirectiveBase {
             }
             i++;
         }
-        if (this._state !== CompareState.Unchanged)
-            switch (this._state) {
-                case CompareState.Removed:
-                    // detect with base value(s)
+        switch (this._state) {
+            case CompareState.Removed:
+                // detect with base value(s)
+                setTimeout(() => {
+                    this._cd.detectChanges();
+                    this._decorate('removed', 'Deleted');
+                    Object.assign(this._version, versionData);
+                });
+                break;
+            case CompareState.Added:
+                this._decorate('added', 'Added');
+                break;
+            case CompareState.Modified:
+                {
+                    const versionHTML = this._element.nativeElement.innerHTML;
+                    //            this._cd.markForCheck();
                     setTimeout(() => {
+                        // detect again with base value(s)
                         this._cd.detectChanges();
-                        this._decorate('removed', 'Deleted');
+                        const originalHTML = this._element.nativeElement.innerHTML;
+                        // restore version html
+                        this._element.nativeElement.innerHTML = versionHTML;
+                        const labelEl = this._decorate('modified', 'Modified');
+                        const el = document.createElement('span');
+                        el.className = 'original';
+                        el.innerHTML = originalHTML; //this._dom.sanitize();
+                        labelEl.append(el);
+                        // restore version value(s)
                         Object.assign(this._version, versionData);
                     });
                     break;
-                case CompareState.Added:
-                    this._decorate('added', 'Added');
-                    break;
-                case CompareState.Modified:
-                    {
-                        const versionHTML = this._element.nativeElement.innerHTML;
-                        //            this._cd.markForCheck();
-                        setTimeout(() => {
-                            // detect again with base value(s)
-                            this._cd.detectChanges();
-                            const originalHTML = this._element.nativeElement.innerHTML;
-                            // restore version html
-                            this._element.nativeElement.innerHTML = versionHTML;
-                            const labelEl = this._decorate('modified', 'Modified');
-                            const el = document.createElement('span');
-                            el.className = 'original';
-                            el.innerHTML = originalHTML; //this._dom.sanitize();
-                            labelEl.append(el);
-                            // restore version value(s)
-                            Object.assign(this._version, versionData);
-                        });
-                        break;
-                    }
-            }
+                }
+        }
     }
     _decorate(className, label) {
         this._element.nativeElement.classList.add('compare', className);
@@ -31126,7 +31140,8 @@ class MobileModule {
             RouterModule,
             SharedModule], exports: [HomeMobileComponent, BrowseMobileComponent, CubeMobileViewComponent, ComposeMobileComponent, ReportMobileComponent, FormSelectorSheet, CopyDialog, SchedulerMobileComponent, NotificationsComponent,
             ChatMobileComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MobileModule, providers: [CanDeactivateCompose,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MobileModule, providers: [
+            CanDeactivateCompose,
             CubeItemResolveService,
             RecipientResolveService, DocumentResolveService
         ], imports: [CommonModule,
@@ -31140,7 +31155,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                     declarations: [DocumentInfoPageComponent, HomeMobileComponent, BrowseMobileComponent, CubeMobileViewComponent, ComposeMobileComponent, ReportMobileComponent, FormSelectorSheet, CopyDialog, SchedulerMobileComponent, NotificationsComponent,
                         ChatMobileComponent, CubeMatrixMobileComponent, DocumentViewMobileComponent, MobileOptionsComponent
                     ],
-                    providers: [CanDeactivateCompose,
+                    providers: [
+                        CanDeactivateCompose,
                         CubeItemResolveService,
                         RecipientResolveService, DocumentResolveService
                     ],
@@ -37252,6 +37268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 }]
         }] });
 
+const DEFAULT_ROUTE = 'dashboard';
 class BizDocModule {
     static forChild(config) {
         const { components, routes } = config;
@@ -37265,17 +37282,16 @@ class BizDocModule {
         };
     }
     static forRoot(config) {
-        const { formats, routes, components } = config;
+        const { formats, routes, components, defaultRoute } = config;
         registerComponents(components);
-        routes && PANES_CONFIG.push(...routes);
         const providers = [
-            { provide: PANES_DATA, useValue: PANES_CONFIG },
             {
                 provide: BIZDOC_CONFIG,
                 useValue: config
             },
             {
-                provide: MAT_DATE_FORMATS, useValue: {
+                provide: MAT_DATE_FORMATS,
+                useValue: {
                     parse: {
                         dateInput: 'LL',
                     },
@@ -37288,6 +37304,17 @@ class BizDocModule {
                 }
             },
         ];
+        const redirectTo = defaultRoute ? isString(defaultRoute) ? defaultRoute : defaultRoute() : DEFAULT_ROUTE;
+        if (isMobile()) {
+            routes && MOBILE_CONFIG.push(...routes);
+            MOBILE_CONFIG.push({ path: '', redirectTo, pathMatch: 'full' });
+            providers.push(provideRouter(MOBILE_CONFIG, withDisabledInitialNavigation()));
+        }
+        else {
+            routes && PANES_CONFIG.push(...routes);
+            PANES_CONFIG.push({ path: '', redirectTo });
+            providers.push({ provide: PANES_DATA, useValue: PANES_CONFIG });
+        }
         return {
             ngModule: BizDocModule,
             providers
@@ -37295,13 +37322,13 @@ class BizDocModule {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BizDocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: BizDocModule, declarations: [BizDocApp], imports: [BrowserModule,
-            BrowserAnimationsModule, i1$2.RouterModule, MobileModule,
+            BrowserAnimationsModule,
+            MobileModule,
             DesktopModule, SystemModule, SharedModule], exports: [BizDocApp,
             SharedModule,
             MaterialModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BizDocModule, imports: [BrowserModule,
             BrowserAnimationsModule,
-            RouterModule.forRoot(ROUTES, { initialNavigation: 'disabled' }),
             MobileModule,
             DesktopModule,
             SystemModule.forChild(),
@@ -37317,12 +37344,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                     imports: [
                         BrowserModule,
                         BrowserAnimationsModule,
-                        RouterModule.forRoot(ROUTES, { initialNavigation: 'disabled' }),
                         MobileModule,
                         DesktopModule,
                         SystemModule.forChild(),
                         SharedModule.forChild({ routingEngine: isMobile() ? 'ng' : 'pane' })
                     ],
+                    providers: [],
                     exports: [
                         BizDocApp,
                         SharedModule,