@syncfusion/ej2-vue-diagrams 20.2.49 → 20.3.48

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 (65) hide show
  1. package/CHANGELOG.md +12 -43
  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 +86 -99
  5. package/dist/es6/ej2-vue-diagrams.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-diagrams.es5.js +86 -99
  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 +8 -8
  10. package/src/diagram/connector-annotation.directive.d.ts +0 -1
  11. package/src/diagram/connector-annotation.directive.js +5 -6
  12. package/src/diagram/connector-fixeduserhandle.directive.d.ts +0 -1
  13. package/src/diagram/connector-fixeduserhandle.directive.js +5 -6
  14. package/src/diagram/connectors.directive.d.ts +0 -1
  15. package/src/diagram/connectors.directive.js +5 -6
  16. package/src/diagram/customcursor.directive.d.ts +0 -1
  17. package/src/diagram/customcursor.directive.js +5 -6
  18. package/src/diagram/diagram.component.d.ts +2 -2
  19. package/src/diagram/diagram.component.js +9 -7
  20. package/src/diagram/layers.directive.d.ts +0 -1
  21. package/src/diagram/layers.directive.js +5 -6
  22. package/src/diagram/node-annotation.directive.d.ts +0 -1
  23. package/src/diagram/node-annotation.directive.js +5 -6
  24. package/src/diagram/node-fixeduserhandle.directive.d.ts +0 -1
  25. package/src/diagram/node-fixeduserhandle.directive.js +5 -6
  26. package/src/diagram/nodes.directive.d.ts +0 -1
  27. package/src/diagram/nodes.directive.js +5 -6
  28. package/src/diagram/ports.directive.d.ts +0 -1
  29. package/src/diagram/ports.directive.js +5 -6
  30. package/src/overview/overview.component.d.ts +0 -1
  31. package/src/overview/overview.component.js +3 -4
  32. package/src/symbol-palette/palettes.directive.d.ts +0 -1
  33. package/src/symbol-palette/palettes.directive.js +5 -6
  34. package/src/symbol-palette/symbolpalette.component.d.ts +0 -2
  35. package/src/symbol-palette/symbolpalette.component.js +3 -7
  36. package/styles/bootstrap-dark.css +6 -1
  37. package/styles/bootstrap.css +6 -1
  38. package/styles/bootstrap4.css +6 -1
  39. package/styles/bootstrap5-dark.css +7 -1
  40. package/styles/bootstrap5.css +7 -1
  41. package/styles/diagram/bootstrap-dark.css +6 -1
  42. package/styles/diagram/bootstrap.css +6 -1
  43. package/styles/diagram/bootstrap4.css +6 -1
  44. package/styles/diagram/bootstrap5-dark.css +7 -1
  45. package/styles/diagram/bootstrap5.css +7 -1
  46. package/styles/diagram/fabric-dark.css +6 -1
  47. package/styles/diagram/fabric.css +6 -1
  48. package/styles/diagram/fluent-dark.css +7 -1
  49. package/styles/diagram/fluent.css +7 -1
  50. package/styles/diagram/highcontrast-light.css +6 -1
  51. package/styles/diagram/highcontrast.css +7 -1
  52. package/styles/diagram/material-dark.css +6 -1
  53. package/styles/diagram/material.css +6 -1
  54. package/styles/diagram/tailwind-dark.css +7 -1
  55. package/styles/diagram/tailwind.css +7 -1
  56. package/styles/fabric-dark.css +6 -1
  57. package/styles/fabric.css +6 -1
  58. package/styles/fluent-dark.css +7 -1
  59. package/styles/fluent.css +7 -1
  60. package/styles/highcontrast-light.css +6 -1
  61. package/styles/highcontrast.css +7 -1
  62. package/styles/material-dark.css +6 -1
  63. package/styles/material.css +6 -1
  64. package/styles/tailwind-dark.css +7 -1
  65. package/styles/tailwind.css +7 -1
@@ -1,5 +1,5 @@
1
1
  import { Diagram, Overview, SymbolPalette } from '@syncfusion/ej2-diagrams';
2
- import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
2
+ import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
3
3
  import { Vue } from 'vue-class-component';
4
4
  import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
5
5
  import Vue$1 from 'vue';
@@ -11,7 +11,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
11
11
  return c > 3 && r && Object.defineProperty(target, key, r), r;
12
12
  };
13
13
  // {{VueImport}}
14
- const isExecute = gh ? false : true;
15
14
  let vueImport;
16
15
  if (!isExecute || parseInt(allVue.version) < 3) {
17
16
  vueImport = Vue;
@@ -32,18 +31,18 @@ class LayersDirective extends vueImport {
32
31
  super(arguments);
33
32
  }
34
33
  render(createElement) {
35
- if (gh) {
36
- let h = gh || createElement;
34
+ if (!isExecute) {
35
+ let h = !isExecute ? gh : createElement;
37
36
  let slots = null;
38
37
  if (!isNullOrUndefined(this.$slots.default)) {
39
- slots = gh ? this.$slots.default() : this.$slots.default;
38
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
40
39
  }
41
40
  return h('div', { class: 'e-directive' }, slots);
42
41
  }
43
42
  return;
44
43
  }
45
44
  updated() {
46
- if (gh && this.custom) {
45
+ if (!isExecute && this.custom) {
47
46
  this.custom();
48
47
  }
49
48
  }
@@ -104,9 +103,8 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
104
103
  return c > 3 && r && Object.defineProperty(target, key, r), r;
105
104
  };
106
105
  // {{VueImport}}
107
- const isExecute$1 = gh ? false : true;
108
106
  let vueImport$1;
109
- if (!isExecute$1 || parseInt(allVue.version) < 3) {
107
+ if (!isExecute || parseInt(allVue.version) < 3) {
110
108
  vueImport$1 = Vue;
111
109
  }
112
110
  else {
@@ -125,18 +123,18 @@ class CustomCursorsDirective extends vueImport$1 {
125
123
  super(arguments);
126
124
  }
127
125
  render(createElement) {
128
- if (gh) {
129
- let h = gh || createElement;
126
+ if (!isExecute) {
127
+ let h = !isExecute ? gh : createElement;
130
128
  let slots = null;
131
129
  if (!isNullOrUndefined(this.$slots.default)) {
132
- slots = gh ? this.$slots.default() : this.$slots.default;
130
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
133
131
  }
134
132
  return h('div', { class: 'e-directive' }, slots);
135
133
  }
136
134
  return;
137
135
  }
138
136
  updated() {
139
- if (gh && this.custom) {
137
+ if (!isExecute && this.custom) {
140
138
  this.custom();
141
139
  }
142
140
  }
@@ -145,7 +143,7 @@ class CustomCursorsDirective extends vueImport$1 {
145
143
  }
146
144
  };
147
145
  CustomCursorsDirective = __decorate$1([
148
- EJComponentDecorator({}, isExecute$1)
146
+ EJComponentDecorator({}, isExecute)
149
147
  /* Start Options({
150
148
  inject: {
151
149
  custom: {
@@ -181,7 +179,7 @@ let CustomCursorDirective = class CustomCursorDirective extends vueImport$1 {
181
179
  }
182
180
  };
183
181
  CustomCursorDirective = __decorate$1([
184
- EJComponentDecorator({}, isExecute$1)
182
+ EJComponentDecorator({}, isExecute)
185
183
  ], CustomCursorDirective);
186
184
  const CustomCursorPlugin = {
187
185
  name: 'e-cursormap',
@@ -197,9 +195,8 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
197
195
  return c > 3 && r && Object.defineProperty(target, key, r), r;
198
196
  };
199
197
  // {{VueImport}}
200
- const isExecute$2 = gh ? false : true;
201
198
  let vueImport$2;
202
- if (!isExecute$2 || parseInt(allVue.version) < 3) {
199
+ if (!isExecute || parseInt(allVue.version) < 3) {
203
200
  vueImport$2 = Vue;
204
201
  }
205
202
  else {
@@ -218,18 +215,18 @@ class ConnectorFixedUserHandlesDirective extends vueImport$2 {
218
215
  super(arguments);
219
216
  }
220
217
  render(createElement) {
221
- if (gh) {
222
- let h = gh || createElement;
218
+ if (!isExecute) {
219
+ let h = !isExecute ? gh : createElement;
223
220
  let slots = null;
224
221
  if (!isNullOrUndefined(this.$slots.default)) {
225
- slots = gh ? this.$slots.default() : this.$slots.default;
222
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
226
223
  }
227
224
  return h('div', { class: 'e-directive' }, slots);
228
225
  }
229
226
  return;
230
227
  }
231
228
  updated() {
232
- if (gh && this.custom) {
229
+ if (!isExecute && this.custom) {
233
230
  this.custom();
234
231
  }
235
232
  }
@@ -238,7 +235,7 @@ class ConnectorFixedUserHandlesDirective extends vueImport$2 {
238
235
  }
239
236
  };
240
237
  ConnectorFixedUserHandlesDirective = __decorate$2([
241
- EJComponentDecorator({}, isExecute$2)
238
+ EJComponentDecorator({}, isExecute)
242
239
  /* Start Options({
243
240
  inject: {
244
241
  custom: {
@@ -278,7 +275,7 @@ let ConnectorFixedUserHandleDirective = class ConnectorFixedUserHandleDirective
278
275
  }
279
276
  };
280
277
  ConnectorFixedUserHandleDirective = __decorate$2([
281
- EJComponentDecorator({}, isExecute$2)
278
+ EJComponentDecorator({}, isExecute)
282
279
  ], ConnectorFixedUserHandleDirective);
283
280
  const ConnectorFixedUserHandlePlugin = {
284
281
  name: 'e-connector-fixeduserhandle',
@@ -294,9 +291,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
294
291
  return c > 3 && r && Object.defineProperty(target, key, r), r;
295
292
  };
296
293
  // {{VueImport}}
297
- const isExecute$3 = gh ? false : true;
298
294
  let vueImport$3;
299
- if (!isExecute$3 || parseInt(allVue.version) < 3) {
295
+ if (!isExecute || parseInt(allVue.version) < 3) {
300
296
  vueImport$3 = Vue;
301
297
  }
302
298
  else {
@@ -315,18 +311,18 @@ class ConnectorAnnotationsDirective extends vueImport$3 {
315
311
  super(arguments);
316
312
  }
317
313
  render(createElement) {
318
- if (gh) {
319
- let h = gh || createElement;
314
+ if (!isExecute) {
315
+ let h = !isExecute ? gh : createElement;
320
316
  let slots = null;
321
317
  if (!isNullOrUndefined(this.$slots.default)) {
322
- slots = gh ? this.$slots.default() : this.$slots.default;
318
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
323
319
  }
324
320
  return h('div', { class: 'e-directive' }, slots);
325
321
  }
326
322
  return;
327
323
  }
328
324
  updated() {
329
- if (gh && this.custom) {
325
+ if (!isExecute && this.custom) {
330
326
  this.custom();
331
327
  }
332
328
  }
@@ -335,7 +331,7 @@ class ConnectorAnnotationsDirective extends vueImport$3 {
335
331
  }
336
332
  };
337
333
  ConnectorAnnotationsDirective = __decorate$3([
338
- EJComponentDecorator({}, isExecute$3)
334
+ EJComponentDecorator({}, isExecute)
339
335
  /* Start Options({
340
336
  inject: {
341
337
  custom: {
@@ -375,7 +371,7 @@ let ConnectorAnnotationDirective = class ConnectorAnnotationDirective extends vu
375
371
  }
376
372
  };
377
373
  ConnectorAnnotationDirective = __decorate$3([
378
- EJComponentDecorator({}, isExecute$3)
374
+ EJComponentDecorator({}, isExecute)
379
375
  ], ConnectorAnnotationDirective);
380
376
  const ConnectorAnnotationPlugin = {
381
377
  name: 'e-connector-annotation',
@@ -391,9 +387,8 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
391
387
  return c > 3 && r && Object.defineProperty(target, key, r), r;
392
388
  };
393
389
  // {{VueImport}}
394
- const isExecute$4 = gh ? false : true;
395
390
  let vueImport$4;
396
- if (!isExecute$4 || parseInt(allVue.version) < 3) {
391
+ if (!isExecute || parseInt(allVue.version) < 3) {
397
392
  vueImport$4 = Vue;
398
393
  }
399
394
  else {
@@ -412,18 +407,18 @@ class ConnectorsDirective extends vueImport$4 {
412
407
  super(arguments);
413
408
  }
414
409
  render(createElement) {
415
- if (gh) {
416
- let h = gh || createElement;
410
+ if (!isExecute) {
411
+ let h = !isExecute ? gh : createElement;
417
412
  let slots = null;
418
413
  if (!isNullOrUndefined(this.$slots.default)) {
419
- slots = gh ? this.$slots.default() : this.$slots.default;
414
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
420
415
  }
421
416
  return h('div', { class: 'e-directive' }, slots);
422
417
  }
423
418
  return;
424
419
  }
425
420
  updated() {
426
- if (gh && this.custom) {
421
+ if (!isExecute && this.custom) {
427
422
  this.custom();
428
423
  }
429
424
  }
@@ -432,7 +427,7 @@ class ConnectorsDirective extends vueImport$4 {
432
427
  }
433
428
  };
434
429
  ConnectorsDirective = __decorate$4([
435
- EJComponentDecorator({}, isExecute$4)
430
+ EJComponentDecorator({}, isExecute)
436
431
  /* Start Options({
437
432
  inject: {
438
433
  custom: {
@@ -467,7 +462,7 @@ let ConnectorDirective = class ConnectorDirective extends vueImport$4 {
467
462
  }
468
463
  };
469
464
  ConnectorDirective = __decorate$4([
470
- EJComponentDecorator({}, isExecute$4)
465
+ EJComponentDecorator({}, isExecute)
471
466
  ], ConnectorDirective);
472
467
  const ConnectorPlugin = {
473
468
  name: 'e-connector',
@@ -483,9 +478,8 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
483
478
  return c > 3 && r && Object.defineProperty(target, key, r), r;
484
479
  };
485
480
  // {{VueImport}}
486
- const isExecute$5 = gh ? false : true;
487
481
  let vueImport$5;
488
- if (!isExecute$5 || parseInt(allVue.version) < 3) {
482
+ if (!isExecute || parseInt(allVue.version) < 3) {
489
483
  vueImport$5 = Vue;
490
484
  }
491
485
  else {
@@ -504,18 +498,18 @@ class NodeFixedUserHandlesDirective extends vueImport$5 {
504
498
  super(arguments);
505
499
  }
506
500
  render(createElement) {
507
- if (gh) {
508
- let h = gh || createElement;
501
+ if (!isExecute) {
502
+ let h = !isExecute ? gh : createElement;
509
503
  let slots = null;
510
504
  if (!isNullOrUndefined(this.$slots.default)) {
511
- slots = gh ? this.$slots.default() : this.$slots.default;
505
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
512
506
  }
513
507
  return h('div', { class: 'e-directive' }, slots);
514
508
  }
515
509
  return;
516
510
  }
517
511
  updated() {
518
- if (gh && this.custom) {
512
+ if (!isExecute && this.custom) {
519
513
  this.custom();
520
514
  }
521
515
  }
@@ -524,7 +518,7 @@ class NodeFixedUserHandlesDirective extends vueImport$5 {
524
518
  }
525
519
  };
526
520
  NodeFixedUserHandlesDirective = __decorate$5([
527
- EJComponentDecorator({}, isExecute$5)
521
+ EJComponentDecorator({}, isExecute)
528
522
  /* Start Options({
529
523
  inject: {
530
524
  custom: {
@@ -564,7 +558,7 @@ let NodeFixedUserHandleDirective = class NodeFixedUserHandleDirective extends vu
564
558
  }
565
559
  };
566
560
  NodeFixedUserHandleDirective = __decorate$5([
567
- EJComponentDecorator({}, isExecute$5)
561
+ EJComponentDecorator({}, isExecute)
568
562
  ], NodeFixedUserHandleDirective);
569
563
  const NodeFixedUserHandlePlugin = {
570
564
  name: 'e-node-fixeduserhandle',
@@ -580,9 +574,8 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
580
574
  return c > 3 && r && Object.defineProperty(target, key, r), r;
581
575
  };
582
576
  // {{VueImport}}
583
- const isExecute$6 = gh ? false : true;
584
577
  let vueImport$6;
585
- if (!isExecute$6 || parseInt(allVue.version) < 3) {
578
+ if (!isExecute || parseInt(allVue.version) < 3) {
586
579
  vueImport$6 = Vue;
587
580
  }
588
581
  else {
@@ -601,18 +594,18 @@ class NodeAnnotationsDirective extends vueImport$6 {
601
594
  super(arguments);
602
595
  }
603
596
  render(createElement) {
604
- if (gh) {
605
- let h = gh || createElement;
597
+ if (!isExecute) {
598
+ let h = !isExecute ? gh : createElement;
606
599
  let slots = null;
607
600
  if (!isNullOrUndefined(this.$slots.default)) {
608
- slots = gh ? this.$slots.default() : this.$slots.default;
601
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
609
602
  }
610
603
  return h('div', { class: 'e-directive' }, slots);
611
604
  }
612
605
  return;
613
606
  }
614
607
  updated() {
615
- if (gh && this.custom) {
608
+ if (!isExecute && this.custom) {
616
609
  this.custom();
617
610
  }
618
611
  }
@@ -621,7 +614,7 @@ class NodeAnnotationsDirective extends vueImport$6 {
621
614
  }
622
615
  };
623
616
  NodeAnnotationsDirective = __decorate$6([
624
- EJComponentDecorator({}, isExecute$6)
617
+ EJComponentDecorator({}, isExecute)
625
618
  /* Start Options({
626
619
  inject: {
627
620
  custom: {
@@ -661,7 +654,7 @@ let NodeAnnotationDirective = class NodeAnnotationDirective extends vueImport$6
661
654
  }
662
655
  };
663
656
  NodeAnnotationDirective = __decorate$6([
664
- EJComponentDecorator({}, isExecute$6)
657
+ EJComponentDecorator({}, isExecute)
665
658
  ], NodeAnnotationDirective);
666
659
  const NodeAnnotationPlugin = {
667
660
  name: 'e-node-annotation',
@@ -677,9 +670,8 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
677
670
  return c > 3 && r && Object.defineProperty(target, key, r), r;
678
671
  };
679
672
  // {{VueImport}}
680
- const isExecute$7 = gh ? false : true;
681
673
  let vueImport$7;
682
- if (!isExecute$7 || parseInt(allVue.version) < 3) {
674
+ if (!isExecute || parseInt(allVue.version) < 3) {
683
675
  vueImport$7 = Vue;
684
676
  }
685
677
  else {
@@ -698,18 +690,18 @@ class PortsDirective extends vueImport$7 {
698
690
  super(arguments);
699
691
  }
700
692
  render(createElement) {
701
- if (gh) {
702
- let h = gh || createElement;
693
+ if (!isExecute) {
694
+ let h = !isExecute ? gh : createElement;
703
695
  let slots = null;
704
696
  if (!isNullOrUndefined(this.$slots.default)) {
705
- slots = gh ? this.$slots.default() : this.$slots.default;
697
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
706
698
  }
707
699
  return h('div', { class: 'e-directive' }, slots);
708
700
  }
709
701
  return;
710
702
  }
711
703
  updated() {
712
- if (gh && this.custom) {
704
+ if (!isExecute && this.custom) {
713
705
  this.custom();
714
706
  }
715
707
  }
@@ -718,7 +710,7 @@ class PortsDirective extends vueImport$7 {
718
710
  }
719
711
  };
720
712
  PortsDirective = __decorate$7([
721
- EJComponentDecorator({}, isExecute$7)
713
+ EJComponentDecorator({}, isExecute)
722
714
  /* Start Options({
723
715
  inject: {
724
716
  custom: {
@@ -758,7 +750,7 @@ let PortDirective = class PortDirective extends vueImport$7 {
758
750
  }
759
751
  };
760
752
  PortDirective = __decorate$7([
761
- EJComponentDecorator({}, isExecute$7)
753
+ EJComponentDecorator({}, isExecute)
762
754
  ], PortDirective);
763
755
  const PortPlugin = {
764
756
  name: 'e-node-port',
@@ -774,9 +766,8 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
774
766
  return c > 3 && r && Object.defineProperty(target, key, r), r;
775
767
  };
776
768
  // {{VueImport}}
777
- const isExecute$8 = gh ? false : true;
778
769
  let vueImport$8;
779
- if (!isExecute$8 || parseInt(allVue.version) < 3) {
770
+ if (!isExecute || parseInt(allVue.version) < 3) {
780
771
  vueImport$8 = Vue;
781
772
  }
782
773
  else {
@@ -795,18 +786,18 @@ class NodesDirective extends vueImport$8 {
795
786
  super(arguments);
796
787
  }
797
788
  render(createElement) {
798
- if (gh) {
799
- let h = gh || createElement;
789
+ if (!isExecute) {
790
+ let h = !isExecute ? gh : createElement;
800
791
  let slots = null;
801
792
  if (!isNullOrUndefined(this.$slots.default)) {
802
- slots = gh ? this.$slots.default() : this.$slots.default;
793
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
803
794
  }
804
795
  return h('div', { class: 'e-directive' }, slots);
805
796
  }
806
797
  return;
807
798
  }
808
799
  updated() {
809
- if (gh && this.custom) {
800
+ if (!isExecute && this.custom) {
810
801
  this.custom();
811
802
  }
812
803
  }
@@ -815,7 +806,7 @@ class NodesDirective extends vueImport$8 {
815
806
  }
816
807
  };
817
808
  NodesDirective = __decorate$8([
818
- EJComponentDecorator({}, isExecute$8)
809
+ EJComponentDecorator({}, isExecute)
819
810
  /* Start Options({
820
811
  inject: {
821
812
  custom: {
@@ -850,7 +841,7 @@ let NodeDirective = class NodeDirective extends vueImport$8 {
850
841
  }
851
842
  };
852
843
  NodeDirective = __decorate$8([
853
- EJComponentDecorator({}, isExecute$8)
844
+ EJComponentDecorator({}, isExecute)
854
845
  ], NodeDirective);
855
846
  const NodePlugin = {
856
847
  name: 'e-node',
@@ -866,7 +857,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
866
857
  return c > 3 && r && Object.defineProperty(target, key, r), r;
867
858
  };
868
859
  // {{VueImport}}
869
- const properties = ['isLazyUpdate', 'plugins', 'addInfo', 'annotationTemplate', 'backgroundColor', 'bridgeDirection', 'commandManager', 'connectorDefaults', 'connectors', 'constraints', 'contextMenuSettings', 'customCursor', 'dataSourceSettings', 'diagramSettings', 'drawingObject', 'enableConnectorSplit', 'enablePersistence', 'enableRtl', 'getConnectorDefaults', 'getCustomCursor', 'getCustomProperty', 'getCustomTool', 'getDescription', 'getNodeDefaults', 'height', 'historyManager', 'layers', 'layout', 'locale', 'mode', 'nodeDefaults', 'nodeTemplate', 'nodes', 'pageSettings', 'rulerSettings', 'scrollSettings', 'segmentThumbShape', 'selectedItems', 'serializationSettings', 'setNodeTemplate', 'snapSettings', 'tool', 'tooltip', 'updateSelection', 'userHandleTemplate', 'width', 'animationComplete', 'click', 'collectionChange', 'commandExecute', 'connectionChange', 'contextMenuBeforeItemRender', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataLoaded', 'doubleClick', 'dragEnter', 'dragLeave', 'dragOver', 'drop', 'expandStateChange', 'fixedUserHandleClick', 'historyChange', 'historyStateChange', 'keyDown', 'keyUp', 'mouseEnter', 'mouseLeave', 'mouseOver', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit'];
860
+ const properties = ['isLazyUpdate', 'plugins', 'addInfo', 'annotationTemplate', 'backgroundColor', 'bridgeDirection', 'commandManager', 'connectorDefaults', 'connectors', 'constraints', 'contextMenuSettings', 'customCursor', 'dataSourceSettings', 'diagramSettings', 'drawingObject', 'enableConnectorSplit', 'enablePersistence', 'enableRtl', 'getConnectorDefaults', 'getCustomCursor', 'getCustomProperty', 'getCustomTool', 'getDescription', 'getNodeDefaults', 'height', 'historyManager', 'layers', 'layout', 'locale', 'mode', 'nodeDefaults', 'nodeTemplate', 'nodes', 'pageSettings', 'rulerSettings', 'scrollSettings', 'segmentThumbShape', 'selectedItems', 'serializationSettings', 'setNodeTemplate', 'snapSettings', 'tool', 'tooltip', 'updateSelection', 'userHandleTemplate', 'width', 'animationComplete', 'click', 'collectionChange', 'commandExecute', 'connectionChange', 'contextMenuBeforeItemRender', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataLoaded', 'doubleClick', 'dragEnter', 'dragLeave', 'dragOver', 'drop', 'expandStateChange', 'fixedUserHandleClick', 'historyChange', 'historyStateChange', 'keyDown', 'keyUp', 'mouseEnter', 'mouseLeave', 'mouseOver', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit', 'elementDraw'];
870
861
  const modelProps = [];
871
862
  const testProp = getProps({ props: properties });
872
863
  const props = testProp[0];
@@ -876,7 +867,6 @@ emitProbs.push('modelchanged', 'update:modelValue');
876
867
  for (let props of modelProps) {
877
868
  emitProbs.push('update:' + props);
878
869
  }
879
- const isExecute$9 = gh ? false : true;
880
870
  /**
881
871
  * Represents vue Diagram Component
882
872
  * ```html
@@ -903,7 +893,7 @@ class DiagramComponent extends ComponentBase {
903
893
  this.hasInjectedModules = true;
904
894
  this.tagMapper = { "e-layers": "e-layer", "e-cursormaps": "e-cursormap", "e-connectors": { "e-connector": { "e-connector-fixeduserhandles": "e-connector-fixeduserhandle", "e-connector-annotations": "e-connector-annotation" } }, "e-nodes": { "e-node": { "e-node-fixeduserhandles": "e-node-fixeduserhandle", "e-node-annotations": "e-node-annotation", "e-node-ports": "e-node-port" } } };
905
895
  this.tagNameMapper = { "e-cursormaps": "e-customCursor", "e-connector-fixeduserhandles": "e-fixedUserHandles", "e-connector-annotations": "e-annotations", "e-node-fixeduserhandles": "e-fixedUserHandles", "e-node-annotations": "e-annotations", "e-node-ports": "e-ports" };
906
- this.isVue3 = !isExecute$9;
896
+ this.isVue3 = !isExecute;
907
897
  this.ej2Instances = new Diagram({});
908
898
  this.bindProperties();
909
899
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
@@ -957,10 +947,10 @@ class DiagramComponent extends ComponentBase {
957
947
  }
958
948
  }
959
949
  render(createElement) {
960
- let h = gh || createElement;
950
+ let h = !isExecute ? gh : createElement;
961
951
  let slots = null;
962
952
  if (!isNullOrUndefined(this.$slots.default)) {
963
- slots = gh ? this.$slots.default() : this.$slots.default;
953
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
964
954
  }
965
955
  return h('div', slots);
966
956
  }
@@ -985,8 +975,8 @@ class DiagramComponent extends ComponentBase {
985
975
  addCustomHistoryEntry(entry) {
986
976
  return this.ej2Instances.addCustomHistoryEntry(entry);
987
977
  }
988
- addHistoryEntry(entry) {
989
- return this.ej2Instances.addHistoryEntry(entry);
978
+ addHistoryEntry(entry, sourceId) {
979
+ return this.ej2Instances.addHistoryEntry(entry, sourceId);
990
980
  }
991
981
  addLabels(obj, labels) {
992
982
  return this.ej2Instances.addLabels(obj, labels);
@@ -1099,6 +1089,9 @@ class DiagramComponent extends ComponentBase {
1099
1089
  getCursor(action, active) {
1100
1090
  return this.ej2Instances.getCursor(action, active);
1101
1091
  }
1092
+ getDiagramAction(diagramAction) {
1093
+ return this.ej2Instances.getDiagramAction(diagramAction);
1094
+ }
1102
1095
  getDiagramBounds() {
1103
1096
  return this.ej2Instances.getDiagramBounds();
1104
1097
  }
@@ -1262,7 +1255,7 @@ class DiagramComponent extends ComponentBase {
1262
1255
  DiagramComponent = __decorate$9([
1263
1256
  EJComponentDecorator({
1264
1257
  props: properties
1265
- }, isExecute$9)
1258
+ }, isExecute)
1266
1259
  /* Start Options({
1267
1260
  props: props,
1268
1261
  watch: watch,
@@ -1306,9 +1299,8 @@ var __decorate$10 = (undefined && undefined.__decorate) || function (decorators,
1306
1299
  return c > 3 && r && Object.defineProperty(target, key, r), r;
1307
1300
  };
1308
1301
  // {{VueImport}}
1309
- const isExecute$10 = gh ? false : true;
1310
1302
  let vueImport$9;
1311
- if (!isExecute$10 || parseInt(allVue.version) < 3) {
1303
+ if (!isExecute || parseInt(allVue.version) < 3) {
1312
1304
  vueImport$9 = Vue;
1313
1305
  }
1314
1306
  else {
@@ -1327,18 +1319,18 @@ class PalettesDirective extends vueImport$9 {
1327
1319
  super(arguments);
1328
1320
  }
1329
1321
  render(createElement) {
1330
- if (gh) {
1331
- let h = gh || createElement;
1322
+ if (!isExecute) {
1323
+ let h = !isExecute ? gh : createElement;
1332
1324
  let slots = null;
1333
1325
  if (!isNullOrUndefined(this.$slots.default)) {
1334
- slots = gh ? this.$slots.default() : this.$slots.default;
1326
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
1335
1327
  }
1336
1328
  return h('div', { class: 'e-directive' }, slots);
1337
1329
  }
1338
1330
  return;
1339
1331
  }
1340
1332
  updated() {
1341
- if (gh && this.custom) {
1333
+ if (!isExecute && this.custom) {
1342
1334
  this.custom();
1343
1335
  }
1344
1336
  }
@@ -1347,7 +1339,7 @@ class PalettesDirective extends vueImport$9 {
1347
1339
  }
1348
1340
  };
1349
1341
  PalettesDirective = __decorate$10([
1350
- EJComponentDecorator({}, isExecute$10)
1342
+ EJComponentDecorator({}, isExecute)
1351
1343
  /* Start Options({
1352
1344
  inject: {
1353
1345
  custom: {
@@ -1378,7 +1370,7 @@ let PaletteDirective = class PaletteDirective extends vueImport$9 {
1378
1370
  }
1379
1371
  };
1380
1372
  PaletteDirective = __decorate$10([
1381
- EJComponentDecorator({}, isExecute$10)
1373
+ EJComponentDecorator({}, isExecute)
1382
1374
  ], PaletteDirective);
1383
1375
  const PalettePlugin = {
1384
1376
  name: 'e-palette',
@@ -1404,7 +1396,6 @@ emitProbs$1.push('modelchanged', 'update:modelValue');
1404
1396
  for (let props of modelProps$1) {
1405
1397
  emitProbs$1.push('update:' + props);
1406
1398
  }
1407
- const isExecute$11 = gh ? false : true;
1408
1399
  /**
1409
1400
  * Represents vue SymbolPalette Component
1410
1401
  * ```html
@@ -1431,7 +1422,7 @@ class SymbolPaletteComponent extends ComponentBase {
1431
1422
  this.hasInjectedModules = true;
1432
1423
  this.tagMapper = { "e-palettes": "e-palette" };
1433
1424
  this.tagNameMapper = {};
1434
- this.isVue3 = !isExecute$11;
1425
+ this.isVue3 = !isExecute;
1435
1426
  this.ej2Instances = new SymbolPalette({});
1436
1427
  this.bindProperties();
1437
1428
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
@@ -1485,10 +1476,10 @@ class SymbolPaletteComponent extends ComponentBase {
1485
1476
  }
1486
1477
  }
1487
1478
  render(createElement) {
1488
- let h = gh || createElement;
1479
+ let h = !isExecute ? gh : createElement;
1489
1480
  let slots = null;
1490
1481
  if (!isNullOrUndefined(this.$slots.default)) {
1491
- slots = gh ? this.$slots.default() : this.$slots.default;
1482
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
1492
1483
  }
1493
1484
  return h('div', slots);
1494
1485
  }
@@ -1501,9 +1492,6 @@ class SymbolPaletteComponent extends ComponentBase {
1501
1492
  addPalettes(palettes) {
1502
1493
  return this.ej2Instances.addPalettes(palettes);
1503
1494
  }
1504
- defaultLocale() {
1505
- return this.ej2Instances.defaultLocale();
1506
- }
1507
1495
  removePaletteItem(paletteName, symbolId) {
1508
1496
  return this.ej2Instances.removePaletteItem(paletteName, symbolId);
1509
1497
  }
@@ -1514,7 +1502,7 @@ class SymbolPaletteComponent extends ComponentBase {
1514
1502
  SymbolPaletteComponent = __decorate$11([
1515
1503
  EJComponentDecorator({
1516
1504
  props: properties$1
1517
- }, isExecute$11)
1505
+ }, isExecute)
1518
1506
  /* Start Options({
1519
1507
  props: props,
1520
1508
  watch: watch,
@@ -1552,7 +1540,6 @@ emitProbs$2.push('modelchanged', 'update:modelValue');
1552
1540
  for (let props of modelProps$2) {
1553
1541
  emitProbs$2.push('update:' + props);
1554
1542
  }
1555
- const isExecute$12 = gh ? false : true;
1556
1543
  /**
1557
1544
  * Represents vue Overview Component
1558
1545
  * ```html
@@ -1579,7 +1566,7 @@ class OverviewComponent extends ComponentBase {
1579
1566
  this.hasInjectedModules = false;
1580
1567
  this.tagMapper = {};
1581
1568
  this.tagNameMapper = {};
1582
- this.isVue3 = !isExecute$12;
1569
+ this.isVue3 = !isExecute;
1583
1570
  this.ej2Instances = new Overview({});
1584
1571
  this.bindProperties();
1585
1572
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
@@ -1633,10 +1620,10 @@ class OverviewComponent extends ComponentBase {
1633
1620
  }
1634
1621
  }
1635
1622
  render(createElement) {
1636
- let h = gh || createElement;
1623
+ let h = !isExecute ? gh : createElement;
1637
1624
  let slots = null;
1638
1625
  if (!isNullOrUndefined(this.$slots.default)) {
1639
- slots = gh ? this.$slots.default() : this.$slots.default;
1626
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
1640
1627
  }
1641
1628
  return h('div', slots);
1642
1629
  }
@@ -1650,7 +1637,7 @@ class OverviewComponent extends ComponentBase {
1650
1637
  OverviewComponent = __decorate$12([
1651
1638
  EJComponentDecorator({
1652
1639
  props: properties$2
1653
- }, isExecute$12)
1640
+ }, isExecute)
1654
1641
  /* Start Options({
1655
1642
  props: props,
1656
1643
  watch: watch,