@ape.swap/bonds-sdk 4.0.1-test.12 → 4.0.1-test.19

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 CHANGED
@@ -45,7 +45,6 @@ Here's an example of how to integrate the `@ape.swap/bonds-sdk` package into you
45
45
  import React from 'react'
46
46
  import { FullBondsView, ChainId } from '@ape.swap/bonds-sdk'
47
47
  import '@ape.swap/bonds-sdk/dist/styles.css'
48
- import 'swiper/swiper.min.css'
49
48
 
50
49
  const MyBondsComponent = () => {
51
50
  return (
@@ -1,22 +1,36 @@
1
1
  /**
2
- * Swiper 8.4.7
2
+ * Swiper 11.2.10
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-2025 Vladimir Kharlampidi
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: January 30, 2023
10
+ * Released on: June 28, 2025
11
11
  */
12
+ /* FONT_START */
12
13
  @font-face {
13
- font-family: swiper-icons;
14
+ font-family: "swiper-icons";
14
15
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
15
16
  font-weight: 400;
16
17
  font-style: normal;
17
18
  }
19
+ /* FONT_END */
18
20
  :root {
19
- --swiper-theme-color:#007aff;
21
+ --swiper-theme-color: #007aff;
22
+ /*
23
+ --swiper-preloader-color: var(--swiper-theme-color);
24
+ --swiper-wrapper-transition-timing-function: initial;
25
+ */
26
+ }
27
+
28
+ :host {
29
+ position: relative;
30
+ display: block;
31
+ margin-left: auto;
32
+ margin-right: auto;
33
+ z-index: 1;
20
34
  }
21
35
 
22
36
  .swiper {
@@ -26,7 +40,9 @@
26
40
  overflow: hidden;
27
41
  list-style: none;
28
42
  padding: 0;
43
+ /* Fix of Webkit flickering */
29
44
  z-index: 1;
45
+ display: block;
30
46
  }
31
47
 
32
48
  .swiper-vertical > .swiper-wrapper {
@@ -40,18 +56,21 @@
40
56
  z-index: 1;
41
57
  display: flex;
42
58
  transition-property: transform;
59
+ transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
43
60
  box-sizing: content-box;
44
61
  }
45
62
 
46
- .swiper-android .swiper-slide, .swiper-wrapper {
63
+ .swiper-android .swiper-slide,
64
+ .swiper-ios .swiper-slide,
65
+ .swiper-wrapper {
47
66
  transform: translate3d(0px, 0, 0);
48
67
  }
49
68
 
50
- .swiper-pointer-events {
69
+ .swiper-horizontal {
51
70
  touch-action: pan-y;
52
71
  }
53
72
 
54
- .swiper-pointer-events.swiper-vertical {
73
+ .swiper-vertical {
55
74
  touch-action: pan-x;
56
75
  }
57
76
 
@@ -61,13 +80,16 @@
61
80
  height: 100%;
62
81
  position: relative;
63
82
  transition-property: transform;
83
+ display: block;
64
84
  }
65
85
 
66
86
  .swiper-slide-invisible-blank {
67
87
  visibility: hidden;
68
88
  }
69
89
 
70
- .swiper-autoheight, .swiper-autoheight .swiper-slide {
90
+ /* Auto Height */
91
+ .swiper-autoheight,
92
+ .swiper-autoheight .swiper-slide {
71
93
  height: auto;
72
94
  }
73
95
 
@@ -82,48 +104,31 @@
82
104
  backface-visibility: hidden;
83
105
  }
84
106
 
85
- .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
107
+ /* 3D Effects */
108
+ .swiper-3d.swiper-css-mode .swiper-wrapper {
86
109
  perspective: 1200px;
87
110
  }
88
111
 
89
- .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
112
+ .swiper-3d .swiper-wrapper {
90
113
  transform-style: preserve-3d;
91
114
  }
92
115
 
93
- .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
94
- position: absolute;
95
- left: 0;
96
- top: 0;
97
- width: 100%;
98
- height: 100%;
99
- pointer-events: none;
100
- z-index: 10;
101
- }
102
-
103
- .swiper-3d .swiper-slide-shadow {
104
- background: rgba(0, 0, 0, 0.15);
105
- }
106
-
107
- .swiper-3d .swiper-slide-shadow-left {
108
- background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
109
- }
110
-
111
- .swiper-3d .swiper-slide-shadow-right {
112
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
113
- }
114
-
115
- .swiper-3d .swiper-slide-shadow-top {
116
- background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
116
+ .swiper-3d {
117
+ perspective: 1200px;
117
118
  }
118
119
 
119
- .swiper-3d .swiper-slide-shadow-bottom {
120
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
120
+ .swiper-3d .swiper-slide,
121
+ .swiper-3d .swiper-cube-shadow {
122
+ transform-style: preserve-3d;
121
123
  }
122
124
 
125
+ /* CSS Mode */
123
126
  .swiper-css-mode > .swiper-wrapper {
124
127
  overflow: auto;
125
128
  scrollbar-width: none;
129
+ /* For Firefox */
126
130
  -ms-overflow-style: none;
131
+ /* For Internet Explorer and Edge */
127
132
  }
128
133
 
129
134
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
@@ -134,41 +139,129 @@
134
139
  scroll-snap-align: start start;
135
140
  }
136
141
 
137
- .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
142
+ .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
138
143
  scroll-snap-type: x mandatory;
139
144
  }
140
145
 
141
- .swiper-vertical.swiper-css-mode > .swiper-wrapper {
146
+ .swiper-css-mode.swiper-vertical > .swiper-wrapper {
142
147
  scroll-snap-type: y mandatory;
143
148
  }
144
149
 
145
- .swiper-centered > .swiper-wrapper::before {
150
+ .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
151
+ scroll-snap-type: none;
152
+ }
153
+
154
+ .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
155
+ scroll-snap-align: none;
156
+ }
157
+
158
+ .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
146
159
  content: "";
147
160
  flex-shrink: 0;
148
161
  order: 9999;
149
162
  }
150
163
 
151
- .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
164
+ .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
165
+ scroll-snap-align: center center;
166
+ scroll-snap-stop: always;
167
+ }
168
+
169
+ .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
152
170
  margin-inline-start: var(--swiper-centered-offset-before);
153
171
  }
154
172
 
155
- .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
173
+ .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
156
174
  height: 100%;
157
175
  min-height: 1px;
158
176
  width: var(--swiper-centered-offset-after);
159
177
  }
160
178
 
161
- .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
179
+ .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
162
180
  margin-block-start: var(--swiper-centered-offset-before);
163
181
  }
164
182
 
165
- .swiper-centered.swiper-vertical > .swiper-wrapper::before {
183
+ .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
166
184
  width: 100%;
167
185
  min-width: 1px;
168
186
  height: var(--swiper-centered-offset-after);
169
187
  }
170
188
 
171
- .swiper-centered > .swiper-wrapper > .swiper-slide {
172
- scroll-snap-align: center center;
173
- scroll-snap-stop: always;
174
- }
189
+ /* Slide styles start */
190
+ /* 3D Shadows */
191
+ .swiper-3d .swiper-slide-shadow,
192
+ .swiper-3d .swiper-slide-shadow-left,
193
+ .swiper-3d .swiper-slide-shadow-right,
194
+ .swiper-3d .swiper-slide-shadow-top,
195
+ .swiper-3d .swiper-slide-shadow-bottom,
196
+ .swiper-3d .swiper-slide-shadow,
197
+ .swiper-3d .swiper-slide-shadow-left,
198
+ .swiper-3d .swiper-slide-shadow-right,
199
+ .swiper-3d .swiper-slide-shadow-top,
200
+ .swiper-3d .swiper-slide-shadow-bottom {
201
+ position: absolute;
202
+ left: 0;
203
+ top: 0;
204
+ width: 100%;
205
+ height: 100%;
206
+ pointer-events: none;
207
+ z-index: 10;
208
+ }
209
+
210
+ .swiper-3d .swiper-slide-shadow {
211
+ background: rgba(0, 0, 0, 0.15);
212
+ }
213
+
214
+ .swiper-3d .swiper-slide-shadow-left {
215
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
216
+ }
217
+
218
+ .swiper-3d .swiper-slide-shadow-right {
219
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
220
+ }
221
+
222
+ .swiper-3d .swiper-slide-shadow-top {
223
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
224
+ }
225
+
226
+ .swiper-3d .swiper-slide-shadow-bottom {
227
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
228
+ }
229
+
230
+ .swiper-lazy-preloader {
231
+ width: 42px;
232
+ height: 42px;
233
+ position: absolute;
234
+ left: 50%;
235
+ top: 50%;
236
+ margin-left: -21px;
237
+ margin-top: -21px;
238
+ z-index: 10;
239
+ transform-origin: 50%;
240
+ box-sizing: border-box;
241
+ border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
242
+ border-radius: 50%;
243
+ border-top-color: transparent;
244
+ }
245
+
246
+ .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
247
+ .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
248
+ animation: swiper-preloader-spin 1s infinite linear;
249
+ }
250
+
251
+ .swiper-lazy-preloader-white {
252
+ --swiper-preloader-color: #fff;
253
+ }
254
+
255
+ .swiper-lazy-preloader-black {
256
+ --swiper-preloader-color: #000;
257
+ }
258
+
259
+ @keyframes swiper-preloader-spin {
260
+ 0% {
261
+ transform: rotate(0deg);
262
+ }
263
+ 100% {
264
+ transform: rotate(360deg);
265
+ }
266
+ }
267
+ /* Slide styles end */