npm - @syncfusion/ej2-angular-diagrams - Versions diffs - 20.4.54 → 21.1.35-ngcc - Mend

@syncfusion/ej2-angular-diagrams 20.4.54 → 21.1.35-ngcc

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 (127) hide show

package/@syncfusion/ej2-angular-diagrams.es5.js +1324 -0
package/@syncfusion/ej2-angular-diagrams.es5.js.map +1 -0
package/@syncfusion/ej2-angular-diagrams.js +1243 -0
package/@syncfusion/ej2-angular-diagrams.js.map +1 -0
package/CHANGELOG.md +1901 -0
package/dist/ej2-angular-diagrams.umd.js +1733 -0
package/dist/ej2-angular-diagrams.umd.js.map +1 -0
package/dist/ej2-angular-diagrams.umd.min.js +11 -0
package/dist/ej2-angular-diagrams.umd.min.js.map +1 -0
package/ej2-angular-diagrams.d.ts +7 -0
package/ej2-angular-diagrams.metadata.json +1 -0
package/package.json +15 -29
package/postinstall/tagchange.js +18 -0
package/schematics/utils/lib-details.d.ts +2 -2
package/schematics/utils/lib-details.js +2 -2
package/schematics/utils/lib-details.ts +2 -2
package/src/diagram/connector-annotation.directive.d.ts +0 -5
package/src/diagram/connector-fixeduserhandle.directive.d.ts +0 -5
package/src/diagram/connectors.directive.d.ts +1 -6
package/src/diagram/customcursor.directive.d.ts +0 -5
package/src/diagram/diagram-all.module.d.ts +0 -6
package/src/diagram/diagram.component.d.ts +1 -3
package/src/diagram/diagram.module.d.ts +0 -15
package/src/diagram/layers.directive.d.ts +0 -5
package/src/diagram/node-annotation.directive.d.ts +0 -5
package/src/diagram/node-fixeduserhandle.directive.d.ts +0 -5
package/src/diagram/nodes.directive.d.ts +5 -10
package/src/diagram/ports.directive.d.ts +0 -5
package/src/overview/overview-all.module.d.ts +0 -6
package/src/overview/overview.component.d.ts +0 -3
package/src/overview/overview.module.d.ts +0 -6
package/src/symbol-palette/palettes.directive.d.ts +0 -5
package/src/symbol-palette/symbolpalette-all.module.d.ts +0 -6
package/src/symbol-palette/symbolpalette.component.d.ts +0 -3
package/src/symbol-palette/symbolpalette.module.d.ts +0 -7
package/styles/bootstrap-dark.css +22 -11
package/styles/bootstrap.css +22 -11
package/styles/bootstrap4.css +22 -11
package/styles/bootstrap5-dark.css +24 -13
package/styles/bootstrap5.css +24 -13
package/styles/diagram/bootstrap-dark.css +22 -11
package/styles/diagram/bootstrap-dark.scss +1 -3
package/styles/diagram/bootstrap.css +22 -11
package/styles/diagram/bootstrap.scss +1 -3
package/styles/diagram/bootstrap4.css +22 -11
package/styles/diagram/bootstrap4.scss +1 -3
package/styles/diagram/bootstrap5-dark.css +24 -13
package/styles/diagram/bootstrap5-dark.scss +1 -3
package/styles/diagram/bootstrap5.css +24 -13
package/styles/diagram/bootstrap5.scss +1 -3
package/styles/diagram/fabric-dark.css +22 -11
package/styles/diagram/fabric-dark.scss +1 -3
package/styles/diagram/fabric.css +22 -11
package/styles/diagram/fabric.scss +1 -3
package/styles/diagram/fluent-dark.css +24 -13
package/styles/diagram/fluent-dark.scss +1 -3
package/styles/diagram/fluent.css +24 -13
package/styles/diagram/fluent.scss +1 -3
package/styles/diagram/highcontrast-light.css +22 -11
package/styles/diagram/highcontrast-light.scss +1 -3
package/styles/diagram/highcontrast.css +22 -11
package/styles/diagram/highcontrast.scss +1 -3
package/styles/diagram/material-dark.css +22 -11
package/styles/diagram/material-dark.scss +1 -3
package/styles/diagram/material.css +22 -11
package/styles/diagram/material.scss +1 -3
package/styles/diagram/tailwind-dark.css +23 -12
package/styles/diagram/tailwind-dark.scss +1 -3
package/styles/diagram/tailwind.css +23 -12
package/styles/diagram/tailwind.scss +1 -3
package/styles/fabric-dark.css +22 -11
package/styles/fabric.css +22 -11
package/styles/fluent-dark.css +24 -13
package/styles/fluent.css +24 -13
package/styles/highcontrast-light.css +22 -11
package/styles/highcontrast.css +22 -11
package/styles/material-dark.css +22 -11
package/styles/material.css +22 -11
package/styles/tailwind-dark.css +23 -12
package/styles/tailwind.css +23 -12
package/esm2020/public_api.mjs +0 -3
package/esm2020/src/diagram/connector-annotation.directive.mjs +0 -59
package/esm2020/src/diagram/connector-fixeduserhandle.directive.mjs +0 -59
package/esm2020/src/diagram/connectors.directive.mjs +0 -60
package/esm2020/src/diagram/customcursor.directive.mjs +0 -54
package/esm2020/src/diagram/diagram-all.module.mjs +0 -77
package/esm2020/src/diagram/diagram.component.mjs +0 -217
package/esm2020/src/diagram/diagram.module.mjs +0 -106
package/esm2020/src/diagram/layers.directive.mjs +0 -54
package/esm2020/src/diagram/node-annotation.directive.mjs +0 -59
package/esm2020/src/diagram/node-fixeduserhandle.directive.mjs +0 -59
package/esm2020/src/diagram/nodes.directive.mjs +0 -62
package/esm2020/src/diagram/ports.directive.mjs +0 -59
package/esm2020/src/index.mjs +0 -21
package/esm2020/src/overview/overview-all.module.mjs +0 -23
package/esm2020/src/overview/overview.component.mjs +0 -60
package/esm2020/src/overview/overview.module.mjs +0 -25
package/esm2020/src/symbol-palette/palettes.directive.mjs +0 -52
package/esm2020/src/symbol-palette/symbolpalette-all.module.mjs +0 -23
package/esm2020/src/symbol-palette/symbolpalette.component.mjs +0 -71
package/esm2020/src/symbol-palette/symbolpalette.module.mjs +0 -34
package/esm2020/syncfusion-ej2-angular-diagrams.mjs +0 -5
package/fesm2015/syncfusion-ej2-angular-diagrams.mjs +0 -1135
package/fesm2015/syncfusion-ej2-angular-diagrams.mjs.map +0 -1
package/fesm2020/syncfusion-ej2-angular-diagrams.mjs +0 -1135
package/fesm2020/syncfusion-ej2-angular-diagrams.mjs.map +0 -1
package/styles/diagram/_all.scss +0 -1
package/styles/diagram/_bootstrap-dark-definition.scss +0 -104
package/styles/diagram/_bootstrap-definition.scss +0 -104
package/styles/diagram/_bootstrap4-definition.scss +0 -98
package/styles/diagram/_bootstrap5-dark-definition.scss +0 -1
package/styles/diagram/_bootstrap5-definition.scss +0 -103
package/styles/diagram/_definition.scss +0 -77
package/styles/diagram/_fabric-dark-definition.scss +0 -96
package/styles/diagram/_fabric-definition.scss +0 -96
package/styles/diagram/_fluent-dark-definition.scss +0 -1
package/styles/diagram/_fluent-definition.scss +0 -103
package/styles/diagram/_fusionnew-definition.scss +0 -103
package/styles/diagram/_highcontrast-definition.scss +0 -106
package/styles/diagram/_highcontrast-light-definition.scss +0 -105
package/styles/diagram/_material-dark-definition.scss +0 -96
package/styles/diagram/_material-definition.scss +0 -96
package/styles/diagram/_material3-definition.scss +0 -103
package/styles/diagram/_tailwind-dark-definition.scss +0 -1
package/styles/diagram/_tailwind-definition.scss +0 -103
package/styles/diagram/_theme.scss +0 -201
package/syncfusion-ej2-angular-diagrams.d.ts +0 -5

package/styles/bootstrap.css CHANGED Viewed

@@ -205,6 +205,12 @@
   stroke: #fff;
 }
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #ccc;
+  opacity: 1;
+  stroke: #fff;
+}
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -214,23 +220,28 @@
   opacity: 1 !important;
 }
-.e-symbolpalette .e-acrdn-content {
-  background-color: #fff !important;
+.e-diagram-bezier-control-handle {
+  fill: #fff;
+  stroke: #317ab9;
 }
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #fff;
   stroke: #317ab9;
 }
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #317ab9;
 }
 .e-diagram-resize-handle {
   fill: #317ab9;
-  stroke: #317ab9;
+  stroke: #fff;
   stroke: #fff;
 }
@@ -249,21 +260,21 @@
   stroke: #317ab9;
 }
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #3071a9;
 }
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #ccc;
 }
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #3071a9;
   stroke-width: 2;
 }
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #317ab9;
   stroke-width: 2;
 }
@@ -336,7 +347,7 @@
   padding-left: 28px;
 }
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #317ab9;
 }

package/styles/bootstrap4.css CHANGED Viewed

@@ -205,6 +205,12 @@
   stroke: #fff;
 }
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #ced4da;
+  opacity: 1;
+  stroke: #fff;
+}
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -214,23 +220,28 @@
   opacity: 1 !important;
 }
-.e-symbolpalette .e-acrdn-content {
-  background-color: #fff !important;
+.e-diagram-bezier-control-handle {
+  fill: #007bff;
+  stroke: #007bff;
 }
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #007bff;
   stroke: #007bff;
 }
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #007bff;
 }
 .e-diagram-resize-handle {
   fill: #007bff;
-  stroke: #007bff;
+  stroke: #fff;
   stroke: #fff;
 }
@@ -249,21 +260,21 @@
   stroke: #007bff;
 }
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #007bff;
 }
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #ced4da;
 }
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #007bff;
   stroke-width: 2;
 }
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #007bff;
   stroke-width: 2;
 }
@@ -336,7 +347,7 @@
   padding-left: 28px;
 }
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #007bff;
 }

package/styles/bootstrap5-dark.css CHANGED Viewed

@@ -2,7 +2,7 @@
   font-family: "e-icons";
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   line-height: 1;
   text-transform: none;
 }
@@ -86,7 +86,7 @@
   font-family: "e-icons";
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   line-height: 1;
   text-transform: none;
 }
@@ -206,6 +206,12 @@
   stroke: #fff;
 }
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #adb5bd;
+  opacity: 1;
+  stroke: #fff;
+}
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -215,23 +221,28 @@
   opacity: 1 !important;
 }
-.e-symbolpalette .e-acrdn-content {
-  background-color: #dee2e6 !important;
+.e-diagram-bezier-control-handle {
+  fill: #fff;
+  stroke: #0d6efd;
 }
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #fff;
   stroke: #0d6efd;
 }
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #dee2e6 !important;
+}
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #0d6efd;
 }
 .e-diagram-resize-handle {
   fill: #0d6efd;
-  stroke: #0d6efd;
+  stroke: #fff;
   stroke: #fff;
 }
@@ -250,21 +261,21 @@
   stroke: #0d6efd;
 }
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #0d6efd;
 }
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #adb5bd;
 }
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #0d6efd;
   stroke-width: 2;
 }
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #0d6efd;
   stroke-width: 2;
 }
@@ -337,7 +348,7 @@
   padding-left: 28px;
 }
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #0d6efd;
 }

package/styles/bootstrap5.css CHANGED Viewed

@@ -2,7 +2,7 @@
   font-family: "e-icons";
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   line-height: 1;
   text-transform: none;
 }
@@ -86,7 +86,7 @@
   font-family: "e-icons";
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   line-height: 1;
   text-transform: none;
 }
@@ -206,6 +206,12 @@
   stroke: #fff;
 }
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #adb5bd;
+  opacity: 1;
+  stroke: #fff;
+}
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -215,23 +221,28 @@
   opacity: 1 !important;
 }
-.e-symbolpalette .e-acrdn-content {
-  background-color: #fff !important;
+.e-diagram-bezier-control-handle {
+  fill: #fff;
+  stroke: #0d6efd;
 }
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #fff;
   stroke: #0d6efd;
 }
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #0d6efd;
 }
 .e-diagram-resize-handle {
   fill: #0d6efd;
-  stroke: #0d6efd;
+  stroke: #fff;
   stroke: #fff;
 }
@@ -250,21 +261,21 @@
   stroke: #0d6efd;
 }
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #0d6efd;
 }
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #adb5bd;
 }
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #0d6efd;
   stroke-width: 2;
 }
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #0d6efd;
   stroke-width: 2;
 }
@@ -337,7 +348,7 @@
   padding-left: 28px;
 }
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #0d6efd;
 }

package/styles/diagram/bootstrap-dark.css CHANGED Viewed

@@ -205,6 +205,12 @@
   stroke: #fff;
 }
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #acacac;
+  opacity: 1;
+  stroke: #fff;
+}
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -214,23 +220,28 @@
   opacity: 1 !important;
 }
-.e-symbolpalette .e-acrdn-content {
-  background-color: #dfdfdf !important;
+.e-diagram-bezier-control-handle {
+  fill: #fff;
+  stroke: #0070f0;
 }
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #fff;
   stroke: #0070f0;
 }
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #dfdfdf !important;
+}
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #0070f0;
 }
 .e-diagram-resize-handle {
   fill: #0070f0;
-  stroke: #0070f0;
+  stroke: #fff;
   stroke: #fff;
 }
@@ -249,21 +260,21 @@
   stroke: #0070f0;
 }
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #0058bd;
 }
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #acacac;
 }
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #0058bd;
   stroke-width: 2;
 }
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #0070f0;
   stroke-width: 2;
 }
@@ -336,7 +347,7 @@
   padding-left: 28px;
 }
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #0070f0;
 }

package/styles/diagram/bootstrap-dark.scss CHANGED Viewed

@@ -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.css CHANGED Viewed

@@ -205,6 +205,12 @@
   stroke: #fff;
 }
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #ccc;
+  opacity: 1;
+  stroke: #fff;
+}
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -214,23 +220,28 @@
   opacity: 1 !important;
 }
-.e-symbolpalette .e-acrdn-content {
-  background-color: #fff !important;
+.e-diagram-bezier-control-handle {
+  fill: #fff;
+  stroke: #317ab9;
 }
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #fff;
   stroke: #317ab9;
 }
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #317ab9;
 }
 .e-diagram-resize-handle {
   fill: #317ab9;
-  stroke: #317ab9;
+  stroke: #fff;
   stroke: #fff;
 }
@@ -249,21 +260,21 @@
   stroke: #317ab9;
 }
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #3071a9;
 }
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #ccc;
 }
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #3071a9;
   stroke-width: 2;
 }
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #317ab9;
   stroke-width: 2;
 }
@@ -336,7 +347,7 @@
   padding-left: 28px;
 }
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #317ab9;
 }

package/styles/diagram/bootstrap.scss CHANGED Viewed

@@ -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.css CHANGED Viewed

@@ -205,6 +205,12 @@
   stroke: #fff;
 }
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #ced4da;
+  opacity: 1;
+  stroke: #fff;
+}
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -214,23 +220,28 @@
   opacity: 1 !important;
 }
-.e-symbolpalette .e-acrdn-content {
-  background-color: #fff !important;
+.e-diagram-bezier-control-handle {
+  fill: #007bff;
+  stroke: #007bff;
 }
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #007bff;
   stroke: #007bff;
 }
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #007bff;
 }
 .e-diagram-resize-handle {
   fill: #007bff;
-  stroke: #007bff;
+  stroke: #fff;
   stroke: #fff;
 }
@@ -249,21 +260,21 @@
   stroke: #007bff;
 }
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #007bff;
 }
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #ced4da;
 }
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #007bff;
   stroke-width: 2;
 }
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #007bff;
   stroke-width: 2;
 }
@@ -336,7 +347,7 @@
   padding-left: 28px;
 }
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #007bff;
 }

package/styles/diagram/bootstrap4.scss CHANGED Viewed

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