@syncfusion/ej2-angular-diagrams 19.2.59 → 19.3.44

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 (46) hide show
  1. package/@syncfusion/ej2-angular-diagrams.es5.js +1 -1
  2. package/@syncfusion/ej2-angular-diagrams.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-diagrams.js +1 -1
  4. package/@syncfusion/ej2-angular-diagrams.js.map +1 -1
  5. package/CHANGELOG.md +8 -2
  6. package/dist/ej2-angular-diagrams.umd.js +2 -1
  7. package/dist/ej2-angular-diagrams.umd.js.map +1 -1
  8. package/dist/ej2-angular-diagrams.umd.min.js +2 -2
  9. package/dist/ej2-angular-diagrams.umd.min.js.map +1 -1
  10. package/package.json +8 -8
  11. package/schematics/utils/lib-details.d.ts +2 -2
  12. package/schematics/utils/lib-details.js +2 -2
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/diagram/diagram.component.d.ts +39 -0
  15. package/src/overview/overview.component.d.ts +1 -0
  16. package/src/symbol-palette/symbolpalette.component.d.ts +2 -0
  17. package/styles/bootstrap-dark.css +45 -28
  18. package/styles/bootstrap.css +42 -25
  19. package/styles/bootstrap4.css +137 -15
  20. package/styles/bootstrap5-dark.css +396 -0
  21. package/styles/bootstrap5-dark.scss +1 -0
  22. package/styles/bootstrap5.css +396 -0
  23. package/styles/bootstrap5.scss +1 -0
  24. package/styles/diagram/bootstrap-dark.css +45 -28
  25. package/styles/diagram/bootstrap.css +42 -25
  26. package/styles/diagram/bootstrap4.css +137 -15
  27. package/styles/diagram/bootstrap5-dark.css +396 -0
  28. package/styles/diagram/bootstrap5-dark.scss +1 -0
  29. package/styles/diagram/bootstrap5.css +396 -0
  30. package/styles/diagram/bootstrap5.scss +1 -0
  31. package/styles/diagram/fabric-dark.css +42 -25
  32. package/styles/diagram/fabric.css +38 -21
  33. package/styles/diagram/highcontrast-light.css +19 -3
  34. package/styles/diagram/highcontrast.css +48 -31
  35. package/styles/diagram/material-dark.css +50 -33
  36. package/styles/diagram/material.css +38 -21
  37. package/styles/diagram/tailwind-dark.css +33 -17
  38. package/styles/diagram/tailwind.css +29 -13
  39. package/styles/fabric-dark.css +42 -25
  40. package/styles/fabric.css +38 -21
  41. package/styles/highcontrast-light.css +19 -3
  42. package/styles/highcontrast.css +48 -31
  43. package/styles/material-dark.css +50 -33
  44. package/styles/material.css +38 -21
  45. package/styles/tailwind-dark.css +33 -17
  46. package/styles/tailwind.css +29 -13
@@ -0,0 +1,396 @@
1
+ .e-icons {
2
+ font-family: 'e-icons';
3
+ font-style: normal;
4
+ font-variant: normal;
5
+ font-weight: normal;
6
+ line-height: 1;
7
+ text-transform: none;
8
+ }
9
+
10
+ .e-diagram-menu .e-bringforward::before {
11
+ content: '\e574';
12
+ }
13
+
14
+ .e-diagram-menu .e-bringfront::before {
15
+ content: '\e575';
16
+ }
17
+
18
+ .e-diagram-menu .e-sendback::before {
19
+ content: '\e576';
20
+ }
21
+
22
+ .e-diagram-menu .e-sendbackward::before {
23
+ content: '\e577';
24
+ }
25
+
26
+ .e-diagram-menu .e-delete::before {
27
+ content: '\e578';
28
+ }
29
+
30
+ .e-diagram-menu .e-ungroup::before {
31
+ content: '\e579';
32
+ }
33
+
34
+ .e-diagram-menu .e-group::before {
35
+ content: '\e57a';
36
+ }
37
+
38
+ .e-diagram-menu .e-undo::before {
39
+ content: '\e57c';
40
+ }
41
+
42
+ .e-diagram-menu .e-cut::before {
43
+ content: '\e57d';
44
+ }
45
+
46
+ .e-diagram-menu .e-save::before {
47
+ content: '\e57e';
48
+ }
49
+
50
+ .e-diagram-menu .e-paste::before {
51
+ content: '\e57f';
52
+ }
53
+
54
+ .e-diagram-menu .e-copy::before {
55
+ content: '\e580';
56
+ }
57
+
58
+ .e-diagram-menu .e-redo::before {
59
+ content: '\e581';
60
+ }
61
+
62
+ .e-diagram-menu .e-zoomin::before {
63
+ content: '\e582';
64
+ }
65
+
66
+ .e-diagram-menu .e-italic::before {
67
+ content: '\e583';
68
+ }
69
+
70
+ .e-diagram-menu .e-close::before {
71
+ content: '\e584';
72
+ }
73
+
74
+ .e-diagram-menu .e-pan::before {
75
+ content: '\e585';
76
+ }
77
+
78
+ .e-diagram-menu .e-bold::before {
79
+ content: '\e586';
80
+ }
81
+
82
+ .e-diagram-menu .e-underline::before {
83
+ content: '\e587';
84
+ }
85
+
86
+ .e-diagram-menu .e-zoomout::before {
87
+ content: '\e588';
88
+ }
89
+
90
+ .e-diagram-menu .e-export::before {
91
+ content: '\e589';
92
+ }
93
+
94
+ .e-diagram-menu .e-print::before {
95
+ content: '\e58a';
96
+ }
97
+
98
+ .e-diagram-menu .e-order::before {
99
+ content: '\e58b';
100
+ }
101
+
102
+ .e-symbolpalette .e-clear-searchtext::before {
103
+ content: '\e58c';
104
+ }
105
+
106
+ .e-icons {
107
+ font-family: 'e-icons';
108
+ font-style: normal;
109
+ font-variant: normal;
110
+ font-weight: normal;
111
+ line-height: 1;
112
+ text-transform: none;
113
+ }
114
+
115
+ .e-diagram-menu .e-bringforward::before {
116
+ content: '\e72f';
117
+ }
118
+
119
+ .e-diagram-menu .e-bringfront::before {
120
+ content: '\e840';
121
+ }
122
+
123
+ .e-diagram-menu .e-sendback::before {
124
+ content: '\e78a';
125
+ }
126
+
127
+ .e-diagram-menu .e-sendbackward::before {
128
+ content: '\e7ed';
129
+ }
130
+
131
+ .e-diagram-menu .e-delete::before {
132
+ content: '\e94a';
133
+ }
134
+
135
+ .e-diagram-menu .e-ungroup::before {
136
+ content: '\e749';
137
+ }
138
+
139
+ .e-diagram-menu .e-group::before {
140
+ content: '\e7f4';
141
+ }
142
+
143
+ .e-diagram-menu .e-undo::before {
144
+ content: '\e713';
145
+ }
146
+
147
+ .e-diagram-menu .e-redo::before {
148
+ content: '\e755';
149
+ }
150
+
151
+ .e-diagram-menu .e-copy::before {
152
+ content: '\e77c';
153
+ }
154
+
155
+ .e-diagram-menu .e-cut::before {
156
+ content: '\e7fb';
157
+ }
158
+
159
+ .e-diagram-menu .e-save::before {
160
+ content: '\e7c8';
161
+ }
162
+
163
+ .e-diagram-menu .e-paste::before {
164
+ content: '\e70b';
165
+ }
166
+
167
+ .e-diagram-menu .e-zoomin::before {
168
+ content: '\e795';
169
+ }
170
+
171
+ .e-diagram-menu .e-italic::before {
172
+ content: '\e75a';
173
+ }
174
+
175
+ .e-diagram-menu .e-close::before {
176
+ content: '\e7e7';
177
+ }
178
+
179
+ .e-diagram-menu .e-pan::before {
180
+ content: '\e7b1';
181
+ }
182
+
183
+ .e-diagram-menu .e-bold::before {
184
+ content: '\e737';
185
+ }
186
+
187
+ .e-diagram-menu .e-underline::before {
188
+ content: '\e82f';
189
+ }
190
+
191
+ .e-diagram-menu .e-zoomout::before {
192
+ content: '\e825';
193
+ }
194
+
195
+ .e-diagram-menu .e-export::before {
196
+ content: '\e72e';
197
+ }
198
+
199
+ .e-diagram-menu .e-print::before {
200
+ content: '\e75d';
201
+ }
202
+
203
+ .e-diagram-menu .e-order::before {
204
+ content: '\e809';
205
+ }
206
+
207
+ .e-symbolpalette .e-clear-searchtext::before {
208
+ content: '\e754';
209
+ }
210
+
211
+ .e-diagram {
212
+ background-color: #fff;
213
+ display: block;
214
+ }
215
+
216
+ .e-symbolpalette {
217
+ display: block;
218
+ }
219
+
220
+ .e-overview {
221
+ display: block;
222
+ }
223
+
224
+ .e-content-placeholder.e-diagram.e-placeholder-diagram {
225
+ background-size: 100% 100%;
226
+ max-height: 500px;
227
+ max-width: 500px;
228
+ }
229
+
230
+ .e-content-placeholder.e-symbolpalette.e-placeholder-symbolpalette {
231
+ background-size: 100% 100%;
232
+ max-height: 200px;
233
+ max-width: 200px;
234
+ }
235
+
236
+ .e-diagram-endpoint-handle {
237
+ fill: #fff;
238
+ stroke: #0d6efd;
239
+ }
240
+
241
+ .e-diagram-endpoint-handle.e-connected {
242
+ fill: #0d6efd;
243
+ stroke: #fff;
244
+ }
245
+
246
+ .e-diagram-endpoint-handle.e-disabled {
247
+ fill: #adb5bd;
248
+ opacity: 1;
249
+ stroke: #fff;
250
+ }
251
+
252
+ .e-diagram-bezier-handle.e-source.e-disabled {
253
+ opacity: 1 !important;
254
+ }
255
+
256
+ .e-diagram-bezier-handle.e-target.e-disabled {
257
+ opacity: 1 !important;
258
+ }
259
+
260
+ .e-symbolpalette .e-acrdn-content {
261
+ background-color: #dee2e6 !important;
262
+ }
263
+
264
+ .e-diagram-bezier-handle {
265
+ fill: #fff;
266
+ stroke: #0d6efd;
267
+ }
268
+
269
+ .e-diagram-bezier-line {
270
+ stroke: #0d6efd;
271
+ }
272
+
273
+ .e-diagram-resize-handle {
274
+ fill: #0d6efd;
275
+ stroke: #0d6efd;
276
+ stroke: #fff;
277
+ }
278
+
279
+ .e-diagram-helper {
280
+ stroke: #0d6efd;
281
+ }
282
+
283
+ .e-diagram-resize-handle.e-disabled {
284
+ fill: #adb5bd;
285
+ opacity: 1;
286
+ stroke: #fff;
287
+ }
288
+
289
+ .e-diagram-rotate-handle {
290
+ fill: #0d6efd;
291
+ stroke: #0d6efd;
292
+ }
293
+
294
+ .e-diagram-border {
295
+ stroke: #0d6efd;
296
+ }
297
+
298
+ .e-diagram-border.e-disabled {
299
+ opacity: 1;
300
+ stroke: #adb5bd;
301
+ }
302
+
303
+ .e-diagram-border.e-thick-border {
304
+ stroke: #0d6efd;
305
+ stroke-width: 2;
306
+ }
307
+
308
+ .e-diagram-border.e-thick-border.e-diagram-lane {
309
+ stroke: #0d6efd;
310
+ stroke-width: 2;
311
+ }
312
+
313
+ .e-diagram-highlighter {
314
+ stroke: #0d6efd;
315
+ stroke-width: 2;
316
+ }
317
+
318
+ .e-diagram-selected-region {
319
+ stroke: #0d6efd;
320
+ }
321
+
322
+ .e-diagram-pivot-line {
323
+ stroke: #0d6efd;
324
+ }
325
+
326
+ .e-symbolpalette .e-symbol-hover:hover {
327
+ background: #ced4da;
328
+ border-radius: 0px;
329
+ }
330
+
331
+ .e-symbolpalette .e-symbol-selected {
332
+ background: #495057;
333
+ border-radius: 0px;
334
+ }
335
+
336
+ .e-diagram-tooltip {
337
+ pointer-events: none;
338
+ }
339
+
340
+ .e-diagram .e-ruler {
341
+ background-color: #282d31;
342
+ color: #ced4da;
343
+ font-size: 10px;
344
+ }
345
+
346
+ .e-diagram .e-ruler-overlap {
347
+ background-color: #282d31;
348
+ }
349
+
350
+ .e-diagram .e-d-ruler-marker {
351
+ stroke: #0d6efd;
352
+ }
353
+
354
+ .e-diagram .e-diagram-text-edit {
355
+ background: #fff;
356
+ border-color: #0d6efd;
357
+ border-style: dashed;
358
+ border-width: 1px;
359
+ box-sizing: content-box;
360
+ color: #000;
361
+ min-width: 50px;
362
+ }
363
+
364
+ .e-diagram-text-edit::selection {
365
+ background: #0d6efd;
366
+ color: #fff;
367
+ }
368
+
369
+ .e-ruler-tick-label {
370
+ fill: #ced4da;
371
+ }
372
+
373
+ .e-ruler-tick {
374
+ stroke: #6c757d;
375
+ }
376
+
377
+ .e-menu-item e-blankicon {
378
+ padding-left: 28px;
379
+ }
380
+
381
+ .e-diagram-rotate {
382
+ cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
383
+ }
384
+
385
+ .e-symbolpalette-hidden {
386
+ display: none !important;
387
+ }
388
+
389
+ .e-symbolpalette-search-hidden {
390
+ display: none !important;
391
+ }
392
+
393
+ .e-diagramTooltip-content {
394
+ width: auto !important;
395
+ height: auto !important;
396
+ }
@@ -0,0 +1 @@
1
+ @import 'diagram/bootstrap5-dark.scss';