@syncfusion/ej2-vue-diagrams 23.2.7 → 24.1.41

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 (44) hide show
  1. package/CHANGELOG.md +1 -80
  2. package/dist/ej2-vue-diagrams.umd.min.js +2 -2
  3. package/dist/ej2-vue-diagrams.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-diagrams.es2015.js +6 -0
  5. package/dist/es6/ej2-vue-diagrams.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-diagrams.es5.js +6 -0
  7. package/dist/es6/ej2-vue-diagrams.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-diagrams.min.js +2 -2
  9. package/package.json +9 -9
  10. package/src/diagram/diagram.component.js +6 -0
  11. package/styles/bootstrap-dark.css +1 -376
  12. package/styles/bootstrap.css +1 -376
  13. package/styles/bootstrap4.css +1 -376
  14. package/styles/bootstrap5-dark.css +1 -377
  15. package/styles/bootstrap5.css +1 -377
  16. package/styles/diagram/bootstrap-dark.css +1 -376
  17. package/styles/diagram/bootstrap.css +1 -376
  18. package/styles/diagram/bootstrap4.css +1 -376
  19. package/styles/diagram/bootstrap5-dark.css +1 -377
  20. package/styles/diagram/bootstrap5.css +1 -377
  21. package/styles/diagram/fabric-dark.css +1 -376
  22. package/styles/diagram/fabric.css +1 -376
  23. package/styles/diagram/fluent-dark.css +1 -377
  24. package/styles/diagram/fluent.css +1 -377
  25. package/styles/diagram/highcontrast-light.css +1 -375
  26. package/styles/diagram/highcontrast.css +1 -377
  27. package/styles/diagram/material-dark.css +1 -376
  28. package/styles/diagram/material.css +1 -376
  29. package/styles/diagram/material3-dark.css +1 -430
  30. package/styles/diagram/material3.css +1 -486
  31. package/styles/diagram/tailwind-dark.css +1 -377
  32. package/styles/diagram/tailwind.css +1 -377
  33. package/styles/fabric-dark.css +1 -376
  34. package/styles/fabric.css +1 -376
  35. package/styles/fluent-dark.css +1 -377
  36. package/styles/fluent.css +1 -377
  37. package/styles/highcontrast-light.css +1 -375
  38. package/styles/highcontrast.css +1 -377
  39. package/styles/material-dark.css +1 -376
  40. package/styles/material.css +1 -376
  41. package/styles/material3-dark.css +1 -430
  42. package/styles/material3.css +1 -486
  43. package/styles/tailwind-dark.css +1 -377
  44. package/styles/tailwind.css +1 -377
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-diagrams@*",
3
- "_id": "@syncfusion/ej2-vue-diagrams@23.2.6",
3
+ "_id": "@syncfusion/ej2-vue-diagrams@19.16.1",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-4AGg4ItnuAWDP9DJ+rfxHqtTU6x3OKHKfijManMdZULDBRPJZ/kSs08RhAKl2W/Z04QucWJdTfHRgDKPMmBvjA==",
5
+ "_integrity": "sha512-ISl26E7K/kNG+XkfMxQPXVD5NpWlnmK2hnI8OSM5KehiD4gcL8TJu8HUJQH0UXyd9h7pl2q35/s30uO3AdV5uA==",
6
6
  "_location": "/@syncfusion/ej2-vue-diagrams",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,10 +19,10 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-23.2.6.tgz",
23
- "_shasum": "e008d9275cb6c9d31a23122e7a76fd7f0a2e7cb0",
22
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-19.16.1.tgz",
23
+ "_shasum": "9f07b8b799ee10fd8d9c571de5ced78e9e4ad67b",
24
24
  "_spec": "@syncfusion/ej2-vue-diagrams@*",
25
- "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
25
+ "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
26
26
  "author": {
27
27
  "name": "Syncfusion Inc."
28
28
  },
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~23.2.6",
35
- "@syncfusion/ej2-diagrams": "23.2.7",
36
- "@syncfusion/ej2-vue-base": "~23.2.7"
34
+ "@syncfusion/ej2-base": "~24.1.41",
35
+ "@syncfusion/ej2-diagrams": "24.1.41",
36
+ "@syncfusion/ej2-vue-base": "~24.1.41"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for Vue",
@@ -57,6 +57,6 @@
57
57
  "ci-publish": "gulp ci-publish",
58
58
  "compile": "gulp ci-compile && gulp vue-global-script"
59
59
  },
60
- "version": "23.2.7",
60
+ "version": "24.1.41",
61
61
  "sideEffects": false
62
62
  }
@@ -118,6 +118,9 @@ export var DiagramComponent = vueDefineComponent({
118
118
  addChildToGroup: function (group, child) {
119
119
  return this.ej2Instances.addChildToGroup(group, child);
120
120
  },
121
+ addChildToUmlNode: function (node, child, umlChildType) {
122
+ return this.ej2Instances.addChildToUmlNode(node, child, umlChildType);
123
+ },
121
124
  addConnector: function (obj) {
122
125
  return this.ej2Instances.addConnector(obj);
123
126
  },
@@ -316,6 +319,9 @@ export var DiagramComponent = vueDefineComponent({
316
319
  remove: function (obj) {
317
320
  return this.ej2Instances.remove(obj);
318
321
  },
322
+ removeChildFromGroup: function (group, child) {
323
+ return this.ej2Instances.removeChildFromGroup(group, child);
324
+ },
319
325
  removeConstraints: function (constraintsType, constraintsValue) {
320
326
  return this.ej2Instances.removeConstraints(constraintsType, constraintsValue);
321
327
  },
@@ -1,376 +1 @@
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
- .e-diagram-menu .e-bringfront::before {
14
- content: "\e575";
15
- }
16
- .e-diagram-menu .e-sendback::before {
17
- content: "\e576";
18
- }
19
- .e-diagram-menu .e-sendbackward::before {
20
- content: "\e577";
21
- }
22
- .e-diagram-menu .e-delete::before {
23
- content: "\e578";
24
- }
25
- .e-diagram-menu .e-ungroup::before {
26
- content: "\e579";
27
- }
28
- .e-diagram-menu .e-group::before {
29
- content: "\e57a";
30
- }
31
- .e-diagram-menu .e-undo::before {
32
- content: "\e57c";
33
- }
34
- .e-diagram-menu .e-cut::before {
35
- content: "\e57d";
36
- }
37
- .e-diagram-menu .e-save::before {
38
- content: "\e57e";
39
- }
40
- .e-diagram-menu .e-paste::before {
41
- content: "\e57f";
42
- }
43
- .e-diagram-menu .e-copy::before {
44
- content: "\e580";
45
- }
46
- .e-diagram-menu .e-redo::before {
47
- content: "\e581";
48
- }
49
- .e-diagram-menu .e-zoomin::before {
50
- content: "\e582";
51
- }
52
- .e-diagram-menu .e-italic::before {
53
- content: "\e583";
54
- }
55
- .e-diagram-menu .e-close::before {
56
- content: "\e584";
57
- }
58
- .e-diagram-menu .e-pan::before {
59
- content: "\e585";
60
- }
61
- .e-diagram-menu .e-bold::before {
62
- content: "\e586";
63
- }
64
- .e-diagram-menu .e-underline::before {
65
- content: "\e587";
66
- }
67
- .e-diagram-menu .e-zoomout::before {
68
- content: "\e588";
69
- }
70
- .e-diagram-menu .e-export::before {
71
- content: "\e589";
72
- }
73
- .e-diagram-menu .e-print::before {
74
- content: "\e58a";
75
- }
76
- .e-diagram-menu .e-order::before {
77
- content: "\e58b";
78
- }
79
-
80
- .e-symbolpalette .e-clear-searchtext::before {
81
- content: "\e58c";
82
- }
83
-
84
- .e-icons {
85
- font-family: "e-icons";
86
- font-style: normal;
87
- font-variant: normal;
88
- font-weight: normal;
89
- line-height: 1;
90
- text-transform: none;
91
- }
92
-
93
- .e-diagram-menu .e-bringforward::before {
94
- content: "\e5a1";
95
- }
96
- .e-diagram-menu .e-bringfront::before {
97
- content: "\e5a2";
98
- }
99
- .e-diagram-menu .e-sendback::before {
100
- content: "\e5a3";
101
- }
102
- .e-diagram-menu .e-sendbackward::before {
103
- content: "\e5a4";
104
- }
105
- .e-diagram-menu .e-delete::before {
106
- content: "\e94a";
107
- }
108
- .e-diagram-menu .e-ungroup::before {
109
- content: "\e5a6";
110
- }
111
- .e-diagram-menu .e-group::before {
112
- content: "\e5a7";
113
- }
114
- .e-diagram-menu .e-undo::before {
115
- content: "\e341";
116
- }
117
- .e-diagram-menu .e-redo::before {
118
- content: "\e354";
119
- }
120
- .e-diagram-menu .e-copy::before {
121
- content: "\e33d";
122
- }
123
- .e-diagram-menu .e-cut::before {
124
- content: "\e33b";
125
- }
126
- .e-diagram-menu .e-save::before {
127
- content: "\ebc2";
128
- }
129
- .e-diagram-menu .e-paste::before {
130
- content: "\e355";
131
- }
132
- .e-diagram-menu .e-zoomin::before {
133
- content: "\e349";
134
- }
135
- .e-diagram-menu .e-italic::before {
136
- content: "\e35a";
137
- }
138
- .e-diagram-menu .e-close::before {
139
- content: "\ea7b";
140
- }
141
- .e-diagram-menu .e-pan::before {
142
- content: "\ebcb";
143
- }
144
- .e-diagram-menu .e-bold::before {
145
- content: "\e339";
146
- }
147
- .e-diagram-menu .e-underline::before {
148
- content: "\e343";
149
- }
150
- .e-diagram-menu .e-zoomout::before {
151
- content: "\e351";
152
- }
153
- .e-diagram-menu .e-export::before {
154
- content: "\e702";
155
- }
156
- .e-diagram-menu .e-print::before {
157
- content: "\e34b";
158
- }
159
- .e-diagram-menu .e-order::before {
160
- content: "\e4a4";
161
- }
162
-
163
- .e-symbolpalette .e-clear-searchtext::before {
164
- content: "\e60e";
165
- }
166
-
167
- .e-diagram {
168
- background-color: #fff;
169
- display: block;
170
- }
171
-
172
- .e-symbolpalette {
173
- display: block;
174
- }
175
-
176
- .e-overview {
177
- display: block;
178
- }
179
-
180
- .e-content-placeholder.e-diagram.e-placeholder-diagram {
181
- background-size: 100% 100%;
182
- max-height: 500px;
183
- max-width: 500px;
184
- }
185
-
186
- .e-content-placeholder.e-symbolpalette.e-placeholder-symbolpalette {
187
- background-size: 100% 100%;
188
- max-height: 200px;
189
- max-width: 200px;
190
- }
191
-
192
- .e-diagram-endpoint-handle {
193
- fill: #fff;
194
- stroke: #0070f0;
195
- }
196
-
197
- .e-diagram-endpoint-handle.e-connected {
198
- fill: #0070f0;
199
- stroke: #fff;
200
- }
201
-
202
- .e-diagram-endpoint-handle.e-disabled {
203
- fill: #acacac;
204
- opacity: 1;
205
- stroke: #fff;
206
- }
207
-
208
- .e-diagram-bezier-control-handle.e-disabled {
209
- fill: #acacac;
210
- opacity: 1;
211
- stroke: #fff;
212
- }
213
-
214
- /* stylelint-disable */
215
- .e-diagram-bezier-handle.e-source.e-disabled {
216
- opacity: 1 !important;
217
- }
218
-
219
- .e-diagram-bezier-handle.e-target.e-disabled {
220
- opacity: 1 !important;
221
- }
222
-
223
- .e-diagram-bezier-control-handle {
224
- fill: #fff;
225
- stroke: #0070f0;
226
- }
227
-
228
- .e-diagram-bezier-segment-handle {
229
- fill: #fff;
230
- stroke: #0070f0;
231
- }
232
-
233
- .e-symbolpalette .e-acrdn-content {
234
- background-color: #dfdfdf !important;
235
- }
236
-
237
- /* stylelint-enable */
238
- .e-diagram-bezier-control-line {
239
- stroke: #0070f0;
240
- }
241
-
242
- .e-diagram-resize-handle {
243
- fill: #0070f0;
244
- stroke: #fff;
245
- stroke: #fff;
246
- }
247
-
248
- .e-diagram-helper {
249
- stroke: #0070f0;
250
- }
251
-
252
- .e-diagram-resize-handle.e-disabled {
253
- fill: #acacac;
254
- opacity: 1;
255
- stroke: #fff;
256
- }
257
-
258
- .e-diagram-rotate-handle {
259
- fill: #0070f0;
260
- stroke: #0070f0;
261
- }
262
-
263
- .e-diagram-selector {
264
- stroke: #0058bd;
265
- }
266
-
267
- .e-diagram-selector.e-disabled {
268
- opacity: 1;
269
- stroke: #acacac;
270
- }
271
-
272
- .e-diagram-selector.e-thick-border {
273
- stroke: #0058bd;
274
- stroke-width: 2;
275
- }
276
-
277
- .e-diagram-selector.e-thick-border.e-diagram-lane {
278
- stroke: #0070f0;
279
- stroke-width: 2;
280
- }
281
-
282
- .e-diagram-highlighter {
283
- stroke: #0070f0;
284
- stroke-width: 2;
285
- }
286
-
287
- .e-diagram-selected-region {
288
- stroke: #0070f0;
289
- }
290
-
291
- .e-diagram-pivot-line {
292
- stroke: #0070f0;
293
- }
294
-
295
- .e-symbolpalette .e-symbol-hover:hover {
296
- background: #b9b9b9;
297
- border-radius: 4px;
298
- }
299
-
300
- .e-symbolpalette .e-symbol-selected {
301
- background: #acacac;
302
- border-radius: 4px;
303
- }
304
-
305
- .e-diagram-tooltip {
306
- pointer-events: none;
307
- }
308
-
309
- .e-diagram .e-ruler {
310
- background: #313131;
311
- color: #f0f0f0;
312
- font-size: 10px;
313
- }
314
-
315
- .e-diagram .e-ruler-overlap {
316
- background: #313131;
317
- }
318
-
319
- .e-diagram .e-d-ruler-marker {
320
- stroke: #0070f0;
321
- }
322
-
323
- .e-diagram .e-diagram-text-edit {
324
- background: #fff;
325
- border-color: #0070f0;
326
- border-style: dashed;
327
- border-width: 1px;
328
- box-sizing: content-box;
329
- color: #1a1a1a;
330
- min-width: 50px;
331
- }
332
-
333
- .e-diagram-text-edit::selection {
334
- background: #0070f0;
335
- color: #fff;
336
- }
337
-
338
- .e-ruler-tick-label {
339
- fill: #c6c6c6;
340
- }
341
-
342
- .e-ruler-tick {
343
- stroke: #858585;
344
- }
345
-
346
- .e-menu-item e-blankicon {
347
- padding-left: 28px;
348
- }
349
-
350
- .e-diagram-selection-indicator {
351
- stroke: #0070f0;
352
- }
353
-
354
- .e-diagram-selection-line {
355
- stroke: #0070f0;
356
- }
357
-
358
- /* stylelint-disable */
359
- .e-diagram-rotate {
360
- cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
361
- }
362
-
363
- .e-symbolpalette-hidden {
364
- display: none !important;
365
- }
366
-
367
- .e-symbolpalette-search-hidden {
368
- display: none !important;
369
- }
370
-
371
- .e-diagramTooltip-content {
372
- width: auto !important;
373
- height: auto !important;
374
- }
375
-
376
- /* stylelint-enable */
1
+ @import '@syncfusion/ej2-diagrams/styles/bootstrap-dark.css';