@syncfusion/ej2-vue-gantt 20.2.49 → 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 (52) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/ej2-vue-gantt.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-gantt.es2015.js +47 -54
  4. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-gantt.es5.js +47 -54
  6. package/dist/es6/ej2-vue-gantt.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-gantt.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/gantt/adddialogfields.directive.d.ts +0 -1
  10. package/src/gantt/adddialogfields.directive.js +5 -6
  11. package/src/gantt/columns.directive.d.ts +0 -1
  12. package/src/gantt/columns.directive.js +5 -6
  13. package/src/gantt/dayworkingtime.directive.d.ts +0 -1
  14. package/src/gantt/dayworkingtime.directive.js +5 -6
  15. package/src/gantt/editdialogfields.directive.d.ts +0 -1
  16. package/src/gantt/editdialogfields.directive.js +5 -6
  17. package/src/gantt/eventmarkers.directive.d.ts +0 -1
  18. package/src/gantt/eventmarkers.directive.js +5 -6
  19. package/src/gantt/gantt.component.d.ts +6 -7
  20. package/src/gantt/gantt.component.js +3 -4
  21. package/src/gantt/holidays.directive.d.ts +0 -1
  22. package/src/gantt/holidays.directive.js +5 -6
  23. package/styles/bootstrap-dark.css +115 -62
  24. package/styles/bootstrap.css +115 -62
  25. package/styles/bootstrap4.css +115 -62
  26. package/styles/bootstrap5-dark.css +119 -63
  27. package/styles/bootstrap5.css +119 -63
  28. package/styles/fabric-dark.css +115 -62
  29. package/styles/fabric.css +115 -62
  30. package/styles/fluent-dark.css +126 -66
  31. package/styles/fluent.css +124 -64
  32. package/styles/gantt/bootstrap-dark.css +115 -62
  33. package/styles/gantt/bootstrap.css +115 -62
  34. package/styles/gantt/bootstrap4.css +115 -62
  35. package/styles/gantt/bootstrap5-dark.css +119 -63
  36. package/styles/gantt/bootstrap5.css +119 -63
  37. package/styles/gantt/fabric-dark.css +115 -62
  38. package/styles/gantt/fabric.css +115 -62
  39. package/styles/gantt/fluent-dark.css +126 -66
  40. package/styles/gantt/fluent.css +124 -64
  41. package/styles/gantt/highcontrast-light.css +120 -62
  42. package/styles/gantt/highcontrast.css +120 -62
  43. package/styles/gantt/material-dark.css +120 -65
  44. package/styles/gantt/material.css +118 -65
  45. package/styles/gantt/tailwind-dark.css +117 -64
  46. package/styles/gantt/tailwind.css +117 -64
  47. package/styles/highcontrast-light.css +120 -62
  48. package/styles/highcontrast.css +120 -62
  49. package/styles/material-dark.css +120 -65
  50. package/styles/material.css +118 -65
  51. package/styles/tailwind-dark.css +117 -64
  52. package/styles/tailwind.css +117 -64
package/CHANGELOG.md CHANGED
@@ -4,6 +4,32 @@
4
4
 
5
5
  ### Gantt
6
6
 
7
+ #### Features
8
+
9
+ - `#F145182`, `#I260943`, `#I269630`, `#I273259`, `#I320454`, `#I326471`, `#I336212`, `#I340854`, `#I341129`, `#F171031`, `#I364331` - Provided Predecessor support for parent task in Gantt Chart. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/gantt/editing).
10
+ - `#I315577` - Provided Row Drag and Drop support in Virtual Scrolling feature for Gantt Chart.
11
+ - `#F165210` - Provided excel filter support in Gantt Chart. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/gantt/filtering).
12
+ - `#I246769`, `#I316949`, `#I334501`, `#F159768`, `#F167576` - Provided support to define task id as string type for Gantt Chart. Please find the `API` link [here](https://ej2.syncfusion.com/documentation/api/gantt/taskFields/#id).
13
+ - `#FB36072` - Provided support for Critical Path with Multi Taskbar enabled.
14
+
15
+ - `#F145182`, `#I260943`, `#I269630`, `#I273259`, `#I320454`, `#I326471`, `#I336212`, `#I340854`, `#I341129`, `#F171031`, `#I364331` - Provided Predecessor support for parent task in Gantt Chart. Please find the demo link [here](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/gantt/editing).
16
+ - `#I315577` - Provided Row Drag and Drop support in Virtual Scrolling feature for Gantt Chart.
17
+ - `#F165210` - Provided excel filter support in Gantt Chart. Please find the demo link [here](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/gantt/filtering).
18
+ - `#I246769`, `#I316949`, `#I334501`, `#F159768`, `#F167576` - Provided support to define task id as string type for Gantt Chart. Please find the `API` link [here](https://ej2.syncfusion.com/vue/documentation/api/gantt/taskFields/#id).
19
+ - `#FB36072` - Provided support for Critical Path with Multi Taskbar enabled.
20
+
21
+ #### Bug Fixes
22
+
23
+ - `#F177237` - The `currentViewData` with dependencies were not exported correctly in `PDFExport` issue has been fixed.
24
+ - `#I402913` - Checkbox selection must be completed with a single click issue has been fixed.
25
+ - `#I404007` - Filter Menu not closed when focus is removed issue has been fixed.
26
+ - `#I403823` - Custom Column values not updated when editing in tab issue has been fixed.
27
+ - `#I403221` - Issue in deleting parent record in resource view has been fixed.
28
+
29
+ ## 20.2.49 (2022-09-13)
30
+
31
+ ### Gantt
32
+
7
33
  #### Bug Fixes
8
34
 
9
35
  - `#I403222` - Console error occurs in resource view with enabled persistence issue has been fixed.
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-vue-gantt.umd.min.js
3
- * version : 20.2.49
3
+ * version : 20.3.47
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
@@ -1,5 +1,5 @@
1
1
  import { Gantt } from '@syncfusion/ej2-gantt';
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, isUndefined } 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 ColumnsDirective 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 AddDialogFieldsDirective 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 AddDialogFieldsDirective extends vueImport$1 {
145
143
  }
146
144
  };
147
145
  AddDialogFieldsDirective = __decorate$1([
148
- EJComponentDecorator({}, isExecute$1)
146
+ EJComponentDecorator({}, isExecute)
149
147
  /* Start Options({
150
148
  inject: {
151
149
  custom: {
@@ -181,7 +179,7 @@ let AddDialogFieldDirective = class AddDialogFieldDirective extends vueImport$1
181
179
  }
182
180
  };
183
181
  AddDialogFieldDirective = __decorate$1([
184
- EJComponentDecorator({}, isExecute$1)
182
+ EJComponentDecorator({}, isExecute)
185
183
  ], AddDialogFieldDirective);
186
184
  const AddDialogFieldPlugin = {
187
185
  name: 'e-add-dialog-field',
@@ -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 EditDialogFieldsDirective 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 EditDialogFieldsDirective extends vueImport$2 {
238
235
  }
239
236
  };
240
237
  EditDialogFieldsDirective = __decorate$2([
241
- EJComponentDecorator({}, isExecute$2)
238
+ EJComponentDecorator({}, isExecute)
242
239
  /* Start Options({
243
240
  inject: {
244
241
  custom: {
@@ -274,7 +271,7 @@ let EditDialogFieldDirective = class EditDialogFieldDirective extends vueImport$
274
271
  }
275
272
  };
276
273
  EditDialogFieldDirective = __decorate$2([
277
- EJComponentDecorator({}, isExecute$2)
274
+ EJComponentDecorator({}, isExecute)
278
275
  ], EditDialogFieldDirective);
279
276
  const EditDialogFieldPlugin = {
280
277
  name: 'e-edit-dialog-field',
@@ -290,9 +287,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
290
287
  return c > 3 && r && Object.defineProperty(target, key, r), r;
291
288
  };
292
289
  // {{VueImport}}
293
- const isExecute$3 = gh ? false : true;
294
290
  let vueImport$3;
295
- if (!isExecute$3 || parseInt(allVue.version) < 3) {
291
+ if (!isExecute || parseInt(allVue.version) < 3) {
296
292
  vueImport$3 = Vue;
297
293
  }
298
294
  else {
@@ -311,18 +307,18 @@ class DayWorkingTimeCollectionDirective extends vueImport$3 {
311
307
  super(arguments);
312
308
  }
313
309
  render(createElement) {
314
- if (gh) {
315
- let h = gh || createElement;
310
+ if (!isExecute) {
311
+ let h = !isExecute ? gh : createElement;
316
312
  let slots = null;
317
313
  if (!isNullOrUndefined(this.$slots.default)) {
318
- slots = gh ? this.$slots.default() : this.$slots.default;
314
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
319
315
  }
320
316
  return h('div', { class: 'e-directive' }, slots);
321
317
  }
322
318
  return;
323
319
  }
324
320
  updated() {
325
- if (gh && this.custom) {
321
+ if (!isExecute && this.custom) {
326
322
  this.custom();
327
323
  }
328
324
  }
@@ -331,7 +327,7 @@ class DayWorkingTimeCollectionDirective extends vueImport$3 {
331
327
  }
332
328
  };
333
329
  DayWorkingTimeCollectionDirective = __decorate$3([
334
- EJComponentDecorator({}, isExecute$3)
330
+ EJComponentDecorator({}, isExecute)
335
331
  /* Start Options({
336
332
  inject: {
337
333
  custom: {
@@ -367,7 +363,7 @@ let DayWorkingTimeDirective = class DayWorkingTimeDirective extends vueImport$3
367
363
  }
368
364
  };
369
365
  DayWorkingTimeDirective = __decorate$3([
370
- EJComponentDecorator({}, isExecute$3)
366
+ EJComponentDecorator({}, isExecute)
371
367
  ], DayWorkingTimeDirective);
372
368
  const DayWorkingTimePlugin = {
373
369
  name: 'e-day-working-time',
@@ -383,9 +379,8 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
383
379
  return c > 3 && r && Object.defineProperty(target, key, r), r;
384
380
  };
385
381
  // {{VueImport}}
386
- const isExecute$4 = gh ? false : true;
387
382
  let vueImport$4;
388
- if (!isExecute$4 || parseInt(allVue.version) < 3) {
383
+ if (!isExecute || parseInt(allVue.version) < 3) {
389
384
  vueImport$4 = Vue;
390
385
  }
391
386
  else {
@@ -404,18 +399,18 @@ class HolidaysDirective extends vueImport$4 {
404
399
  super(arguments);
405
400
  }
406
401
  render(createElement) {
407
- if (gh) {
408
- let h = gh || createElement;
402
+ if (!isExecute) {
403
+ let h = !isExecute ? gh : createElement;
409
404
  let slots = null;
410
405
  if (!isNullOrUndefined(this.$slots.default)) {
411
- slots = gh ? this.$slots.default() : this.$slots.default;
406
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
412
407
  }
413
408
  return h('div', { class: 'e-directive' }, slots);
414
409
  }
415
410
  return;
416
411
  }
417
412
  updated() {
418
- if (gh && this.custom) {
413
+ if (!isExecute && this.custom) {
419
414
  this.custom();
420
415
  }
421
416
  }
@@ -424,7 +419,7 @@ class HolidaysDirective extends vueImport$4 {
424
419
  }
425
420
  };
426
421
  HolidaysDirective = __decorate$4([
427
- EJComponentDecorator({}, isExecute$4)
422
+ EJComponentDecorator({}, isExecute)
428
423
  /* Start Options({
429
424
  inject: {
430
425
  custom: {
@@ -460,7 +455,7 @@ let HolidayDirective = class HolidayDirective extends vueImport$4 {
460
455
  }
461
456
  };
462
457
  HolidayDirective = __decorate$4([
463
- EJComponentDecorator({}, isExecute$4)
458
+ EJComponentDecorator({}, isExecute)
464
459
  ], HolidayDirective);
465
460
  const HolidayPlugin = {
466
461
  name: 'e-holidays',
@@ -476,9 +471,8 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
476
471
  return c > 3 && r && Object.defineProperty(target, key, r), r;
477
472
  };
478
473
  // {{VueImport}}
479
- const isExecute$5 = gh ? false : true;
480
474
  let vueImport$5;
481
- if (!isExecute$5 || parseInt(allVue.version) < 3) {
475
+ if (!isExecute || parseInt(allVue.version) < 3) {
482
476
  vueImport$5 = Vue;
483
477
  }
484
478
  else {
@@ -497,18 +491,18 @@ class EventMarkersDirective extends vueImport$5 {
497
491
  super(arguments);
498
492
  }
499
493
  render(createElement) {
500
- if (gh) {
501
- let h = gh || createElement;
494
+ if (!isExecute) {
495
+ let h = !isExecute ? gh : createElement;
502
496
  let slots = null;
503
497
  if (!isNullOrUndefined(this.$slots.default)) {
504
- slots = gh ? this.$slots.default() : this.$slots.default;
498
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
505
499
  }
506
500
  return h('div', { class: 'e-directive' }, slots);
507
501
  }
508
502
  return;
509
503
  }
510
504
  updated() {
511
- if (gh && this.custom) {
505
+ if (!isExecute && this.custom) {
512
506
  this.custom();
513
507
  }
514
508
  }
@@ -517,7 +511,7 @@ class EventMarkersDirective extends vueImport$5 {
517
511
  }
518
512
  };
519
513
  EventMarkersDirective = __decorate$5([
520
- EJComponentDecorator({}, isExecute$5)
514
+ EJComponentDecorator({}, isExecute)
521
515
  /* Start Options({
522
516
  inject: {
523
517
  custom: {
@@ -552,7 +546,7 @@ let EventMarkerDirective = class EventMarkerDirective extends vueImport$5 {
552
546
  }
553
547
  };
554
548
  EventMarkerDirective = __decorate$5([
555
- EJComponentDecorator({}, isExecute$5)
549
+ EJComponentDecorator({}, isExecute)
556
550
  ], EventMarkerDirective);
557
551
  const EventMarkerPlugin = {
558
552
  name: 'e-event-marker',
@@ -578,7 +572,6 @@ emitProbs.push('modelchanged', 'update:modelValue');
578
572
  for (let props of modelProps) {
579
573
  emitProbs.push('update:' + props);
580
574
  }
581
- const isExecute$6 = gh ? false : true;
582
575
  /**
583
576
  * `ejs-gantt` represents the VueJS Gantt Component.
584
577
  * ```vue
@@ -605,7 +598,7 @@ class GanttComponent extends ComponentBase {
605
598
  this.hasInjectedModules = true;
606
599
  this.tagMapper = { "e-columns": "e-column", "e-add-dialog-fields": "e-add-dialog-field", "e-edit-dialog-fields": "e-edit-dialog-field", "e-day-working-time-collection": "e-day-working-time", "e-holidays": "e-holidays", "e-event-markers": "e-event-marker" };
607
600
  this.tagNameMapper = { "e-add-dialog-fields": "e-addDialogFields", "e-edit-dialog-fields": "e-editDialogFields", "e-day-working-time-collection": "e-dayWorkingTime", "e-event-markers": "e-eventMarkers" };
608
- this.isVue3 = !isExecute$6;
601
+ this.isVue3 = !isExecute;
609
602
  this.ej2Instances = new Gantt({});
610
603
  this.ej2Instances._trigger = this.ej2Instances.trigger;
611
604
  this.ej2Instances.trigger = this.trigger;
@@ -661,14 +654,14 @@ class GanttComponent extends ComponentBase {
661
654
  }
662
655
  }
663
656
  trigger(eventName, eventProp, successHandler) {
664
- if (!isExecute$6) {
657
+ if (!isExecute) {
665
658
  this.models = !this.models ? this.ej2Instances.referModels : this.models;
666
659
  }
667
660
  if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
668
661
  let key = this.models.toString().match(/checked|value/) || [];
669
662
  let propKey = key[0];
670
663
  if (eventProp && key && !isUndefined(eventProp[propKey])) {
671
- if (!isExecute$6) {
664
+ if (!isExecute) {
672
665
  this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
673
666
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
674
667
  this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -685,7 +678,7 @@ class GanttComponent extends ComponentBase {
685
678
  let key = this.models.toString().match(/currentView|selectedDate/) || [];
686
679
  let propKey = key[0];
687
680
  if (eventProp && key && !isUndefined(eventProp[propKey])) {
688
- if (!isExecute$6) {
681
+ if (!isExecute) {
689
682
  this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
690
683
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
691
684
  }
@@ -700,10 +693,10 @@ class GanttComponent extends ComponentBase {
700
693
  }
701
694
  }
702
695
  render(createElement) {
703
- let h = gh || createElement;
696
+ let h = !isExecute ? gh : createElement;
704
697
  let slots = null;
705
698
  if (!isNullOrUndefined(this.$slots.default)) {
706
- slots = gh ? this.$slots.default() : this.$slots.default;
699
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
707
700
  }
708
701
  return h('div', slots);
709
702
  }
@@ -936,7 +929,7 @@ GanttComponent = __decorate$6([
936
929
  model: {
937
930
  event: 'modelchanged'
938
931
  }
939
- }, isExecute$6)
932
+ }, isExecute)
940
933
  /* Start Options({
941
934
  props: props,
942
935
  watch: watch,