@syncfusion/ej2-angular-diagrams 20.2.49 → 20.3.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/esm2020/src/diagram/diagram.component.mjs +3 -3
  2. package/fesm2015/syncfusion-ej2-angular-diagrams.mjs +2 -2
  3. package/fesm2015/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
  4. package/fesm2020/syncfusion-ej2-angular-diagrams.mjs +2 -2
  5. package/fesm2020/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
  6. package/package.json +8 -8
  7. package/schematics/collection.json +35 -0
  8. package/schematics/generators/diagram-default-functionalities/index.d.ts +3 -0
  9. package/schematics/generators/diagram-default-functionalities/index.js +8 -0
  10. package/schematics/generators/diagram-default-functionalities/sample-details.d.ts +5 -0
  11. package/schematics/generators/diagram-default-functionalities/sample-details.js +7 -0
  12. package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  13. package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +125 -0
  14. package/schematics/generators/diagram-default-functionalities/schema.d.ts +3 -0
  15. package/schematics/generators/diagram-default-functionalities/schema.js +2 -0
  16. package/schematics/generators/diagram-default-functionalities/schema.json +125 -0
  17. package/schematics/generators/diagram-hierarchical-tree/index.d.ts +3 -0
  18. package/schematics/generators/diagram-hierarchical-tree/index.js +8 -0
  19. package/schematics/generators/diagram-hierarchical-tree/sample-details.d.ts +5 -0
  20. package/schematics/generators/diagram-hierarchical-tree/sample-details.js +7 -0
  21. package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  22. package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +13 -0
  23. package/schematics/generators/diagram-hierarchical-tree/schema.d.ts +3 -0
  24. package/schematics/generators/diagram-hierarchical-tree/schema.js +2 -0
  25. package/schematics/generators/diagram-hierarchical-tree/schema.json +125 -0
  26. package/schematics/generators/diagram-organization-chart/index.d.ts +3 -0
  27. package/schematics/generators/diagram-organization-chart/index.js +8 -0
  28. package/schematics/generators/diagram-organization-chart/sample-details.d.ts +5 -0
  29. package/schematics/generators/diagram-organization-chart/sample-details.js +7 -0
  30. package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  31. package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +66 -0
  32. package/schematics/generators/diagram-organization-chart/schema.d.ts +3 -0
  33. package/schematics/generators/diagram-organization-chart/schema.js +2 -0
  34. package/schematics/generators/diagram-organization-chart/schema.json +125 -0
  35. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Clayton.png +0 -0
  36. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Jenny.png +0 -0
  37. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/John.png +0 -0
  38. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Maria.png +0 -0
  39. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Paul.png +0 -0
  40. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Robin.png +0 -0
  41. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Thomas.png +0 -0
  42. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/eric.png +0 -0
  43. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/female.png +0 -0
  44. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image12.png +0 -0
  45. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image2.png +0 -0
  46. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image3.png +0 -0
  47. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image50.png +0 -0
  48. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image51.png +0 -0
  49. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image53.png +0 -0
  50. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image54.png +0 -0
  51. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image55.png +0 -0
  52. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image56.png +0 -0
  53. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image57.png +0 -0
  54. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/images7.png +0 -0
  55. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/images9.png +0 -0
  56. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/male.png +0 -0
  57. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/moreinfo.png +0 -0
  58. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/smith.png +0 -0
  59. package/schematics/generators/diagram-overview/index.d.ts +3 -0
  60. package/schematics/generators/diagram-overview/index.js +8 -0
  61. package/schematics/generators/diagram-overview/sample-details.d.ts +5 -0
  62. package/schematics/generators/diagram-overview/sample-details.js +7 -0
  63. package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  64. package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +19 -0
  65. package/schematics/generators/diagram-overview/schema.d.ts +3 -0
  66. package/schematics/generators/diagram-overview/schema.js +2 -0
  67. package/schematics/generators/diagram-overview/schema.json +125 -0
  68. package/schematics/generators/diagram-radial-tree/index.d.ts +3 -0
  69. package/schematics/generators/diagram-radial-tree/index.js +8 -0
  70. package/schematics/generators/diagram-radial-tree/sample-details.d.ts +5 -0
  71. package/schematics/generators/diagram-radial-tree/sample-details.js +7 -0
  72. package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  73. package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +7 -0
  74. package/schematics/generators/diagram-radial-tree/schema.d.ts +3 -0
  75. package/schematics/generators/diagram-radial-tree/schema.js +2 -0
  76. package/schematics/generators/diagram-radial-tree/schema.json +125 -0
  77. package/schematics/ng-add/index.d.ts +3 -0
  78. package/schematics/ng-add/index.js +9 -0
  79. package/schematics/ng-add/schema.d.ts +13 -0
  80. package/schematics/ng-add/schema.js +2 -0
  81. package/schematics/ng-add/schema.json +34 -0
  82. package/schematics/tsconfig.json +25 -0
  83. package/schematics/utils/lib-details.d.ts +4 -0
  84. package/schematics/utils/lib-details.js +6 -0
  85. package/schematics/utils/lib-details.ts +2 -2
  86. package/src/diagram/diagram.component.d.ts +2 -1
  87. package/styles/bootstrap-dark.css +6 -1
  88. package/styles/bootstrap.css +6 -1
  89. package/styles/bootstrap4.css +6 -1
  90. package/styles/bootstrap5-dark.css +7 -1
  91. package/styles/bootstrap5.css +7 -1
  92. package/styles/diagram/_bootstrap-dark-definition.scss +26 -24
  93. package/styles/diagram/_bootstrap-definition.scss +27 -25
  94. package/styles/diagram/_bootstrap4-definition.scss +26 -26
  95. package/styles/diagram/_bootstrap5-definition.scss +31 -27
  96. package/styles/diagram/_definition.scss +24 -24
  97. package/styles/diagram/_fabric-dark-definition.scss +24 -27
  98. package/styles/diagram/_fabric-definition.scss +24 -27
  99. package/styles/diagram/_fluent-definition.scss +31 -27
  100. package/styles/diagram/_fusionnew-definition.scss +31 -27
  101. package/styles/diagram/_highcontrast-definition.scss +25 -25
  102. package/styles/diagram/_highcontrast-light-definition.scss +24 -24
  103. package/styles/diagram/_material-dark-definition.scss +24 -24
  104. package/styles/diagram/_material-definition.scss +24 -24
  105. package/styles/diagram/_material3-definition.scss +31 -27
  106. package/styles/diagram/_tailwind-definition.scss +31 -27
  107. package/styles/diagram/_theme.scss +9 -10
  108. package/styles/diagram/bootstrap-dark.css +6 -1
  109. package/styles/diagram/bootstrap.css +6 -1
  110. package/styles/diagram/bootstrap4.css +6 -1
  111. package/styles/diagram/bootstrap5-dark.css +7 -1
  112. package/styles/diagram/bootstrap5.css +7 -1
  113. package/styles/diagram/fabric-dark.css +6 -1
  114. package/styles/diagram/fabric.css +6 -1
  115. package/styles/diagram/fluent-dark.css +7 -1
  116. package/styles/diagram/fluent.css +7 -1
  117. package/styles/diagram/highcontrast-light.css +6 -1
  118. package/styles/diagram/highcontrast.css +7 -1
  119. package/styles/diagram/material-dark.css +6 -1
  120. package/styles/diagram/material.css +6 -1
  121. package/styles/diagram/tailwind-dark.css +7 -1
  122. package/styles/diagram/tailwind.css +7 -1
  123. package/styles/fabric-dark.css +6 -1
  124. package/styles/fabric.css +6 -1
  125. package/styles/fluent-dark.css +7 -1
  126. package/styles/fluent.css +7 -1
  127. package/styles/highcontrast-light.css +6 -1
  128. package/styles/highcontrast.css +7 -1
  129. package/styles/material-dark.css +6 -1
  130. package/styles/material.css +6 -1
  131. package/styles/tailwind-dark.css +7 -1
  132. package/styles/tailwind.css +7 -1
@@ -500,7 +500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
500
500
  }], ctorParameters: function () { return []; } });
501
501
 
502
502
  const inputs$2 = ['addInfo', 'annotationTemplate', 'backgroundColor', 'bridgeDirection', 'commandManager', 'connectorDefaults', 'connectors', 'constraints', 'contextMenuSettings', 'customCursor', 'dataSourceSettings', 'diagramSettings', 'drawingObject', 'enableConnectorSplit', 'enablePersistence', 'enableRtl', 'getConnectorDefaults', 'getCustomCursor', 'getCustomProperty', 'getCustomTool', 'getDescription', 'getNodeDefaults', 'height', 'historyManager', 'layers', 'layout', 'locale', 'mode', 'nodeDefaults', 'nodeTemplate', 'nodes', 'pageSettings', 'rulerSettings', 'scrollSettings', 'segmentThumbShape', 'selectedItems', 'serializationSettings', 'setNodeTemplate', 'snapSettings', 'tool', 'tooltip', 'updateSelection', 'userHandleTemplate', 'width'];
503
- const outputs$3 = ['animationComplete', 'click', 'collectionChange', 'commandExecute', 'connectionChange', 'contextMenuBeforeItemRender', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataLoaded', 'doubleClick', 'dragEnter', 'dragLeave', 'dragOver', 'drop', 'expandStateChange', 'fixedUserHandleClick', 'historyChange', 'historyStateChange', 'keyDown', 'keyUp', 'mouseEnter', 'mouseLeave', 'mouseOver', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit'];
503
+ const outputs$3 = ['animationComplete', 'click', 'collectionChange', 'commandExecute', 'connectionChange', 'contextMenuBeforeItemRender', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataLoaded', 'doubleClick', 'dragEnter', 'dragLeave', 'dragOver', 'drop', 'expandStateChange', 'fixedUserHandleClick', 'historyChange', 'historyStateChange', 'keyDown', 'keyUp', 'mouseEnter', 'mouseLeave', 'mouseOver', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit', 'elementDraw'];
504
504
  const twoWays$2 = [''];
505
505
  /**
506
506
  * Diagram Component
@@ -666,7 +666,7 @@ let DiagramComponent = class DiagramComponent extends Diagram {
666
666
  }
667
667
  };
668
668
  DiagramComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DiagramComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
669
- DiagramComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DiagramComponent, selector: "ejs-diagram", inputs: { addInfo: "addInfo", annotationTemplate: "annotationTemplate", backgroundColor: "backgroundColor", bridgeDirection: "bridgeDirection", commandManager: "commandManager", connectorDefaults: "connectorDefaults", connectors: "connectors", constraints: "constraints", contextMenuSettings: "contextMenuSettings", customCursor: "customCursor", dataSourceSettings: "dataSourceSettings", diagramSettings: "diagramSettings", drawingObject: "drawingObject", enableConnectorSplit: "enableConnectorSplit", enablePersistence: "enablePersistence", enableRtl: "enableRtl", getConnectorDefaults: "getConnectorDefaults", getCustomCursor: "getCustomCursor", getCustomProperty: "getCustomProperty", getCustomTool: "getCustomTool", getDescription: "getDescription", getNodeDefaults: "getNodeDefaults", height: "height", historyManager: "historyManager", layers: "layers", layout: "layout", locale: "locale", mode: "mode", nodeDefaults: "nodeDefaults", nodeTemplate: "nodeTemplate", nodes: "nodes", pageSettings: "pageSettings", rulerSettings: "rulerSettings", scrollSettings: "scrollSettings", segmentThumbShape: "segmentThumbShape", selectedItems: "selectedItems", serializationSettings: "serializationSettings", setNodeTemplate: "setNodeTemplate", snapSettings: "snapSettings", tool: "tool", tooltip: "tooltip", updateSelection: "updateSelection", userHandleTemplate: "userHandleTemplate", width: "width" }, outputs: { animationComplete: "animationComplete", click: "click", collectionChange: "collectionChange", commandExecute: "commandExecute", connectionChange: "connectionChange", contextMenuBeforeItemRender: "contextMenuBeforeItemRender", contextMenuClick: "contextMenuClick", contextMenuOpen: "contextMenuOpen", created: "created", dataLoaded: "dataLoaded", doubleClick: "doubleClick", dragEnter: "dragEnter", dragLeave: "dragLeave", dragOver: "dragOver", drop: "drop", expandStateChange: "expandStateChange", fixedUserHandleClick: "fixedUserHandleClick", historyChange: "historyChange", historyStateChange: "historyStateChange", keyDown: "keyDown", keyUp: "keyUp", mouseEnter: "mouseEnter", mouseLeave: "mouseLeave", mouseOver: "mouseOver", onImageLoad: "onImageLoad", onUserHandleMouseDown: "onUserHandleMouseDown", onUserHandleMouseEnter: "onUserHandleMouseEnter", onUserHandleMouseLeave: "onUserHandleMouseLeave", onUserHandleMouseUp: "onUserHandleMouseUp", positionChange: "positionChange", propertyChange: "propertyChange", rotateChange: "rotateChange", scrollChange: "scrollChange", segmentCollectionChange: "segmentCollectionChange", selectionChange: "selectionChange", sizeChange: "sizeChange", sourcePointChange: "sourcePointChange", targetPointChange: "targetPointChange", textEdit: "textEdit" }, queries: [{ propertyName: "annotationTemplate", first: true, predicate: ["annotationTemplate"], descendants: true }, { propertyName: "nodeTemplate", first: true, predicate: ["nodeTemplate"], descendants: true }, { propertyName: "userHandleTemplate", first: true, predicate: ["userHandleTemplate"], descendants: true }, { propertyName: "childLayers", first: true, predicate: LayersDirective, descendants: true }, { propertyName: "childCustomCursor", first: true, predicate: CustomCursorsDirective, descendants: true }, { propertyName: "childConnectors", first: true, predicate: ConnectorsDirective, descendants: true }, { propertyName: "childNodes", first: true, predicate: NodesDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
669
+ DiagramComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DiagramComponent, selector: "ejs-diagram", inputs: { addInfo: "addInfo", annotationTemplate: "annotationTemplate", backgroundColor: "backgroundColor", bridgeDirection: "bridgeDirection", commandManager: "commandManager", connectorDefaults: "connectorDefaults", connectors: "connectors", constraints: "constraints", contextMenuSettings: "contextMenuSettings", customCursor: "customCursor", dataSourceSettings: "dataSourceSettings", diagramSettings: "diagramSettings", drawingObject: "drawingObject", enableConnectorSplit: "enableConnectorSplit", enablePersistence: "enablePersistence", enableRtl: "enableRtl", getConnectorDefaults: "getConnectorDefaults", getCustomCursor: "getCustomCursor", getCustomProperty: "getCustomProperty", getCustomTool: "getCustomTool", getDescription: "getDescription", getNodeDefaults: "getNodeDefaults", height: "height", historyManager: "historyManager", layers: "layers", layout: "layout", locale: "locale", mode: "mode", nodeDefaults: "nodeDefaults", nodeTemplate: "nodeTemplate", nodes: "nodes", pageSettings: "pageSettings", rulerSettings: "rulerSettings", scrollSettings: "scrollSettings", segmentThumbShape: "segmentThumbShape", selectedItems: "selectedItems", serializationSettings: "serializationSettings", setNodeTemplate: "setNodeTemplate", snapSettings: "snapSettings", tool: "tool", tooltip: "tooltip", updateSelection: "updateSelection", userHandleTemplate: "userHandleTemplate", width: "width" }, outputs: { animationComplete: "animationComplete", click: "click", collectionChange: "collectionChange", commandExecute: "commandExecute", connectionChange: "connectionChange", contextMenuBeforeItemRender: "contextMenuBeforeItemRender", contextMenuClick: "contextMenuClick", contextMenuOpen: "contextMenuOpen", created: "created", dataLoaded: "dataLoaded", doubleClick: "doubleClick", dragEnter: "dragEnter", dragLeave: "dragLeave", dragOver: "dragOver", drop: "drop", expandStateChange: "expandStateChange", fixedUserHandleClick: "fixedUserHandleClick", historyChange: "historyChange", historyStateChange: "historyStateChange", keyDown: "keyDown", keyUp: "keyUp", mouseEnter: "mouseEnter", mouseLeave: "mouseLeave", mouseOver: "mouseOver", onImageLoad: "onImageLoad", onUserHandleMouseDown: "onUserHandleMouseDown", onUserHandleMouseEnter: "onUserHandleMouseEnter", onUserHandleMouseLeave: "onUserHandleMouseLeave", onUserHandleMouseUp: "onUserHandleMouseUp", positionChange: "positionChange", propertyChange: "propertyChange", rotateChange: "rotateChange", scrollChange: "scrollChange", segmentCollectionChange: "segmentCollectionChange", selectionChange: "selectionChange", sizeChange: "sizeChange", sourcePointChange: "sourcePointChange", targetPointChange: "targetPointChange", textEdit: "textEdit", elementDraw: "elementDraw" }, queries: [{ propertyName: "annotationTemplate", first: true, predicate: ["annotationTemplate"], descendants: true }, { propertyName: "nodeTemplate", first: true, predicate: ["nodeTemplate"], descendants: true }, { propertyName: "userHandleTemplate", first: true, predicate: ["userHandleTemplate"], descendants: true }, { propertyName: "childLayers", first: true, predicate: LayersDirective, descendants: true }, { propertyName: "childCustomCursor", first: true, predicate: CustomCursorsDirective, descendants: true }, { propertyName: "childConnectors", first: true, predicate: ConnectorsDirective, descendants: true }, { propertyName: "childNodes", first: true, predicate: NodesDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
670
670
  __decorate([
671
671
  Template()
672
672
  ], DiagramComponent.prototype, "annotationTemplate", void 0);