@syncfusion/ej2-angular-diagrams 20.4.54 → 21.1.35

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 (49) hide show
  1. package/esm2020/src/diagram/diagram.component.mjs +3 -3
  2. package/fesm2015/syncfusion-ej2-angular-diagrams.mjs +2 -2
  3. package/fesm2015/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
  4. package/fesm2020/syncfusion-ej2-angular-diagrams.mjs +2 -2
  5. package/fesm2020/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
  6. package/package.json +9 -9
  7. package/schematics/utils/lib-details.d.ts +2 -2
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/src/diagram/diagram.component.d.ts +2 -1
  11. package/styles/bootstrap-dark.css +22 -11
  12. package/styles/bootstrap.css +22 -11
  13. package/styles/bootstrap4.css +22 -11
  14. package/styles/bootstrap5-dark.css +24 -13
  15. package/styles/bootstrap5.css +24 -13
  16. package/styles/diagram/_bootstrap-dark-definition.scss +1 -1
  17. package/styles/diagram/_bootstrap-definition.scss +1 -1
  18. package/styles/diagram/_bootstrap4-definition.scss +1 -1
  19. package/styles/diagram/_bootstrap5-definition.scss +1 -1
  20. package/styles/diagram/_definition.scss +1 -1
  21. package/styles/diagram/_fluent-definition.scss +1 -1
  22. package/styles/diagram/_tailwind-definition.scss +1 -1
  23. package/styles/diagram/_theme.scss +39 -24
  24. package/styles/diagram/bootstrap-dark.css +22 -11
  25. package/styles/diagram/bootstrap.css +22 -11
  26. package/styles/diagram/bootstrap4.css +22 -11
  27. package/styles/diagram/bootstrap5-dark.css +24 -13
  28. package/styles/diagram/bootstrap5.css +24 -13
  29. package/styles/diagram/fabric-dark.css +22 -11
  30. package/styles/diagram/fabric.css +22 -11
  31. package/styles/diagram/fluent-dark.css +24 -13
  32. package/styles/diagram/fluent.css +24 -13
  33. package/styles/diagram/highcontrast-light.css +22 -11
  34. package/styles/diagram/highcontrast.css +22 -11
  35. package/styles/diagram/material-dark.css +22 -11
  36. package/styles/diagram/material.css +22 -11
  37. package/styles/diagram/tailwind-dark.css +23 -12
  38. package/styles/diagram/tailwind.css +23 -12
  39. package/styles/fabric-dark.css +22 -11
  40. package/styles/fabric.css +22 -11
  41. package/styles/fluent-dark.css +24 -13
  42. package/styles/fluent.css +24 -13
  43. package/styles/highcontrast-light.css +22 -11
  44. package/styles/highcontrast.css +22 -11
  45. package/styles/material-dark.css +22 -11
  46. package/styles/material.css +22 -11
  47. package/styles/tailwind-dark.css +23 -12
  48. package/styles/tailwind.css +23 -12
  49. package/styles/diagram/_material3-definition.scss +0 -103
package/styles/diagram/fabric.css CHANGED
@@ -205,6 +205,12 @@
205
205
  stroke: #fff;
206
206
  }
207
207
 
208
+ .e-diagram-bezier-control-handle.e-disabled {
209
+ fill: #a6a6a6;
210
+ opacity: 1;
211
+ stroke: #fff;
212
+ }
213
+
208
214
  /* stylelint-disable */
209
215
  .e-diagram-bezier-handle.e-source.e-disabled {
210
216
  opacity: 1 !important;
@@ -214,23 +220,28 @@
214
220
  opacity: 1 !important;
215
221
  }
216
222
 
217
- .e-symbolpalette .e-acrdn-content {
218
- background-color: #fff !important;
223
+ .e-diagram-bezier-control-handle {
224
+ fill: #fff;
225
+ stroke: #0078d6;
219
226
  }
220
227
 
221
- /* stylelint-enable */
222
- .e-diagram-bezier-handle {
228
+ .e-diagram-bezier-segment-handle {
223
229
  fill: #fff;
224
230
  stroke: #0078d6;
225
231
  }
226
232
 
227
- .e-diagram-bezier-line {
233
+ .e-symbolpalette .e-acrdn-content {
234
+ background-color: #fff !important;
235
+ }
236
+
237
+ /* stylelint-enable */
238
+ .e-diagram-bezier-control-line {
228
239
  stroke: #0078d6;
229
240
  }
230
241
 
231
242
  .e-diagram-resize-handle {
232
243
  fill: #0078d6;
233
- stroke: #0078d6;
244
+ stroke: #fff;
234
245
  stroke: #fff;
235
246
  }
236
247
 
@@ -249,21 +260,21 @@
249
260
  stroke: #0078d6;
250
261
  }
251
262
 
252
- .e-diagram-border {
263
+ .e-diagram-selector {
253
264
  stroke: #0078d6;
254
265
  }
255
266
 
256
- .e-diagram-border.e-disabled {
267
+ .e-diagram-selector.e-disabled {
257
268
  opacity: 1;
258
269
  stroke: #a6a6a6;
259
270
  }
260
271
 
261
- .e-diagram-border.e-thick-border {
272
+ .e-diagram-selector.e-thick-border {
262
273
  stroke: #0078d6;
263
274
  stroke-width: 2;
264
275
  }
265
276
 
266
- .e-diagram-border.e-thick-border.e-diagram-lane {
277
+ .e-diagram-selector.e-thick-border.e-diagram-lane {
267
278
  stroke: #0078d6;
268
279
  stroke-width: 2;
269
280
  }
@@ -336,7 +347,7 @@
336
347
  padding-left: 28px;
337
348
  }
338
349
 
339
- .e-diagram-selection-rect {
350
+ .e-diagram-selection-indicator {
340
351
  stroke: #0078d6;
341
352
  }
342
353
 
package/styles/diagram/fluent-dark.css CHANGED
@@ -2,7 +2,7 @@
2
2
  font-family: "e-icons";
3
3
  font-style: normal;
4
4
  font-variant: normal;
5
- font-weight: normal;
5
+ font-weight: 400;
6
6
  line-height: 1;
7
7
  text-transform: none;
8
8
  }
@@ -86,7 +86,7 @@
86
86
  font-family: "e-icons";
87
87
  font-style: normal;
88
88
  font-variant: normal;
89
- font-weight: normal;
89
+ font-weight: 400;
90
90
  line-height: 1;
91
91
  text-transform: none;
92
92
  }
@@ -206,6 +206,12 @@
206
206
  stroke: #fff;
207
207
  }
208
208
 
209
+ .e-diagram-bezier-control-handle.e-disabled {
210
+ fill: #3b3a39;
211
+ opacity: 1;
212
+ stroke: #fff;
213
+ }
214
+
209
215
  /* stylelint-disable */
210
216
  .e-diagram-bezier-handle.e-source.e-disabled {
211
217
  opacity: 1 !important;
@@ -215,23 +221,28 @@
215
221
  opacity: 1 !important;
216
222
  }
217
223
 
218
- .e-symbolpalette .e-acrdn-content {
219
- background-color: #f3f2f1 !important;
224
+ .e-diagram-bezier-control-handle {
225
+ fill: #fff;
226
+ stroke: #0078d4;
220
227
  }
221
228
 
222
- /* stylelint-enable */
223
- .e-diagram-bezier-handle {
229
+ .e-diagram-bezier-segment-handle {
224
230
  fill: #fff;
225
231
  stroke: #0078d4;
226
232
  }
227
233
 
228
- .e-diagram-bezier-line {
234
+ .e-symbolpalette .e-acrdn-content {
235
+ background-color: #f3f2f1 !important;
236
+ }
237
+
238
+ /* stylelint-enable */
239
+ .e-diagram-bezier-control-line {
229
240
  stroke: #0078d4;
230
241
  }
231
242
 
232
243
  .e-diagram-resize-handle {
233
244
  fill: #0078d4;
234
- stroke: #0078d4;
245
+ stroke: #fff;
235
246
  stroke: #fff;
236
247
  }
237
248
 
@@ -250,21 +261,21 @@
250
261
  stroke: #0078d4;
251
262
  }
252
263
 
253
- .e-diagram-border {
264
+ .e-diagram-selector {
254
265
  stroke: #0078d4;
255
266
  }
256
267
 
257
- .e-diagram-border.e-disabled {
268
+ .e-diagram-selector.e-disabled {
258
269
  opacity: 1;
259
270
  stroke: #3b3a39;
260
271
  }
261
272
 
262
- .e-diagram-border.e-thick-border {
273
+ .e-diagram-selector.e-thick-border {
263
274
  stroke: #0078d4;
264
275
  stroke-width: 2;
265
276
  }
266
277
 
267
- .e-diagram-border.e-thick-border.e-diagram-lane {
278
+ .e-diagram-selector.e-thick-border.e-diagram-lane {
268
279
  stroke: #0078d4;
269
280
  stroke-width: 2;
270
281
  }
@@ -337,7 +348,7 @@
337
348
  padding-left: 28px;
338
349
  }
339
350
 
340
- .e-diagram-selection-rect {
351
+ .e-diagram-selection-indicator {
341
352
  stroke: #0078d4;
342
353
  }
343
354
 
package/styles/diagram/fluent.css CHANGED
@@ -2,7 +2,7 @@
2
2
  font-family: "e-icons";
3
3
  font-style: normal;
4
4
  font-variant: normal;
5
- font-weight: normal;
5
+ font-weight: 400;
6
6
  line-height: 1;
7
7
  text-transform: none;
8
8
  }
@@ -86,7 +86,7 @@
86
86
  font-family: "e-icons";
87
87
  font-style: normal;
88
88
  font-variant: normal;
89
- font-weight: normal;
89
+ font-weight: 400;
90
90
  line-height: 1;
91
91
  text-transform: none;
92
92
  }
@@ -206,6 +206,12 @@
206
206
  stroke: #fff;
207
207
  }
208
208
 
209
+ .e-diagram-bezier-control-handle.e-disabled {
210
+ fill: #d2d0ce;
211
+ opacity: 1;
212
+ stroke: #fff;
213
+ }
214
+
209
215
  /* stylelint-disable */
210
216
  .e-diagram-bezier-handle.e-source.e-disabled {
211
217
  opacity: 1 !important;
@@ -215,23 +221,28 @@
215
221
  opacity: 1 !important;
216
222
  }
217
223
 
218
- .e-symbolpalette .e-acrdn-content {
219
- background-color: #fff !important;
224
+ .e-diagram-bezier-control-handle {
225
+ fill: #fff;
226
+ stroke: #0078d4;
220
227
  }
221
228
 
222
- /* stylelint-enable */
223
- .e-diagram-bezier-handle {
229
+ .e-diagram-bezier-segment-handle {
224
230
  fill: #fff;
225
231
  stroke: #0078d4;
226
232
  }
227
233
 
228
- .e-diagram-bezier-line {
234
+ .e-symbolpalette .e-acrdn-content {
235
+ background-color: #fff !important;
236
+ }
237
+
238
+ /* stylelint-enable */
239
+ .e-diagram-bezier-control-line {
229
240
  stroke: #0078d4;
230
241
  }
231
242
 
232
243
  .e-diagram-resize-handle {
233
244
  fill: #0078d4;
234
- stroke: #0078d4;
245
+ stroke: #fff;
235
246
  stroke: #fff;
236
247
  }
237
248
 
@@ -250,21 +261,21 @@
250
261
  stroke: #0078d4;
251
262
  }
252
263
 
253
- .e-diagram-border {
264
+ .e-diagram-selector {
254
265
  stroke: #0078d4;
255
266
  }
256
267
 
257
- .e-diagram-border.e-disabled {
268
+ .e-diagram-selector.e-disabled {
258
269
  opacity: 1;
259
270
  stroke: #d2d0ce;
260
271
  }
261
272
 
262
- .e-diagram-border.e-thick-border {
273
+ .e-diagram-selector.e-thick-border {
263
274
  stroke: #0078d4;
264
275
  stroke-width: 2;
265
276
  }
266
277
 
267
- .e-diagram-border.e-thick-border.e-diagram-lane {
278
+ .e-diagram-selector.e-thick-border.e-diagram-lane {
268
279
  stroke: #0078d4;
269
280
  stroke-width: 2;
270
281
  }
@@ -337,7 +348,7 @@
337
348
  padding-left: 28px;
338
349
  }
339
350
 
340
- .e-diagram-selection-rect {
351
+ .e-diagram-selection-indicator {
341
352
  stroke: #0078d4;
342
353
  }
343
354
 
package/styles/diagram/highcontrast-light.css CHANGED
@@ -205,6 +205,12 @@
205
205
  stroke: #fff;
206
206
  }
207
207
 
208
+ .e-diagram-bezier-control-handle.e-disabled {
209
+ fill: rgb(166, 166, 166);
210
+ opacity: 1;
211
+ stroke: #fff;
212
+ }
213
+
208
214
  /* stylelint-disable */
209
215
  .e-diagram-bezier-handle.e-source.e-disabled {
210
216
  opacity: 1 !important;
@@ -214,23 +220,28 @@
214
220
  opacity: 1 !important;
215
221
  }
216
222
 
217
- .e-symbolpalette .e-acrdn-content {
218
- background-color: #fff !important;
223
+ .e-diagram-bezier-control-handle {
224
+ fill: rgb(0, 90, 158);
225
+ stroke: #fff;
219
226
  }
220
227
 
221
- /* stylelint-enable */
222
- .e-diagram-bezier-handle {
228
+ .e-diagram-bezier-segment-handle {
223
229
  fill: rgb(0, 90, 158);
224
230
  stroke: #fff;
225
231
  }
226
232
 
227
- .e-diagram-bezier-line {
233
+ .e-symbolpalette .e-acrdn-content {
234
+ background-color: #fff !important;
235
+ }
236
+
237
+ /* stylelint-enable */
238
+ .e-diagram-bezier-control-line {
228
239
  stroke: rgb(0, 90, 158);
229
240
  }
230
241
 
231
242
  .e-diagram-resize-handle {
232
243
  fill: rgb(0, 120, 215);
233
- stroke: #fff;
244
+ stroke: rgb(0, 120, 215);
234
245
  }
235
246
 
236
247
  .e-diagram-helper {
@@ -248,21 +259,21 @@
248
259
  stroke: #fff;
249
260
  }
250
261
 
251
- .e-diagram-border {
262
+ .e-diagram-selector {
252
263
  stroke: rgb(0, 90, 158);
253
264
  }
254
265
 
255
- .e-diagram-border.e-disabled {
266
+ .e-diagram-selector.e-disabled {
256
267
  opacity: 1;
257
268
  stroke: rgb(166, 166, 166);
258
269
  }
259
270
 
260
- .e-diagram-border.e-thick-border {
271
+ .e-diagram-selector.e-thick-border {
261
272
  stroke: rgb(0, 90, 158);
262
273
  stroke-width: 2;
263
274
  }
264
275
 
265
- .e-diagram-border.e-thick-border.e-diagram-lane {
276
+ .e-diagram-selector.e-thick-border.e-diagram-lane {
266
277
  stroke: #0078ff;
267
278
  stroke-width: 2;
268
279
  }
@@ -335,7 +346,7 @@
335
346
  padding-left: 28px;
336
347
  }
337
348
 
338
- .e-diagram-selection-rect {
349
+ .e-diagram-selection-indicator {
339
350
  stroke: #fff;
340
351
  }
341
352
 
package/styles/diagram/highcontrast.css CHANGED
@@ -206,6 +206,12 @@
206
206
  stroke: #757575;
207
207
  }
208
208
 
209
+ .e-diagram-bezier-control-handle.e-disabled {
210
+ fill: #757575;
211
+ opacity: 1;
212
+ stroke: #757575;
213
+ }
214
+
209
215
  /* stylelint-disable */
210
216
  .e-diagram-bezier-handle.e-source.e-disabled {
211
217
  opacity: 1 !important;
@@ -215,23 +221,28 @@
215
221
  opacity: 1 !important;
216
222
  }
217
223
 
218
- .e-symbolpalette .e-acrdn-content {
219
- background-color: #cccccc !important;
224
+ .e-diagram-bezier-control-handle {
225
+ fill: #fff;
226
+ stroke: #ffd939;
220
227
  }
221
228
 
222
- /* stylelint-enable */
223
- .e-diagram-bezier-handle {
229
+ .e-diagram-bezier-segment-handle {
224
230
  fill: #fff;
225
231
  stroke: #ffd939;
226
232
  }
227
233
 
228
- .e-diagram-bezier-line {
234
+ .e-symbolpalette .e-acrdn-content {
235
+ background-color: #cccccc !important;
236
+ }
237
+
238
+ /* stylelint-enable */
239
+ .e-diagram-bezier-control-line {
229
240
  stroke: #ffd939;
230
241
  }
231
242
 
232
243
  .e-diagram-resize-handle {
233
244
  fill: #ffd939;
234
- stroke: #ffd939;
245
+ stroke: #fff;
235
246
  stroke: #fff;
236
247
  }
237
248
 
@@ -250,21 +261,21 @@
250
261
  stroke: #ffd939;
251
262
  }
252
263
 
253
- .e-diagram-border {
264
+ .e-diagram-selector {
254
265
  stroke: #ffd939;
255
266
  }
256
267
 
257
- .e-diagram-border.e-disabled {
268
+ .e-diagram-selector.e-disabled {
258
269
  opacity: 1;
259
270
  stroke: #757575;
260
271
  }
261
272
 
262
- .e-diagram-border.e-thick-border {
273
+ .e-diagram-selector.e-thick-border {
263
274
  stroke: #ffd939;
264
275
  stroke-width: 2;
265
276
  }
266
277
 
267
- .e-diagram-border.e-thick-border.e-diagram-lane {
278
+ .e-diagram-selector.e-thick-border.e-diagram-lane {
268
279
  stroke: #0078ff;
269
280
  stroke-width: 2;
270
281
  }
@@ -337,7 +348,7 @@
337
348
  padding-left: 28px;
338
349
  }
339
350
 
340
- .e-diagram-selection-rect {
351
+ .e-diagram-selection-indicator {
341
352
  stroke: #ffd939;
342
353
  }
343
354
 
package/styles/diagram/material-dark.css CHANGED
@@ -206,6 +206,12 @@
206
206
  stroke: #fff;
207
207
  }
208
208
 
209
+ .e-diagram-bezier-control-handle.e-disabled {
210
+ fill: #bdbdbd;
211
+ opacity: 1;
212
+ stroke: #fff;
213
+ }
214
+
209
215
  /* stylelint-disable */
210
216
  .e-diagram-bezier-handle.e-source.e-disabled {
211
217
  opacity: 1 !important;
@@ -215,23 +221,28 @@
215
221
  opacity: 1 !important;
216
222
  }
217
223
 
218
- .e-symbolpalette .e-acrdn-content {
219
- background-color: #e0e0e0 !important;
224
+ .e-diagram-bezier-control-handle {
225
+ fill: #fff;
226
+ stroke: #00b0ff;
220
227
  }
221
228
 
222
- /* stylelint-enable */
223
- .e-diagram-bezier-handle {
229
+ .e-diagram-bezier-segment-handle {
224
230
  fill: #fff;
225
231
  stroke: #00b0ff;
226
232
  }
227
233
 
228
- .e-diagram-bezier-line {
234
+ .e-symbolpalette .e-acrdn-content {
235
+ background-color: #e0e0e0 !important;
236
+ }
237
+
238
+ /* stylelint-enable */
239
+ .e-diagram-bezier-control-line {
229
240
  stroke: #00b0ff;
230
241
  }
231
242
 
232
243
  .e-diagram-resize-handle {
233
244
  fill: #00b0ff;
234
- stroke: #00b0ff;
245
+ stroke: #fff;
235
246
  stroke: #fff;
236
247
  }
237
248
 
@@ -250,21 +261,21 @@
250
261
  stroke: #00b0ff;
251
262
  }
252
263
 
253
- .e-diagram-border {
264
+ .e-diagram-selector {
254
265
  stroke: #00b0ff;
255
266
  }
256
267
 
257
- .e-diagram-border.e-disabled {
268
+ .e-diagram-selector.e-disabled {
258
269
  opacity: 1;
259
270
  stroke: #bdbdbd;
260
271
  }
261
272
 
262
- .e-diagram-border.e-thick-border {
273
+ .e-diagram-selector.e-thick-border {
263
274
  stroke: #3f51b5;
264
275
  stroke-width: 2;
265
276
  }
266
277
 
267
- .e-diagram-border.e-thick-border.e-diagram-lane {
278
+ .e-diagram-selector.e-thick-border.e-diagram-lane {
268
279
  stroke: #3f51b5;
269
280
  stroke-width: 2;
270
281
  }
@@ -337,7 +348,7 @@
337
348
  padding-left: 28px;
338
349
  }
339
350
 
340
- .e-diagram-selection-rect {
351
+ .e-diagram-selection-indicator {
341
352
  stroke: #00b0ff;
342
353
  }
343
354
 
package/styles/diagram/material.css CHANGED
@@ -206,6 +206,12 @@
206
206
  stroke: #fff;
207
207
  }
208
208
 
209
+ .e-diagram-bezier-control-handle.e-disabled {
210
+ fill: #bdbdbd;
211
+ opacity: 1;
212
+ stroke: #fff;
213
+ }
214
+
209
215
  /* stylelint-disable */
210
216
  .e-diagram-bezier-handle.e-source.e-disabled {
211
217
  opacity: 1 !important;
@@ -215,23 +221,28 @@
215
221
  opacity: 1 !important;
216
222
  }
217
223
 
218
- .e-symbolpalette .e-acrdn-content {
219
- background-color: #fff !important;
224
+ .e-diagram-bezier-control-handle {
225
+ fill: #fff;
226
+ stroke: #e3165b;
220
227
  }
221
228
 
222
- /* stylelint-enable */
223
- .e-diagram-bezier-handle {
229
+ .e-diagram-bezier-segment-handle {
224
230
  fill: #fff;
225
231
  stroke: #e3165b;
226
232
  }
227
233
 
228
- .e-diagram-bezier-line {
234
+ .e-symbolpalette .e-acrdn-content {
235
+ background-color: #fff !important;
236
+ }
237
+
238
+ /* stylelint-enable */
239
+ .e-diagram-bezier-control-line {
229
240
  stroke: #e3165b;
230
241
  }
231
242
 
232
243
  .e-diagram-resize-handle {
233
244
  fill: #e3165b;
234
- stroke: #e3165b;
245
+ stroke: #fff;
235
246
  stroke: #fff;
236
247
  }
237
248
 
@@ -250,21 +261,21 @@
250
261
  stroke: #e3165b;
251
262
  }
252
263
 
253
- .e-diagram-border {
264
+ .e-diagram-selector {
254
265
  stroke: #e3165b;
255
266
  }
256
267
 
257
- .e-diagram-border.e-disabled {
268
+ .e-diagram-selector.e-disabled {
258
269
  opacity: 1;
259
270
  stroke: #bdbdbd;
260
271
  }
261
272
 
262
- .e-diagram-border.e-thick-border {
273
+ .e-diagram-selector.e-thick-border {
263
274
  stroke: #3f51b5;
264
275
  stroke-width: 2;
265
276
  }
266
277
 
267
- .e-diagram-border.e-thick-border.e-diagram-lane {
278
+ .e-diagram-selector.e-thick-border.e-diagram-lane {
268
279
  stroke: #3f51b5;
269
280
  stroke-width: 2;
270
281
  }
@@ -337,7 +348,7 @@
337
348
  padding-left: 28px;
338
349
  }
339
350
 
340
- .e-diagram-selection-rect {
351
+ .e-diagram-selection-indicator {
341
352
  stroke: #e3165b;
342
353
  }
343
354
 
package/styles/diagram/tailwind-dark.css CHANGED
@@ -87,7 +87,7 @@
87
87
  font-family: "e-icons";
88
88
  font-style: normal;
89
89
  font-variant: normal;
90
- font-weight: normal;
90
+ font-weight: 400;
91
91
  line-height: 1;
92
92
  text-transform: none;
93
93
  }
@@ -207,6 +207,12 @@
207
207
  stroke: #fff;
208
208
  }
209
209
 
210
+ .e-diagram-bezier-control-handle.e-disabled {
211
+ fill: #9ca3af;
212
+ opacity: 1;
213
+ stroke: #fff;
214
+ }
215
+
210
216
  /* stylelint-disable */
211
217
  .e-diagram-bezier-handle.e-source.e-disabled {
212
218
  opacity: 1 !important;
@@ -216,23 +222,28 @@
216
222
  opacity: 1 !important;
217
223
  }
218
224
 
219
- .e-symbolpalette .e-acrdn-content {
220
- background-color: #d1d5db !important;
225
+ .e-diagram-bezier-control-handle {
226
+ fill: #fff;
227
+ stroke: #22d3ee;
221
228
  }
222
229
 
223
- /* stylelint-enable */
224
- .e-diagram-bezier-handle {
230
+ .e-diagram-bezier-segment-handle {
225
231
  fill: #fff;
226
232
  stroke: #22d3ee;
227
233
  }
228
234
 
229
- .e-diagram-bezier-line {
235
+ .e-symbolpalette .e-acrdn-content {
236
+ background-color: #d1d5db !important;
237
+ }
238
+
239
+ /* stylelint-enable */
240
+ .e-diagram-bezier-control-line {
230
241
  stroke: #22d3ee;
231
242
  }
232
243
 
233
244
  .e-diagram-resize-handle {
234
245
  fill: #22d3ee;
235
- stroke: #22d3ee;
246
+ stroke: #fff;
236
247
  stroke: #fff;
237
248
  }
238
249
 
@@ -251,21 +262,21 @@
251
262
  stroke: #22d3ee;
252
263
  }
253
264
 
254
- .e-diagram-border {
265
+ .e-diagram-selector {
255
266
  stroke: #22d3ee;
256
267
  }
257
268
 
258
- .e-diagram-border.e-disabled {
269
+ .e-diagram-selector.e-disabled {
259
270
  opacity: 1;
260
271
  stroke: #9ca3af;
261
272
  }
262
273
 
263
- .e-diagram-border.e-thick-border {
274
+ .e-diagram-selector.e-thick-border {
264
275
  stroke: #22d3ee;
265
276
  stroke-width: 2;
266
277
  }
267
278
 
268
- .e-diagram-border.e-thick-border.e-diagram-lane {
279
+ .e-diagram-selector.e-thick-border.e-diagram-lane {
269
280
  stroke: #22d3ee;
270
281
  stroke-width: 2;
271
282
  }
@@ -338,7 +349,7 @@
338
349
  padding-left: 28px;
339
350
  }
340
351
 
341
- .e-diagram-selection-rect {
352
+ .e-diagram-selection-indicator {
342
353
  stroke: #22d3ee;
343
354
  }
344
355