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

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 (99) 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 +26 -12
  28. package/src/diagram/connector-annotation.directive.d.ts +5 -0
  29. package/src/diagram/connector-fixeduserhandle.directive.d.ts +5 -0
  30. package/src/diagram/connectors.directive.d.ts +6 -1
  31. package/src/diagram/customcursor.directive.d.ts +5 -0
  32. package/src/diagram/diagram-all.module.d.ts +6 -0
  33. package/src/diagram/diagram.component.d.ts +3 -0
  34. package/src/diagram/diagram.module.d.ts +15 -0
  35. package/src/diagram/layers.directive.d.ts +5 -0
  36. package/src/diagram/node-annotation.directive.d.ts +5 -0
  37. package/src/diagram/node-fixeduserhandle.directive.d.ts +5 -0
  38. package/src/diagram/nodes.directive.d.ts +10 -5
  39. package/src/diagram/ports.directive.d.ts +5 -0
  40. package/src/overview/overview-all.module.d.ts +6 -0
  41. package/src/overview/overview.component.d.ts +3 -0
  42. package/src/overview/overview.module.d.ts +6 -0
  43. package/src/symbol-palette/palettes.directive.d.ts +5 -0
  44. package/src/symbol-palette/symbolpalette-all.module.d.ts +6 -0
  45. package/src/symbol-palette/symbolpalette.component.d.ts +3 -0
  46. package/src/symbol-palette/symbolpalette.module.d.ts +7 -0
  47. package/styles/diagram/_all.scss +1 -0
  48. package/styles/diagram/_bootstrap-dark-definition.scss +104 -0
  49. package/styles/diagram/_bootstrap-definition.scss +104 -0
  50. package/styles/diagram/_bootstrap4-definition.scss +98 -0
  51. package/styles/diagram/_bootstrap5-dark-definition.scss +1 -0
  52. package/styles/diagram/_bootstrap5-definition.scss +103 -0
  53. package/styles/diagram/_definition.scss +77 -0
  54. package/styles/diagram/_fabric-dark-definition.scss +96 -0
  55. package/styles/diagram/_fabric-definition.scss +96 -0
  56. package/styles/diagram/_fluent-dark-definition.scss +1 -0
  57. package/styles/diagram/_fluent-definition.scss +103 -0
  58. package/styles/diagram/_fusionnew-definition.scss +103 -0
  59. package/styles/diagram/_highcontrast-definition.scss +106 -0
  60. package/styles/diagram/_highcontrast-light-definition.scss +105 -0
  61. package/styles/diagram/_material-dark-definition.scss +96 -0
  62. package/styles/diagram/_material-definition.scss +96 -0
  63. package/styles/diagram/_material3-dark-definition.scss +1 -0
  64. package/styles/diagram/_material3-definition.scss +101 -0
  65. package/styles/diagram/_tailwind-dark-definition.scss +1 -0
  66. package/styles/diagram/_tailwind-definition.scss +103 -0
  67. package/styles/diagram/_theme.scss +216 -0
  68. package/styles/diagram/bootstrap-dark.scss +3 -1
  69. package/styles/diagram/bootstrap.scss +3 -1
  70. package/styles/diagram/bootstrap4.scss +3 -1
  71. package/styles/diagram/bootstrap5-dark.scss +3 -1
  72. package/styles/diagram/bootstrap5.scss +3 -1
  73. package/styles/diagram/fabric-dark.scss +3 -1
  74. package/styles/diagram/fabric.scss +3 -1
  75. package/styles/diagram/fluent-dark.scss +3 -1
  76. package/styles/diagram/fluent.scss +3 -1
  77. package/styles/diagram/highcontrast-light.scss +3 -1
  78. package/styles/diagram/highcontrast.scss +3 -1
  79. package/styles/diagram/material-dark.scss +3 -1
  80. package/styles/diagram/material.scss +3 -1
  81. package/styles/diagram/material3-dark.scss +3 -1
  82. package/styles/diagram/material3.scss +3 -1
  83. package/styles/diagram/tailwind-dark.scss +3 -1
  84. package/styles/diagram/tailwind.scss +3 -1
  85. package/styles/material3-dark.scss +1 -0
  86. package/styles/material3.scss +1 -0
  87. package/syncfusion-ej2-angular-diagrams.d.ts +5 -0
  88. package/@syncfusion/ej2-angular-diagrams.es5.js +0 -1324
  89. package/@syncfusion/ej2-angular-diagrams.es5.js.map +0 -1
  90. package/@syncfusion/ej2-angular-diagrams.js +0 -1243
  91. package/@syncfusion/ej2-angular-diagrams.js.map +0 -1
  92. package/CHANGELOG.md +0 -2079
  93. package/dist/ej2-angular-diagrams.umd.js +0 -1733
  94. package/dist/ej2-angular-diagrams.umd.js.map +0 -1
  95. package/dist/ej2-angular-diagrams.umd.min.js +0 -11
  96. package/dist/ej2-angular-diagrams.umd.min.js.map +0 -1
  97. package/ej2-angular-diagrams.d.ts +0 -7
  98. package/ej2-angular-diagrams.metadata.json +0 -1
  99. package/postinstall/tagchange.js +0 -18
@@ -0,0 +1,77 @@
1
+ // $diagram-endpoint-handle-color: #046ae5 ;
2
+ // $diagram-endpoint-handle-connected-border: #0f0;
3
+ // $diagram-endpoint-handle-connected-color: #0f0;;
4
+ // $diagram-resize-handle-color: #046ae5 ;
5
+ // $diagram-resize-handle-stroke: #046ae5 ;
6
+ // $diagram-resize-handle-disable-color: #aaa;
7
+ // $diagram-resize-handle-disable-stroke: #aaa;
8
+ // $diagram-border-stroke-disabled: #aaa;
9
+ // $diagram-rotate-handle-color: #046ae5 ;
10
+ // $diagram-helper-stroke: #0e7490;
11
+ // $diagram-border-stroke: #000;
12
+ // $diagram-highlighter-stroke: #6a5acd ;
13
+ // $diagram-selected-region-stroke: #046ae5;
14
+ // $diagram-pivot-line-stroke: #ff8c00;
15
+ // $diagram-text-edit-color: #f00;
16
+ // $diagram-text-edit-selection-color: #fff;
17
+ // $diagram-text-edit-selection-background: #aaa;
18
+ // $diagram-text-edit-background: #ff0;
19
+ // $diagram-symbolpalette-hover: #f00;
20
+ // $diagram-symbolpalette-selected: #f00;
21
+ // $diagram-symbolpalette-shape-radius: 00px;
22
+ // $diagram-tooltip: none;
23
+ // $diagram-ruler-color: #979797 ;
24
+ // $diagram-ruler-font: Roboto-Regular;
25
+ // $diagram-ruler-font-size: 10px;
26
+ // $diagram-bezier-handle-color: #f00;
27
+ // $diagram-bezier-line-color: #00f;
28
+ // $diagram-ruler-marker-stroke: #0f0;
29
+ // $diagram-ruler-marker-background-color: #ffa500;
30
+ // $diagram-ruler-label-fill: #f00;
31
+ // $diagram-ruler-tick-stroke: #0f0;
32
+ // $diagram-background-color: #fff;
33
+ // $diagram-editbox-background: #fff;
34
+ // $diagram-editbox-font-color: #000;
35
+ // $diagram-border-strokes: #000;
36
+ // $diagram-lane-border-strokes: #0078ff;
37
+
38
+ .e-icons {
39
+ font-family: 'e-icons';
40
+ font-style: normal;
41
+ font-variant: normal;
42
+ font-weight: $font-weight;
43
+ line-height: 1;
44
+ text-transform: none;
45
+ }
46
+
47
+ @include export-module('diagram-definition-icons') {
48
+ .e-diagram-menu {
49
+ .e-bringforward::before{ content: '\e574'; }
50
+ .e-bringfront::before{ content: '\e575'; }
51
+ .e-sendback::before{ content: '\e576'; }
52
+ .e-sendbackward::before{ content: '\e577'; }
53
+ .e-delete::before{ content: '\e578'; }
54
+ .e-ungroup::before{ content: '\e579'; }
55
+ .e-group::before{ content: '\e57a'; }
56
+ .e-undo::before{ content: '\e57c'; }
57
+ .e-cut::before{ content: '\e57d'; }
58
+ .e-save::before{ content: '\e57e'; }
59
+ .e-paste::before{ content: '\e57f'; }
60
+ .e-copy::before{ content: '\e580'; }
61
+ .e-redo::before{ content: '\e581'; }
62
+ .e-zoomin::before{ content: '\e582'; }
63
+ .e-italic::before{ content: '\e583'; }
64
+ .e-close::before{ content: '\e584'; }
65
+ .e-pan::before{ content: '\e585'; }
66
+ .e-bold::before{ content: '\e586'; }
67
+ .e-underline::before{ content: '\e587'; }
68
+ .e-zoomout::before{ content: '\e588'; }
69
+ .e-export::before{ content: '\e589'; }
70
+ .e-print::before{ content: '\e58a'; }
71
+ .e-order::before{ content: '\e58b'; }
72
+ }
73
+
74
+ .e-symbolpalette {
75
+ .e-clear-searchtext::before{ content: '\e58c'; }
76
+ }
77
+ }
@@ -0,0 +1,96 @@
1
+ @import 'definition.scss';
2
+
3
+ $skin-name: 'fabric-dark';
4
+ $diagram-endpoint-handle-color: $theme-primary-font;
5
+ $diagram-endpoint-handle-connected-border: $theme-primary-font;
6
+ $diagram-endpoint-handle-connected-color: $theme-primary;
7
+
8
+ $diagram-resize-handle-color: $theme-primary;
9
+ $diagram-resize-handle-stroke: $theme-primary;
10
+ $diagram-border-stroke: $theme-primary;
11
+
12
+ $diagram-resize-handle-disable-color: $neutral-tertiary;
13
+ $diagram-resize-handle-disable-stroke: $theme-primary-font;
14
+ $diagram-border-stroke-disabled: $neutral-secondary-alt;
15
+
16
+ $diagram-rotate-handle-color: $theme-primary;
17
+
18
+ $diagram-bezier-handle-color: $theme-primary-font;
19
+ $diagram-bezier-line-color: $theme-primary;
20
+
21
+ $diagram-highlighter-stroke: $theme-primary;
22
+ $diagram-selected-region-stroke: $theme-primary;
23
+ $diagram-pivot-line-stroke: $theme-primary;
24
+
25
+ $diagram-text-edit-selection-color: $theme-primary-font;
26
+ $diagram-text-edit-selection-background: $theme-primary;
27
+
28
+ $diagram-helper-stroke: $theme-primary;
29
+
30
+ $diagram-symbolpalette-hover: $neutral-secondary-alt;
31
+ $diagram-symbolpalette-shape-radius: 4px;
32
+ $diagram-symbolpalette-selected: #4a4848;
33
+
34
+ $diagram-tooltip: none;
35
+
36
+ $diagram-ruler-color: $neutral-tertiary;
37
+ $diagram-ruler-font-size: 10px;
38
+ $diagram-ruler-marker-stroke: $theme-primary;
39
+ $diagram-ruler-marker-background-color: $neutral-lighter;
40
+ $diagram-ruler-label-fill: $neutral-secondary;
41
+ $diagram-ruler-tick-stroke: $neutral-tertiary;
42
+
43
+ $diagram-background-color: $theme-primary-font;
44
+
45
+ $palette-background-color: $neutral-secondary;
46
+
47
+ $diagram-editbox-background: $theme-primary-font;
48
+ $diagram-editbox-fontcolor: $theme-light-font;
49
+ $diagram-border-stroke-width: 2;
50
+ $diagram-lane-border-stroke-width: 2;
51
+ $diagram-highlighter-border-stroke-width: 2;
52
+ $diagram-border-strokes: $theme-primary;
53
+ $diagram-lane-border-strokes: $theme-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-fabric-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: '\ebf5'; }
73
+ .e-ungroup::before{ content: '\e5a6'; }
74
+ .e-group::before{ content: '\e5a7'; }
75
+ .e-undo::before{ content: '\e341'; }
76
+ .e-redo::before{ content: '\e354'; }
77
+ .e-copy::before{ content: '\e33d'; }
78
+ .e-cut::before{ content: '\e33b'; }
79
+ .e-save::before{ content: '\e954'; }
80
+ .e-paste::before{ content: '\e355'; }
81
+ .e-zoomin::before{ content: '\e349'; }
82
+ .e-italic::before{ content: '\e35a'; }
83
+ .e-close::before{ content: '\e60a'; }
84
+ .e-pan::before{ content: '\ebf3'; }
85
+ .e-bold::before{ content: '\eb77'; }
86
+ .e-underline::before{ content: '\ebf0'; }
87
+ .e-zoomout::before{ content: '\e351'; }
88
+ .e-export::before{ content: '\e70f'; }
89
+ .e-print::before{ content: '\e34b'; }
90
+ .e-order::before{ content: '\e4a4'; }
91
+ }
92
+
93
+ .e-symbolpalette {
94
+ .e-clear-searchtext::before{ content: '\e60a'; }
95
+ }
96
+ }
@@ -0,0 +1,96 @@
1
+ @import 'definition.scss';
2
+
3
+ $skin-name: 'fabric';
4
+ $diagram-endpoint-handle-color: $theme-primary-font;
5
+ $diagram-endpoint-handle-connected-border: $theme-primary-font;
6
+ $diagram-endpoint-handle-connected-color: $theme-primary;
7
+
8
+ $diagram-resize-handle-color: $theme-primary;
9
+ $diagram-resize-handle-stroke: $theme-primary;
10
+ $diagram-border-stroke: $theme-primary;
11
+
12
+ $diagram-resize-handle-disable-color: $neutral-tertiary;
13
+ $diagram-resize-handle-disable-stroke: $theme-primary-font;
14
+ $diagram-border-stroke-disabled: $neutral-tertiary;
15
+
16
+ $diagram-rotate-handle-color: $theme-primary;
17
+
18
+ $diagram-bezier-handle-color: $theme-primary-font;
19
+ $diagram-bezier-line-color: $theme-primary;
20
+
21
+ $diagram-highlighter-stroke: $theme-primary;
22
+ $diagram-selected-region-stroke: $theme-primary;
23
+ $diagram-pivot-line-stroke: $theme-primary;
24
+
25
+ $diagram-helper-stroke: $theme-primary;
26
+
27
+ $diagram-text-edit-selection-color: $theme-primary-font;
28
+ $diagram-text-edit-selection-background: $theme-primary;
29
+
30
+ $diagram-symbolpalette-hover: $neutral-light;
31
+ $diagram-symbolpalette-shape-radius: 4px;
32
+ $diagram-symbolpalette-selected: $neutral-tertiary-alt;
33
+
34
+ $diagram-tooltip: none;
35
+
36
+ $palette-background-color: #fff;
37
+
38
+ $diagram-ruler-color: $neutral-tertiary;
39
+ $diagram-ruler-font-size: 10px;
40
+ $diagram-ruler-marker-stroke: $theme-primary;
41
+ $diagram-ruler-marker-background-color: $neutral-lighter-alt;
42
+ $diagram-ruler-label-fill: $neutral-secondary-alt;
43
+ $diagram-ruler-tick-stroke: $neutral-tertiary-alt;
44
+
45
+ $diagram-background-color: $theme-primary-font;
46
+
47
+ $diagram-editbox-background: $theme-primary-font;
48
+ $diagram-editbox-fontcolor: $neutral-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: $theme-primary;
53
+ $diagram-lane-border-strokes: $theme-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-fabric-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: '\ebf5'; }
73
+ .e-ungroup::before{ content: '\e5a6'; }
74
+ .e-group::before{ content: '\e5a7'; }
75
+ .e-undo::before{ content: '\e341'; }
76
+ .e-redo::before{ content: '\e354'; }
77
+ .e-copy::before{ content: '\e33d'; }
78
+ .e-cut::before{ content: '\e33b'; }
79
+ .e-save::before{ content: '\e954'; }
80
+ .e-paste::before{ content: '\e355'; }
81
+ .e-zoomin::before{ content: '\e349'; }
82
+ .e-italic::before{ content: '\e35a'; }
83
+ .e-close::before{ content: '\e60a'; }
84
+ .e-pan::before{ content: '\ebf3'; }
85
+ .e-bold::before{ content: '\eb77'; }
86
+ .e-underline::before{ content: '\ebf0'; }
87
+ .e-zoomout::before{ content: '\e351'; }
88
+ .e-export::before{ content: '\e70f'; }
89
+ .e-print::before{ content: '\e34b'; }
90
+ .e-order::before{ content: '\e4a4'; }
91
+ }
92
+
93
+ .e-symbolpalette {
94
+ .e-clear-searchtext::before{ content: '\e60a'; }
95
+ }
96
+ }
@@ -0,0 +1 @@
1
+ @import './fluent-definition.scss';
@@ -0,0 +1,103 @@
1
+ @import 'definition.scss';
2
+
3
+ $skin-name: 'FluentUI';
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-alt3;
29
+ $diagram-ruler-tick-stroke: $border-dark;
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: $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: '\e7f2'; }
76
+ .e-bringfront::before{ content: '\e7f0'; }
77
+ .e-sendback::before{ content: '\e7ef'; }
78
+ .e-sendbackward::before{ content: '\e7f1'; }
79
+ .e-delete::before{ content: '\e75b'; }
80
+ .e-ungroup::before{ content: '\e737'; }
81
+ .e-group::before{ content: '\e78b'; }
82
+ .e-undo::before{ content: '\e7b5'; }
83
+ .e-redo::before{ content: '\e7b6'; }
84
+ .e-copy::before{ content: '\e7b3'; }
85
+ .e-cut::before{ content: '\e7b2'; }
86
+ .e-save::before{ content: '\e7bf'; }
87
+ .e-paste::before{ content: '\e7b4'; }
88
+ .e-zoomin::before{ content: '\e7ab'; }
89
+ .e-italic::before{ content: '\e7a6'; }
90
+ .e-close::before{ content: '\e74f'; }
91
+ .e-pan::before{ content: '\e7c6'; }
92
+ .e-bold::before{ content: '\e7a5'; }
93
+ .e-underline::before{ content: '\e7a7'; }
94
+ .e-zoomout::before{ content: '\e7ac'; }
95
+ .e-export::before{ content: '\e711'; }
96
+ .e-print::before{ content: '\e7bd'; }
97
+ .e-order::before{ content: '\e7f3'; }
98
+ }
99
+
100
+ .e-symbolpalette {
101
+ .e-clear-searchtext::before{ content: '\e754'; }
102
+ }
103
+ }
@@ -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,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
+ }