@syncfusion/ej2-angular-diagrams 20.3.49 → 20.3.50-ngcc

package/postinstall/tagchange.js

@@ -0,0 +1,18 @@
+var fs = require("fs");
+var glob = require("glob");
+
+var selectors = ['ejs-diagram','ejs-symbolpalette','ejs-overview'];
+
+if (process.env.tagName !== undefined) {
+  var newTagPrefix = process.env.tagName.trim();
+  var files = glob.sync("./@syncfusion/*");
+  for (var i = 0; i < files.length; i++) {
+    var sourceFile = fs.readFileSync(files[i], "utf8");
+    for (var j = 0; j < selectors.length; j++) {
+      selectors[j] = selectors[j].replace('[','').replace(']','');
+      var tagRegex = new RegExp(selectors[j], "g");
+      sourceFile = sourceFile.replace(tagRegex,selectors[j].replace("ejs", newTagPrefix));
+    }
+    fs.writeFileSync(files[i], sourceFile, "utf8");
+  }
+}

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-diagrams";
-export declare const pkgVer = "^19.12.3";
+export declare const pkgVer = "^20.3.49";
 export declare const moduleName = "DiagramModule, SymbolPaletteModule, OverviewModule";
-export declare const themeVer = "~19.12.3";
+export declare const themeVer = "~20.3.49";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-diagrams';
-exports.pkgVer = '^20.3.49';
+exports.pkgVer = '^20.3.50';
 exports.moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
-exports.themeVer = '~20.3.49';
+exports.themeVer = '~20.3.50';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-diagrams';
-export const pkgVer = '^20.3.49';
+export const pkgVer = '^20.3.50';
 export const moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
-export const themeVer = '~20.3.49';
+export const themeVer = '~20.3.50';

package/src/diagram/connector-annotation.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Connectors Directive
  * ```html
@@ -151,8 +150,6 @@ export declare class ConnectorAnnotationDirective extends ComplexBase<ConnectorA
      */
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorAnnotationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorAnnotationDirective, "e-connector>e-connector-annotations>e-connector-annotation", never, { "addInfo": "addInfo"; "alignment": "alignment"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "displacement": "displacement"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "segmentAngle": "segmentAngle"; "style": "style"; "template": "template"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * ConnectorAnnotation Array Directive
@@ -160,6 +157,4 @@ export declare class ConnectorAnnotationDirective extends ComplexBase<ConnectorA
  */
 export declare class ConnectorAnnotationsDirective extends ArrayBase<ConnectorAnnotationsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorAnnotationsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorAnnotationsDirective, "e-connector>e-connector-annotations", never, {}, {}, ["children"]>;
 }

package/src/diagram/connector-fixeduserhandle.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Connectors Directive
  * ```html
@@ -97,8 +96,6 @@ export declare class ConnectorFixedUserHandleDirective extends ComplexBase<Conne
      */
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorFixedUserHandleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorFixedUserHandleDirective, "e-connector>e-connector-fixeduserhandles>e-connector-fixeduserhandle", never, { "alignment": "alignment"; "cornerRadius": "cornerRadius"; "displacement": "displacement"; "fill": "fill"; "handleStrokeColor": "handleStrokeColor"; "handleStrokeWidth": "handleStrokeWidth"; "height": "height"; "iconStrokeColor": "iconStrokeColor"; "iconStrokeWidth": "iconStrokeWidth"; "id": "id"; "offset": "offset"; "padding": "padding"; "pathData": "pathData"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * ConnectorFixedUserHandle Array Directive
@@ -106,6 +103,4 @@ export declare class ConnectorFixedUserHandleDirective extends ComplexBase<Conne
  */
 export declare class ConnectorFixedUserHandlesDirective extends ArrayBase<ConnectorFixedUserHandlesDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorFixedUserHandlesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorFixedUserHandlesDirective, "e-connector>e-connector-fixeduserhandles", never, {}, {}, ["children"]>;
 }

package/src/diagram/connectors.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Connectors Directive
  * ```html
@@ -222,7 +221,7 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
     /**
      * Defines the UI of the connector
      * @default null
-     * @deprecated
+
      */
     wrapper: any;
     /**
@@ -231,8 +230,6 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
      */
     zIndex: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorDirective, "e-connectors>e-connector", never, { "addInfo": "addInfo"; "annotations": "annotations"; "bezierSettings": "bezierSettings"; "bridgeSpace": "bridgeSpace"; "connectionPadding": "connectionPadding"; "connectorSpacing": "connectorSpacing"; "constraints": "constraints"; "cornerRadius": "cornerRadius"; "dragSize": "dragSize"; "excludeFromLayout": "excludeFromLayout"; "fixedUserHandles": "fixedUserHandles"; "flip": "flip"; "flipMode": "flipMode"; "hitPadding": "hitPadding"; "id": "id"; "margin": "margin"; "maxSegmentThumb": "maxSegmentThumb"; "previewSize": "previewSize"; "segments": "segments"; "shape": "shape"; "sourceDecorator": "sourceDecorator"; "sourceID": "sourceID"; "sourcePadding": "sourcePadding"; "sourcePoint": "sourcePoint"; "sourcePortID": "sourcePortID"; "style": "style"; "symbolInfo": "symbolInfo"; "targetDecorator": "targetDecorator"; "targetID": "targetID"; "targetPadding": "targetPadding"; "targetPoint": "targetPoint"; "targetPortID": "targetPortID"; "tooltip": "tooltip"; "type": "type"; "visible": "visible"; "wrapper": "wrapper"; "zIndex": "zIndex"; }, {}, ["childFixedUserHandles", "childAnnotations"]>;
 }
 /**
  * Connector Array Directive
@@ -240,6 +237,4 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
  */
 export declare class ConnectorsDirective extends ArrayBase<ConnectorsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorsDirective, "ej-diagram>e-connectors", never, {}, {}, ["children"]>;
 }

package/src/diagram/customcursor.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Cursor Maps Directive
  * ```html
@@ -22,8 +21,6 @@ export declare class CustomCursorDirective extends ComplexBase<CustomCursorDirec
      */
     cursor: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<CustomCursorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomCursorDirective, "e-cursormaps>e-cursormap", never, { "action": "action"; "cursor": "cursor"; }, {}, never>;
 }
 /**
  * CustomCursor Array Directive
@@ -31,6 +28,4 @@ export declare class CustomCursorDirective extends ComplexBase<CustomCursorDirec
  */
 export declare class CustomCursorsDirective extends ArrayBase<CustomCursorsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<CustomCursorsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomCursorsDirective, "ej-diagram>e-cursormaps", never, {}, {}, ["children"]>;
 }

package/src/diagram/diagram-all.module.d.ts

@@ -1,7 +1,4 @@
 import { ValueProvider } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./diagram.module";
 export declare const HierarchicalTreeService: ValueProvider;
 export declare const MindMapService: ValueProvider;
 export declare const RadialTreeService: ValueProvider;
@@ -23,7 +20,4 @@ export declare const LineDistributionService: ValueProvider;
  * NgModule definition for the Diagram component with providers.
  */
 export declare class DiagramAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DiagramAllModule, never, [typeof i1.CommonModule, typeof i2.DiagramModule], [typeof i2.DiagramModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DiagramAllModule>;
 }

package/src/diagram/diagram.component.d.ts

@@ -5,7 +5,6 @@ import { LayersDirective } from './layers.directive';
 import { CustomCursorsDirective } from './customcursor.directive';
 import { ConnectorsDirective } from './connectors.directive';
 import { NodesDirective } from './nodes.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -89,6 +88,4 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ejs-diagram", never, { "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"; }, { "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"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
 }

package/src/diagram/diagram.module.d.ts

@@ -1,20 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./diagram.component";
-import * as i2 from "./layers.directive";
-import * as i3 from "./customcursor.directive";
-import * as i4 from "./connector-fixeduserhandle.directive";
-import * as i5 from "./connector-annotation.directive";
-import * as i6 from "./connectors.directive";
-import * as i7 from "./node-fixeduserhandle.directive";
-import * as i8 from "./node-annotation.directive";
-import * as i9 from "./ports.directive";
-import * as i10 from "./nodes.directive";
-import * as i11 from "@angular/common";
 /**
  * NgModule definition for the Diagram component.
  */
 export declare class DiagramModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DiagramModule, [typeof i1.DiagramComponent, typeof i2.LayerDirective, typeof i2.LayersDirective, typeof i3.CustomCursorDirective, typeof i3.CustomCursorsDirective, typeof i4.ConnectorFixedUserHandleDirective, typeof i4.ConnectorFixedUserHandlesDirective, typeof i5.ConnectorAnnotationDirective, typeof i5.ConnectorAnnotationsDirective, typeof i6.ConnectorDirective, typeof i6.ConnectorsDirective, typeof i7.NodeFixedUserHandleDirective, typeof i7.NodeFixedUserHandlesDirective, typeof i8.NodeAnnotationDirective, typeof i8.NodeAnnotationsDirective, typeof i9.PortDirective, typeof i9.PortsDirective, typeof i10.NodeDirective, typeof i10.NodesDirective], [typeof i11.CommonModule], [typeof i1.DiagramComponent, typeof i2.LayerDirective, typeof i2.LayersDirective, typeof i3.CustomCursorDirective, typeof i3.CustomCursorsDirective, typeof i4.ConnectorFixedUserHandleDirective, typeof i4.ConnectorFixedUserHandlesDirective, typeof i5.ConnectorAnnotationDirective, typeof i5.ConnectorAnnotationsDirective, typeof i6.ConnectorDirective, typeof i6.ConnectorsDirective, typeof i7.NodeFixedUserHandleDirective, typeof i7.NodeFixedUserHandlesDirective, typeof i8.NodeAnnotationDirective, typeof i8.NodeAnnotationsDirective, typeof i9.PortDirective, typeof i9.PortsDirective, typeof i10.NodeDirective, typeof i10.NodesDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DiagramModule>;
 }

package/src/diagram/layers.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Layers Directive
  * ```html
@@ -46,8 +45,6 @@ export declare class LayerDirective extends ComplexBase<LayerDirective> {
      */
     zIndex: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LayerDirective, "e-layers>e-layer", never, { "addInfo": "addInfo"; "id": "id"; "lock": "lock"; "objects": "objects"; "visible": "visible"; "zIndex": "zIndex"; }, {}, never>;
 }
 /**
  * Layer Array Directive
@@ -55,6 +52,4 @@ export declare class LayerDirective extends ComplexBase<LayerDirective> {
  */
 export declare class LayersDirective extends ArrayBase<LayersDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayersDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LayersDirective, "ej-diagram>e-layers", never, {}, {}, ["children"]>;
 }

package/src/diagram/node-annotation.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Nodes Directive
  * ```html
@@ -132,8 +131,6 @@ export declare class NodeAnnotationDirective extends ComplexBase<NodeAnnotationD
      */
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodeAnnotationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeAnnotationDirective, "e-node>e-node-annotations>e-node-annotation", never, { "addInfo": "addInfo"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "style": "style"; "template": "template"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * NodeAnnotation Array Directive
@@ -141,6 +138,4 @@ export declare class NodeAnnotationDirective extends ComplexBase<NodeAnnotationD
  */
 export declare class NodeAnnotationsDirective extends ArrayBase<NodeAnnotationsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodeAnnotationsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeAnnotationsDirective, "e-node>e-node-annotations", never, {}, {}, ["children"]>;
 }

package/src/diagram/node-fixeduserhandle.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Nodes Directive
  * ```html
@@ -88,8 +87,6 @@ export declare class NodeFixedUserHandleDirective extends ComplexBase<NodeFixedU
      */
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodeFixedUserHandleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeFixedUserHandleDirective, "e-node>e-node-fixeduserhandles>e-node-fixeduserhandle", never, { "cornerRadius": "cornerRadius"; "fill": "fill"; "handleStrokeColor": "handleStrokeColor"; "handleStrokeWidth": "handleStrokeWidth"; "height": "height"; "iconStrokeColor": "iconStrokeColor"; "iconStrokeWidth": "iconStrokeWidth"; "id": "id"; "margin": "margin"; "offset": "offset"; "padding": "padding"; "pathData": "pathData"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * NodeFixedUserHandle Array Directive
@@ -97,6 +94,4 @@ export declare class NodeFixedUserHandleDirective extends ComplexBase<NodeFixedU
  */
 export declare class NodeFixedUserHandlesDirective extends ArrayBase<NodeFixedUserHandlesDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodeFixedUserHandlesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeFixedUserHandlesDirective, "e-node>e-node-fixeduserhandles", never, {}, {}, ["children"]>;
 }

package/src/diagram/nodes.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Nodes Directive
  * ```html
@@ -35,13 +34,13 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
     backgroundColor: any;
     /**
      * Sets the border color of the node
-     * @deprecated
+
      * @default 'none'
      */
     borderColor: any;
     /**
      * Sets the border width of the node
-     * @deprecated
+
      * @default 0
      */
     borderWidth: any;
@@ -117,7 +116,7 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
      * Defines the type of the container
      * @aspdefaultvalueignore
      * @default null
-     * @deprecated
+
      */
     container: any;
     /**
@@ -267,7 +266,7 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
     /**
      * Used to define the rows for the grid container
      * @aspdefaultvalueignore
-     * @deprecated
+
      * @default undefined
      */
     rows: any;
@@ -319,7 +318,7 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
     /**
      * Sets or gets the UI of a node
      * @default null
-     * @deprecated
+
      */
     wrapper: any;
     /**
@@ -328,8 +327,6 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
      */
     zIndex: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeDirective, "e-nodes>e-node", never, { "addInfo": "addInfo"; "annotations": "annotations"; "backgroundColor": "backgroundColor"; "borderColor": "borderColor"; "borderWidth": "borderWidth"; "branch": "branch"; "children": "children"; "collapseIcon": "collapseIcon"; "columnIndex": "columnIndex"; "columnSpan": "columnSpan"; "columns": "columns"; "constraints": "constraints"; "container": "container"; "data": "data"; "dragSize": "dragSize"; "excludeFromLayout": "excludeFromLayout"; "expandIcon": "expandIcon"; "fixedUserHandles": "fixedUserHandles"; "flip": "flip"; "flipMode": "flipMode"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "id": "id"; "isExpanded": "isExpanded"; "layoutInfo": "layoutInfo"; "margin": "margin"; "maxHeight": "maxHeight"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "offsetX": "offsetX"; "offsetY": "offsetY"; "padding": "padding"; "pivot": "pivot"; "ports": "ports"; "previewSize": "previewSize"; "rotateAngle": "rotateAngle"; "rowIndex": "rowIndex"; "rowSpan": "rowSpan"; "rows": "rows"; "shadow": "shadow"; "shape": "shape"; "style": "style"; "symbolInfo": "symbolInfo"; "tooltip": "tooltip"; "verticalAlignment": "verticalAlignment"; "visible": "visible"; "width": "width"; "wrapper": "wrapper"; "zIndex": "zIndex"; }, {}, ["childFixedUserHandles", "childAnnotations", "childPorts"]>;
 }
 /**
  * Node Array Directive
@@ -337,6 +334,4 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
  */
 export declare class NodesDirective extends ArrayBase<NodesDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodesDirective, "ej-diagram>e-nodes", never, {}, {}, ["children"]>;
 }

package/src/diagram/ports.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Nodes Directive
  * ```html
@@ -118,8 +117,6 @@ export declare class PortDirective extends ComplexBase<PortDirective> {
      */
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PortDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PortDirective, "e-node>e-node-ports>e-node-port", never, { "addInfo": "addInfo"; "constraints": "constraints"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "id": "id"; "inEdges": "inEdges"; "margin": "margin"; "offset": "offset"; "outEdges": "outEdges"; "pathData": "pathData"; "shape": "shape"; "style": "style"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * Port Array Directive
@@ -127,6 +124,4 @@ export declare class PortDirective extends ComplexBase<PortDirective> {
  */
 export declare class PortsDirective extends ArrayBase<PortsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<PortsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PortsDirective, "e-node>e-node-ports", never, {}, {}, ["children"]>;
 }

package/src/overview/overview-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./overview.module";
 /**
  * NgModule definition for the Overview component with providers.
  */
 export declare class OverviewAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<OverviewAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OverviewAllModule, never, [typeof i1.CommonModule, typeof i2.OverviewModule], [typeof i2.OverviewModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<OverviewAllModule>;
 }

package/src/overview/overview.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Overview } from '@syncfusion/ej2-diagrams';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -27,6 +26,4 @@ export declare class OverviewComponent extends Overview implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OverviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverviewComponent, "ejs-overview", never, { "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "height": "height"; "locale": "locale"; "sourceID": "sourceID"; "width": "width"; }, { "created": "created"; }, never, never>;
 }

package/src/overview/overview.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./overview.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Overview component.
  */
 export declare class OverviewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<OverviewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OverviewModule, [typeof i1.OverviewComponent], [typeof i2.CommonModule], [typeof i1.OverviewComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<OverviewModule>;
 }

package/src/symbol-palette/palettes.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * Palette Directive
  * ```html
@@ -42,8 +41,6 @@ export declare class PaletteDirective extends ComplexBase<PaletteDirective> {
      */
     title: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PaletteDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PaletteDirective, "e-palettes>e-palette", never, { "expanded": "expanded"; "height": "height"; "iconCss": "iconCss"; "id": "id"; "symbols": "symbols"; "title": "title"; }, {}, never>;
 }
 /**
  * Palette Array Directive
@@ -51,6 +48,4 @@ export declare class PaletteDirective extends ComplexBase<PaletteDirective> {
  */
 export declare class PalettesDirective extends ArrayBase<PalettesDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<PalettesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PalettesDirective, "ejs-symbolpalette>e-palettes", never, {}, {}, ["children"]>;
 }

package/src/symbol-palette/symbolpalette-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./symbolpalette.module";
 /**
  * NgModule definition for the SymbolPalette component with providers.
  */
 export declare class SymbolPaletteAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SymbolPaletteAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SymbolPaletteAllModule, never, [typeof i1.CommonModule, typeof i2.SymbolPaletteModule], [typeof i2.SymbolPaletteModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SymbolPaletteAllModule>;
 }

package/src/symbol-palette/symbolpalette.component.d.ts

@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, QueryList, Renderer2, Injector } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { SymbolPalette } from '@syncfusion/ej2-diagrams';
 import { PalettesDirective } from './palettes.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -30,6 +29,4 @@ export declare class SymbolPaletteComponent extends SymbolPalette implements ICo
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SymbolPaletteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SymbolPaletteComponent, "ejs-symbolpalette", never, { "accessKey": "accessKey"; "allowDrag": "allowDrag"; "connectorDefaults": "connectorDefaults"; "enableAnimation": "enableAnimation"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableSearch": "enableSearch"; "expandMode": "expandMode"; "filterSymbols": "filterSymbols"; "getConnectorDefaults": "getConnectorDefaults"; "getNodeDefaults": "getNodeDefaults"; "getSymbolInfo": "getSymbolInfo"; "getSymbolTemplate": "getSymbolTemplate"; "height": "height"; "ignoreSymbolsOnSearch": "ignoreSymbolsOnSearch"; "locale": "locale"; "nodeDefaults": "nodeDefaults"; "palettes": "palettes"; "symbolDragSize": "symbolDragSize"; "symbolHeight": "symbolHeight"; "symbolInfo": "symbolInfo"; "symbolMargin": "symbolMargin"; "symbolPreview": "symbolPreview"; "symbolWidth": "symbolWidth"; "width": "width"; }, { "paletteExpanding": "paletteExpanding"; "paletteSelectionChange": "paletteSelectionChange"; }, ["childPalettes"], never>;
 }

package/src/symbol-palette/symbolpalette.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./symbolpalette.component";
-import * as i2 from "./palettes.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the SymbolPalette component.
  */
 export declare class SymbolPaletteModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SymbolPaletteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SymbolPaletteModule, [typeof i1.SymbolPaletteComponent, typeof i2.PaletteDirective, typeof i2.PalettesDirective], [typeof i3.CommonModule], [typeof i1.SymbolPaletteComponent, typeof i2.PaletteDirective, typeof i2.PalettesDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SymbolPaletteModule>;
 }

package/styles/diagram/bootstrap-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/bootstrap-dark.scss';

package/styles/diagram/bootstrap.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/bootstrap.scss';

package/styles/diagram/bootstrap4.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/bootstrap4.scss';

package/styles/diagram/bootstrap5-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/bootstrap5-dark.scss';

package/styles/diagram/bootstrap5.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/bootstrap5.scss';

package/styles/diagram/fabric-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/fabric-dark.scss';

package/styles/diagram/fabric.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/fabric.scss';

package/styles/diagram/fluent-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/fluent-dark.scss';

package/styles/diagram/fluent.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/fluent.scss';

package/styles/diagram/highcontrast-light.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/highcontrast-light.scss';

package/styles/diagram/highcontrast.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/highcontrast.scss';

package/styles/diagram/material-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/material-dark.scss';

package/styles/diagram/material.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/material.scss';

package/styles/diagram/tailwind-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/tailwind-dark.scss';

package/styles/diagram/tailwind.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'all.scss';
+@import 'ej2-diagrams/styles/diagram/tailwind.scss';

package/esm2020/public_api.mjs

@@ -1,3 +0,0 @@
-// Mapping root file for package generation
-export * from './src/index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkNBQTJDO0FBQzNDLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gTWFwcGluZyByb290IGZpbGUgZm9yIHBhY2thZ2UgZ2VuZXJhdGlvblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvaW5kZXgnOyJdfQ==