@syncfusion/ej2-gantt 19.3.46 → 19.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 (56) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/ej2-gantt.umd.min.js +2 -2
  3. package/dist/ej2-gantt.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-gantt.es2015.js +18 -10
  5. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-gantt.es5.js +18 -10
  7. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  8. package/dist/global/ej2-gantt.min.js +2 -2
  9. package/dist/global/ej2-gantt.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +13 -13
  12. package/src/gantt/actions/dialog-edit.js +6 -6
  13. package/src/gantt/actions/edit.js +3 -2
  14. package/src/gantt/base/date-processor.js +4 -1
  15. package/src/gantt/base/gantt.js +3 -0
  16. package/src/gantt/base/task-processor.js +1 -0
  17. package/src/gantt/base/utils.js +1 -1
  18. package/styles/bootstrap-dark.css +95 -99
  19. package/styles/bootstrap.css +95 -99
  20. package/styles/bootstrap4.css +95 -99
  21. package/styles/bootstrap5-dark.css +95 -99
  22. package/styles/bootstrap5.css +95 -99
  23. package/styles/fabric-dark.css +95 -99
  24. package/styles/fabric.css +95 -99
  25. package/styles/gantt/_bootstrap-dark-definition.scss +0 -1
  26. package/styles/gantt/_bootstrap-definition.scss +0 -1
  27. package/styles/gantt/_bootstrap4-definition.scss +0 -1
  28. package/styles/gantt/_bootstrap5-definition.scss +0 -1
  29. package/styles/gantt/_fabric-dark-definition.scss +0 -1
  30. package/styles/gantt/_fabric-definition.scss +0 -1
  31. package/styles/gantt/_highcontrast-definition.scss +0 -1
  32. package/styles/gantt/_highcontrast-light-definition.scss +0 -1
  33. package/styles/gantt/_layout.scss +94 -93
  34. package/styles/gantt/_material-dark-definition.scss +0 -1
  35. package/styles/gantt/_material-definition.scss +0 -1
  36. package/styles/gantt/_tailwind-definition.scss +0 -1
  37. package/styles/gantt/_theme.scss +76 -81
  38. package/styles/gantt/bootstrap-dark.css +95 -99
  39. package/styles/gantt/bootstrap.css +95 -99
  40. package/styles/gantt/bootstrap4.css +95 -99
  41. package/styles/gantt/bootstrap5-dark.css +95 -99
  42. package/styles/gantt/bootstrap5.css +95 -99
  43. package/styles/gantt/fabric-dark.css +95 -99
  44. package/styles/gantt/fabric.css +95 -99
  45. package/styles/gantt/highcontrast-light.css +95 -99
  46. package/styles/gantt/highcontrast.css +95 -99
  47. package/styles/gantt/material-dark.css +95 -99
  48. package/styles/gantt/material.css +95 -99
  49. package/styles/gantt/tailwind-dark.css +95 -99
  50. package/styles/gantt/tailwind.css +95 -99
  51. package/styles/highcontrast-light.css +95 -99
  52. package/styles/highcontrast.css +95 -99
  53. package/styles/material-dark.css +95 -99
  54. package/styles/material.css +95 -99
  55. package/styles/tailwind-dark.css +95 -99
  56. package/styles/tailwind.css +95 -99
@@ -105,24 +105,6 @@
105
105
  }
106
106
  }
107
107
 
108
- .e-gantt-dialog .e-tab .e-tab-header {
109
- padding-left: $gantt-dialog-tab-padding-left;
110
-
111
- .e-indicator {
112
- display: block;
113
- }
114
-
115
- .e-toolbar-item .e-tab-wrap {
116
- border-style: solid;
117
- border-width: $gantt-tab-header-border-width;
118
- }
119
-
120
- }
121
-
122
- .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
123
- border: 0;
124
- }
125
-
126
108
  .e-gantt-tree-grid-pane {
127
109
  .e-grid {
128
110
  border-width: 0;
@@ -760,107 +742,126 @@
760
742
 
761
743
  }
762
744
 
763
- .e-gantt-dialog {
745
+ }
764
746
 
765
- border: 0;
747
+ .e-gantt-dialog .e-tab .e-tab-header {
748
+ padding-left: $gantt-dialog-tab-padding-left;
766
749
 
767
- .e-gridform .e-table {
768
- border-spacing: 0;
769
- }
750
+ .e-indicator {
751
+ display: block;
752
+ }
770
753
 
771
- .e-item {
772
- height: $gantt-dialog-general-height;
773
- }
754
+ .e-toolbar-item .e-tab-wrap {
755
+ border-style: solid;
756
+ border-width: $gantt-tab-header-border-width;
757
+ }
774
758
 
775
- .e-dependent-div {
776
- border-bottom-width: $gantt-depedent-div-border-bottom;
777
- }
759
+ }
778
760
 
779
- .e-icon-dlg-close {
780
- opacity: initial;
781
- }
761
+ .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
762
+ border: 0;
763
+ }
782
764
 
783
- .e-toolbar {
784
- border-top-width: 0;
785
- }
765
+ .e-gantt-dialog {
766
+ border: 0;
786
767
 
787
- .e-resource-div {
788
- border-bottom-width: $gantt-resource-div-border-bottom;
768
+ .e-gridform .e-table {
769
+ border-spacing: 0;
770
+ }
789
771
 
790
- .e-gridheader {
791
- border-top-width: 0;
792
- }
772
+ .e-item {
773
+ height: $gantt-dialog-general-height;
774
+ }
793
775
 
794
- }
776
+ .e-dependent-div {
777
+ border-bottom-width: $gantt-depedent-div-border-bottom;
778
+ }
795
779
 
796
- .e-edit-form-row {
797
- height: $gantt-dialog-general-height;
798
- overflow-y: auto;
799
- padding-bottom: $gantt-dialog-general-padding-bottom;
800
- }
780
+ .e-icon-dlg-close {
781
+ opacity: initial;
782
+ }
801
783
 
802
- .e-edit-form-column:nth-child(odd) {
803
- float: left;
804
- padding: $gantt-dialog-edit-form-odd-padding;
805
- width: 50%;
806
- }
784
+ .e-toolbar {
785
+ border-top-width: 0;
786
+ }
807
787
 
808
- .e-edit-form-column:nth-child(even) {
809
- float: left;
810
- padding: $gantt-dialog-edit-form-even-padding;
811
- width: 50%;
812
- }
788
+ .e-resource-div {
789
+ border-bottom-width: $gantt-resource-div-border-bottom;
813
790
 
814
- .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
815
- padding: $gantt-dialog-edit-form-scroll-padding;
791
+ .e-gridheader {
792
+ border-top-width: 0;
816
793
  }
817
794
 
818
- .e-edit-form-column {
819
- height: 75px;
820
- }
795
+ }
821
796
 
822
- .e-dependent-div .e-content {
823
- height: $gantt-dialog-dependent-height;
824
- }
797
+ .e-edit-form-row {
798
+ height: $gantt-dialog-general-height;
799
+ overflow-y: auto;
800
+ padding-bottom: $gantt-dialog-general-padding-bottom;
801
+ }
825
802
 
826
- .e-resource-div .e-content {
827
- height: $gantt-dialog-resource-height;
828
- }
803
+ .e-edit-form-column:nth-child(odd) {
804
+ float: left;
805
+ padding: $gantt-dialog-edit-form-odd-padding;
806
+ width: 50%;
807
+ }
829
808
 
830
- .e-richtexteditor {
831
- border-bottom-width: $gantt-richtext-border-bottom;
832
- height: $gantt-dialog-rte-height !important; // sass-lint:disable-line no-important
833
- overflow: hidden;
834
- }
809
+ .e-edit-form-column:nth-child(even) {
810
+ float: left;
811
+ padding: $gantt-dialog-edit-form-even-padding;
812
+ width: 50%;
813
+ }
835
814
 
836
- .e-richtexteditor.e-rte-tb-expand {
837
- border-top: 0;
838
- }
815
+ .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
816
+ padding: $gantt-dialog-edit-form-scroll-padding;
817
+ }
839
818
 
840
- .e-richtexteditor .e-rte-content {
841
- border-bottom-width: $gantt-richtext-content-border-bottom;
842
- height: $gantt-dialog-rte-content-height;
843
- }
819
+ .e-edit-form-column {
820
+ height: 75px;
821
+ }
844
822
 
845
- > .e-dlg-content {
846
- padding: 0 !important; // sass-lint:disable-line no-important
847
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
848
- height: 291px;
849
- }
850
- }
823
+ .e-dependent-div .e-content {
824
+ height: $gantt-dialog-dependent-height;
825
+ }
826
+
827
+ .e-resource-div .e-content {
828
+ height: $gantt-dialog-resource-height;
829
+ }
830
+
831
+ .e-richtexteditor {
832
+ border-bottom-width: $gantt-richtext-border-bottom;
833
+ height: $gantt-dialog-rte-height !important; // sass-lint:disable-line no-important
834
+ overflow: hidden;
835
+ }
851
836
 
852
- .e-dlg-header-content {
853
- border-bottom: 0 !important; // sass-lint:disable-line no-important
837
+ .e-richtexteditor.e-rte-tb-expand {
838
+ border-top: 0;
839
+ }
840
+
841
+ .e-richtexteditor .e-rte-content {
842
+ border-bottom-width: $gantt-richtext-content-border-bottom;
843
+ height: $gantt-dialog-rte-content-height;
844
+ }
845
+
846
+ > .e-dlg-content {
847
+ padding: 0 !important; // sass-lint:disable-line no-important
848
+ @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
849
+ height: 291px;
854
850
  }
851
+ }
855
852
 
856
- .e-dlg-header-content {
857
- border-radius: $gantt-dialog-border-radius;
858
- padding-bottom: $gantt-dialog-padding-bottom;
853
+ .e-dlg-header-content {
854
+ border-bottom: 0 !important; // sass-lint:disable-line no-important
855
+ }
859
856
 
860
- .e-btn.e-dlg-closeicon-btn {
861
- border-radius: 50%;
862
- }
857
+ .e-dlg-header-content {
858
+ border-radius: $gantt-dialog-border-radius;
859
+ padding-bottom: $gantt-dialog-padding-bottom;
860
+
861
+ .e-btn.e-dlg-closeicon-btn {
862
+ border-radius: 50%;
863
863
  }
864
+
864
865
  }
865
866
  }
866
867
 
@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 32px !default;
118
118
  $gantt-header-border-radius: 0px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-splitter-height: calc(100% - 42px) !important;
122
121
  $gantt-dialog-general-padding-bottom: 16px !default;
123
122
  $gantt-filter-menu-value-div-padding: 24px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 32px !default;
118
118
  $gantt-header-border-radius: 0px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-splitter-height: calc(100% - 42px) !important;
122
121
  $gantt-dialog-general-padding-bottom: 16px !default;
123
122
  $gantt-filter-menu-value-div-padding: 24px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
@@ -140,7 +140,6 @@ $gantt-timeline-top-header-cell-height: 24px !default;
140
140
  $gantt-header-border-radius: 0px !default;
141
141
  $gantt-splitter-border-top-right-radius: 0px !default;
142
142
  $gantt-splitter-border-top-left-radius: 0px !default;
143
- $gantt-splitter-height: calc(100% - 38px) !important;
144
143
  $gantt-dialog-general-padding-bottom: 12px !default;
145
144
  $gantt-filter-menu-value-div-padding: 18px !default;
146
145
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
@@ -1,5 +1,4 @@
1
- 
2
- @include export-module('gantt-theme') {
1
+ @include export-module('gantt-theme') {
3
2
  /*! Gantt theme */
4
3
 
5
4
  .e-gantt {
@@ -9,10 +8,6 @@
9
8
  border-radius: $gantt-header-border-radius;
10
9
  }
11
10
 
12
- .e-gantt-splitter-height {
13
- height: $gantt-splitter-height;
14
- }
15
-
16
11
  .e-cloneproperties.e-draganddrop {
17
12
  box-shadow: $gantt-clone-prop-box-shadow;
18
13
  opacity: .95;
@@ -44,81 +39,6 @@
44
39
  box-shadow: $grid-active-container-border !important; // sass-lint:disable-line no-important
45
40
  }
46
41
 
47
- .e-gantt-dialog {
48
-
49
- .e-dlg-header {
50
- color: $gantt-dialog-header-font-color;
51
- }
52
-
53
- .e-dlg-header-content {
54
- background: $gantt-dialog-tab-background;
55
- }
56
-
57
- .e-icon-dlg-close {
58
- color: $gantt-dialog-icon-color;
59
- }
60
-
61
- .e-btn.e-dlg-closeicon-btn:hover {
62
- background-color: $gantt-dialog-icon-hover-color;
63
-
64
- .e-icon-dlg-close {
65
- color: $gantt-dialog-close-icon-hover-color;
66
- }
67
-
68
- }
69
-
70
- .e-tab {
71
-
72
- .e-tab-header {
73
- background: $gantt-dialog-tab-background;
74
-
75
- .e-indicator {
76
- background: $gantt-tab-selection-indicator-color;
77
- }
78
-
79
- .e-toolbar-item.e-active {
80
- background-color: $gantt-dialog-active-tab-background;
81
-
82
- .e-tab-wrap {
83
- .e-tab-text {
84
- color: $gantt-tab-header-active-font-color;
85
- }
86
- }
87
-
88
- }
89
-
90
- .e-toolbar-item {
91
-
92
- .e-tab-wrap {
93
- border-color: $gantt-dialog-tab-header-border-no-color;
94
-
95
- .e-tab-text {
96
- color: $gantt-tab-header-font-color;
97
- }
98
-
99
- }
100
-
101
- }
102
-
103
- .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
104
- background: $gantt-tab-header-hover-color;
105
- border-bottom: $gantt-dialog-tab-hover-border-bottom;
106
- border-bottom-left-radius: $gantt-dialog-tab-hover-border-bottom-radius;
107
- border-bottom-right-radius: $gantt-dialog-tab-hover-border-bottom-radius;
108
- border-color: $gantt-dialog-tab-hover-border-color;
109
-
110
- .e-tab-text {
111
- color: $gantt-tab-header-hover-font-color;
112
- }
113
-
114
- }
115
-
116
- }
117
-
118
- }
119
-
120
- }
121
-
122
42
  .e-temp-content {
123
43
  border-color: $gantt-header-border-color;
124
44
  }
@@ -656,6 +576,81 @@
656
576
 
657
577
  }
658
578
 
579
+ .e-gantt-dialog {
580
+
581
+ .e-dlg-header {
582
+ color: $gantt-dialog-header-font-color;
583
+ }
584
+
585
+ .e-dlg-header-content {
586
+ background: $gantt-dialog-tab-background;
587
+ }
588
+
589
+ .e-icon-dlg-close {
590
+ color: $gantt-dialog-icon-color;
591
+ }
592
+
593
+ .e-btn.e-dlg-closeicon-btn:hover {
594
+ background-color: $gantt-dialog-icon-hover-color;
595
+
596
+ .e-icon-dlg-close {
597
+ color: $gantt-dialog-close-icon-hover-color;
598
+ }
599
+
600
+ }
601
+
602
+ .e-tab {
603
+
604
+ .e-tab-header {
605
+ background: $gantt-dialog-tab-background;
606
+
607
+ .e-indicator {
608
+ background: $gantt-tab-selection-indicator-color;
609
+ }
610
+
611
+ .e-toolbar-item.e-active {
612
+ background-color: $gantt-dialog-active-tab-background;
613
+
614
+ .e-tab-wrap {
615
+ .e-tab-text {
616
+ color: $gantt-tab-header-active-font-color;
617
+ }
618
+ }
619
+
620
+ }
621
+
622
+ .e-toolbar-item {
623
+
624
+ .e-tab-wrap {
625
+ border-color: $gantt-dialog-tab-header-border-no-color;
626
+
627
+ .e-tab-text {
628
+ color: $gantt-tab-header-font-color;
629
+ }
630
+
631
+ }
632
+
633
+ }
634
+
635
+ .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
636
+ background: $gantt-tab-header-hover-color;
637
+ border-bottom: $gantt-dialog-tab-hover-border-bottom;
638
+ border-bottom-left-radius: $gantt-dialog-tab-hover-border-bottom-radius;
639
+ border-bottom-right-radius: $gantt-dialog-tab-hover-border-bottom-radius;
640
+ border-color: $gantt-dialog-tab-hover-border-color;
641
+
642
+ .e-tab-text {
643
+ color: $gantt-tab-header-hover-font-color;
644
+ }
645
+
646
+ }
647
+
648
+ }
649
+
650
+ }
651
+
652
+ }
653
+
659
654
  .e-gantt.e-device {
660
655
  .e-left-resize-gripper,
661
656
  .e-right-resize-gripper {