@syncfusion/ej2-vue-spreadsheet 20.2.50 → 20.3.47

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 (74) hide show
  1. package/CHANGELOG.md +0 -72
  2. package/dist/ej2-vue-spreadsheet.umd.min.js +2 -2
  3. package/dist/ej2-vue-spreadsheet.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-spreadsheet.es2015.js +66 -76
  5. package/dist/es6/ej2-vue-spreadsheet.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-spreadsheet.es5.js +66 -76
  7. package/dist/es6/ej2-vue-spreadsheet.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-spreadsheet.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/spreadsheet/cells.directive.d.ts +0 -1
  11. package/src/spreadsheet/cells.directive.js +5 -6
  12. package/src/spreadsheet/chart.directive.d.ts +0 -1
  13. package/src/spreadsheet/chart.directive.js +5 -6
  14. package/src/spreadsheet/columns.directive.d.ts +0 -1
  15. package/src/spreadsheet/columns.directive.js +5 -6
  16. package/src/spreadsheet/conditionalformats.directive.d.ts +0 -1
  17. package/src/spreadsheet/conditionalformats.directive.js +5 -6
  18. package/src/spreadsheet/definednames.directive.d.ts +0 -1
  19. package/src/spreadsheet/definednames.directive.js +5 -6
  20. package/src/spreadsheet/image.directive.d.ts +0 -1
  21. package/src/spreadsheet/image.directive.js +5 -6
  22. package/src/spreadsheet/ranges.directive.d.ts +0 -1
  23. package/src/spreadsheet/ranges.directive.js +5 -6
  24. package/src/spreadsheet/rows.directive.d.ts +0 -1
  25. package/src/spreadsheet/rows.directive.js +5 -6
  26. package/src/spreadsheet/sheets.directive.d.ts +0 -1
  27. package/src/spreadsheet/sheets.directive.js +5 -6
  28. package/src/spreadsheet/spreadsheet.component.d.ts +0 -1
  29. package/src/spreadsheet/spreadsheet.component.js +4 -5
  30. package/styles/bootstrap-dark.css +44 -37
  31. package/styles/bootstrap.css +43 -36
  32. package/styles/bootstrap4.css +44 -36
  33. package/styles/bootstrap5-dark.css +47 -37
  34. package/styles/bootstrap5.css +47 -37
  35. package/styles/fabric-dark.css +43 -36
  36. package/styles/fabric.css +43 -36
  37. package/styles/fluent-dark.css +40 -42
  38. package/styles/fluent.css +40 -42
  39. package/styles/highcontrast-light.css +34 -37
  40. package/styles/highcontrast.css +39 -36
  41. package/styles/material-dark.css +39 -39
  42. package/styles/material.css +37 -37
  43. package/styles/ribbon/bootstrap-dark.css +1 -1
  44. package/styles/ribbon/bootstrap.css +1 -1
  45. package/styles/ribbon/bootstrap4.css +1 -1
  46. package/styles/ribbon/bootstrap5-dark.css +1 -1
  47. package/styles/ribbon/bootstrap5.css +1 -1
  48. package/styles/ribbon/fabric-dark.css +1 -1
  49. package/styles/ribbon/fabric.css +1 -1
  50. package/styles/ribbon/fluent-dark.css +1 -1
  51. package/styles/ribbon/fluent.css +1 -1
  52. package/styles/ribbon/highcontrast-light.css +1 -1
  53. package/styles/ribbon/highcontrast.css +1 -1
  54. package/styles/ribbon/material-dark.css +1 -1
  55. package/styles/ribbon/material.css +1 -1
  56. package/styles/ribbon/tailwind-dark.css +1 -1
  57. package/styles/ribbon/tailwind.css +1 -1
  58. package/styles/spreadsheet/bootstrap-dark.css +43 -36
  59. package/styles/spreadsheet/bootstrap.css +42 -35
  60. package/styles/spreadsheet/bootstrap4.css +43 -35
  61. package/styles/spreadsheet/bootstrap5-dark.css +46 -36
  62. package/styles/spreadsheet/bootstrap5.css +46 -36
  63. package/styles/spreadsheet/fabric-dark.css +42 -35
  64. package/styles/spreadsheet/fabric.css +42 -35
  65. package/styles/spreadsheet/fluent-dark.css +39 -41
  66. package/styles/spreadsheet/fluent.css +39 -41
  67. package/styles/spreadsheet/highcontrast-light.css +33 -36
  68. package/styles/spreadsheet/highcontrast.css +38 -35
  69. package/styles/spreadsheet/material-dark.css +38 -38
  70. package/styles/spreadsheet/material.css +36 -36
  71. package/styles/spreadsheet/tailwind-dark.css +38 -37
  72. package/styles/spreadsheet/tailwind.css +38 -37
  73. package/styles/tailwind-dark.css +39 -38
  74. package/styles/tailwind.css +39 -38
@@ -1,5 +1,5 @@
1
1
  import { Spreadsheet } from '@syncfusion/ej2-spreadsheet';
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 ImagesDirective 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
  }
@@ -92,9 +91,8 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
92
91
  return c > 3 && r && Object.defineProperty(target, key, r), r;
93
92
  };
94
93
  // {{VueImport}}
95
- const isExecute$1 = gh ? false : true;
96
94
  let vueImport$1;
97
- if (!isExecute$1 || parseInt(allVue.version) < 3) {
95
+ if (!isExecute || parseInt(allVue.version) < 3) {
98
96
  vueImport$1 = Vue;
99
97
  }
100
98
  else {
@@ -113,18 +111,18 @@ class ChartsDirective extends vueImport$1 {
113
111
  super(arguments);
114
112
  }
115
113
  render(createElement) {
116
- if (gh) {
117
- let h = gh || createElement;
114
+ if (!isExecute) {
115
+ let h = !isExecute ? gh : createElement;
118
116
  let slots = null;
119
117
  if (!isNullOrUndefined(this.$slots.default)) {
120
- slots = gh ? this.$slots.default() : this.$slots.default;
118
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
121
119
  }
122
120
  return h('div', { class: 'e-directive' }, slots);
123
121
  }
124
122
  return;
125
123
  }
126
124
  updated() {
127
- if (gh && this.custom) {
125
+ if (!isExecute && this.custom) {
128
126
  this.custom();
129
127
  }
130
128
  }
@@ -133,7 +131,7 @@ class ChartsDirective extends vueImport$1 {
133
131
  }
134
132
  };
135
133
  ChartsDirective = __decorate$1([
136
- EJComponentDecorator({}, isExecute$1)
134
+ EJComponentDecorator({}, isExecute)
137
135
  /* Start Options({
138
136
  inject: {
139
137
  custom: {
@@ -157,7 +155,7 @@ let ChartDirective = class ChartDirective extends vueImport$1 {
157
155
  }
158
156
  };
159
157
  ChartDirective = __decorate$1([
160
- EJComponentDecorator({}, isExecute$1)
158
+ EJComponentDecorator({}, isExecute)
161
159
  ], ChartDirective);
162
160
  const ChartPlugin = {
163
161
  name: 'e-chart',
@@ -173,9 +171,8 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
173
171
  return c > 3 && r && Object.defineProperty(target, key, r), r;
174
172
  };
175
173
  // {{VueImport}}
176
- const isExecute$2 = gh ? false : true;
177
174
  let vueImport$2;
178
- if (!isExecute$2 || parseInt(allVue.version) < 3) {
175
+ if (!isExecute || parseInt(allVue.version) < 3) {
179
176
  vueImport$2 = Vue;
180
177
  }
181
178
  else {
@@ -194,18 +191,18 @@ class CellsDirective extends vueImport$2 {
194
191
  super(arguments);
195
192
  }
196
193
  render(createElement) {
197
- if (gh) {
198
- let h = gh || createElement;
194
+ if (!isExecute) {
195
+ let h = !isExecute ? gh : createElement;
199
196
  let slots = null;
200
197
  if (!isNullOrUndefined(this.$slots.default)) {
201
- slots = gh ? this.$slots.default() : this.$slots.default;
198
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
202
199
  }
203
200
  return h('div', { class: 'e-directive' }, slots);
204
201
  }
205
202
  return;
206
203
  }
207
204
  updated() {
208
- if (gh && this.custom) {
205
+ if (!isExecute && this.custom) {
209
206
  this.custom();
210
207
  }
211
208
  }
@@ -214,7 +211,7 @@ class CellsDirective extends vueImport$2 {
214
211
  }
215
212
  };
216
213
  CellsDirective = __decorate$2([
217
- EJComponentDecorator({}, isExecute$2)
214
+ EJComponentDecorator({}, isExecute)
218
215
  /* Start Options({
219
216
  inject: {
220
217
  custom: {
@@ -257,7 +254,7 @@ let CellDirective = class CellDirective extends vueImport$2 {
257
254
  }
258
255
  };
259
256
  CellDirective = __decorate$2([
260
- EJComponentDecorator({}, isExecute$2)
257
+ EJComponentDecorator({}, isExecute)
261
258
  ], CellDirective);
262
259
  const CellPlugin = {
263
260
  name: 'e-cell',
@@ -273,9 +270,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
273
270
  return c > 3 && r && Object.defineProperty(target, key, r), r;
274
271
  };
275
272
  // {{VueImport}}
276
- const isExecute$3 = gh ? false : true;
277
273
  let vueImport$3;
278
- if (!isExecute$3 || parseInt(allVue.version) < 3) {
274
+ if (!isExecute || parseInt(allVue.version) < 3) {
279
275
  vueImport$3 = Vue;
280
276
  }
281
277
  else {
@@ -294,18 +290,18 @@ class RowsDirective extends vueImport$3 {
294
290
  super(arguments);
295
291
  }
296
292
  render(createElement) {
297
- if (gh) {
298
- let h = gh || createElement;
293
+ if (!isExecute) {
294
+ let h = !isExecute ? gh : createElement;
299
295
  let slots = null;
300
296
  if (!isNullOrUndefined(this.$slots.default)) {
301
- slots = gh ? this.$slots.default() : this.$slots.default;
297
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
302
298
  }
303
299
  return h('div', { class: 'e-directive' }, slots);
304
300
  }
305
301
  return;
306
302
  }
307
303
  updated() {
308
- if (gh && this.custom) {
304
+ if (!isExecute && this.custom) {
309
305
  this.custom();
310
306
  }
311
307
  }
@@ -314,7 +310,7 @@ class RowsDirective extends vueImport$3 {
314
310
  }
315
311
  };
316
312
  RowsDirective = __decorate$3([
317
- EJComponentDecorator({}, isExecute$3)
313
+ EJComponentDecorator({}, isExecute)
318
314
  /* Start Options({
319
315
  inject: {
320
316
  custom: {
@@ -353,7 +349,7 @@ let RowDirective = class RowDirective extends vueImport$3 {
353
349
  }
354
350
  };
355
351
  RowDirective = __decorate$3([
356
- EJComponentDecorator({}, isExecute$3)
352
+ EJComponentDecorator({}, isExecute)
357
353
  ], RowDirective);
358
354
  const RowPlugin = {
359
355
  name: 'e-row',
@@ -369,9 +365,8 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
369
365
  return c > 3 && r && Object.defineProperty(target, key, r), r;
370
366
  };
371
367
  // {{VueImport}}
372
- const isExecute$4 = gh ? false : true;
373
368
  let vueImport$4;
374
- if (!isExecute$4 || parseInt(allVue.version) < 3) {
369
+ if (!isExecute || parseInt(allVue.version) < 3) {
375
370
  vueImport$4 = Vue;
376
371
  }
377
372
  else {
@@ -390,18 +385,18 @@ class ColumnsDirective extends vueImport$4 {
390
385
  super(arguments);
391
386
  }
392
387
  render(createElement) {
393
- if (gh) {
394
- let h = gh || createElement;
388
+ if (!isExecute) {
389
+ let h = !isExecute ? gh : createElement;
395
390
  let slots = null;
396
391
  if (!isNullOrUndefined(this.$slots.default)) {
397
- slots = gh ? this.$slots.default() : this.$slots.default;
392
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
398
393
  }
399
394
  return h('div', { class: 'e-directive' }, slots);
400
395
  }
401
396
  return;
402
397
  }
403
398
  updated() {
404
- if (gh && this.custom) {
399
+ if (!isExecute && this.custom) {
405
400
  this.custom();
406
401
  }
407
402
  }
@@ -410,7 +405,7 @@ class ColumnsDirective extends vueImport$4 {
410
405
  }
411
406
  };
412
407
  ColumnsDirective = __decorate$4([
413
- EJComponentDecorator({}, isExecute$4)
408
+ EJComponentDecorator({}, isExecute)
414
409
  /* Start Options({
415
410
  inject: {
416
411
  custom: {
@@ -449,7 +444,7 @@ let ColumnDirective = class ColumnDirective extends vueImport$4 {
449
444
  }
450
445
  };
451
446
  ColumnDirective = __decorate$4([
452
- EJComponentDecorator({}, isExecute$4)
447
+ EJComponentDecorator({}, isExecute)
453
448
  ], ColumnDirective);
454
449
  const ColumnPlugin = {
455
450
  name: 'e-column',
@@ -465,9 +460,8 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
465
460
  return c > 3 && r && Object.defineProperty(target, key, r), r;
466
461
  };
467
462
  // {{VueImport}}
468
- const isExecute$5 = gh ? false : true;
469
463
  let vueImport$5;
470
- if (!isExecute$5 || parseInt(allVue.version) < 3) {
464
+ if (!isExecute || parseInt(allVue.version) < 3) {
471
465
  vueImport$5 = Vue;
472
466
  }
473
467
  else {
@@ -486,18 +480,18 @@ class RangesDirective extends vueImport$5 {
486
480
  super(arguments);
487
481
  }
488
482
  render(createElement) {
489
- if (gh) {
490
- let h = gh || createElement;
483
+ if (!isExecute) {
484
+ let h = !isExecute ? gh : createElement;
491
485
  let slots = null;
492
486
  if (!isNullOrUndefined(this.$slots.default)) {
493
- slots = gh ? this.$slots.default() : this.$slots.default;
487
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
494
488
  }
495
489
  return h('div', { class: 'e-directive' }, slots);
496
490
  }
497
491
  return;
498
492
  }
499
493
  updated() {
500
- if (gh && this.custom) {
494
+ if (!isExecute && this.custom) {
501
495
  this.custom();
502
496
  }
503
497
  }
@@ -506,7 +500,7 @@ class RangesDirective extends vueImport$5 {
506
500
  }
507
501
  };
508
502
  RangesDirective = __decorate$5([
509
- EJComponentDecorator({}, isExecute$5)
503
+ EJComponentDecorator({}, isExecute)
510
504
  /* Start Options({
511
505
  inject: {
512
506
  custom: {
@@ -545,7 +539,7 @@ let RangeDirective = class RangeDirective extends vueImport$5 {
545
539
  }
546
540
  };
547
541
  RangeDirective = __decorate$5([
548
- EJComponentDecorator({}, isExecute$5)
542
+ EJComponentDecorator({}, isExecute)
549
543
  ], RangeDirective);
550
544
  const RangePlugin = {
551
545
  name: 'e-range',
@@ -561,9 +555,8 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
561
555
  return c > 3 && r && Object.defineProperty(target, key, r), r;
562
556
  };
563
557
  // {{VueImport}}
564
- const isExecute$6 = gh ? false : true;
565
558
  let vueImport$6;
566
- if (!isExecute$6 || parseInt(allVue.version) < 3) {
559
+ if (!isExecute || parseInt(allVue.version) < 3) {
567
560
  vueImport$6 = Vue;
568
561
  }
569
562
  else {
@@ -582,18 +575,18 @@ class ConditionalFormatsDirective extends vueImport$6 {
582
575
  super(arguments);
583
576
  }
584
577
  render(createElement) {
585
- if (gh) {
586
- let h = gh || createElement;
578
+ if (!isExecute) {
579
+ let h = !isExecute ? gh : createElement;
587
580
  let slots = null;
588
581
  if (!isNullOrUndefined(this.$slots.default)) {
589
- slots = gh ? this.$slots.default() : this.$slots.default;
582
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
590
583
  }
591
584
  return h('div', { class: 'e-directive' }, slots);
592
585
  }
593
586
  return;
594
587
  }
595
588
  updated() {
596
- if (gh && this.custom) {
589
+ if (!isExecute && this.custom) {
597
590
  this.custom();
598
591
  }
599
592
  }
@@ -602,7 +595,7 @@ class ConditionalFormatsDirective extends vueImport$6 {
602
595
  }
603
596
  };
604
597
  ConditionalFormatsDirective = __decorate$6([
605
- EJComponentDecorator({}, isExecute$6)
598
+ EJComponentDecorator({}, isExecute)
606
599
  /* Start Options({
607
600
  inject: {
608
601
  custom: {
@@ -641,7 +634,7 @@ let ConditionalFormatDirective = class ConditionalFormatDirective extends vueImp
641
634
  }
642
635
  };
643
636
  ConditionalFormatDirective = __decorate$6([
644
- EJComponentDecorator({}, isExecute$6)
637
+ EJComponentDecorator({}, isExecute)
645
638
  ], ConditionalFormatDirective);
646
639
  const ConditionalFormatPlugin = {
647
640
  name: 'e-conditionalformat',
@@ -657,9 +650,8 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
657
650
  return c > 3 && r && Object.defineProperty(target, key, r), r;
658
651
  };
659
652
  // {{VueImport}}
660
- const isExecute$7 = gh ? false : true;
661
653
  let vueImport$7;
662
- if (!isExecute$7 || parseInt(allVue.version) < 3) {
654
+ if (!isExecute || parseInt(allVue.version) < 3) {
663
655
  vueImport$7 = Vue;
664
656
  }
665
657
  else {
@@ -678,18 +670,18 @@ class SheetsDirective extends vueImport$7 {
678
670
  super(arguments);
679
671
  }
680
672
  render(createElement) {
681
- if (gh) {
682
- let h = gh || createElement;
673
+ if (!isExecute) {
674
+ let h = !isExecute ? gh : createElement;
683
675
  let slots = null;
684
676
  if (!isNullOrUndefined(this.$slots.default)) {
685
- slots = gh ? this.$slots.default() : this.$slots.default;
677
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
686
678
  }
687
679
  return h('div', { class: 'e-directive' }, slots);
688
680
  }
689
681
  return;
690
682
  }
691
683
  updated() {
692
- if (gh && this.custom) {
684
+ if (!isExecute && this.custom) {
693
685
  this.custom();
694
686
  }
695
687
  }
@@ -698,7 +690,7 @@ class SheetsDirective extends vueImport$7 {
698
690
  }
699
691
  };
700
692
  SheetsDirective = __decorate$7([
701
- EJComponentDecorator({}, isExecute$7)
693
+ EJComponentDecorator({}, isExecute)
702
694
  /* Start Options({
703
695
  inject: {
704
696
  custom: {
@@ -734,7 +726,7 @@ let SheetDirective = class SheetDirective extends vueImport$7 {
734
726
  }
735
727
  };
736
728
  SheetDirective = __decorate$7([
737
- EJComponentDecorator({}, isExecute$7)
729
+ EJComponentDecorator({}, isExecute)
738
730
  ], SheetDirective);
739
731
  const SheetPlugin = {
740
732
  name: 'e-sheet',
@@ -750,9 +742,8 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
750
742
  return c > 3 && r && Object.defineProperty(target, key, r), r;
751
743
  };
752
744
  // {{VueImport}}
753
- const isExecute$8 = gh ? false : true;
754
745
  let vueImport$8;
755
- if (!isExecute$8 || parseInt(allVue.version) < 3) {
746
+ if (!isExecute || parseInt(allVue.version) < 3) {
756
747
  vueImport$8 = Vue;
757
748
  }
758
749
  else {
@@ -771,18 +762,18 @@ class DefinedNamesDirective extends vueImport$8 {
771
762
  super(arguments);
772
763
  }
773
764
  render(createElement) {
774
- if (gh) {
775
- let h = gh || createElement;
765
+ if (!isExecute) {
766
+ let h = !isExecute ? gh : createElement;
776
767
  let slots = null;
777
768
  if (!isNullOrUndefined(this.$slots.default)) {
778
- slots = gh ? this.$slots.default() : this.$slots.default;
769
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
779
770
  }
780
771
  return h('div', { class: 'e-directive' }, slots);
781
772
  }
782
773
  return;
783
774
  }
784
775
  updated() {
785
- if (gh && this.custom) {
776
+ if (!isExecute && this.custom) {
786
777
  this.custom();
787
778
  }
788
779
  }
@@ -791,7 +782,7 @@ class DefinedNamesDirective extends vueImport$8 {
791
782
  }
792
783
  };
793
784
  DefinedNamesDirective = __decorate$8([
794
- EJComponentDecorator({}, isExecute$8)
785
+ EJComponentDecorator({}, isExecute)
795
786
  /* Start Options({
796
787
  inject: {
797
788
  custom: {
@@ -827,7 +818,7 @@ let DefinedNameDirective = class DefinedNameDirective extends vueImport$8 {
827
818
  }
828
819
  };
829
820
  DefinedNameDirective = __decorate$8([
830
- EJComponentDecorator({}, isExecute$8)
821
+ EJComponentDecorator({}, isExecute)
831
822
  ], DefinedNameDirective);
832
823
  const DefinedNamePlugin = {
833
824
  name: 'e-definedname',
@@ -843,7 +834,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
843
834
  return c > 3 && r && Object.defineProperty(target, key, r), r;
844
835
  };
845
836
  // {{VueImport}}
846
- const properties = ['isLazyUpdate', 'plugins', 'activeSheetIndex', 'allowAutoFill', 'allowCellFormatting', 'allowChart', 'allowConditionalFormat', 'allowDataValidation', 'allowDelete', 'allowEditing', 'allowFiltering', 'allowFindAndReplace', 'allowFreezePane', 'allowHyperlink', 'allowImage', 'allowInsert', 'allowMerge', 'allowNumberFormatting', 'allowOpen', 'allowResizing', 'allowSave', 'allowScrolling', 'allowSorting', 'allowUndoRedo', 'allowWrap', 'autoFillSettings', 'cellStyle', 'cssClass', 'definedNames', 'enableClipboard', 'enableContextMenu', 'enableKeyboardNavigation', 'enableKeyboardShortcut', 'enablePersistence', 'enableRtl', 'height', 'isProtected', 'locale', 'openUrl', 'password', 'saveUrl', 'scrollSettings', 'selectionSettings', 'sheets', 'showAggregate', 'showFormulaBar', 'showRibbon', 'showSheetTabs', 'width', 'actionBegin', 'actionComplete', 'afterHyperlinkClick', 'afterHyperlinkCreate', 'beforeCellFormat', 'beforeCellRender', 'beforeCellSave', 'beforeCellUpdate', 'beforeConditionalFormat', 'beforeDataBound', 'beforeHyperlinkClick', 'beforeHyperlinkCreate', 'beforeOpen', 'beforeSave', 'beforeSelect', 'beforeSort', 'cellEdit', 'cellEditing', 'cellSave', 'contextMenuBeforeClose', 'contextMenuBeforeOpen', 'contextMenuItemSelect', 'created', 'dataBound', 'dataSourceChanged', 'dialogBeforeOpen', 'fileMenuBeforeClose', 'fileMenuBeforeOpen', 'fileMenuItemSelect', 'openComplete', 'openFailure', 'queryCellInfo', 'saveComplete', 'select', 'sortComplete'];
837
+ const properties = ['isLazyUpdate', 'plugins', 'activeSheetIndex', 'allowAutoFill', 'allowCellFormatting', 'allowChart', 'allowConditionalFormat', 'allowDataValidation', 'allowDelete', 'allowEditing', 'allowFiltering', 'allowFindAndReplace', 'allowFreezePane', 'allowHyperlink', 'allowImage', 'allowInsert', 'allowMerge', 'allowNumberFormatting', 'allowOpen', 'allowResizing', 'allowSave', 'allowScrolling', 'allowSorting', 'allowUndoRedo', 'allowWrap', 'autoFillSettings', 'cellStyle', 'cssClass', 'currencyCode', 'definedNames', 'enableClipboard', 'enableContextMenu', 'enableKeyboardNavigation', 'enableKeyboardShortcut', 'enablePersistence', 'enableRtl', 'height', 'isProtected', 'locale', 'openUrl', 'password', 'saveUrl', 'scrollSettings', 'selectionSettings', 'sheets', 'showAggregate', 'showFormulaBar', 'showRibbon', 'showSheetTabs', 'width', 'actionBegin', 'actionComplete', 'afterHyperlinkClick', 'afterHyperlinkCreate', 'beforeCellFormat', 'beforeCellRender', 'beforeCellSave', 'beforeCellUpdate', 'beforeConditionalFormat', 'beforeDataBound', 'beforeHyperlinkClick', 'beforeHyperlinkCreate', 'beforeOpen', 'beforeSave', 'beforeSelect', 'beforeSort', 'cellEdit', 'cellEditing', 'cellSave', 'contextMenuBeforeClose', 'contextMenuBeforeOpen', 'contextMenuItemSelect', 'created', 'dataBound', 'dataSourceChanged', 'dialogBeforeOpen', 'fileMenuBeforeClose', 'fileMenuBeforeOpen', 'fileMenuItemSelect', 'openComplete', 'openFailure', 'queryCellInfo', 'saveComplete', 'select', 'sortComplete'];
847
838
  const modelProps = [];
848
839
  const testProp = getProps({ props: properties });
849
840
  const props = testProp[0];
@@ -853,7 +844,6 @@ emitProbs.push('modelchanged', 'update:modelValue');
853
844
  for (let props of modelProps) {
854
845
  emitProbs.push('update:' + props);
855
846
  }
856
- const isExecute$9 = gh ? false : true;
857
847
  /**
858
848
  * `ejs-spreadsheet` represents the VueJS Spreadsheet Component.
859
849
  * ```vue
@@ -880,7 +870,7 @@ class SpreadsheetComponent extends ComponentBase {
880
870
  this.hasInjectedModules = true;
881
871
  this.tagMapper = { "e-sheets": { "e-sheet": { "e-rows": { "e-row": { "e-cells": { "e-cell": { "e-images": "e-image", "e-charts": "e-chart" } } } }, "e-columns": "e-column", "e-ranges": "e-range", "e-conditionalformats": "e-conditionalformat" } }, "e-definednames": "e-definedname" };
882
872
  this.tagNameMapper = { "e-images": "e-image", "e-charts": "e-chart", "e-conditionalformats": "e-conditionalFormats", "e-definednames": "e-definedNames" };
883
- this.isVue3 = !isExecute$9;
873
+ this.isVue3 = !isExecute;
884
874
  this.ej2Instances = new Spreadsheet({});
885
875
  this.bindProperties();
886
876
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
@@ -934,10 +924,10 @@ class SpreadsheetComponent extends ComponentBase {
934
924
  }
935
925
  }
936
926
  render(createElement) {
937
- let h = gh || createElement;
927
+ let h = !isExecute ? gh : createElement;
938
928
  let slots = null;
939
929
  if (!isNullOrUndefined(this.$slots.default)) {
940
- slots = gh ? this.$slots.default() : this.$slots.default;
930
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
941
931
  }
942
932
  return h('div', slots);
943
933
  }
@@ -1206,7 +1196,7 @@ class SpreadsheetComponent extends ComponentBase {
1206
1196
  SpreadsheetComponent = __decorate$9([
1207
1197
  EJComponentDecorator({
1208
1198
  props: properties
1209
- }, isExecute$9)
1199
+ }, isExecute)
1210
1200
  /* Start Options({
1211
1201
  props: props,
1212
1202
  watch: watch,