@syncfusion/ej2-angular-diagrams 20.2.49 → 20.3.47-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 (203) hide show
  1. package/@syncfusion/ej2-angular-diagrams.es5.js +1324 -0
  2. package/@syncfusion/ej2-angular-diagrams.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-diagrams.js +1243 -0
  4. package/@syncfusion/ej2-angular-diagrams.js.map +1 -0
  5. package/CHANGELOG.md +1776 -0
  6. package/dist/ej2-angular-diagrams.umd.js +1733 -0
  7. package/dist/ej2-angular-diagrams.umd.js.map +1 -0
  8. package/dist/ej2-angular-diagrams.umd.min.js +11 -0
  9. package/dist/ej2-angular-diagrams.umd.min.js.map +1 -0
  10. package/ej2-angular-diagrams.d.ts +7 -0
  11. package/ej2-angular-diagrams.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/collection.json +35 -0
  15. package/schematics/generators/diagram-default-functionalities/index.d.ts +3 -0
  16. package/schematics/generators/diagram-default-functionalities/index.js +8 -0
  17. package/schematics/generators/diagram-default-functionalities/sample-details.d.ts +5 -0
  18. package/schematics/generators/diagram-default-functionalities/sample-details.js +7 -0
  19. package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  20. package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +125 -0
  21. package/schematics/generators/diagram-default-functionalities/schema.d.ts +3 -0
  22. package/schematics/generators/diagram-default-functionalities/schema.js +2 -0
  23. package/schematics/generators/diagram-default-functionalities/schema.json +125 -0
  24. package/schematics/generators/diagram-hierarchical-tree/index.d.ts +3 -0
  25. package/schematics/generators/diagram-hierarchical-tree/index.js +8 -0
  26. package/schematics/generators/diagram-hierarchical-tree/sample-details.d.ts +5 -0
  27. package/schematics/generators/diagram-hierarchical-tree/sample-details.js +7 -0
  28. package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  29. package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +13 -0
  30. package/schematics/generators/diagram-hierarchical-tree/schema.d.ts +3 -0
  31. package/schematics/generators/diagram-hierarchical-tree/schema.js +2 -0
  32. package/schematics/generators/diagram-hierarchical-tree/schema.json +125 -0
  33. package/schematics/generators/diagram-organization-chart/index.d.ts +3 -0
  34. package/schematics/generators/diagram-organization-chart/index.js +8 -0
  35. package/schematics/generators/diagram-organization-chart/sample-details.d.ts +5 -0
  36. package/schematics/generators/diagram-organization-chart/sample-details.js +7 -0
  37. package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  38. package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +66 -0
  39. package/schematics/generators/diagram-organization-chart/schema.d.ts +3 -0
  40. package/schematics/generators/diagram-organization-chart/schema.js +2 -0
  41. package/schematics/generators/diagram-organization-chart/schema.json +125 -0
  42. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Clayton.png +0 -0
  43. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Jenny.png +0 -0
  44. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/John.png +0 -0
  45. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Maria.png +0 -0
  46. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Paul.png +0 -0
  47. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Robin.png +0 -0
  48. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Thomas.png +0 -0
  49. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/eric.png +0 -0
  50. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/female.png +0 -0
  51. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image12.png +0 -0
  52. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image2.png +0 -0
  53. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image3.png +0 -0
  54. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image50.png +0 -0
  55. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image51.png +0 -0
  56. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image53.png +0 -0
  57. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image54.png +0 -0
  58. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image55.png +0 -0
  59. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image56.png +0 -0
  60. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image57.png +0 -0
  61. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/images7.png +0 -0
  62. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/images9.png +0 -0
  63. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/male.png +0 -0
  64. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/moreinfo.png +0 -0
  65. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/smith.png +0 -0
  66. package/schematics/generators/diagram-overview/index.d.ts +3 -0
  67. package/schematics/generators/diagram-overview/index.js +8 -0
  68. package/schematics/generators/diagram-overview/sample-details.d.ts +5 -0
  69. package/schematics/generators/diagram-overview/sample-details.js +7 -0
  70. package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  71. package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +19 -0
  72. package/schematics/generators/diagram-overview/schema.d.ts +3 -0
  73. package/schematics/generators/diagram-overview/schema.js +2 -0
  74. package/schematics/generators/diagram-overview/schema.json +125 -0
  75. package/schematics/generators/diagram-radial-tree/index.d.ts +3 -0
  76. package/schematics/generators/diagram-radial-tree/index.js +8 -0
  77. package/schematics/generators/diagram-radial-tree/sample-details.d.ts +5 -0
  78. package/schematics/generators/diagram-radial-tree/sample-details.js +7 -0
  79. package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  80. package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +7 -0
  81. package/schematics/generators/diagram-radial-tree/schema.d.ts +3 -0
  82. package/schematics/generators/diagram-radial-tree/schema.js +2 -0
  83. package/schematics/generators/diagram-radial-tree/schema.json +125 -0
  84. package/schematics/ng-add/index.d.ts +3 -0
  85. package/schematics/ng-add/index.js +9 -0
  86. package/schematics/ng-add/schema.d.ts +13 -0
  87. package/schematics/ng-add/schema.js +2 -0
  88. package/schematics/ng-add/schema.json +34 -0
  89. package/schematics/tsconfig.json +25 -0
  90. package/schematics/utils/lib-details.d.ts +4 -0
  91. package/schematics/utils/lib-details.js +6 -0
  92. package/schematics/utils/lib-details.ts +2 -2
  93. package/src/diagram/connector-annotation.directive.d.ts +0 -5
  94. package/src/diagram/connector-fixeduserhandle.directive.d.ts +0 -5
  95. package/src/diagram/connectors.directive.d.ts +1 -6
  96. package/src/diagram/customcursor.directive.d.ts +0 -5
  97. package/src/diagram/diagram-all.module.d.ts +0 -6
  98. package/src/diagram/diagram.component.d.ts +1 -3
  99. package/src/diagram/diagram.module.d.ts +0 -15
  100. package/src/diagram/layers.directive.d.ts +0 -5
  101. package/src/diagram/node-annotation.directive.d.ts +0 -5
  102. package/src/diagram/node-fixeduserhandle.directive.d.ts +0 -5
  103. package/src/diagram/nodes.directive.d.ts +5 -10
  104. package/src/diagram/ports.directive.d.ts +0 -5
  105. package/src/overview/overview-all.module.d.ts +0 -6
  106. package/src/overview/overview.component.d.ts +0 -3
  107. package/src/overview/overview.module.d.ts +0 -6
  108. package/src/symbol-palette/palettes.directive.d.ts +0 -5
  109. package/src/symbol-palette/symbolpalette-all.module.d.ts +0 -6
  110. package/src/symbol-palette/symbolpalette.component.d.ts +0 -3
  111. package/src/symbol-palette/symbolpalette.module.d.ts +0 -7
  112. package/styles/bootstrap-dark.css +6 -1
  113. package/styles/bootstrap.css +6 -1
  114. package/styles/bootstrap4.css +6 -1
  115. package/styles/bootstrap5-dark.css +7 -1
  116. package/styles/bootstrap5.css +7 -1
  117. package/styles/diagram/bootstrap-dark.css +6 -1
  118. package/styles/diagram/bootstrap-dark.scss +1 -3
  119. package/styles/diagram/bootstrap.css +6 -1
  120. package/styles/diagram/bootstrap.scss +1 -3
  121. package/styles/diagram/bootstrap4.css +6 -1
  122. package/styles/diagram/bootstrap4.scss +1 -3
  123. package/styles/diagram/bootstrap5-dark.css +7 -1
  124. package/styles/diagram/bootstrap5-dark.scss +1 -3
  125. package/styles/diagram/bootstrap5.css +7 -1
  126. package/styles/diagram/bootstrap5.scss +1 -3
  127. package/styles/diagram/fabric-dark.css +6 -1
  128. package/styles/diagram/fabric-dark.scss +1 -3
  129. package/styles/diagram/fabric.css +6 -1
  130. package/styles/diagram/fabric.scss +1 -3
  131. package/styles/diagram/fluent-dark.css +7 -1
  132. package/styles/diagram/fluent-dark.scss +1 -3
  133. package/styles/diagram/fluent.css +7 -1
  134. package/styles/diagram/fluent.scss +1 -3
  135. package/styles/diagram/highcontrast-light.css +6 -1
  136. package/styles/diagram/highcontrast-light.scss +1 -3
  137. package/styles/diagram/highcontrast.css +7 -1
  138. package/styles/diagram/highcontrast.scss +1 -3
  139. package/styles/diagram/material-dark.css +6 -1
  140. package/styles/diagram/material-dark.scss +1 -3
  141. package/styles/diagram/material.css +6 -1
  142. package/styles/diagram/material.scss +1 -3
  143. package/styles/diagram/tailwind-dark.css +7 -1
  144. package/styles/diagram/tailwind-dark.scss +1 -3
  145. package/styles/diagram/tailwind.css +7 -1
  146. package/styles/diagram/tailwind.scss +1 -3
  147. package/styles/fabric-dark.css +6 -1
  148. package/styles/fabric.css +6 -1
  149. package/styles/fluent-dark.css +7 -1
  150. package/styles/fluent.css +7 -1
  151. package/styles/highcontrast-light.css +6 -1
  152. package/styles/highcontrast.css +7 -1
  153. package/styles/material-dark.css +6 -1
  154. package/styles/material.css +6 -1
  155. package/styles/tailwind-dark.css +7 -1
  156. package/styles/tailwind.css +7 -1
  157. package/esm2020/public_api.mjs +0 -3
  158. package/esm2020/src/diagram/connector-annotation.directive.mjs +0 -59
  159. package/esm2020/src/diagram/connector-fixeduserhandle.directive.mjs +0 -59
  160. package/esm2020/src/diagram/connectors.directive.mjs +0 -60
  161. package/esm2020/src/diagram/customcursor.directive.mjs +0 -54
  162. package/esm2020/src/diagram/diagram-all.module.mjs +0 -77
  163. package/esm2020/src/diagram/diagram.component.mjs +0 -217
  164. package/esm2020/src/diagram/diagram.module.mjs +0 -106
  165. package/esm2020/src/diagram/layers.directive.mjs +0 -54
  166. package/esm2020/src/diagram/node-annotation.directive.mjs +0 -59
  167. package/esm2020/src/diagram/node-fixeduserhandle.directive.mjs +0 -59
  168. package/esm2020/src/diagram/nodes.directive.mjs +0 -62
  169. package/esm2020/src/diagram/ports.directive.mjs +0 -59
  170. package/esm2020/src/index.mjs +0 -21
  171. package/esm2020/src/overview/overview-all.module.mjs +0 -23
  172. package/esm2020/src/overview/overview.component.mjs +0 -60
  173. package/esm2020/src/overview/overview.module.mjs +0 -25
  174. package/esm2020/src/symbol-palette/palettes.directive.mjs +0 -52
  175. package/esm2020/src/symbol-palette/symbolpalette-all.module.mjs +0 -23
  176. package/esm2020/src/symbol-palette/symbolpalette.component.mjs +0 -71
  177. package/esm2020/src/symbol-palette/symbolpalette.module.mjs +0 -34
  178. package/esm2020/syncfusion-ej2-angular-diagrams.mjs +0 -5
  179. package/fesm2015/syncfusion-ej2-angular-diagrams.mjs +0 -1135
  180. package/fesm2015/syncfusion-ej2-angular-diagrams.mjs.map +0 -1
  181. package/fesm2020/syncfusion-ej2-angular-diagrams.mjs +0 -1135
  182. package/fesm2020/syncfusion-ej2-angular-diagrams.mjs.map +0 -1
  183. package/styles/diagram/_all.scss +0 -1
  184. package/styles/diagram/_bootstrap-dark-definition.scss +0 -102
  185. package/styles/diagram/_bootstrap-definition.scss +0 -102
  186. package/styles/diagram/_bootstrap4-definition.scss +0 -98
  187. package/styles/diagram/_bootstrap5-dark-definition.scss +0 -1
  188. package/styles/diagram/_bootstrap5-definition.scss +0 -99
  189. package/styles/diagram/_definition.scss +0 -77
  190. package/styles/diagram/_fabric-dark-definition.scss +0 -99
  191. package/styles/diagram/_fabric-definition.scss +0 -99
  192. package/styles/diagram/_fluent-dark-definition.scss +0 -1
  193. package/styles/diagram/_fluent-definition.scss +0 -99
  194. package/styles/diagram/_fusionnew-definition.scss +0 -99
  195. package/styles/diagram/_highcontrast-definition.scss +0 -106
  196. package/styles/diagram/_highcontrast-light-definition.scss +0 -105
  197. package/styles/diagram/_material-dark-definition.scss +0 -96
  198. package/styles/diagram/_material-definition.scss +0 -96
  199. package/styles/diagram/_material3-definition.scss +0 -99
  200. package/styles/diagram/_tailwind-dark-definition.scss +0 -1
  201. package/styles/diagram/_tailwind-definition.scss +0 -99
  202. package/styles/diagram/_theme.scss +0 -202
  203. package/syncfusion-ej2-angular-diagrams.d.ts +0 -5
@@ -1,105 +0,0 @@
1
- @import 'definition.scss';
2
-
3
- $hc-theme-primary: rgb(0, 120, 215);
4
- $hc-theme-dark-font: #fff;
5
- $hc-theme-dark: rgb(0, 90, 158);
6
- $hc-neutral-tertiary: rgb(166, 166, 166);
7
- $hc-grey-dark-font: #fff;
8
- $hc-neutral-light: rgb(234, 234, 234);
9
- $hc-theme-light: rgb(199, 224, 244);
10
- $hc-theme-secondary: #2b88d8;
11
- $hc-neutral-secondary-alt: #767676;
12
-
13
- $diagram-endpoint-handle-color: $hc-theme-primary;
14
- $diagram-endpoint-handle-connected-border: $hc-theme-primary;
15
- $diagram-endpoint-handle-connected-color: $hc-theme-dark-font;
16
-
17
- $diagram-resize-handle-color: $hc-theme-primary;
18
- $diagram-resize-handle-stroke: $hc-theme-dark-font;
19
- $diagram-border-stroke: $hc-theme-dark;
20
-
21
- $palette-background-color: #fff;
22
-
23
- $diagram-resize-handle-disable-color: $hc-neutral-tertiary;
24
- $diagram-resize-handle-disable-stroke: $hc-grey-dark-font;
25
- $diagram-border-stroke-disabled: $hc-neutral-tertiary;
26
-
27
- $diagram-rotate-handle-color: #000;
28
-
29
- $diagram-bezier-handle-color: $hc-theme-dark;
30
- $diagram-bezier-line-color: $hc-theme-dark;
31
-
32
- $diagram-highlighter-stroke: $hc-theme-dark;
33
- $diagram-selected-region-stroke: $hc-theme-primary;
34
- $diagram-pivot-line-stroke: $hc-theme-primary;
35
-
36
- $diagram-helper-stroke: $hc-theme-dark;
37
-
38
- $diagram-text-edit-selection-color: $hc-theme-dark-font;
39
- $diagram-text-edit-selection-background: $hc-theme-primary;
40
-
41
- $diagram-symbolpalette-hover: #685708;
42
- $diagram-symbolpalette-shape-radius: 4px;
43
- $diagram-symbolpalette-selected: $hc-theme-light;
44
-
45
- $diagram-tooltip: none;
46
-
47
- $diagram-ruler-color: $hc-neutral-tertiary;
48
- $diagram-ruler-font-size: 10px;
49
- $diagram-ruler-marker-stroke: $hc-theme-primary;
50
- $diagram-ruler-marker-background-color: $hc-grey-dark-font;
51
- $diagram-ruler-label-fill: $hc-neutral-tertiary;
52
- $diagram-ruler-tick-stroke: $hc-neutral-secondary-alt;
53
-
54
- $diagram-background-color: #fff;
55
-
56
- $diagram-editbox-background: #fff;
57
- $diagram-editbox-fontcolor: #000;
58
- $diagram-border-stroke-width: 2;
59
- $diagram-lane-border-stroke-width: 2;
60
- $diagram-highlighter-border-stroke-width: 2;
61
- $diagram-border-strokes: $hc-theme-dark;
62
- $diagram-lane-border-strokes: #0078ff;
63
-
64
- $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
65
-
66
- .e-icons {
67
- font-family: 'e-icons';
68
- font-style: normal;
69
- font-variant: normal;
70
- font-weight: normal;
71
- line-height: 1;
72
- text-transform: none;
73
- }
74
-
75
- @include export-module('diagram-highcontrast-icons') {
76
- .e-diagram-menu {
77
- .e-bringforward::before { content: '\e5a1'; }
78
- .e-bringfront::before { content: '\e5a2'; }
79
- .e-sendback::before { content: '\e5a3'; }
80
- .e-sendbackward::before { content: '\e5a4'; }
81
- .e-delete::before { content: '\eb00'; }
82
- .e-ungroup::before { content: '\e5a6'; }
83
- .e-group::before { content: '\e5a7'; }
84
- .e-undo::before { content: '\e341'; }
85
- .e-cut::before { content: '\e33b'; }
86
- .e-save::before { content: '\e954'; }
87
- .e-paste::before { content: '\e355'; }
88
- .e-copy::before { content: '\e33d'; }
89
- .e-redo::before { content: '\e354'; }
90
- .e-zoomin::before { content: '\e349'; }
91
- .e-italic::before { content: '\e35a'; }
92
- .e-close::before { content: '\e7fc'; }
93
- .e-pan::before { content: '\ebf3'; }
94
- .e-bold::before { content: '\eb77'; }
95
- .e-underline::before { content: '\e343'; }
96
- .e-zoomout::before { content: '\e351'; }
97
- .e-export::before { content: '\e70f'; }
98
- .e-print::before { content: '\e34b'; }
99
- .e-order::before { content: '\e4a4'; }
100
- }
101
-
102
- .e-symbolpalette {
103
- .e-clear-searchtext::before { content: '\e7fc'; }
104
- }
105
- }
@@ -1,96 +0,0 @@
1
- @import 'definition.scss';
2
-
3
- $skin-name: 'material';
4
- $diagram-endpoint-handle-color: $primary-font;
5
- $diagram-endpoint-handle-connected-border: $primary-font;
6
- $diagram-endpoint-handle-connected-color: $accent;
7
-
8
- $diagram-resize-handle-color: $accent;
9
- $diagram-resize-handle-stroke: $accent;
10
- $diagram-border-stroke: $accent;
11
-
12
- $diagram-resize-handle-disable-color: $grey-400;
13
- $diagram-resize-handle-disable-stroke: $primary-font;
14
- $diagram-border-stroke-disabled: $grey-400;
15
-
16
- $diagram-rotate-handle-color: $accent;
17
-
18
- $diagram-bezier-handle-color: $primary-font;
19
- $diagram-bezier-line-color: $accent;
20
-
21
- $diagram-highlighter-stroke: $accent;
22
- $diagram-selected-region-stroke: $accent;
23
- $diagram-pivot-line-stroke: $accent;
24
-
25
- $diagram-helper-stroke: $accent;
26
-
27
- $diagram-text-edit-selection-color: $primary-font;
28
- $diagram-text-edit-selection-background: $accent;
29
-
30
- $diagram-symbolpalette-hover: $grey-400;
31
- $diagram-symbolpalette-shape-radius: 4px;
32
- $diagram-symbolpalette-selected: $grey-700;
33
-
34
- $diagram-tooltip: none;
35
-
36
- $diagram-ruler-color: $grey-100;
37
- $diagram-ruler-font-size: 10px;
38
- $diagram-ruler-marker-stroke: $accent;
39
- $diagram-ruler-marker-background-color: $grey-800;
40
- $diagram-ruler-label-fill: $grey-400;
41
- $diagram-ruler-tick-stroke: $grey-500;
42
-
43
- $palette-background-color: $grey-300;
44
-
45
- $diagram-background-color: $primary-font;
46
-
47
- $diagram-editbox-background: $primary-font;
48
- $diagram-editbox-fontcolor: $grey-black;
49
- $diagram-border-stroke-width: 2;
50
- $diagram-lane-border-stroke-width: 2;
51
- $diagram-highlighter-border-stroke-width: 2;
52
- $diagram-border-strokes: $primary;
53
- $diagram-lane-border-strokes: $primary;
54
-
55
- $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
56
-
57
- .e-icons {
58
- font-family: 'e-icons';
59
- font-style: normal;
60
- font-variant: normal;
61
- font-weight: normal;
62
- line-height: 1;
63
- text-transform: none;
64
- }
65
-
66
- @include export-module('diagram-material-icons') {
67
- .e-diagram-menu {
68
- .e-bringforward::before { content: '\e5a1'; }
69
- .e-bringfront::before { content: '\e5a2'; }
70
- .e-sendback::before { content: '\e5a3'; }
71
- .e-sendbackward::before { content: '\e5a4'; }
72
- .e-delete::before { content: '\e94a'; }
73
- .e-ungroup::before { content: '\e5a6'; }
74
- .e-group::before { content: '\e5a7'; }
75
- .e-undo::before { content: '\e341'; }
76
- .e-cut::before { content: '\e33b'; }
77
- .e-save::before { content: '\e735'; }
78
- .e-paste::before { content: '\e355'; }
79
- .e-copy::before { content: '\e33d'; }
80
- .e-redo::before { content: '\e354'; }
81
- .e-zoomin::before { content: '\e349'; }
82
- .e-italic::before { content: '\e35a'; }
83
- .e-close::before { content: '\ec0f'; }
84
- .e-pan::before { content: '\ec1a'; }
85
- .e-bold::before { content: '\e339'; }
86
- .e-underline::before { content: '\e343'; }
87
- .e-zoomout::before { content: '\e351'; }
88
- .e-export::before { content: '\e711'; }
89
- .e-print::before { content: '\e34b'; }
90
- .e-order::before { content: '\e4a4'; }
91
- }
92
-
93
- .e-symbolpalette {
94
- .e-clear-searchtext::before { content: '\ec0f'; }
95
- }
96
- }
@@ -1,96 +0,0 @@
1
- @import 'definition.scss';
2
-
3
- $skin-name: 'material';
4
- $diagram-endpoint-handle-color: $primary-font;
5
- $diagram-endpoint-handle-connected-border: $primary-font;
6
- $diagram-endpoint-handle-connected-color: $accent;
7
-
8
- $diagram-resize-handle-color: $accent;
9
- $diagram-resize-handle-stroke: $accent;
10
- $diagram-border-stroke: $accent;
11
-
12
- $diagram-resize-handle-disable-color: $grey-400;
13
- $diagram-resize-handle-disable-stroke: $primary-font;
14
- $diagram-border-stroke-disabled: $grey-400;
15
-
16
- $diagram-rotate-handle-color: $accent;
17
-
18
- $diagram-bezier-handle-color: $primary-font;
19
- $diagram-bezier-line-color: $accent;
20
-
21
- $diagram-highlighter-stroke: $accent;
22
- $diagram-selected-region-stroke: $accent;
23
- $diagram-pivot-line-stroke: $accent;
24
-
25
- $diagram-helper-stroke: $accent;
26
-
27
- $diagram-text-edit-selection-color: $primary-font;
28
- $diagram-text-edit-selection-background: $accent;
29
-
30
- $diagram-symbolpalette-hover: $grey-200;
31
- $diagram-symbolpalette-shape-radius: 4px;
32
- $diagram-symbolpalette-selected: $grey-400;
33
-
34
- $diagram-tooltip: none;
35
-
36
- $diagram-ruler-color: $grey-100;
37
- $diagram-ruler-font-size: 10px;
38
- $diagram-ruler-marker-stroke: $accent;
39
- $diagram-ruler-marker-background-color: $grey-100;
40
- $diagram-ruler-label-fill: $grey-700;
41
- $diagram-ruler-tick-stroke: $grey-400;
42
-
43
- $palette-background-color: #fff;
44
-
45
- $diagram-background-color: $primary-font;
46
-
47
- $diagram-editbox-background: $primary-font;
48
- $diagram-editbox-fontcolor: $grey-black;
49
- $diagram-border-stroke-width: 2;
50
- $diagram-lane-border-stroke-width: 2;
51
- $diagram-highlighter-border-stroke-width: 2;
52
- $diagram-border-strokes: $primary;
53
- $diagram-lane-border-strokes: $primary;
54
-
55
- $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
56
-
57
- .e-icons {
58
- font-family: 'e-icons';
59
- font-style: normal;
60
- font-variant: normal;
61
- font-weight: normal;
62
- line-height: 1;
63
- text-transform: none;
64
- }
65
-
66
- @include export-module('diagram-material-icons') {
67
- .e-diagram-menu {
68
- .e-bringforward::before { content: '\e5a1'; }
69
- .e-bringfront::before { content: '\e5a2'; }
70
- .e-sendback::before { content: '\e5a3'; }
71
- .e-sendbackward::before { content: '\e5a4'; }
72
- .e-delete::before { content: '\e94a'; }
73
- .e-ungroup::before { content: '\e5a6'; }
74
- .e-group::before { content: '\e5a7'; }
75
- .e-undo::before { content: '\e341'; }
76
- .e-cut::before { content: '\e33b'; }
77
- .e-save::before { content: '\e735'; }
78
- .e-paste::before { content: '\e355'; }
79
- .e-copy::before { content: '\e33d'; }
80
- .e-redo::before { content: '\e354'; }
81
- .e-zoomin::before { content: '\e349'; }
82
- .e-italic::before { content: '\e35a'; }
83
- .e-close::before { content: '\ec0f'; }
84
- .e-pan::before { content: '\ec1a'; }
85
- .e-bold::before { content: '\e339'; }
86
- .e-underline::before { content: '\e343'; }
87
- .e-zoomout::before { content: '\e351'; }
88
- .e-export::before { content: '\e711'; }
89
- .e-print::before { content: '\e34b'; }
90
- .e-order::before { content: '\e4a4'; }
91
- }
92
-
93
- .e-symbolpalette {
94
- .e-clear-searchtext::before { content: '\ec0f'; }
95
- }
96
- }
@@ -1,99 +0,0 @@
1
- @import 'definition.scss';
2
-
3
- $skin-name: 'bootstrap5';
4
- //layout variables
5
- $diagram-border-stroke-width: 2;
6
- $diagram-lane-border-stroke-width: 2;
7
- $diagram-highlighter-border-stroke-width: 2;
8
- $diagram-symbolpalette-shape-radius: 00px;
9
- $diagram-tooltip: none;
10
- //normal
11
- $diagram-endpoint-handle-color: $white;
12
- $diagram-endpoint-handle-connected-border: $white;
13
-
14
- $diagram-resize-handle-disable-color: $content-bg-color-alt5;
15
- $diagram-border-stroke-disabled: $content-bg-color-alt5;
16
- $diagram-resize-handle-disable-stroke: $white;
17
- $diagram-rotate-handle-color: $primary;
18
- $diagram-bezier-handle-color: $white;
19
-
20
- $diagram-symbolpalette-hover: $diagram-palette-hover-background;
21
- $diagram-symbolpalette-selected: $diagram-palette-hover-background;
22
-
23
- $diagram-ruler-color: $content-text-color-alt2;
24
- $diagram-ruler-font-size: $text-xxs;
25
- $diagram-ruler-marker-background-color: $content-bg-color-alt1;
26
- $diagram-ruler-label-fill: $content-text-color-alt2;
27
- $diagram-ruler-tick-stroke: $series-3;
28
-
29
- $palette-background-color: $diagram-palette-background;
30
-
31
- $diagram-background-color: $white;
32
- $diagram-editbox-fontcolor: $black;
33
- //end normal
34
- //primary
35
- $diagram-endpoint-handle-connected-color: $primary;
36
-
37
- $diagram-resize-handle-color: $primary;
38
- $diagram-resize-handle-stroke: $primary;
39
-
40
- $diagram-border-stroke: $primary;
41
- $diagram-bezier-line-color: $primary;
42
-
43
- $diagram-highlighter-stroke: $primary;
44
- $diagram-selected-region-stroke: $primary;
45
- $diagram-pivot-line-stroke: $primary;
46
- $diagram-ruler-marker-stroke: $primary;
47
-
48
- $diagram-helper-stroke: $primary;
49
-
50
- $diagram-text-edit-selection-background: $primary;
51
- $diagram-editbox-background: $primary-text-color;
52
-
53
- $diagram-border-strokes: $primary;
54
- $diagram-lane-border-strokes: $primary;
55
- $diagram-text-edit-selection-color: $primary-text-color;
56
-
57
- $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
58
- //end primary
59
-
60
- .e-icons {
61
- font-family: 'e-icons';
62
- font-style: normal;
63
- font-variant: normal;
64
- font-weight: normal;
65
- line-height: 1;
66
- text-transform: none;
67
- }
68
-
69
- @include export-module('diagram-bootstrap-icons') {
70
- .e-diagram-menu {
71
- .e-bringforward::before { content: '\e72f'; }
72
- .e-bringfront::before { content: '\e840'; }
73
- .e-sendback::before { content: '\e78a'; }
74
- .e-sendbackward::before { content: '\e7ed'; }
75
- .e-delete::before { content: '\e94a'; }
76
- .e-ungroup::before { content: '\e749'; }
77
- .e-group::before { content: '\e7f4'; }
78
- .e-undo::before { content: '\e713'; }
79
- .e-redo::before { content: '\e755'; }
80
- .e-copy::before { content: '\e77c'; }
81
- .e-cut::before { content: '\e7fb'; }
82
- .e-save::before { content: '\e7c8'; }
83
- .e-paste::before { content: '\e70b'; }
84
- .e-zoomin::before { content: '\e795'; }
85
- .e-italic::before { content: '\e75a'; }
86
- .e-close::before { content: '\e7e7'; }
87
- .e-pan::before { content: '\e7b1'; }
88
- .e-bold::before { content: '\e737'; }
89
- .e-underline::before { content: '\e82f'; }
90
- .e-zoomout::before { content: '\e825'; }
91
- .e-export::before { content: '\e72e'; }
92
- .e-print::before { content: '\e75d'; }
93
- .e-order::before { content: '\e809'; }
94
- }
95
-
96
- .e-symbolpalette {
97
- .e-clear-searchtext::before { content: '\e754'; }
98
- }
99
- }
@@ -1 +0,0 @@
1
- @import './tailwind-definition.scss';
@@ -1,99 +0,0 @@
1
- @import 'definition.scss';
2
-
3
- $skin-name: 'tailwind';
4
- //layout variables
5
- $diagram-border-stroke-width: 2;
6
- $diagram-lane-border-stroke-width: 2;
7
- $diagram-highlighter-border-stroke-width: 2;
8
- $diagram-symbolpalette-shape-radius: 00px;
9
- $diagram-tooltip: none;
10
- //normal
11
- $diagram-endpoint-handle-color: $white;
12
- $diagram-endpoint-handle-connected-border: $white;
13
-
14
- $diagram-resize-handle-disable-color: $content-bg-color-alt5;
15
- $diagram-border-stroke-disabled: $content-bg-color-alt5;
16
- $diagram-resize-handle-disable-stroke: $white;
17
- $diagram-rotate-handle-color: $primary;
18
- $diagram-bezier-handle-color: $white;
19
-
20
- $diagram-symbolpalette-hover: $diagram-palette-hover-background;
21
- $diagram-symbolpalette-selected: $diagram-palette-hover-background;
22
-
23
- $diagram-ruler-color: $content-text-color-alt2;
24
- $diagram-ruler-font-size: $text-xxs;
25
- $diagram-ruler-marker-background-color: $content-bg-color-alt1;
26
- $diagram-ruler-label-fill: $content-text-color-alt2;
27
- $diagram-ruler-tick-stroke: $series-3;
28
-
29
- $diagram-background-color: $white;
30
- $diagram-editbox-fontcolor: $black;
31
- //end normal
32
- //primary
33
- $diagram-endpoint-handle-connected-color: $primary;
34
-
35
- $diagram-resize-handle-color: $primary;
36
- $diagram-resize-handle-stroke: $primary;
37
-
38
- $diagram-border-stroke: $primary;
39
- $diagram-bezier-line-color: $primary;
40
-
41
- $diagram-highlighter-stroke: $primary;
42
- $diagram-selected-region-stroke: $primary;
43
- $diagram-pivot-line-stroke: $primary;
44
- $diagram-ruler-marker-stroke: $primary;
45
-
46
- $diagram-helper-stroke: $primary;
47
-
48
- $palette-background-color: $diagram-palette-background;
49
-
50
- $diagram-text-edit-selection-background: $primary;
51
- $diagram-editbox-background: $white;
52
-
53
- $diagram-border-strokes: $primary;
54
- $diagram-lane-border-strokes: $primary;
55
- $diagram-text-edit-selection-color: $primary-text-color;
56
-
57
- $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
58
- //end primary
59
-
60
- .e-icons {
61
- font-family: 'e-icons';
62
- font-style: normal;
63
- font-variant: normal;
64
- font-weight: normal;
65
- line-height: 1;
66
- text-transform: none;
67
- }
68
-
69
- @include export-module('diagram-tailwind-icons') {
70
- .e-diagram-menu {
71
- .e-bringforward::before { content: '\e747'; }
72
- .e-bringfront::before { content: '\e744'; }
73
- .e-sendback::before { content: '\e716'; }
74
- .e-sendbackward::before { content: '\e7a3'; }
75
- .e-delete::before { content: '\e844'; }
76
- .e-ungroup::before { content: '\e7a4'; }
77
- .e-group::before { content: '\e74d'; }
78
- .e-undo::before { content: '\e7bd'; }
79
- .e-redo::before { content: '\e7b9'; }
80
- .e-copy::before { content: '\e7ce'; }
81
- .e-cut::before { content: '\e763'; }
82
- .e-save::before { content: '\e704'; }
83
- .e-paste::before { content: '\e75e'; }
84
- .e-zoomin::before { content: '\e70a'; }
85
- .e-italic::before { content: '\e722'; }
86
- .e-close::before { content: '\e771'; }
87
- .e-pan::before { content: '\e712'; }
88
- .e-bold::before { content: '\e79d'; }
89
- .e-underline::before { content: '\e7d4'; }
90
- .e-zoomout::before { content: '\e779'; }
91
- .e-export::before { content: '\e7bf'; }
92
- .e-print::before { content: '\e76c'; }
93
- .e-order::before { content: '\e765'; }
94
- }
95
-
96
- .e-symbolpalette {
97
- .e-clear-searchtext::before { content: '\e737'; }
98
- }
99
- }
@@ -1,202 +0,0 @@
1
- @include export-module('diagram-theme') {
2
-
3
- .e-diagram {
4
- background-color: $diagram-background-color;
5
- display: block;
6
- }
7
-
8
- .e-symbolpalette {
9
- display: block;
10
- }
11
-
12
- .e-overview {
13
- display: block;
14
- }
15
-
16
- .e-content-placeholder.e-diagram.e-placeholder-diagram {
17
- background-size: 100% 100%;
18
- max-height: 500px;
19
- max-width: 500px;
20
- }
21
-
22
- .e-content-placeholder.e-symbolpalette.e-placeholder-symbolpalette {
23
- background-size: 100% 100%;
24
- max-height: 200px;
25
- max-width: 200px;
26
- }
27
-
28
-
29
- .e-diagram-endpoint-handle {
30
- fill: $diagram-endpoint-handle-color;
31
- stroke: $diagram-resize-handle-stroke;
32
- }
33
-
34
- .e-diagram-endpoint-handle.e-connected {
35
- fill: $diagram-endpoint-handle-connected-color;
36
- stroke: $diagram-endpoint-handle-connected-border;
37
- }
38
-
39
- .e-diagram-endpoint-handle.e-disabled {
40
- fill: $diagram-resize-handle-disable-color;
41
- opacity: 1;
42
- stroke: $diagram-resize-handle-disable-stroke;
43
- }
44
-
45
- // sass-lint:disable-all
46
- .e-diagram-bezier-handle.e-source.e-disabled {
47
- opacity: 1 !important;
48
- }
49
-
50
- .e-diagram-bezier-handle.e-target.e-disabled {
51
- opacity: 1 !important;
52
- }
53
-
54
- .e-symbolpalette .e-acrdn-content {
55
- background-color: $palette-background-color !important;
56
- }
57
- // sass-lint:enable-all
58
-
59
- .e-diagram-bezier-handle {
60
- fill: $diagram-bezier-handle-color;
61
- stroke: $diagram-resize-handle-stroke;
62
- }
63
-
64
- .e-diagram-bezier-line {
65
- stroke: $diagram-bezier-line-color;
66
- }
67
-
68
- .e-diagram-resize-handle {
69
- fill: $diagram-resize-handle-color;
70
- stroke: $diagram-resize-handle-stroke;
71
- @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'material' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' or $skin-name == 'FluentUI') {
72
- stroke: $diagram-endpoint-handle-color;
73
- }
74
- }
75
-
76
- .e-diagram-helper {
77
- stroke: $diagram-helper-stroke;
78
- }
79
-
80
- .e-diagram-resize-handle.e-disabled {
81
- fill: $diagram-resize-handle-disable-color;
82
- opacity: 1;
83
- stroke: $diagram-resize-handle-disable-stroke;
84
- }
85
-
86
- .e-diagram-rotate-handle {
87
- fill: $diagram-rotate-handle-color;
88
- stroke: $diagram-resize-handle-stroke;
89
- }
90
-
91
- .e-diagram-border {
92
- stroke: $diagram-border-stroke;
93
- }
94
-
95
- .e-diagram-border.e-disabled {
96
- opacity: 1;
97
- stroke: $diagram-border-stroke-disabled;
98
- }
99
-
100
- .e-diagram-border.e-thick-border {
101
- stroke: $diagram-border-strokes;
102
- stroke-width: $diagram-border-stroke-width;
103
- }
104
-
105
- .e-diagram-border.e-thick-border.e-diagram-lane {
106
- stroke: $diagram-lane-border-strokes;
107
- stroke-width: $diagram-lane-border-stroke-width;
108
- }
109
-
110
- .e-diagram-highlighter {
111
- stroke: $diagram-highlighter-stroke;
112
- stroke-width: $diagram-highlighter-border-stroke-width;
113
- }
114
-
115
- .e-diagram-selected-region {
116
- stroke: $diagram-selected-region-stroke;
117
- }
118
-
119
- .e-diagram-pivot-line {
120
- stroke: $diagram-pivot-line-stroke;
121
- }
122
-
123
- .e-symbolpalette .e-symbol-hover:hover {
124
- background: $diagram-symbolpalette-hover;
125
- border-radius: $diagram-symbolpalette-shape-radius;
126
- }
127
-
128
- .e-symbolpalette .e-symbol-selected {
129
- background: $diagram-symbolpalette-selected;
130
- border-radius: $diagram-symbolpalette-shape-radius;
131
- }
132
-
133
- .e-diagram-tooltip {
134
- pointer-events: $diagram-tooltip;
135
- }
136
-
137
- .e-diagram .e-ruler {
138
- background-color: $diagram-ruler-marker-background-color;
139
- color: $diagram-ruler-color;
140
- font-size: $diagram-ruler-font-size;
141
- }
142
-
143
- .e-diagram .e-ruler-overlap {
144
- background-color: $diagram-ruler-marker-background-color;
145
- }
146
-
147
- .e-diagram .e-d-ruler-marker {
148
- stroke: $diagram-ruler-marker-stroke;
149
- }
150
-
151
- .e-diagram .e-diagram-text-edit {
152
- background: $diagram-editbox-background;
153
- border-color: $diagram-bezier-line-color;
154
- border-style: dashed;
155
- border-width: 1px;
156
- box-sizing: content-box;
157
- color: $diagram-editbox-fontcolor;
158
- min-width: 50px;
159
- }
160
-
161
- .e-diagram-text-edit::selection {
162
- background: $diagram-text-edit-selection-background;
163
- color: $diagram-text-edit-selection-color;
164
- }
165
-
166
- .e-ruler-tick-label {
167
- fill: $diagram-ruler-label-fill;
168
- }
169
-
170
- .e-ruler-tick {
171
- stroke: $diagram-ruler-tick-stroke;
172
- }
173
-
174
- .e-menu-item e-blankicon {
175
- padding-left: 28px;
176
- }
177
-
178
- .e-diagram-selection-rect {
179
- stroke: $diagram-multiselect-stroke;
180
- }
181
-
182
- .e-diagram-selection-line {
183
- stroke: $diagram-multiselect-stroke;
184
- }
185
-
186
- // sass-lint:disable-all
187
- .e-diagram-rotate {
188
- cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
189
- }
190
-
191
- .e-symbolpalette-hidden {
192
- display: none !important;
193
- }
194
- .e-symbolpalette-search-hidden {
195
- display: none !important;
196
- }
197
- .e-diagramTooltip-content {
198
- width: auto !important;
199
- height: auto !important;
200
- }
201
- // sass-lint:enable-all
202
- }
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@syncfusion/ej2-angular-diagrams" />
5
- export * from './public_api';