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

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