javascriptgantt 1.0.0 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. package/.github/workflows/npm-publish-github-packages.yml +21 -27
  2. package/LICENSE +21 -21
  3. package/index.html +1108 -1111
  4. package/package.json +34 -33
  5. package/readme.md +158 -158
  6. package/src/assets/zt-tour/zt-tour.css +227 -227
  7. package/src/assets/zt-tour/zt-tour.js +1095 -1095
  8. package/src/gantt.css +1157 -1157
  9. package/src/gantt.js +9671 -9642
  10. package/src/theme/dark.css +100 -100
  11. package/style.css +215 -215
  12. /package/src/assets/images/{ztGanttLogo.png → jsGanttLogo.png} +0 -0
  13. /package/src/assets/images/{zt-gantt-screenshot.png → jsgantt-screenshot.png} +0 -0
package/src/assets/zt-tour/zt-tour.css CHANGED
@@ -1,227 +1,227 @@
1
- .zt-tour-popup * {
2
- font-family: Helvetica Neue, Inter, ui-sans-serif, "Apple Color Emoji",
3
- Helvetica, Arial, sans-serif;
4
- color: var(--text-color);
5
- }
6
-
7
- .zt-tour-popup {
8
- all: unset;
9
- box-sizing: border-box;
10
- color: var(--text-color);
11
- margin: 0;
12
- border-radius: 5px;
13
- min-width: 250px;
14
- max-width: 300px;
15
- box-shadow: 0 1px 10px #0006;
16
- z-index: 1000000000;
17
- position: fixed;
18
- top: 0;
19
- right: 0;
20
- background-color: var(--bg-color);
21
- }
22
-
23
- .zt-tour-popup-close-btn {
24
- all: unset;
25
- position: absolute;
26
- top: 5px;
27
- right: 5px;
28
- height: 24px;
29
- width: 24px;
30
- cursor: pointer;
31
- font-size: 24px;
32
- font-weight: 500;
33
- color: #ffffff;
34
- text-align: center;
35
- transition: color;
36
- transition-duration: 0.3s;
37
- z-index: 1;
38
- }
39
-
40
- .zt-tour-popup-close-btn:hover {
41
- color: #000;
42
- }
43
-
44
- .zt-tour-popup-description {
45
- margin-bottom: 0;
46
- font-size: 14px;
47
- font-weight: 400;
48
- padding: 5px;
49
- }
50
-
51
- .zt-tour-popup-footer {
52
- margin-top: 15px;
53
- text-align: right;
54
- zoom: 1;
55
- display: flex;
56
- align-items: center;
57
- justify-content: space-between;
58
- padding: 10px;
59
- }
60
-
61
- .zt-tour-popup-navigation-btns {
62
- display: flex;
63
- flex-grow: 1;
64
- justify-content: flex-end;
65
- }
66
-
67
- .zt-tour-popup-footer button {
68
- font-size: 12px;
69
- cursor: pointer;
70
- padding: 10px 20px;
71
- background-color: var(--index-primary-color);
72
- color: #fff;
73
- border-radius: 3px;
74
- border: transparent;
75
- cursor: pointer;
76
- transition: all 0.3s ease-in-out;
77
- margin-left: 10px;
78
- }
79
-
80
- .zt-tour-popup-footer button:hover {
81
- background-color: var(--index-primary-hover-color);
82
- }
83
-
84
- .zt-tour-popup-footer button:disabled {
85
- opacity: 0.5;
86
- pointer-events: none;
87
- }
88
-
89
- .zt-tour-popup-footer .zt-tour-popup-btn-disabled {
90
- opacity: 0.5;
91
- pointer-events: none;
92
- }
93
-
94
- .zt-tour-popup-arrow {
95
- content: "";
96
- position: absolute;
97
- border: 5px solid #408be1;
98
- }
99
-
100
- .zt-tour-popup-arrow-side-left {
101
- left: 100%;
102
- border-right-color: transparent;
103
- border-bottom-color: transparent;
104
- border-top-color: transparent;
105
- }
106
-
107
- .zt-tour-popup-arrow-side-right {
108
- right: 100%;
109
- border-left-color: transparent;
110
- border-bottom-color: transparent;
111
- border-top-color: transparent;
112
- }
113
-
114
- .zt-tour-popup-arrow-side-top {
115
- top: 100%;
116
- border-right-color: transparent;
117
- border-bottom-color: transparent;
118
- border-left-color: transparent;
119
- }
120
-
121
- .zt-tour-popup-arrow-side-bottom {
122
- bottom: 100%;
123
- border-left-color: transparent;
124
- border-top-color: transparent;
125
- border-right-color: transparent;
126
- }
127
-
128
- .zt-tour-popup-arrow-side-left.zt-tour-popup-arrow-align-start,
129
- .zt-tour-popup-arrow-side-right.zt-tour-popup-arrow-align-start {
130
- top: 15px;
131
- }
132
-
133
- .zt-tour-popup-arrow-side-bottom.zt-tour-popup-arrow-align-start,
134
- .zt-tour-popup-arrow-side-top.zt-tour-popup-arrow-align-start {
135
- left: 15px;
136
- }
137
-
138
- .zt-tour-popup-arrow-align-end.zt-tour-popup-arrow-side-left,
139
- .zt-tour-popup-arrow-align-end.zt-tour-popup-arrow-side-right {
140
- bottom: 15px;
141
- }
142
-
143
- .zt-tour-popup-arrow-side-bottom.zt-tour-popup-arrow-align-end,
144
- .zt-tour-popup-arrow-side-top.zt-tour-popup-arrow-align-end {
145
- right: 15px;
146
- }
147
-
148
- .zt-tour-popup-arrow-side-left.zt-tour-popup-arrow-align-center,
149
- .zt-tour-popup-arrow-side-right.zt-tour-popup-arrow-align-center {
150
- top: 50%;
151
- margin-top: -5px;
152
- }
153
-
154
- .zt-tour-popup-arrow-side-bottom.zt-tour-popup-arrow-align-center,
155
- .zt-tour-popup-arrow-side-top.zt-tour-popup-arrow-align-center {
156
- left: 50%;
157
- margin-left: -5px;
158
- }
159
-
160
- .zt-tour-popup-arrow-side-over.zt-tour-popup-arrow-align-over {
161
- display: none;
162
- }
163
-
164
- .zt-tour-d-none {
165
- display: none;
166
- }
167
-
168
- .zt-tour-popup-title {
169
- font-size: 18px;
170
- font-weight: 700;
171
- display: block;
172
- position: relative;
173
- margin: 0;
174
- padding: 10px;
175
- background-color: var(--index-primary-color);
176
- color: #fff;
177
- border-radius: 5px 5px 0 0;
178
- }
179
-
180
- .zt-tour-popup-description {
181
- margin-bottom: 0;
182
- font-size: 14px;
183
- line-height: 1.5;
184
- font-weight: 400;
185
- zoom: 1;
186
- color: var(--text-color);
187
- padding: 10px;
188
- }
189
-
190
- .zt-tour-hint,
191
- .zt-tour-announcement {
192
- position: absolute;
193
- background-color: #fff;
194
- box-shadow: 0 0 17px rgba(0, 0, 0, 0.24);
195
- padding: 12px 18px;
196
- border-radius: 5px;
197
- max-width: 400px;
198
- z-index: 10001010;
199
- animation-name: fadein;
200
- animation-duration: 0.2s;
201
- }
202
-
203
- .zt-tour-hint-backdrop,
204
- .zt-tour-announcement-backdrop {
205
- background-color: transparent;
206
- position: fixed;
207
- top: 0;
208
- left: 0;
209
- height: 100vh;
210
- width: 100vw;
211
- z-index: 1000109;
212
- }
213
-
214
- @keyframes fadein {
215
- 0% {
216
- opacity: 0;
217
- scale: 0.5;
218
- }
219
- 50% {
220
- opacity: 0.8;
221
- scale: 0.8;
222
- }
223
- 100% {
224
- opacity: 1;
225
- scale: 1;
226
- }
227
- }
1
+ .zt-tour-popup * {
2
+ font-family: Helvetica Neue, Inter, ui-sans-serif, "Apple Color Emoji",
3
+ Helvetica, Arial, sans-serif;
4
+ color: var(--text-color);
5
+ }
6
+
7
+ .zt-tour-popup {
8
+ all: unset;
9
+ box-sizing: border-box;
10
+ color: var(--text-color);
11
+ margin: 0;
12
+ border-radius: 5px;
13
+ min-width: 250px;
14
+ max-width: 300px;
15
+ box-shadow: 0 1px 10px #0006;
16
+ z-index: 1000000000;
17
+ position: fixed;
18
+ top: 0;
19
+ right: 0;
20
+ background-color: var(--bg-color);
21
+ }
22
+
23
+ .zt-tour-popup-close-btn {
24
+ all: unset;
25
+ position: absolute;
26
+ top: 5px;
27
+ right: 5px;
28
+ height: 24px;
29
+ width: 24px;
30
+ cursor: pointer;
31
+ font-size: 24px;
32
+ font-weight: 500;
33
+ color: #ffffff;
34
+ text-align: center;
35
+ transition: color;
36
+ transition-duration: 0.3s;
37
+ z-index: 1;
38
+ }
39
+
40
+ .zt-tour-popup-close-btn:hover {
41
+ color: #000;
42
+ }
43
+
44
+ .zt-tour-popup-description {
45
+ margin-bottom: 0;
46
+ font-size: 14px;
47
+ font-weight: 400;
48
+ padding: 5px;
49
+ }
50
+
51
+ .zt-tour-popup-footer {
52
+ margin-top: 15px;
53
+ text-align: right;
54
+ zoom: 1;
55
+ display: flex;
56
+ align-items: center;
57
+ justify-content: space-between;
58
+ padding: 10px;
59
+ }
60
+
61
+ .zt-tour-popup-navigation-btns {
62
+ display: flex;
63
+ flex-grow: 1;
64
+ justify-content: flex-end;
65
+ }
66
+
67
+ .zt-tour-popup-footer button {
68
+ font-size: 12px;
69
+ cursor: pointer;
70
+ padding: 10px 20px;
71
+ background-color: var(--index-primary-color);
72
+ color: #fff;
73
+ border-radius: 3px;
74
+ border: transparent;
75
+ cursor: pointer;
76
+ transition: all 0.3s ease-in-out;
77
+ margin-left: 10px;
78
+ }
79
+
80
+ .zt-tour-popup-footer button:hover {
81
+ background-color: var(--index-primary-hover-color);
82
+ }
83
+
84
+ .zt-tour-popup-footer button:disabled {
85
+ opacity: 0.5;
86
+ pointer-events: none;
87
+ }
88
+
89
+ .zt-tour-popup-footer .zt-tour-popup-btn-disabled {
90
+ opacity: 0.5;
91
+ pointer-events: none;
92
+ }
93
+
94
+ .zt-tour-popup-arrow {
95
+ content: "";
96
+ position: absolute;
97
+ border: 5px solid #408be1;
98
+ }
99
+
100
+ .zt-tour-popup-arrow-side-left {
101
+ left: 100%;
102
+ border-right-color: transparent;
103
+ border-bottom-color: transparent;
104
+ border-top-color: transparent;
105
+ }
106
+
107
+ .zt-tour-popup-arrow-side-right {
108
+ right: 100%;
109
+ border-left-color: transparent;
110
+ border-bottom-color: transparent;
111
+ border-top-color: transparent;
112
+ }
113
+
114
+ .zt-tour-popup-arrow-side-top {
115
+ top: 100%;
116
+ border-right-color: transparent;
117
+ border-bottom-color: transparent;
118
+ border-left-color: transparent;
119
+ }
120
+
121
+ .zt-tour-popup-arrow-side-bottom {
122
+ bottom: 100%;
123
+ border-left-color: transparent;
124
+ border-top-color: transparent;
125
+ border-right-color: transparent;
126
+ }
127
+
128
+ .zt-tour-popup-arrow-side-left.zt-tour-popup-arrow-align-start,
129
+ .zt-tour-popup-arrow-side-right.zt-tour-popup-arrow-align-start {
130
+ top: 15px;
131
+ }
132
+
133
+ .zt-tour-popup-arrow-side-bottom.zt-tour-popup-arrow-align-start,
134
+ .zt-tour-popup-arrow-side-top.zt-tour-popup-arrow-align-start {
135
+ left: 15px;
136
+ }
137
+
138
+ .zt-tour-popup-arrow-align-end.zt-tour-popup-arrow-side-left,
139
+ .zt-tour-popup-arrow-align-end.zt-tour-popup-arrow-side-right {
140
+ bottom: 15px;
141
+ }
142
+
143
+ .zt-tour-popup-arrow-side-bottom.zt-tour-popup-arrow-align-end,
144
+ .zt-tour-popup-arrow-side-top.zt-tour-popup-arrow-align-end {
145
+ right: 15px;
146
+ }
147
+
148
+ .zt-tour-popup-arrow-side-left.zt-tour-popup-arrow-align-center,
149
+ .zt-tour-popup-arrow-side-right.zt-tour-popup-arrow-align-center {
150
+ top: 50%;
151
+ margin-top: -5px;
152
+ }
153
+
154
+ .zt-tour-popup-arrow-side-bottom.zt-tour-popup-arrow-align-center,
155
+ .zt-tour-popup-arrow-side-top.zt-tour-popup-arrow-align-center {
156
+ left: 50%;
157
+ margin-left: -5px;
158
+ }
159
+
160
+ .zt-tour-popup-arrow-side-over.zt-tour-popup-arrow-align-over {
161
+ display: none;
162
+ }
163
+
164
+ .zt-tour-d-none {
165
+ display: none;
166
+ }
167
+
168
+ .zt-tour-popup-title {
169
+ font-size: 18px;
170
+ font-weight: 700;
171
+ display: block;
172
+ position: relative;
173
+ margin: 0;
174
+ padding: 10px;
175
+ background-color: var(--index-primary-color);
176
+ color: #fff;
177
+ border-radius: 5px 5px 0 0;
178
+ }
179
+
180
+ .zt-tour-popup-description {
181
+ margin-bottom: 0;
182
+ font-size: 14px;
183
+ line-height: 1.5;
184
+ font-weight: 400;
185
+ zoom: 1;
186
+ color: var(--text-color);
187
+ padding: 10px;
188
+ }
189
+
190
+ .zt-tour-hint,
191
+ .zt-tour-announcement {
192
+ position: absolute;
193
+ background-color: #fff;
194
+ box-shadow: 0 0 17px rgba(0, 0, 0, 0.24);
195
+ padding: 12px 18px;
196
+ border-radius: 5px;
197
+ max-width: 400px;
198
+ z-index: 10001010;
199
+ animation-name: fadein;
200
+ animation-duration: 0.2s;
201
+ }
202
+
203
+ .zt-tour-hint-backdrop,
204
+ .zt-tour-announcement-backdrop {
205
+ background-color: transparent;
206
+ position: fixed;
207
+ top: 0;
208
+ left: 0;
209
+ height: 100vh;
210
+ width: 100vw;
211
+ z-index: 1000109;
212
+ }
213
+
214
+ @keyframes fadein {
215
+ 0% {
216
+ opacity: 0;
217
+ scale: 0.5;
218
+ }
219
+ 50% {
220
+ opacity: 0.8;
221
+ scale: 0.8;
222
+ }
223
+ 100% {
224
+ opacity: 1;
225
+ scale: 1;
226
+ }
227
+ }