@bizdoc/core 3.4.6 → 3.4.7

package/fesm2022/bizdoc-core.mjs

@@ -127,7 +127,7 @@ import * as i4$1 from '@ctrl/ngx-emoji-mart';
 import { PickerModule } from '@ctrl/ngx-emoji-mart';
 import { Diagram, UndoRedo, ConnectorEditing, Snapping, SymbolPalette, BpmnDiagrams, PortConstraints, PortVisibility, DiagramConstraints, ConnectorConstraints, SelectorConstraints, NodeConstraints, DiagramTools, Connector, Node, ToolBase, ConnectionPointOrigin as ConnectionPointOrigin$1 } from '@syncfusion/ej2-diagrams';
 import * as i6$3 from '@syncfusion/ej2-angular-diagrams';
-import { DiagramAction, DiagramTools as DiagramTools$1, DiagramConstraints as DiagramConstraints$1, ConnectionPointOrigin, SnapConstraints, NodeConstraints as NodeConstraints$1, ComplexHierarchicalTreeService, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, DataBindingService, FlowchartLayoutService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService, Diagram as Diagram$1, FlowchartLayout, BpmnDiagrams as BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging } from '@syncfusion/ej2-angular-diagrams';
+import { DiagramAction, DiagramTools as DiagramTools$1, DiagramConstraints as DiagramConstraints$1, ConnectionPointOrigin, SnapConstraints, NodeConstraints as NodeConstraints$1, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, DataBindingService, FlowchartLayoutService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService, Diagram as Diagram$1, FlowchartLayout, BpmnDiagrams as BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging } from '@syncfusion/ej2-angular-diagrams';
 import * as i5$2 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$1 from '@syncfusion/ej2-angular-kanban';
@@ -566,6 +566,9 @@ function isString(val) {
 function getWarn(mode = 500) {
     return MATERIAL_PALETTES['red'][mode];
 }
+function getGray(mode = 500) {
+    return MATERIAL_PALETTES['grey'][mode];
+}
 function playAudio(name) {
     try {
         const audio = new Audio();
@@ -15351,11 +15354,13 @@ class FlowViewComponent extends TraceBase {
             DiagramConstraints$1.Bridging |
             DiagramConstraints$1.Zoom;
         this.enableRtl = this._session.inverse;
-        //readonly transparentColor = this._session.theme.dark ? 'black' : 'white';
+        this.transparentColor = this._session.theme.dark ? 'black' : 'white';
+        this.defaultColor = this._session.theme.dark ? 'white' : 'black';
+        this.dimColor = getGray(this._session.theme.dark ? 600 : 600);
         this.layout = {
             type: 'Flowchart',
-            verticalAlignment: 'Center',
-            connectionPointOrigin: ConnectionPointOrigin.SamePoint,
+            //verticalAlignment: 'Center',
+            connectionPointOrigin: ConnectionPointOrigin.DifferentPoint,
             horizontalSpacing: 50,
             enableRouting: true,
             verticalSpacing: 50,
@@ -15438,7 +15443,6 @@ class FlowViewComponent extends TraceBase {
     async _prepare() {
         const { connectors: dconnectors, nodes: dnodes } = this.model.workflow;
         const indicators = [], connectors = [], nodes = [];
-        const color = this._session.theme.dark ? 'white' : 'black';
         let zIndex = 500;
         for (let node of dnodes) {
             if (nodes.find(n => n.id == node.id))
@@ -15475,10 +15479,10 @@ class FlowViewComponent extends TraceBase {
                         height: 50,
                         style: {
                             strokeWidth: 2,
-                            opacity: node.estimate ? .6 : 1,
-                            strokeColor: node.estimate ? color : this._accentColor,
+                            //opacity: node.estimate ? .6 : 1,
+                            strokeColor: node.estimate ? this.dimColor : this._accentColor,
                             fill: !node.estimate && recipient.pending ?
-                                this._session.getAccent(recipient.userId === this._session.userId ? 500 : 400) : 'transparent'
+                                this._session.getAccent(recipient.userId === this._session.userId ? 500 : 400) : this.transparentColor
                         },
                         shape: this._configuration[node.type].shape,
                         zIndex: zIndex++,
@@ -15496,8 +15500,8 @@ class FlowViewComponent extends TraceBase {
                         },
                         annotations: [{
                                 style: {
-                                    color: color,
-                                    opacity: node.estimate ? .6 : 1,
+                                    color: node.estimate ? this.dimColor : this.defaultColor,
+                                    //opacity: node.estimate ? .6 : 1,
                                 },
                                 content: annotation,
                                 margin: { top: 4 },
@@ -15581,9 +15585,9 @@ class FlowViewComponent extends TraceBase {
                     height: 50,
                     style: {
                         strokeWidth: 2,
-                        opacity: node.estimate ? .6 : 1,
-                        strokeColor: node.estimate ? color : this._accentColor,
-                        fill: 'transparent'
+                        //opacity: node.estimate ? .6 : 1,
+                        strokeColor: node.estimate ? this.dimColor : this._accentColor,
+                        fill: this.transparentColor
                     },
                     shape, //: {type: 'Path', data: ELLIPSIS },
                     zIndex: zIndex++,
@@ -15604,8 +15608,8 @@ class FlowViewComponent extends TraceBase {
                                 y: 1
                             } : { x: .5 },
                             style: {
-                                color: color,
-                                opacity: node.estimate ? .6 : 1,
+                                color: node.estimate ? this.dimColor : this.defaultColor,
+                                //opacity: node.estimate ? .6 : 1,
                             },
                             verticalAlignment: shape.type === 'Path' ? 'Top' : 'Center'
                         }]
@@ -15691,8 +15695,8 @@ class FlowViewComponent extends TraceBase {
                             height: 7,
                             width: 7,
                             style: connector.estimate ? {
-                                fill: color,
-                                strokeColor: color
+                                fill: this.defaultColor,
+                                strokeColor: this.defaultColor
                             } : {
                                 strokeColor: this._accentColor,
                                 fill: this._accentColor
@@ -15701,8 +15705,8 @@ class FlowViewComponent extends TraceBase {
                         zIndex: zIndex--,
                         style: connector.estimate ? {
                             strokeDashArray: '2 2',
-                            strokeColor: color,
-                            opacity: .3,
+                            strokeColor: this.dimColor,
+                            //opacity: .3,
                             strokeWidth: 1
                         } : {
                             strokeColor: this._accentColor,
@@ -15997,11 +16001,11 @@ class FlowViewComponent extends TraceBase {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FlowViewComponent, deps: [{ token: AccountService }, { token: TranslateService }, { token: DurationFormatPipe }, { token: SessionService }, { token: HubService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: FlowViewComponent, isStandalone: false, selector: "bizdoc-flow", inputs: { model: "model", version: "version", connectorType: "connectorType" }, viewQueries: [{ propertyName: "diagram", first: true, predicate: ["diagram"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ejs-diagram [nodes]=\"nodes\"\r\n             [connectors]=\"connectors\"\r\n             [layout]=\"layout\"\r\n             [tool]=\"tool\"\r\n             id=\"diagram\"\r\n             #diagram\r\n             [constraints]=\"diagramConstraints\"\r\n             [snapSettings]=\"snapSettings\"\r\n             [scrollSettings]=\"scrollSettings\"\r\n             [height]=\"560\"\r\n             width=\"100%\"\r\n             (created)=\"created()\"></ejs-diagram>\r\n", styles: [":host{background-color:transparent!important}\n"], dependencies: [{ kind: "component", type: i6$3.DiagramComponent, selector: "ejs-diagram", inputs: ["addInfo", "annotationTemplate", "backgroundColor", "bridgeDirection", "commandManager", "connectorDefaults", "connectors", "constraints", "contextMenuSettings", "customCursor", "dataSourceSettings", "diagramSettings", "drawingObject", "enableConnectorSplit", "enablePersistence", "enableRtl", "fixedUserHandleTemplate", "getConnectorDefaults", "getCustomCursor", "getCustomProperty", "getCustomTool", "getDescription", "getNodeDefaults", "height", "historyManager", "layers", "layout", "locale", "mode", "nodeDefaults", "nodeTemplate", "nodes", "pageSettings", "rulerSettings", "scrollSettings", "segmentThumbShape", "segmentThumbSize", "selectedItems", "serializationSettings", "setNodeTemplate", "snapSettings", "tool", "tooltip", "updateSelection", "userHandleTemplate", "width"], outputs: ["animationComplete", "click", "collectionChange", "commandExecute", "connectionChange", "contextMenuBeforeItemRender", "contextMenuClick", "contextMenuOpen", "created", "dataLoaded", "doubleClick", "dragEnter", "dragLeave", "dragOver", "drop", "elementDraw", "expandStateChange", "fixedUserHandleClick", "historyChange", "historyStateChange", "keyDown", "keyUp", "layoutUpdated", "load", "loaded", "mouseEnter", "mouseLeave", "mouseOver", "mouseWheel", "onFixedUserHandleMouseDown", "onFixedUserHandleMouseEnter", "onFixedUserHandleMouseLeave", "onFixedUserHandleMouseUp", "onImageLoad", "onUserHandleMouseDown", "onUserHandleMouseEnter", "onUserHandleMouseLeave", "onUserHandleMouseUp", "positionChange", "propertyChange", "rotateChange", "scrollChange", "segmentChange", "segmentCollectionChange", "selectionChange", "sizeChange", "sourcePointChange", "targetPointChange", "textEdit"] }], viewProviders: [ComplexHierarchicalTreeService] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: FlowViewComponent, isStandalone: false, selector: "bizdoc-flow", inputs: { model: "model", version: "version", connectorType: "connectorType" }, viewQueries: [{ propertyName: "diagram", first: true, predicate: ["diagram"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ejs-diagram [nodes]=\"nodes\"\r\n             [connectors]=\"connectors\"\r\n             [layout]=\"layout\"\r\n             [tool]=\"tool\"\r\n             id=\"diagram\"\r\n             #diagram\r\n             [constraints]=\"diagramConstraints\"\r\n             [snapSettings]=\"snapSettings\"\r\n             [scrollSettings]=\"scrollSettings\"\r\n             [height]=\"560\"\r\n             width=\"100%\"\r\n             (created)=\"created()\"></ejs-diagram>\r\n", styles: [":host{background-color:transparent!important}\n"], dependencies: [{ kind: "component", type: i6$3.DiagramComponent, selector: "ejs-diagram", inputs: ["addInfo", "annotationTemplate", "backgroundColor", "bridgeDirection", "commandManager", "connectorDefaults", "connectors", "constraints", "contextMenuSettings", "customCursor", "dataSourceSettings", "diagramSettings", "drawingObject", "enableConnectorSplit", "enablePersistence", "enableRtl", "fixedUserHandleTemplate", "getConnectorDefaults", "getCustomCursor", "getCustomProperty", "getCustomTool", "getDescription", "getNodeDefaults", "height", "historyManager", "layers", "layout", "locale", "mode", "nodeDefaults", "nodeTemplate", "nodes", "pageSettings", "rulerSettings", "scrollSettings", "segmentThumbShape", "segmentThumbSize", "selectedItems", "serializationSettings", "setNodeTemplate", "snapSettings", "tool", "tooltip", "updateSelection", "userHandleTemplate", "width"], outputs: ["animationComplete", "click", "collectionChange", "commandExecute", "connectionChange", "contextMenuBeforeItemRender", "contextMenuClick", "contextMenuOpen", "created", "dataLoaded", "doubleClick", "dragEnter", "dragLeave", "dragOver", "drop", "elementDraw", "expandStateChange", "fixedUserHandleClick", "historyChange", "historyStateChange", "keyDown", "keyUp", "layoutUpdated", "load", "loaded", "mouseEnter", "mouseLeave", "mouseOver", "mouseWheel", "onFixedUserHandleMouseDown", "onFixedUserHandleMouseEnter", "onFixedUserHandleMouseLeave", "onFixedUserHandleMouseUp", "onImageLoad", "onUserHandleMouseDown", "onUserHandleMouseEnter", "onUserHandleMouseLeave", "onUserHandleMouseUp", "positionChange", "propertyChange", "rotateChange", "scrollChange", "segmentChange", "segmentCollectionChange", "selectionChange", "sizeChange", "sourcePointChange", "targetPointChange", "textEdit"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FlowViewComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'bizdoc-flow', viewProviders: [ComplexHierarchicalTreeService], host: {
+            args: [{ standalone: false, selector: 'bizdoc-flow', host: {
                     //id: 'flow',
                     //dir: 'ltr'
                     }, template: "<ejs-diagram [nodes]=\"nodes\"\r\n             [connectors]=\"connectors\"\r\n             [layout]=\"layout\"\r\n             [tool]=\"tool\"\r\n             id=\"diagram\"\r\n             #diagram\r\n             [constraints]=\"diagramConstraints\"\r\n             [snapSettings]=\"snapSettings\"\r\n             [scrollSettings]=\"scrollSettings\"\r\n             [height]=\"560\"\r\n             width=\"100%\"\r\n             (created)=\"created()\"></ejs-diagram>\r\n", styles: [":host{background-color:transparent!important}\n"] }]
@@ -22670,8 +22674,10 @@ class SyncfusionDiagramModule {
             SymbolPaletteModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SyncfusionDiagramModule, providers: [ConnectorBridgingService, LineRoutingService,
             //ComplexHierarchicalTreeService,
+            //AvoidLineOverlappingService,
             BpmnDiagramsService, LayoutAnimationService,
-            DataBindingService, FlowchartLayoutService,
+            DataBindingService,
+            FlowchartLayoutService,
             UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService], imports: [CommonModule,
             DiagramModule,
             SymbolPaletteModule, DiagramModule,
@@ -22692,12 +22698,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     ],
                     providers: [ConnectorBridgingService, LineRoutingService,
                         //ComplexHierarchicalTreeService,
+                        //AvoidLineOverlappingService,
                         BpmnDiagramsService, LayoutAnimationService,
-                        DataBindingService, FlowchartLayoutService,
+                        DataBindingService,
+                        FlowchartLayoutService,
                         UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService]
                 }]
         }], ctorParameters: () => [] });
-Diagram$1.Inject(FlowchartLayout /*, HierarchicalTree, ComplexHierarchicalTree*/, BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging);
+Diagram$1.Inject(/*AvoidLineOverlapping,*/ 
+//ComplexHierarchicalTree,
+FlowchartLayout, 
+/* HierarchicalTree,*/ BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging);
 
 class SyncfusionGridModule {
     constructor() {