@gravity-ui/page-constructor 8.12.0 → 8.13.0-beta.1

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.
@@ -1,23 +1,15 @@
1
1
  /**
2
- * Swiper 10.3.1
2
+ * Swiper 12.2.0
3
3
  * Most modern mobile touch slider and framework with hardware accelerated transitions
4
4
  * https://swiperjs.com
5
5
  *
6
- * Copyright 2014-2023 Vladimir Kharlampidi
6
+ * Copyright 2014-2026 Vladimir Kharlampidi
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: September 28, 2023
10
+ * Released on: May 27, 2026
11
11
  */
12
12
 
13
- /* FONT_START */
14
- @font-face {
15
- font-family: 'swiper-icons';
16
- src: url('data:application/font-woff;charset=utf-8;base64, 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');
17
- font-weight: 400;
18
- font-style: normal;
19
- }
20
- /* FONT_END */
21
13
  :root {
22
14
  --swiper-theme-color: #007aff;
23
15
  /*
@@ -37,7 +29,6 @@
37
29
  margin-right: auto;
38
30
  position: relative;
39
31
  overflow: hidden;
40
- overflow: clip;
41
32
  list-style: none;
42
33
  padding: 0;
43
34
  /* Fix of Webkit flickering */
@@ -90,8 +81,7 @@
90
81
  }
91
82
  .swiper-backface-hidden .swiper-slide {
92
83
  transform: translateZ(0);
93
- -webkit-backface-visibility: hidden;
94
- backface-visibility: hidden;
84
+ backface-visibility: hidden;
95
85
  }
96
86
  /* 3D Effects */
97
87
  .swiper-3d.swiper-css-mode .swiper-wrapper {
@@ -102,96 +92,126 @@
102
92
  }
103
93
  .swiper-3d {
104
94
  perspective: 1200px;
95
+ .swiper-slide,
96
+ .swiper-cube-shadow {
97
+ transform-style: preserve-3d;
98
+ }
105
99
  }
106
- .swiper-3d .swiper-slide,
107
- .swiper-3d .swiper-cube-shadow {
108
- transform-style: preserve-3d;
109
- }
100
+
110
101
  /* CSS Mode */
111
- .swiper-css-mode > .swiper-wrapper {
112
- overflow: auto;
113
- scrollbar-width: none;
114
- /* For Firefox */
115
- -ms-overflow-style: none;
116
- /* For Internet Explorer and Edge */
117
- }
118
- .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
119
- display: none;
120
- }
121
- .swiper-css-mode > .swiper-wrapper > .swiper-slide {
122
- scroll-snap-align: start start;
123
- }
124
- .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
125
- scroll-snap-type: x mandatory;
126
- }
127
- .swiper-css-mode.swiper-vertical > .swiper-wrapper {
128
- scroll-snap-type: y mandatory;
129
- }
130
- .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
131
- scroll-snap-type: none;
132
- }
133
- .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
134
- scroll-snap-align: none;
135
- }
136
- .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
137
- content: '';
138
- flex-shrink: 0;
139
- order: 9999;
140
- }
141
- .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
142
- scroll-snap-align: center center;
143
- scroll-snap-stop: always;
144
- }
145
- .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
146
- margin-inline-start: var(--swiper-centered-offset-before);
147
- }
148
- .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
149
- height: 100%;
150
- min-height: 1px;
151
- width: var(--swiper-centered-offset-after);
152
- }
153
- .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
154
- margin-block-start: var(--swiper-centered-offset-before);
155
- }
156
- .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
157
- width: 100%;
158
- min-width: 1px;
159
- height: var(--swiper-centered-offset-after);
102
+ .swiper-css-mode {
103
+ > .swiper-wrapper {
104
+ overflow: auto;
105
+ scrollbar-width: none; /* For Firefox */
106
+ -ms-overflow-style: none; /* For Internet Explorer and Edge */
107
+ &::-webkit-scrollbar {
108
+ display: none;
109
+ }
110
+ }
111
+ > .swiper-wrapper > .swiper-slide {
112
+ scroll-snap-align: start start;
113
+ }
114
+ &.swiper-horizontal {
115
+ > .swiper-wrapper {
116
+ scroll-snap-type: x mandatory;
117
+ }
118
+ > .swiper-wrapper > .swiper-slide:first-child {
119
+ margin-inline-start: var(--swiper-slides-offset-before);
120
+ scroll-margin-inline-start: var(--swiper-slides-offset-before);
121
+ }
122
+ > .swiper-wrapper > .swiper-slide:last-child {
123
+ margin-inline-end: var(--swiper-slides-offset-after);
124
+ }
125
+ }
126
+ &.swiper-vertical {
127
+ > .swiper-wrapper {
128
+ scroll-snap-type: y mandatory;
129
+ }
130
+ > .swiper-wrapper > .swiper-slide:first-child {
131
+ margin-block-start: var(--swiper-slides-offset-before);
132
+ scroll-margin-block-start: var(--swiper-slides-offset-before);
133
+ }
134
+ > .swiper-wrapper > .swiper-slide:last-child {
135
+ margin-block-end: var(--swiper-slides-offset-after);
136
+ }
137
+ }
138
+ &.swiper-free-mode {
139
+ > .swiper-wrapper {
140
+ scroll-snap-type: none;
141
+ }
142
+ > .swiper-wrapper > .swiper-slide {
143
+ scroll-snap-align: none;
144
+ }
145
+ }
146
+ &.swiper-centered {
147
+ > .swiper-wrapper::before {
148
+ content: '';
149
+ flex-shrink: 0;
150
+ order: 9999;
151
+ }
152
+ > .swiper-wrapper > .swiper-slide {
153
+ scroll-snap-align: center center;
154
+ scroll-snap-stop: always;
155
+ }
156
+ }
157
+ &.swiper-centered.swiper-horizontal {
158
+ > .swiper-wrapper > .swiper-slide:first-child {
159
+ margin-inline-start: var(--swiper-centered-offset-before);
160
+ }
161
+ > .swiper-wrapper::before {
162
+ height: 100%;
163
+ min-height: 1px;
164
+ width: var(--swiper-centered-offset-after);
165
+ }
166
+ }
167
+ &.swiper-centered.swiper-vertical {
168
+ > .swiper-wrapper > .swiper-slide:first-child {
169
+ margin-block-start: var(--swiper-centered-offset-before);
170
+ }
171
+ > .swiper-wrapper::before {
172
+ width: 100%;
173
+ min-width: 1px;
174
+ height: var(--swiper-centered-offset-after);
175
+ }
176
+ }
160
177
  }
178
+
161
179
  /* Slide styles start */
162
180
  /* 3D Shadows */
163
- .swiper-3d .swiper-slide-shadow,
164
- .swiper-3d .swiper-slide-shadow-left,
165
- .swiper-3d .swiper-slide-shadow-right,
166
- .swiper-3d .swiper-slide-shadow-top,
167
- .swiper-3d .swiper-slide-shadow-bottom,
168
- .swiper-3d .swiper-slide-shadow,
169
- .swiper-3d .swiper-slide-shadow-left,
170
- .swiper-3d .swiper-slide-shadow-right,
171
- .swiper-3d .swiper-slide-shadow-top,
172
- .swiper-3d .swiper-slide-shadow-bottom {
173
- position: absolute;
174
- left: 0;
175
- top: 0;
176
- width: 100%;
177
- height: 100%;
178
- pointer-events: none;
179
- z-index: 10;
180
- }
181
- .swiper-3d .swiper-slide-shadow {
182
- background: rgba(0, 0, 0, 0.15);
183
- }
184
- .swiper-3d .swiper-slide-shadow-left {
185
- background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
186
- }
187
- .swiper-3d .swiper-slide-shadow-right {
188
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
189
- }
190
- .swiper-3d .swiper-slide-shadow-top {
191
- background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
192
- }
193
- .swiper-3d .swiper-slide-shadow-bottom {
194
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
181
+ .swiper-3d {
182
+ .swiper-slide-shadow,
183
+ .swiper-slide-shadow-left,
184
+ .swiper-slide-shadow-right,
185
+ .swiper-slide-shadow-top,
186
+ .swiper-slide-shadow-bottom,
187
+ .swiper-slide-shadow,
188
+ .swiper-slide-shadow-left,
189
+ .swiper-slide-shadow-right,
190
+ .swiper-slide-shadow-top,
191
+ .swiper-slide-shadow-bottom {
192
+ position: absolute;
193
+ left: 0;
194
+ top: 0;
195
+ width: 100%;
196
+ height: 100%;
197
+ pointer-events: none;
198
+ z-index: 10;
199
+ }
200
+ .swiper-slide-shadow {
201
+ background: rgba(0, 0, 0, 0.15);
202
+ }
203
+ .swiper-slide-shadow-left {
204
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
205
+ }
206
+ .swiper-slide-shadow-right {
207
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
208
+ }
209
+ .swiper-slide-shadow-top {
210
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
211
+ }
212
+ .swiper-slide-shadow-bottom {
213
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
214
+ }
195
215
  }
196
216
  .swiper-lazy-preloader {
197
217
  width: 42px;
@@ -208,9 +228,11 @@
208
228
  border-radius: 50%;
209
229
  border-top-color: transparent;
210
230
  }
211
- .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
212
- .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
213
- animation: swiper-preloader-spin 1s infinite linear;
231
+ .swiper:not(.swiper-watch-progress),
232
+ .swiper-watch-progress .swiper-slide-visible {
233
+ .swiper-lazy-preloader {
234
+ animation: swiper-preloader-spin 1s infinite linear;
235
+ }
214
236
  }
215
237
  .swiper-lazy-preloader-white {
216
238
  --swiper-preloader-color: #fff;