gantt-lib 0.136.1 → 0.138.0
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.
- package/README.md +80 -0
- package/dist/core/scheduling/index.d.mts +1 -1
- package/dist/core/scheduling/index.d.ts +1 -1
- package/dist/core/scheduling/index.js +40 -3
- package/dist/core/scheduling/index.js.map +1 -1
- package/dist/core/scheduling/index.mjs +40 -3
- package/dist/core/scheduling/index.mjs.map +1 -1
- package/dist/{index-D99kbU4p.d.mts → index-C3mZqSTf.d.mts} +67 -1
- package/dist/{index-D99kbU4p.d.ts → index-C3mZqSTf.d.ts} +67 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +258 -3
- package/dist/index.d.ts +258 -3
- package/dist/index.js +2389 -1331
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2376 -1331
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +176 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -714,7 +714,9 @@
|
|
|
714
714
|
.gantt-tr-resizeHandleRight::before {
|
|
715
715
|
right: 4px;
|
|
716
716
|
}
|
|
717
|
-
.gantt-tr-row:hover .gantt-tr-resizeHandle::before
|
|
717
|
+
.gantt-tr-row:hover .gantt-tr-taskBar .gantt-tr-resizeHandle::before,
|
|
718
|
+
.gantt-tr-activityBar-active .gantt-tr-resizeHandle::before,
|
|
719
|
+
.gantt-tr-activityBar-dragging .gantt-tr-resizeHandle::before {
|
|
718
720
|
opacity: 1;
|
|
719
721
|
}
|
|
720
722
|
.gantt-tr-resizeZoneLeft {
|
|
@@ -932,6 +934,168 @@
|
|
|
932
934
|
right: 0;
|
|
933
935
|
clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%);
|
|
934
936
|
}
|
|
937
|
+
.gantt-tr-activityLanes {
|
|
938
|
+
position: absolute;
|
|
939
|
+
inset: 0;
|
|
940
|
+
}
|
|
941
|
+
.gantt-tr-activityBar {
|
|
942
|
+
position: absolute;
|
|
943
|
+
z-index: 1;
|
|
944
|
+
display: flex;
|
|
945
|
+
align-items: center;
|
|
946
|
+
padding: 0 0.5rem;
|
|
947
|
+
box-sizing: border-box;
|
|
948
|
+
border-radius: var(--gantt-task-bar-border-radius);
|
|
949
|
+
overflow: hidden;
|
|
950
|
+
white-space: nowrap;
|
|
951
|
+
cursor: grab;
|
|
952
|
+
user-select: none;
|
|
953
|
+
transition: box-shadow 0.15s ease, opacity 0.15s ease;
|
|
954
|
+
}
|
|
955
|
+
.gantt-tr-activityBar-dimmed {
|
|
956
|
+
opacity: var(--gantt-activity-dim-opacity, 0.55);
|
|
957
|
+
}
|
|
958
|
+
.gantt-tr-activityBar-chain {
|
|
959
|
+
box-shadow: 0 0 0 2px var(--gantt-activity-chain-outline, #ffffff);
|
|
960
|
+
}
|
|
961
|
+
.gantt-tr-activityBar .gantt-tr-resizeHandle {
|
|
962
|
+
cursor: ew-resize;
|
|
963
|
+
}
|
|
964
|
+
.gantt-tr-activityBar-dragging {
|
|
965
|
+
z-index: 3;
|
|
966
|
+
cursor: grabbing;
|
|
967
|
+
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
|
|
968
|
+
}
|
|
969
|
+
.gantt-tr-activityBar-active {
|
|
970
|
+
z-index: 2;
|
|
971
|
+
outline: 2px solid var(--gantt-activity-active-outline, var(--gantt-text-color, #111111));
|
|
972
|
+
outline-offset: 1px;
|
|
973
|
+
}
|
|
974
|
+
.gantt-tr-activityBar-locked {
|
|
975
|
+
cursor: default;
|
|
976
|
+
}
|
|
977
|
+
.gantt-tr-activityProgress {
|
|
978
|
+
position: absolute;
|
|
979
|
+
left: 0;
|
|
980
|
+
top: 0;
|
|
981
|
+
bottom: 0;
|
|
982
|
+
z-index: 0;
|
|
983
|
+
pointer-events: none;
|
|
984
|
+
background: var(--gantt-activity-progress-color, rgba(0, 0, 0, 0.4));
|
|
985
|
+
border-radius: var(--gantt-task-bar-border-radius) 0 0 var(--gantt-task-bar-border-radius);
|
|
986
|
+
}
|
|
987
|
+
.gantt-tr-activityName {
|
|
988
|
+
color: var(--gantt-task-bar-text-color);
|
|
989
|
+
font-size: 0.8125rem;
|
|
990
|
+
font-weight: 500;
|
|
991
|
+
overflow: hidden;
|
|
992
|
+
text-overflow: ellipsis;
|
|
993
|
+
position: relative;
|
|
994
|
+
z-index: 1;
|
|
995
|
+
}
|
|
996
|
+
.gantt-tr-activityTip {
|
|
997
|
+
position: fixed;
|
|
998
|
+
z-index: 10000;
|
|
999
|
+
pointer-events: none;
|
|
1000
|
+
padding: 2px 7px;
|
|
1001
|
+
border-radius: 4px;
|
|
1002
|
+
background: var(--gantt-activity-tip-bg, #111111);
|
|
1003
|
+
color: var(--gantt-activity-tip-color, #ffffff);
|
|
1004
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
|
|
1005
|
+
font-size: 12px;
|
|
1006
|
+
line-height: 1.2;
|
|
1007
|
+
white-space: nowrap;
|
|
1008
|
+
transform: translateY(-100%);
|
|
1009
|
+
}
|
|
1010
|
+
.gantt-tr-activityTip-below {
|
|
1011
|
+
transform: translateY(0);
|
|
1012
|
+
}
|
|
1013
|
+
.gantt-tr-activityTipName {
|
|
1014
|
+
font-weight: 500;
|
|
1015
|
+
opacity: 0.8;
|
|
1016
|
+
}
|
|
1017
|
+
.gantt-tr-activityTipDot {
|
|
1018
|
+
margin: 0 5px;
|
|
1019
|
+
opacity: 0.6;
|
|
1020
|
+
}
|
|
1021
|
+
.gantt-tr-activityTipWork {
|
|
1022
|
+
font-weight: 600;
|
|
1023
|
+
}
|
|
1024
|
+
.gantt-tr-activityTipExtra {
|
|
1025
|
+
margin-top: 3px;
|
|
1026
|
+
font-size: 11px;
|
|
1027
|
+
line-height: 1.3;
|
|
1028
|
+
color: rgba(255, 255, 255, 0.75);
|
|
1029
|
+
}
|
|
1030
|
+
.gantt-tr-activityTipFields {
|
|
1031
|
+
margin-top: 3px;
|
|
1032
|
+
}
|
|
1033
|
+
.gantt-tr-activityTipField {
|
|
1034
|
+
display: flex;
|
|
1035
|
+
gap: 6px;
|
|
1036
|
+
align-items: baseline;
|
|
1037
|
+
}
|
|
1038
|
+
.gantt-tr-activityTipFieldLabel {
|
|
1039
|
+
color: rgba(255, 255, 255, 0.55);
|
|
1040
|
+
flex-shrink: 0;
|
|
1041
|
+
}
|
|
1042
|
+
.gantt-tr-activityTipFieldValue {
|
|
1043
|
+
min-width: 0;
|
|
1044
|
+
overflow: hidden;
|
|
1045
|
+
text-overflow: ellipsis;
|
|
1046
|
+
}
|
|
1047
|
+
.gantt-tr-activityTipReason {
|
|
1048
|
+
margin-left: 6px;
|
|
1049
|
+
color: #fca5a5;
|
|
1050
|
+
}
|
|
1051
|
+
.gantt-tr-activityLink {
|
|
1052
|
+
position: absolute;
|
|
1053
|
+
height: 0.5px;
|
|
1054
|
+
background: var(--gantt-dependency-line-color, #666666);
|
|
1055
|
+
pointer-events: none;
|
|
1056
|
+
z-index: 2;
|
|
1057
|
+
transform: translateY(-50%);
|
|
1058
|
+
}
|
|
1059
|
+
.gantt-tr-activityLink::after {
|
|
1060
|
+
content: "";
|
|
1061
|
+
position: absolute;
|
|
1062
|
+
right: -1px;
|
|
1063
|
+
top: -2.75px;
|
|
1064
|
+
width: 0;
|
|
1065
|
+
height: 0;
|
|
1066
|
+
border-left: 8px solid var(--gantt-dependency-line-color, #666666);
|
|
1067
|
+
border-top: 3px solid transparent;
|
|
1068
|
+
border-bottom: 3px solid transparent;
|
|
1069
|
+
}
|
|
1070
|
+
.gantt-tr-activityLinksSvg {
|
|
1071
|
+
position: absolute;
|
|
1072
|
+
inset: 0;
|
|
1073
|
+
z-index: 5;
|
|
1074
|
+
overflow: visible;
|
|
1075
|
+
pointer-events: none;
|
|
1076
|
+
}
|
|
1077
|
+
.gantt-tr-activityLag {
|
|
1078
|
+
position: absolute;
|
|
1079
|
+
z-index: 3;
|
|
1080
|
+
transform: translate(-50%, -13px);
|
|
1081
|
+
color: var(--gantt-dependency-line-color, #666666);
|
|
1082
|
+
font-size: 10px;
|
|
1083
|
+
font-weight: 500;
|
|
1084
|
+
line-height: 1;
|
|
1085
|
+
white-space: nowrap;
|
|
1086
|
+
pointer-events: none;
|
|
1087
|
+
user-select: none;
|
|
1088
|
+
opacity: 0.85;
|
|
1089
|
+
}
|
|
1090
|
+
.gantt-tr-activityBar-blocking {
|
|
1091
|
+
outline: 2px solid var(--gantt-conflict-color, #dc2626);
|
|
1092
|
+
outline-offset: 1px;
|
|
1093
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--gantt-conflict-color, #dc2626) 25%, transparent);
|
|
1094
|
+
}
|
|
1095
|
+
.gantt-tr-activityBar-atLimit {
|
|
1096
|
+
cursor: not-allowed;
|
|
1097
|
+
box-shadow: inset 3px 0 0 var(--gantt-conflict-color, #dc2626), 0 4px 14px rgba(0, 0, 0, 0.25);
|
|
1098
|
+
}
|
|
935
1099
|
|
|
936
1100
|
/* src/components/TodayIndicator/TodayIndicator.css */
|
|
937
1101
|
.gantt-ti-indicator {
|
|
@@ -3062,6 +3226,17 @@
|
|
|
3062
3226
|
.gantt-tl-cell-new-name {
|
|
3063
3227
|
padding: 2px 4px;
|
|
3064
3228
|
}
|
|
3229
|
+
.gantt-tl-row-activities .gantt-tl-cell {
|
|
3230
|
+
align-items: flex-start;
|
|
3231
|
+
}
|
|
3232
|
+
.gantt-tl-row-activities .gantt-tl-name-trigger {
|
|
3233
|
+
align-items: flex-start;
|
|
3234
|
+
padding-top: 4px;
|
|
3235
|
+
}
|
|
3236
|
+
.gantt-tl-row-activities .gantt-tl-drag-handle {
|
|
3237
|
+
align-items: flex-start;
|
|
3238
|
+
padding-top: 4px;
|
|
3239
|
+
}
|
|
3065
3240
|
|
|
3066
3241
|
/* src/components/ResourceTimelineChart/ResourceTimelineChart.css */
|
|
3067
3242
|
.gantt-resourceTimeline {
|