@syncfusion/ej2-angular-diagrams 20.2.39-ngcc → 20.2.39

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

@@ -1,5 +1,6 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+import * as i0 from "@angular/core";
 /**
  * Nodes Directive
  * ```html
@@ -131,6 +132,8 @@ 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
@@ -138,4 +141,6 @@ 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,5 +1,6 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+import * as i0 from "@angular/core";
 /**
  * Nodes Directive
  * ```html
@@ -87,6 +88,8 @@ 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
@@ -94,4 +97,6 @@ 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,5 +1,6 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+import * as i0 from "@angular/core";
 /**
  * Nodes Directive
  * ```html
@@ -34,13 +35,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;
@@ -116,7 +117,7 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
      * Defines the type of the container
      * @aspdefaultvalueignore
      * @default null
-
+     * @deprecated
      */
     container: any;
     /**
@@ -266,7 +267,7 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
     /**
      * Used to define the rows for the grid container
      * @aspdefaultvalueignore
-
+     * @deprecated
      * @default undefined
      */
     rows: any;
@@ -318,7 +319,7 @@ export declare class NodeDirective extends ComplexBase<NodeDirective> {
     /**
      * Sets or gets the UI of a node
      * @default null
-
+     * @deprecated
      */
     wrapper: any;
     /**
@@ -327,6 +328,8 @@ 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
@@ -334,4 +337,6 @@ 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,5 +1,6 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+import * as i0 from "@angular/core";
 /**
  * Nodes Directive
  * ```html
@@ -117,6 +118,8 @@ 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
@@ -124,4 +127,6 @@ 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,5 +1,11 @@
+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,6 +1,7 @@
 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[];
@@ -26,4 +27,6 @@ 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,5 +1,11 @@
+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,5 +1,6 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+import * as i0 from "@angular/core";
 /**
  * Palette Directive
  * ```html
@@ -41,6 +42,8 @@ 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
@@ -48,4 +51,6 @@ 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,5 +1,11 @@
+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,6 +2,7 @@ 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[];
@@ -29,4 +30,6 @@ 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,5 +1,12 @@
+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/bootstrap-dark.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #dfdfdf !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0070f0;
@@ -342,6 +344,7 @@
   stroke: #0070f0;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +360,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/bootstrap.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #317ab9;
@@ -342,6 +344,7 @@
   stroke: #317ab9;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +360,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/bootstrap4.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #007bff;
   stroke: #007bff;
@@ -342,6 +344,7 @@
   stroke: #007bff;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +360,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/bootstrap5-dark.css

@@ -81,6 +81,7 @@
   content: "\e58c";
 }
 
+/* stylelint-disable-line length-zero-no-unit */
 .e-icons {
   font-family: "e-icons";
   font-style: normal;
@@ -205,6 +206,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +219,7 @@
   background-color: #dee2e6 !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0d6efd;
@@ -342,6 +345,7 @@
   stroke: #0d6efd;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +361,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/bootstrap5.css

@@ -81,6 +81,7 @@
   content: "\e58c";
 }
 
+/* stylelint-disable-line length-zero-no-unit */
 .e-icons {
   font-family: "e-icons";
   font-style: normal;
@@ -205,6 +206,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +219,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0d6efd;
@@ -342,6 +345,7 @@
   stroke: #0d6efd;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +361,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/_all.scss

@@ -0,0 +1 @@
+@import 'theme.scss';

package/styles/diagram/_bootstrap-dark-definition.scss

@@ -0,0 +1,104 @@
+@import 'definition.scss';
+
+$skin-name: 'bootstrap-dark';
+
+//layout variables
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-symbolpalette-shape-radius: 4px;
+$diagram-ruler-font-size: 10px;
+$diagram-tooltip: none;
+
+//normal
+$diagram-resize-handle-disable-color: $grey-cc;
+$diagram-border-stroke-disabled: $grey-cc;
+$diagram-resize-handle-disable-stroke: $brand-primary-font;
+$diagram-rotate-handle-color: $brand-primary;
+$diagram-bezier-handle-color: $brand-primary-font;
+
+$diagram-symbolpalette-hover: lighten($grey-cc, 5%);
+$diagram-symbolpalette-selected: $grey-cc;
+
+$diagram-ruler-color: $grey-dark-font;
+$diagram-ruler-marker-stroke: $brand-primary;
+$diagram-ruler-marker-background-color: $grey;
+$diagram-ruler-label-fill: lighten($grey-cc, 10%);
+$diagram-ruler-tick-stroke: $grey-f8;
+
+//end normal
+
+//primary
+$diagram-endpoint-handle-color: $brand-primary-font;
+$diagram-endpoint-handle-connected-border: $brand-primary-font;
+$diagram-endpoint-handle-connected-color: $brand-primary;
+
+$diagram-resize-handle-color: $brand-primary;
+$diagram-resize-handle-stroke: $brand-primary;
+$diagram-border-stroke: $brand-primary-darken-10;
+
+$diagram-bezier-line-color: $brand-primary;
+
+$palette-background-color: lighten($grey-cc, 20%);
+
+$diagram-highlighter-stroke: $brand-primary;
+$diagram-selected-region-stroke: $brand-primary;
+$diagram-pivot-line-stroke: $brand-primary;
+
+$diagram-helper-stroke: $brand-primary;
+
+$diagram-text-edit-selection-color: $brand-primary-font;
+$diagram-text-edit-selection-background: $brand-primary;
+
+$diagram-background-color: $brand-primary-font;
+
+$diagram-editbox-background: $brand-primary-font;
+$diagram-editbox-fontcolor: $gray-base;
+
+$diagram-border-strokes: $brand-primary-darken-10;
+$diagram-lane-border-strokes: $brand-primary;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+//end primary
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-bootstrap-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e5a1'; }
+    .e-bringfront::before{ content: '\e5a2'; }
+    .e-sendback::before{ content: '\e5a3'; }
+    .e-sendbackward::before{ content: '\e5a4'; }
+    .e-delete::before{ content: '\e94a'; }
+    .e-ungroup::before{ content: '\e5a6'; }
+    .e-group::before{ content: '\e5a7'; }
+    .e-undo::before{ content: '\e341'; }
+    .e-redo::before{ content: '\e354'; }
+    .e-copy::before{ content: '\e33d'; }
+    .e-cut::before{ content: '\e33b'; }
+    .e-save::before{ content: '\ebc2'; }
+    .e-paste::before{ content: '\e355'; }
+    .e-zoomin::before{ content: '\e349'; }
+    .e-italic::before{ content: '\e35a'; }
+    .e-close::before{ content: '\ea7b'; }
+    .e-pan::before{ content: '\ebcb'; }
+    .e-bold::before{ content: '\e339'; }
+    .e-underline::before{ content: '\e343'; }
+    .e-zoomout::before{ content: '\e351'; }
+    .e-export::before{ content: '\e702'; }
+    .e-print::before{ content: '\e34b'; }
+    .e-order::before{ content: '\e4a4'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e60e'; }
+  }
+}

package/styles/diagram/_bootstrap-definition.scss

@@ -0,0 +1,104 @@
+@import 'definition.scss';
+
+$skin-name: 'bootstrap';
+
+//layout variables
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-symbolpalette-shape-radius: 4px;
+$diagram-ruler-font-size: 10px;
+$diagram-tooltip: none;
+
+//normal
+$diagram-resize-handle-disable-color: $grey-cc;
+$diagram-border-stroke-disabled: $grey-cc;
+$diagram-resize-handle-disable-stroke: $brand-primary-font;
+$diagram-rotate-handle-color: $brand-primary;
+$diagram-bezier-handle-color: $brand-primary-font;
+
+$diagram-symbolpalette-hover: $grey-f5;
+$diagram-symbolpalette-selected: $grey-cc;
+
+$palette-background-color: #fff;
+
+$diagram-ruler-color: $grey-8c;
+$diagram-ruler-marker-stroke: $brand-primary;
+$diagram-ruler-marker-background-color: $grey-f8;
+$diagram-ruler-label-fill: $grey-44;
+$diagram-ruler-tick-stroke: $grey-dd;
+
+//end normal
+
+//primary
+$diagram-endpoint-handle-color: $brand-primary-font;
+$diagram-endpoint-handle-connected-border: $brand-primary-font;
+$diagram-endpoint-handle-connected-color: $brand-primary;
+
+$diagram-resize-handle-color: $brand-primary;
+$diagram-resize-handle-stroke: $brand-primary;
+$diagram-border-stroke: $brand-primary-darken-10;
+
+$diagram-bezier-line-color: $brand-primary;
+
+$diagram-highlighter-stroke: $brand-primary;
+$diagram-selected-region-stroke: $brand-primary;
+$diagram-pivot-line-stroke: $brand-primary;
+
+$diagram-helper-stroke: $brand-primary;
+
+$diagram-text-edit-selection-color: $brand-primary-font;
+$diagram-text-edit-selection-background: $brand-primary;
+
+$diagram-background-color: $brand-primary-font;
+
+$diagram-editbox-background: $brand-primary-font;
+$diagram-editbox-fontcolor: $gray-base;
+
+$diagram-border-strokes: $brand-primary-darken-10;
+$diagram-lane-border-strokes: $brand-primary;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+//end primary
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-bootstrap-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e5a1'; }
+    .e-bringfront::before{ content: '\e5a2'; }
+    .e-sendback::before{ content: '\e5a3'; }
+    .e-sendbackward::before{ content: '\e5a4'; }
+    .e-delete::before{ content: '\e94a'; }
+    .e-ungroup::before{ content: '\e5a6'; }
+    .e-group::before{ content: '\e5a7'; }
+    .e-undo::before{ content: '\e341'; }
+    .e-redo::before{ content: '\e354'; }
+    .e-copy::before{ content: '\e33d'; }
+    .e-cut::before{ content: '\e33b'; }
+    .e-save::before{ content: '\ebc2'; }
+    .e-paste::before{ content: '\e355'; }
+    .e-zoomin::before{ content: '\e349'; }
+    .e-italic::before{ content: '\e35a'; }
+    .e-close::before{ content: '\ea7b'; }
+    .e-pan::before{ content: '\ebcb'; }
+    .e-bold::before{ content: '\e339'; }
+    .e-underline::before{ content: '\e343'; }
+    .e-zoomout::before{ content: '\e351'; }
+    .e-export::before{ content: '\e702'; }
+    .e-print::before{ content: '\e34b'; }
+    .e-order::before{ content: '\e4a4'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e60e'; }
+  }
+}