@syncfusion/ej2-vue-gantt 20.1.48 → 20.1.52

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 (56) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/dist/ej2-vue-gantt.umd.min.js +11 -2
  3. package/dist/es6/ej2-vue-gantt.es2015.js +221 -15
  4. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-gantt.es5.js +150 -15
  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 -14
  9. package/src/gantt/adddialogfields.directive.d.ts +3 -1
  10. package/src/gantt/adddialogfields.directive.js +24 -2
  11. package/src/gantt/columns.directive.d.ts +3 -1
  12. package/src/gantt/columns.directive.js +24 -2
  13. package/src/gantt/dayworkingtime.directive.d.ts +3 -1
  14. package/src/gantt/dayworkingtime.directive.js +24 -2
  15. package/src/gantt/editdialogfields.directive.d.ts +3 -1
  16. package/src/gantt/editdialogfields.directive.js +24 -2
  17. package/src/gantt/eventmarkers.directive.d.ts +3 -1
  18. package/src/gantt/eventmarkers.directive.js +24 -2
  19. package/src/gantt/gantt.component.d.ts +1 -0
  20. package/src/gantt/gantt.component.js +10 -1
  21. package/src/gantt/holidays.directive.d.ts +3 -1
  22. package/src/gantt/holidays.directive.js +24 -2
  23. package/styles/bootstrap-dark.css +37 -10
  24. package/styles/bootstrap.css +37 -10
  25. package/styles/bootstrap4.css +37 -10
  26. package/styles/bootstrap5-dark.css +53 -19
  27. package/styles/bootstrap5.css +53 -19
  28. package/styles/fabric-dark.css +34 -7
  29. package/styles/fabric.css +37 -10
  30. package/styles/fluent-dark.css +1942 -0
  31. package/styles/fluent-dark.scss +1 -0
  32. package/styles/fluent.css +1942 -0
  33. package/styles/fluent.scss +1 -0
  34. package/styles/gantt/bootstrap-dark.css +37 -10
  35. package/styles/gantt/bootstrap.css +37 -10
  36. package/styles/gantt/bootstrap4.css +37 -10
  37. package/styles/gantt/bootstrap5-dark.css +53 -19
  38. package/styles/gantt/bootstrap5.css +53 -19
  39. package/styles/gantt/fabric-dark.css +34 -7
  40. package/styles/gantt/fabric.css +37 -10
  41. package/styles/gantt/fluent-dark.css +1942 -0
  42. package/styles/gantt/fluent-dark.scss +1 -0
  43. package/styles/gantt/fluent.css +1942 -0
  44. package/styles/gantt/fluent.scss +1 -0
  45. package/styles/gantt/highcontrast-light.css +34 -7
  46. package/styles/gantt/highcontrast.css +34 -7
  47. package/styles/gantt/material-dark.css +37 -10
  48. package/styles/gantt/material.css +37 -10
  49. package/styles/gantt/tailwind-dark.css +70 -99
  50. package/styles/gantt/tailwind.css +70 -99
  51. package/styles/highcontrast-light.css +34 -7
  52. package/styles/highcontrast.css +34 -7
  53. package/styles/material-dark.css +37 -10
  54. package/styles/material.css +37 -10
  55. package/styles/tailwind-dark.css +70 -99
  56. package/styles/tailwind.css +70 -99
@@ -1,8 +1,8 @@
1
1
  import { Gantt } from '@syncfusion/ej2-gantt';
2
2
  import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
3
3
  import { Vue } from 'vue-class-component';
4
- import Vue$1 from 'vue';
5
4
  import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
5
+ import Vue$1 from 'vue';
6
6
 
7
7
  var __extends = (undefined && undefined.__extends) || (function () {
8
8
  var extendStatics = function (d, b) {
@@ -23,6 +23,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
23
23
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
24
24
  return c > 3 && r && Object.defineProperty(target, key, r), r;
25
25
  };
26
+ import { Options } from 'vue-class-component';
26
27
  var isExecute = gh ? false : true;
27
28
  var vueImport;
28
29
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -34,16 +35,36 @@ else {
34
35
  var ColumnsDirective = /** @__PURE__ @class */ (function (_super) {
35
36
  __extends(ColumnsDirective, _super);
36
37
  function ColumnsDirective() {
37
- return _super !== null && _super.apply(this, arguments) || this;
38
+ return _super.call(this, arguments) || this;
38
39
  }
39
- ColumnsDirective.prototype.render = function () {
40
+ ColumnsDirective.prototype.render = function (createElement) {
41
+ if (gh) {
42
+ var h = gh || createElement;
43
+ var slots = null;
44
+ if (!isNullOrUndefined(this.$slots.default)) {
45
+ slots = gh ? this.$slots.default() : this.$slots.default;
46
+ }
47
+ return h('div', { class: 'e-directive' }, slots);
48
+ }
40
49
  return;
41
50
  };
51
+ ColumnsDirective.prototype.updated = function () {
52
+ if (gh && this.custom) {
53
+ this.custom();
54
+ }
55
+ };
42
56
  ColumnsDirective.prototype.getTag = function () {
43
57
  return 'e-columns';
44
58
  };
45
59
  ColumnsDirective = __decorate([
46
60
  EJComponentDecorator({}, isExecute)
61
+ ,Options({
62
+ inject: {
63
+ custom: {
64
+ default: null
65
+ }
66
+ }
67
+ })
47
68
  ], ColumnsDirective);
48
69
  return ColumnsDirective;
49
70
  }(vueImport));
@@ -107,6 +128,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
107
128
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
108
129
  return c > 3 && r && Object.defineProperty(target, key, r), r;
109
130
  };
131
+ // {{VueImport}}
110
132
  var isExecute$1 = gh ? false : true;
111
133
  var vueImport$1;
112
134
  if (!isExecute$1 || parseInt(allVue.version) < 3) {
@@ -118,16 +140,36 @@ else {
118
140
  var AddDialogFieldsDirective = /** @__PURE__ @class */ (function (_super) {
119
141
  __extends$1(AddDialogFieldsDirective, _super);
120
142
  function AddDialogFieldsDirective() {
121
- return _super !== null && _super.apply(this, arguments) || this;
143
+ return _super.call(this, arguments) || this;
122
144
  }
123
- AddDialogFieldsDirective.prototype.render = function () {
145
+ AddDialogFieldsDirective.prototype.render = function (createElement) {
146
+ if (gh) {
147
+ var h = gh || createElement;
148
+ var slots = null;
149
+ if (!isNullOrUndefined(this.$slots.default)) {
150
+ slots = gh ? this.$slots.default() : this.$slots.default;
151
+ }
152
+ return h('div', { class: 'e-directive' }, slots);
153
+ }
124
154
  return;
125
155
  };
156
+ AddDialogFieldsDirective.prototype.updated = function () {
157
+ if (gh && this.custom) {
158
+ this.custom();
159
+ }
160
+ };
126
161
  AddDialogFieldsDirective.prototype.getTag = function () {
127
162
  return 'e-add-dialog-fields';
128
163
  };
129
164
  AddDialogFieldsDirective = __decorate$1([
130
165
  EJComponentDecorator({}, isExecute$1)
166
+ ,Options({
167
+ inject: {
168
+ custom: {
169
+ default: null
170
+ }
171
+ }
172
+ })
131
173
  ], AddDialogFieldsDirective);
132
174
  return AddDialogFieldsDirective;
133
175
  }(vueImport$1));
@@ -191,6 +233,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
191
233
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
192
234
  return c > 3 && r && Object.defineProperty(target, key, r), r;
193
235
  };
236
+ // {{VueImport}}
194
237
  var isExecute$2 = gh ? false : true;
195
238
  var vueImport$2;
196
239
  if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -202,16 +245,36 @@ else {
202
245
  var EditDialogFieldsDirective = /** @__PURE__ @class */ (function (_super) {
203
246
  __extends$2(EditDialogFieldsDirective, _super);
204
247
  function EditDialogFieldsDirective() {
205
- return _super !== null && _super.apply(this, arguments) || this;
248
+ return _super.call(this, arguments) || this;
206
249
  }
207
- EditDialogFieldsDirective.prototype.render = function () {
250
+ EditDialogFieldsDirective.prototype.render = function (createElement) {
251
+ if (gh) {
252
+ var h = gh || createElement;
253
+ var slots = null;
254
+ if (!isNullOrUndefined(this.$slots.default)) {
255
+ slots = gh ? this.$slots.default() : this.$slots.default;
256
+ }
257
+ return h('div', { class: 'e-directive' }, slots);
258
+ }
208
259
  return;
209
260
  };
261
+ EditDialogFieldsDirective.prototype.updated = function () {
262
+ if (gh && this.custom) {
263
+ this.custom();
264
+ }
265
+ };
210
266
  EditDialogFieldsDirective.prototype.getTag = function () {
211
267
  return 'e-edit-dialog-fields';
212
268
  };
213
269
  EditDialogFieldsDirective = __decorate$2([
214
270
  EJComponentDecorator({}, isExecute$2)
271
+ ,Options({
272
+ inject: {
273
+ custom: {
274
+ default: null
275
+ }
276
+ }
277
+ })
215
278
  ], EditDialogFieldsDirective);
216
279
  return EditDialogFieldsDirective;
217
280
  }(vueImport$2));
@@ -275,6 +338,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
275
338
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
276
339
  return c > 3 && r && Object.defineProperty(target, key, r), r;
277
340
  };
341
+ // {{VueImport}}
278
342
  var isExecute$3 = gh ? false : true;
279
343
  var vueImport$3;
280
344
  if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -286,16 +350,36 @@ else {
286
350
  var DayWorkingTimeCollectionDirective = /** @__PURE__ @class */ (function (_super) {
287
351
  __extends$3(DayWorkingTimeCollectionDirective, _super);
288
352
  function DayWorkingTimeCollectionDirective() {
289
- return _super !== null && _super.apply(this, arguments) || this;
353
+ return _super.call(this, arguments) || this;
290
354
  }
291
- DayWorkingTimeCollectionDirective.prototype.render = function () {
355
+ DayWorkingTimeCollectionDirective.prototype.render = function (createElement) {
356
+ if (gh) {
357
+ var h = gh || createElement;
358
+ var slots = null;
359
+ if (!isNullOrUndefined(this.$slots.default)) {
360
+ slots = gh ? this.$slots.default() : this.$slots.default;
361
+ }
362
+ return h('div', { class: 'e-directive' }, slots);
363
+ }
292
364
  return;
293
365
  };
366
+ DayWorkingTimeCollectionDirective.prototype.updated = function () {
367
+ if (gh && this.custom) {
368
+ this.custom();
369
+ }
370
+ };
294
371
  DayWorkingTimeCollectionDirective.prototype.getTag = function () {
295
372
  return 'e-day-working-time-collection';
296
373
  };
297
374
  DayWorkingTimeCollectionDirective = __decorate$3([
298
375
  EJComponentDecorator({}, isExecute$3)
376
+ ,Options({
377
+ inject: {
378
+ custom: {
379
+ default: null
380
+ }
381
+ }
382
+ })
299
383
  ], DayWorkingTimeCollectionDirective);
300
384
  return DayWorkingTimeCollectionDirective;
301
385
  }(vueImport$3));
@@ -359,6 +443,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
359
443
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
360
444
  return c > 3 && r && Object.defineProperty(target, key, r), r;
361
445
  };
446
+ // {{VueImport}}
362
447
  var isExecute$4 = gh ? false : true;
363
448
  var vueImport$4;
364
449
  if (!isExecute$4 || parseInt(allVue.version) < 3) {
@@ -370,16 +455,36 @@ else {
370
455
  var HolidaysDirective = /** @__PURE__ @class */ (function (_super) {
371
456
  __extends$4(HolidaysDirective, _super);
372
457
  function HolidaysDirective() {
373
- return _super !== null && _super.apply(this, arguments) || this;
458
+ return _super.call(this, arguments) || this;
374
459
  }
375
- HolidaysDirective.prototype.render = function () {
460
+ HolidaysDirective.prototype.render = function (createElement) {
461
+ if (gh) {
462
+ var h = gh || createElement;
463
+ var slots = null;
464
+ if (!isNullOrUndefined(this.$slots.default)) {
465
+ slots = gh ? this.$slots.default() : this.$slots.default;
466
+ }
467
+ return h('div', { class: 'e-directive' }, slots);
468
+ }
376
469
  return;
377
470
  };
471
+ HolidaysDirective.prototype.updated = function () {
472
+ if (gh && this.custom) {
473
+ this.custom();
474
+ }
475
+ };
378
476
  HolidaysDirective.prototype.getTag = function () {
379
477
  return 'e-holidays';
380
478
  };
381
479
  HolidaysDirective = __decorate$4([
382
480
  EJComponentDecorator({}, isExecute$4)
481
+ ,Options({
482
+ inject: {
483
+ custom: {
484
+ default: null
485
+ }
486
+ }
487
+ })
383
488
  ], HolidaysDirective);
384
489
  return HolidaysDirective;
385
490
  }(vueImport$4));
@@ -443,6 +548,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
443
548
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
444
549
  return c > 3 && r && Object.defineProperty(target, key, r), r;
445
550
  };
551
+ // {{VueImport}}
446
552
  var isExecute$5 = gh ? false : true;
447
553
  var vueImport$5;
448
554
  if (!isExecute$5 || parseInt(allVue.version) < 3) {
@@ -454,16 +560,36 @@ else {
454
560
  var EventMarkersDirective = /** @__PURE__ @class */ (function (_super) {
455
561
  __extends$5(EventMarkersDirective, _super);
456
562
  function EventMarkersDirective() {
457
- return _super !== null && _super.apply(this, arguments) || this;
563
+ return _super.call(this, arguments) || this;
458
564
  }
459
- EventMarkersDirective.prototype.render = function () {
565
+ EventMarkersDirective.prototype.render = function (createElement) {
566
+ if (gh) {
567
+ var h = gh || createElement;
568
+ var slots = null;
569
+ if (!isNullOrUndefined(this.$slots.default)) {
570
+ slots = gh ? this.$slots.default() : this.$slots.default;
571
+ }
572
+ return h('div', { class: 'e-directive' }, slots);
573
+ }
460
574
  return;
461
575
  };
576
+ EventMarkersDirective.prototype.updated = function () {
577
+ if (gh && this.custom) {
578
+ this.custom();
579
+ }
580
+ };
462
581
  EventMarkersDirective.prototype.getTag = function () {
463
582
  return 'e-event-markers';
464
583
  };
465
584
  EventMarkersDirective = __decorate$5([
466
585
  EJComponentDecorator({}, isExecute$5)
586
+ ,Options({
587
+ inject: {
588
+ custom: {
589
+ default: null
590
+ }
591
+ }
592
+ })
467
593
  ], EventMarkersDirective);
468
594
  return EventMarkersDirective;
469
595
  }(vueImport$5));
@@ -526,7 +652,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
526
652
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
527
653
  return c > 3 && r && Object.defineProperty(target, key, r), r;
528
654
  };
529
- import { Options } from 'vue-class-component';
655
+ // {{VueImport}}
530
656
  var properties = ['isLazyUpdate', 'addDialogFields', 'allowExcelExport', 'allowFiltering', 'allowKeyboard', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowUnscheduledTasks', 'autoFocusTasks', 'baselineColor', 'collapseAllParentTasks', 'columnMenuItems', 'columns', 'connectorLineBackground', 'connectorLineWidth', 'contextMenuItems', 'dataSource', 'dateFormat', 'dayWorkingTime', 'disableHtmlEncode', 'durationUnit', 'editDialogFields', 'editSettings', 'enableContextMenu', 'enableImmutableMode', 'enableMultiTaskbar', 'enablePersistence', 'enablePredecessorValidation', 'enableRtl', 'enableVirtualization', 'eventMarkers', 'filterSettings', 'gridLines', 'height', 'highlightWeekends', 'holidays', 'includeWeekend', 'labelSettings', 'locale', 'milestoneTemplate', 'parentTaskbarTemplate', 'projectEndDate', 'projectStartDate', 'query', 'readOnly', 'renderBaseline', 'resourceFields', 'resourceIDMapping', 'resourceNameMapping', 'resources', 'rowHeight', 'searchSettings', 'segmentData', 'selectedRowIndex', 'selectionSettings', 'showColumnMenu', 'showInlineNotes', 'showOverAllocation', 'sortSettings', 'splitterSettings', 'taskFields', 'taskMode', 'taskType', 'taskbarHeight', 'taskbarTemplate', 'timelineSettings', 'timezone', 'toolbar', 'tooltipSettings', 'treeColumnIndex', 'validateManualTasksOnLinking', 'viewType', 'width', 'workUnit', 'workWeek', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeExcelExport', 'beforePdfExport', 'beforeTooltipRender', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSelected', 'cellSelecting', 'collapsed', 'collapsing', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuOpen', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataBound', 'dataStateChange', 'destroyed', 'endEdit', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'expanded', 'expanding', 'headerCellInfo', 'load', 'onMouseMove', 'onTaskbarClick', 'pdfColumnHeaderQueryCellInfo', 'pdfExportComplete', 'pdfQueryCellInfo', 'pdfQueryTaskbarInfo', 'pdfQueryTimelineCellInfo', 'queryCellInfo', 'queryTaskbarInfo', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'splitterResizeStart', 'splitterResized', 'splitterResizing', 'taskbarEdited', 'taskbarEditing', 'toolbarClick'];
531
657
  var modelProps = ['dataSource'];
532
658
  var testProp = getProps({ props: properties });
@@ -563,6 +689,7 @@ var GanttComponent = /** @__PURE__ @class */ (function (_super) {
563
689
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
564
690
  _this.ej2Instances.setProperties = _this.setProperties;
565
691
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
692
+ _this.updated = _this.updated;
566
693
  return _this;
567
694
  }
568
695
  GanttComponent.prototype.clearTemplate = function (templateNames) {
@@ -659,6 +786,9 @@ var GanttComponent = /** @__PURE__ @class */ (function (_super) {
659
786
  }
660
787
  return h('div', slots);
661
788
  };
789
+ GanttComponent.prototype.custom = function () {
790
+ this.updated();
791
+ };
662
792
  GanttComponent.prototype.addPredecessor = function (id, predecessorString) {
663
793
  return this.ej2Instances.addPredecessor(id, predecessorString);
664
794
  };
@@ -879,7 +1009,12 @@ var GanttComponent = /** @__PURE__ @class */ (function (_super) {
879
1009
  ,Options({
880
1010
  props: props,
881
1011
  watch: watch,
882
- emits: emitProbs
1012
+ emits: emitProbs,
1013
+ provide: function provide() {
1014
+ return {
1015
+ custom: this.custom
1016
+ };
1017
+ }
883
1018
  })
884
1019
  ], GanttComponent);
885
1020
  return GanttComponent;