@doyourjob/gravity-ui-page-constructor 5.31.244 → 5.31.246
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/build/cjs/blocks/Benefits/Benefits.css +327 -2
- package/build/cjs/blocks/LogoRotator/LogoRotator.js +36 -10
- package/build/cjs/blocks/LogoRotator/schema.d.ts +6 -0
- package/build/cjs/blocks/LogoRotator/schema.js +4 -0
- package/build/cjs/models/constructor-items/blocks.d.ts +2 -0
- package/build/esm/blocks/Benefits/Benefits.css +327 -2
- package/build/esm/blocks/LogoRotator/LogoRotator.js +36 -10
- package/build/esm/blocks/LogoRotator/schema.d.ts +6 -0
- package/build/esm/blocks/LogoRotator/schema.js +4 -0
- package/build/esm/models/constructor-items/blocks.d.ts +2 -0
- package/package.json +1 -1
- package/schema/index.js +1 -1
- package/server/models/constructor-items/blocks.d.ts +2 -0
|
@@ -9,18 +9,343 @@ unpredictable css rules order in build */
|
|
|
9
9
|
color: var(--g-color-text-light-primary);
|
|
10
10
|
}
|
|
11
11
|
@media (min-width: 769px) {
|
|
12
|
-
.pc-benefits-block.pc-AnimateBlock .pc-benefits-
|
|
12
|
+
.pc-benefits-block.pc-AnimateBlock .pc-benefits-block__head, .pc-AnimateBlock .pc-benefits-block .pc-benefits-block__head {
|
|
13
13
|
position: relative;
|
|
14
14
|
top: 100px;
|
|
15
15
|
opacity: 0;
|
|
16
16
|
}
|
|
17
|
-
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-
|
|
17
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__head, .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__head {
|
|
18
18
|
top: 0;
|
|
19
19
|
opacity: 1;
|
|
20
20
|
transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
21
21
|
transition-delay: 0s;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
+
@media (min-width: 769px) {
|
|
25
|
+
.pc-benefits-block.pc-AnimateBlock .pc-benefits-block__video, .pc-AnimateBlock .pc-benefits-block .pc-benefits-block__video {
|
|
26
|
+
position: relative;
|
|
27
|
+
top: 100px;
|
|
28
|
+
opacity: 0;
|
|
29
|
+
}
|
|
30
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__video, .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__video {
|
|
31
|
+
top: 0;
|
|
32
|
+
opacity: 1;
|
|
33
|
+
transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
34
|
+
transition-delay: 0s;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
@media (min-width: 769px) {
|
|
38
|
+
.pc-benefits-block.pc-AnimateBlock .pc-benefits-block__item, .pc-AnimateBlock .pc-benefits-block .pc-benefits-block__item {
|
|
39
|
+
position: relative;
|
|
40
|
+
top: 100px;
|
|
41
|
+
opacity: 0;
|
|
42
|
+
}
|
|
43
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item, .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item {
|
|
44
|
+
top: 0;
|
|
45
|
+
opacity: 1;
|
|
46
|
+
transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
47
|
+
}
|
|
48
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(0), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(0) {
|
|
49
|
+
transition-delay: 0s;
|
|
50
|
+
}
|
|
51
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(1), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(1) {
|
|
52
|
+
transition-delay: 0.1s;
|
|
53
|
+
}
|
|
54
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(2), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(2) {
|
|
55
|
+
transition-delay: 0.2s;
|
|
56
|
+
}
|
|
57
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(3), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(3) {
|
|
58
|
+
transition-delay: 0.3s;
|
|
59
|
+
}
|
|
60
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(4), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(4) {
|
|
61
|
+
transition-delay: 0.4s;
|
|
62
|
+
}
|
|
63
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(5), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(5) {
|
|
64
|
+
transition-delay: 0.5s;
|
|
65
|
+
}
|
|
66
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(6), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(6) {
|
|
67
|
+
transition-delay: 0.6s;
|
|
68
|
+
}
|
|
69
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(7), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(7) {
|
|
70
|
+
transition-delay: 0.7s;
|
|
71
|
+
}
|
|
72
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(8), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(8) {
|
|
73
|
+
transition-delay: 0.8s;
|
|
74
|
+
}
|
|
75
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(9), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(9) {
|
|
76
|
+
transition-delay: 0.9s;
|
|
77
|
+
}
|
|
78
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(10), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(10) {
|
|
79
|
+
transition-delay: 1s;
|
|
80
|
+
}
|
|
81
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(11), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(11) {
|
|
82
|
+
transition-delay: 1.1s;
|
|
83
|
+
}
|
|
84
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(12), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(12) {
|
|
85
|
+
transition-delay: 1.2s;
|
|
86
|
+
}
|
|
87
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(13), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(13) {
|
|
88
|
+
transition-delay: 1.3s;
|
|
89
|
+
}
|
|
90
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(14), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(14) {
|
|
91
|
+
transition-delay: 1.4s;
|
|
92
|
+
}
|
|
93
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(15), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(15) {
|
|
94
|
+
transition-delay: 1.5s;
|
|
95
|
+
}
|
|
96
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(16), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(16) {
|
|
97
|
+
transition-delay: 1.6s;
|
|
98
|
+
}
|
|
99
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(17), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(17) {
|
|
100
|
+
transition-delay: 1.7s;
|
|
101
|
+
}
|
|
102
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(18), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(18) {
|
|
103
|
+
transition-delay: 1.8s;
|
|
104
|
+
}
|
|
105
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(19), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(19) {
|
|
106
|
+
transition-delay: 1.9s;
|
|
107
|
+
}
|
|
108
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(20), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(20) {
|
|
109
|
+
transition-delay: 2s;
|
|
110
|
+
}
|
|
111
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(21), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(21) {
|
|
112
|
+
transition-delay: 2.1s;
|
|
113
|
+
}
|
|
114
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(22), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(22) {
|
|
115
|
+
transition-delay: 2.2s;
|
|
116
|
+
}
|
|
117
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(23), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(23) {
|
|
118
|
+
transition-delay: 2.3s;
|
|
119
|
+
}
|
|
120
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(24), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(24) {
|
|
121
|
+
transition-delay: 2.4s;
|
|
122
|
+
}
|
|
123
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(25), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(25) {
|
|
124
|
+
transition-delay: 2.5s;
|
|
125
|
+
}
|
|
126
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(26), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(26) {
|
|
127
|
+
transition-delay: 2.6s;
|
|
128
|
+
}
|
|
129
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(27), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(27) {
|
|
130
|
+
transition-delay: 2.7s;
|
|
131
|
+
}
|
|
132
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(28), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(28) {
|
|
133
|
+
transition-delay: 2.8s;
|
|
134
|
+
}
|
|
135
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(29), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(29) {
|
|
136
|
+
transition-delay: 2.9s;
|
|
137
|
+
}
|
|
138
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(30), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(30) {
|
|
139
|
+
transition-delay: 3s;
|
|
140
|
+
}
|
|
141
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(31), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(31) {
|
|
142
|
+
transition-delay: 3.1s;
|
|
143
|
+
}
|
|
144
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(32), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(32) {
|
|
145
|
+
transition-delay: 3.2s;
|
|
146
|
+
}
|
|
147
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(33), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(33) {
|
|
148
|
+
transition-delay: 3.3s;
|
|
149
|
+
}
|
|
150
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(34), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(34) {
|
|
151
|
+
transition-delay: 3.4s;
|
|
152
|
+
}
|
|
153
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(35), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(35) {
|
|
154
|
+
transition-delay: 3.5s;
|
|
155
|
+
}
|
|
156
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(36), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(36) {
|
|
157
|
+
transition-delay: 3.6s;
|
|
158
|
+
}
|
|
159
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(37), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(37) {
|
|
160
|
+
transition-delay: 3.7s;
|
|
161
|
+
}
|
|
162
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(38), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(38) {
|
|
163
|
+
transition-delay: 3.8s;
|
|
164
|
+
}
|
|
165
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(39), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(39) {
|
|
166
|
+
transition-delay: 3.9s;
|
|
167
|
+
}
|
|
168
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(40), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(40) {
|
|
169
|
+
transition-delay: 4s;
|
|
170
|
+
}
|
|
171
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(41), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(41) {
|
|
172
|
+
transition-delay: 4.1s;
|
|
173
|
+
}
|
|
174
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(42), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(42) {
|
|
175
|
+
transition-delay: 4.2s;
|
|
176
|
+
}
|
|
177
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(43), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(43) {
|
|
178
|
+
transition-delay: 4.3s;
|
|
179
|
+
}
|
|
180
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(44), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(44) {
|
|
181
|
+
transition-delay: 4.4s;
|
|
182
|
+
}
|
|
183
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(45), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(45) {
|
|
184
|
+
transition-delay: 4.5s;
|
|
185
|
+
}
|
|
186
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(46), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(46) {
|
|
187
|
+
transition-delay: 4.6s;
|
|
188
|
+
}
|
|
189
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(47), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(47) {
|
|
190
|
+
transition-delay: 4.7s;
|
|
191
|
+
}
|
|
192
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(48), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(48) {
|
|
193
|
+
transition-delay: 4.8s;
|
|
194
|
+
}
|
|
195
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(49), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(49) {
|
|
196
|
+
transition-delay: 4.9s;
|
|
197
|
+
}
|
|
198
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(50), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(50) {
|
|
199
|
+
transition-delay: 5s;
|
|
200
|
+
}
|
|
201
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(51), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(51) {
|
|
202
|
+
transition-delay: 5.1s;
|
|
203
|
+
}
|
|
204
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(52), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(52) {
|
|
205
|
+
transition-delay: 5.2s;
|
|
206
|
+
}
|
|
207
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(53), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(53) {
|
|
208
|
+
transition-delay: 5.3s;
|
|
209
|
+
}
|
|
210
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(54), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(54) {
|
|
211
|
+
transition-delay: 5.4s;
|
|
212
|
+
}
|
|
213
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(55), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(55) {
|
|
214
|
+
transition-delay: 5.5s;
|
|
215
|
+
}
|
|
216
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(56), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(56) {
|
|
217
|
+
transition-delay: 5.6s;
|
|
218
|
+
}
|
|
219
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(57), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(57) {
|
|
220
|
+
transition-delay: 5.7s;
|
|
221
|
+
}
|
|
222
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(58), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(58) {
|
|
223
|
+
transition-delay: 5.8s;
|
|
224
|
+
}
|
|
225
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(59), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(59) {
|
|
226
|
+
transition-delay: 5.9s;
|
|
227
|
+
}
|
|
228
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(60), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(60) {
|
|
229
|
+
transition-delay: 6s;
|
|
230
|
+
}
|
|
231
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(61), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(61) {
|
|
232
|
+
transition-delay: 6.1s;
|
|
233
|
+
}
|
|
234
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(62), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(62) {
|
|
235
|
+
transition-delay: 6.2s;
|
|
236
|
+
}
|
|
237
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(63), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(63) {
|
|
238
|
+
transition-delay: 6.3s;
|
|
239
|
+
}
|
|
240
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(64), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(64) {
|
|
241
|
+
transition-delay: 6.4s;
|
|
242
|
+
}
|
|
243
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(65), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(65) {
|
|
244
|
+
transition-delay: 6.5s;
|
|
245
|
+
}
|
|
246
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(66), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(66) {
|
|
247
|
+
transition-delay: 6.6s;
|
|
248
|
+
}
|
|
249
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(67), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(67) {
|
|
250
|
+
transition-delay: 6.7s;
|
|
251
|
+
}
|
|
252
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(68), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(68) {
|
|
253
|
+
transition-delay: 6.8s;
|
|
254
|
+
}
|
|
255
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(69), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(69) {
|
|
256
|
+
transition-delay: 6.9s;
|
|
257
|
+
}
|
|
258
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(70), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(70) {
|
|
259
|
+
transition-delay: 7s;
|
|
260
|
+
}
|
|
261
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(71), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(71) {
|
|
262
|
+
transition-delay: 7.1s;
|
|
263
|
+
}
|
|
264
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(72), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(72) {
|
|
265
|
+
transition-delay: 7.2s;
|
|
266
|
+
}
|
|
267
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(73), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(73) {
|
|
268
|
+
transition-delay: 7.3s;
|
|
269
|
+
}
|
|
270
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(74), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(74) {
|
|
271
|
+
transition-delay: 7.4s;
|
|
272
|
+
}
|
|
273
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(75), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(75) {
|
|
274
|
+
transition-delay: 7.5s;
|
|
275
|
+
}
|
|
276
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(76), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(76) {
|
|
277
|
+
transition-delay: 7.6s;
|
|
278
|
+
}
|
|
279
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(77), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(77) {
|
|
280
|
+
transition-delay: 7.7s;
|
|
281
|
+
}
|
|
282
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(78), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(78) {
|
|
283
|
+
transition-delay: 7.8s;
|
|
284
|
+
}
|
|
285
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(79), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(79) {
|
|
286
|
+
transition-delay: 7.9s;
|
|
287
|
+
}
|
|
288
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(80), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(80) {
|
|
289
|
+
transition-delay: 8s;
|
|
290
|
+
}
|
|
291
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(81), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(81) {
|
|
292
|
+
transition-delay: 8.1s;
|
|
293
|
+
}
|
|
294
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(82), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(82) {
|
|
295
|
+
transition-delay: 8.2s;
|
|
296
|
+
}
|
|
297
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(83), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(83) {
|
|
298
|
+
transition-delay: 8.3s;
|
|
299
|
+
}
|
|
300
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(84), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(84) {
|
|
301
|
+
transition-delay: 8.4s;
|
|
302
|
+
}
|
|
303
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(85), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(85) {
|
|
304
|
+
transition-delay: 8.5s;
|
|
305
|
+
}
|
|
306
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(86), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(86) {
|
|
307
|
+
transition-delay: 8.6s;
|
|
308
|
+
}
|
|
309
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(87), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(87) {
|
|
310
|
+
transition-delay: 8.7s;
|
|
311
|
+
}
|
|
312
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(88), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(88) {
|
|
313
|
+
transition-delay: 8.8s;
|
|
314
|
+
}
|
|
315
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(89), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(89) {
|
|
316
|
+
transition-delay: 8.9s;
|
|
317
|
+
}
|
|
318
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(90), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(90) {
|
|
319
|
+
transition-delay: 9s;
|
|
320
|
+
}
|
|
321
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(91), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(91) {
|
|
322
|
+
transition-delay: 9.1s;
|
|
323
|
+
}
|
|
324
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(92), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(92) {
|
|
325
|
+
transition-delay: 9.2s;
|
|
326
|
+
}
|
|
327
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(93), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(93) {
|
|
328
|
+
transition-delay: 9.3s;
|
|
329
|
+
}
|
|
330
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(94), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(94) {
|
|
331
|
+
transition-delay: 9.4s;
|
|
332
|
+
}
|
|
333
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(95), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(95) {
|
|
334
|
+
transition-delay: 9.5s;
|
|
335
|
+
}
|
|
336
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(96), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(96) {
|
|
337
|
+
transition-delay: 9.6s;
|
|
338
|
+
}
|
|
339
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(97), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(97) {
|
|
340
|
+
transition-delay: 9.7s;
|
|
341
|
+
}
|
|
342
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(98), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(98) {
|
|
343
|
+
transition-delay: 9.8s;
|
|
344
|
+
}
|
|
345
|
+
.pc-benefits-block.pc-AnimateBlock.animate .pc-benefits-block__item:nth-child(99), .pc-AnimateBlock .pc-benefits-block.animate .pc-benefits-block__item:nth-child(99) {
|
|
346
|
+
transition-delay: 9.9s;
|
|
347
|
+
}
|
|
348
|
+
}
|
|
24
349
|
.pc-benefits-block__root {
|
|
25
350
|
position: relative;
|
|
26
351
|
z-index: 0;
|
|
@@ -7,8 +7,18 @@ import { block } from '../../utils';
|
|
|
7
7
|
import Item from './Item';
|
|
8
8
|
import './LogoRotator.css';
|
|
9
9
|
const b = block('logo-rotator-block');
|
|
10
|
+
const DEFAULT_MIN_ROTATE_COUNT = 2;
|
|
11
|
+
const DEFAULT_MAX_ROTATE_COUNT = 4;
|
|
12
|
+
const pickRandomSlots = (slotIndices, count) => {
|
|
13
|
+
const shuffled = [...slotIndices];
|
|
14
|
+
for (let i = shuffled.length - 1; i > 0; i--) {
|
|
15
|
+
const j = Math.floor(Math.random() * (i + 1));
|
|
16
|
+
[shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
|
|
17
|
+
}
|
|
18
|
+
return shuffled.slice(0, count);
|
|
19
|
+
};
|
|
10
20
|
export const LogoRotatorBlock = (props) => {
|
|
11
|
-
const { animated, title, theme, items, count, colSizes, rowMode } = props;
|
|
21
|
+
const { animated, title, theme, items, count, minRotateCount = DEFAULT_MIN_ROTATE_COUNT, maxRotateCount = DEFAULT_MAX_ROTATE_COUNT, colSizes, rowMode, } = props;
|
|
12
22
|
// Индексы логотипов, которые участвуют в ротации (не статичные)
|
|
13
23
|
const rotatableIndices = useMemo(() => items.map((item, i) => (item.isStatic ? -1 : i)).filter((i) => i !== -1), [items]);
|
|
14
24
|
// Инициализация слотов: статичные вставляются в начало, остальные по порядку
|
|
@@ -34,6 +44,7 @@ export const LogoRotatorBlock = (props) => {
|
|
|
34
44
|
});
|
|
35
45
|
const [hidden, setHidden] = useState(() => Array(count).fill(false));
|
|
36
46
|
const nextIndexRef = useRef(count - 1);
|
|
47
|
+
const isHoveredRef = useRef(false);
|
|
37
48
|
// Держим актуальные slots в ref, чтобы не пересоздавать интервал при каждом изменении
|
|
38
49
|
const slotsRef = useRef(slots);
|
|
39
50
|
useEffect(() => {
|
|
@@ -42,33 +53,44 @@ export const LogoRotatorBlock = (props) => {
|
|
|
42
53
|
useEffect(() => {
|
|
43
54
|
let timeout = null;
|
|
44
55
|
const interval = setInterval(() => {
|
|
56
|
+
if (isHoveredRef.current)
|
|
57
|
+
return;
|
|
45
58
|
// Выбираем только не-статичные слоты для замены
|
|
46
59
|
const rotatableSlotIndices = slotsRef.current
|
|
47
60
|
.map((itemIdx, slotIdx) => { var _a; return (((_a = items[itemIdx]) === null || _a === void 0 ? void 0 : _a.isStatic) ? -1 : slotIdx); })
|
|
48
61
|
.filter((i) => i !== -1);
|
|
49
62
|
if (rotatableSlotIndices.length === 0)
|
|
50
63
|
return;
|
|
51
|
-
const
|
|
64
|
+
const rotateMin = Math.min(minRotateCount, maxRotateCount);
|
|
65
|
+
const rotateMax = Math.max(minRotateCount, maxRotateCount);
|
|
66
|
+
const rotateCount = rotateMin + Math.floor(Math.random() * (rotateMax - rotateMin + 1));
|
|
67
|
+
const slotIndices = pickRandomSlots(rotatableSlotIndices, Math.min(rotateCount, rotatableSlotIndices.length));
|
|
52
68
|
setHidden((prev) => {
|
|
53
69
|
const next = [...prev];
|
|
54
|
-
|
|
70
|
+
slotIndices.forEach((slotIndex) => {
|
|
71
|
+
next[slotIndex] = true;
|
|
72
|
+
});
|
|
55
73
|
return next;
|
|
56
74
|
});
|
|
57
75
|
timeout = setTimeout(() => {
|
|
58
76
|
setSlots((prevSlots) => {
|
|
59
77
|
const newSlots = [...prevSlots];
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
78
|
+
let available = rotatableIndices.filter((i) => !newSlots.includes(i));
|
|
79
|
+
slotIndices.forEach((slotIndex) => {
|
|
80
|
+
if (available.length === 0)
|
|
81
|
+
return;
|
|
63
82
|
const newValue = available[nextIndexRef.current % available.length];
|
|
64
83
|
nextIndexRef.current++;
|
|
65
84
|
newSlots[slotIndex] = newValue;
|
|
66
|
-
|
|
85
|
+
available = available.filter((i) => i !== newValue);
|
|
86
|
+
});
|
|
67
87
|
return newSlots;
|
|
68
88
|
});
|
|
69
89
|
setHidden((prev) => {
|
|
70
90
|
const next = [...prev];
|
|
71
|
-
|
|
91
|
+
slotIndices.forEach((slotIndex) => {
|
|
92
|
+
next[slotIndex] = false;
|
|
93
|
+
});
|
|
72
94
|
return next;
|
|
73
95
|
});
|
|
74
96
|
}, 500);
|
|
@@ -79,14 +101,18 @@ export const LogoRotatorBlock = (props) => {
|
|
|
79
101
|
clearTimeout(timeout);
|
|
80
102
|
}
|
|
81
103
|
};
|
|
82
|
-
}, [count, items, rotatableIndices]);
|
|
104
|
+
}, [count, items, maxRotateCount, minRotateCount, rotatableIndices]);
|
|
83
105
|
const renderItems = useMemo(() => slots.map((slot, index) => (React.createElement(Item, { key: index, colSizes: colSizes, url: items[slot].url, src: items[slot].src, hidden: hidden[index] }))), [colSizes, hidden, items, slots]);
|
|
84
106
|
const titleProps = !title || typeof title === 'string'
|
|
85
107
|
? { text: title, textSize: 'l' }
|
|
86
108
|
: title;
|
|
87
109
|
const hasTitle = Boolean(title);
|
|
88
110
|
return (React.createElement(AnimateBlock, { className: b({ theme }), animate: animated },
|
|
89
|
-
React.createElement("div", { className: b('root')
|
|
111
|
+
React.createElement("div", { className: b('root'), onMouseEnter: () => {
|
|
112
|
+
isHoveredRef.current = true;
|
|
113
|
+
}, onMouseLeave: () => {
|
|
114
|
+
isHoveredRef.current = false;
|
|
115
|
+
} },
|
|
90
116
|
hasTitle && (React.createElement(Title, { title: titleProps, className: b('title'), colSizes: { all: 12 } })),
|
|
91
117
|
rowMode ? (React.createElement("div", { className: b('row-items') }, slots.map((slot, index) => {
|
|
92
118
|
const item = items[slot];
|
|
@@ -303,6 +303,8 @@ export interface LogoRotatorBlockProps extends Animatable {
|
|
|
303
303
|
isStatic?: boolean;
|
|
304
304
|
}[];
|
|
305
305
|
count: number;
|
|
306
|
+
minRotateCount?: number;
|
|
307
|
+
maxRotateCount?: number;
|
|
306
308
|
colSizes?: Partial<Record<GridColumnSize, number>>;
|
|
307
309
|
theme?: TextTheme;
|
|
308
310
|
rowMode?: boolean;
|