aos-modern 3.0.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/CHANGELOG.md +101 -0
- package/LICENSE +23 -0
- package/README.md +405 -0
- package/README.zh-CN.md +398 -0
- package/dist/aos.css +1 -0
- package/dist/aos.js +1 -0
- package/dist/react.js +1 -0
- package/dist/vue.js +1 -0
- package/package.json +59 -0
- package/src/js/aos.js +354 -0
- package/src/js/helpers/calculateOffset.js +76 -0
- package/src/js/helpers/detector.js +33 -0
- package/src/js/helpers/elements.js +11 -0
- package/src/js/helpers/handleScroll.js +39 -0
- package/src/js/helpers/prepare.js +11 -0
- package/src/js/libs/observer.js +61 -0
- package/src/js/libs/offset.js +24 -0
- package/src/react/index.js +18 -0
- package/src/sass/_animations.scss +334 -0
- package/src/sass/_core.scss +18 -0
- package/src/sass/_easing.scss +40 -0
- package/src/sass/aos.scss +3 -0
- package/src/vue/index.js +65 -0
package/README.zh-CN.md
ADDED
|
@@ -0,0 +1,398 @@
|
|
|
1
|
+
# AOS - 页面滚动动画库 (Animate on Scroll)
|
|
2
|
+
|
|
3
|
+
[](https://gabulaideu.github.io/aos/)
|
|
4
|
+
|
|
5
|
+
[](https://npmjs.org/package/aos-modern)
|
|
6
|
+
[](https://npmjs.org/package/aos-modern)
|
|
7
|
+
|
|
8
|
+
一个用于在页面滚动时为元素添加动画的超轻量库。
|
|
9
|
+
|
|
10
|
+
类似于 WOWJS,动画效果也很接近。但我有不同的思路来构建这个库,于是重写了这个由 CSS3 驱动的页面滚动动画库。
|
|
11
|
+
|
|
12
|
+
AOS 支持在向下和向上滚动时,为元素应用动画。
|
|
13
|
+
如果您向上滚动,元素会恢复到动画前的初始状态,当您再次向下滚动时会重新触发动画。
|
|
14
|
+
|
|
15
|
+
👉 想深入了解工作原理?请阅读我在 CSS-Tricks 上的文章:[AOS - CSS 驱动的滚动动画库](https://css-tricks.com/aos-css-driven-scroll-animation-library/)。
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
### 🚀 [在线 Demo](https://gabulaideu.github.io/aos/)
|
|
20
|
+
|
|
21
|
+
### 🌟 Codepen 在线示例
|
|
22
|
+
- [不同内置动画演示](http://codepen.io/michalsnik/pen/WxNdvq)
|
|
23
|
+
- [使用自定义锚点设置 (data-aos-anchor)](http://codepen.io/michalsnik/pen/jrOYVO)
|
|
24
|
+
- [使用不同的触发位置和缓动效果](http://codepen.io/michalsnik/pen/EyxoNm)
|
|
25
|
+
- [简单的自定义动画](http://codepen.io/michalsnik/pen/WxvNvE)
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
## ❗ 注意事项
|
|
30
|
+
从 `2.0.0` 版本开始,原先的 `aos` 属性已被废弃,请务必使用标准 HTML5 的 `data-aos`。
|
|
31
|
+
|
|
32
|
+
## ⚙ 安装与设置
|
|
33
|
+
|
|
34
|
+
### 安装 AOS
|
|
35
|
+
|
|
36
|
+
- 使用 `npm` 或 `yarn`
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
npm install aos-modern --save
|
|
40
|
+
# 或者
|
|
41
|
+
yarn add aos-modern
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
- 直接下载压缩包 -> [点击下载](https://github.com/gabulaideu/aos/archive/master.zip)
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
### 引入样式表
|
|
48
|
+
|
|
49
|
+
```html
|
|
50
|
+
<link rel="stylesheet" href="node_modules/aos-modern/dist/aos.css" />
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
### 引入脚本
|
|
54
|
+
|
|
55
|
+
```html
|
|
56
|
+
<script src="node_modules/aos-modern/dist/aos.js"></script>
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
AOS 兼容 UMD 模块规范,因此您可以通过 AMD、CommonJS 模块导入,或以全局变量、Node 模块以及 ES6 模块的形式进行使用。
|
|
60
|
+
|
|
61
|
+
### 初始化 AOS
|
|
62
|
+
|
|
63
|
+
```html
|
|
64
|
+
<script>
|
|
65
|
+
AOS.init();
|
|
66
|
+
</script>
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
## 🤔 如何使用?
|
|
70
|
+
|
|
71
|
+
### 基础用法
|
|
72
|
+
|
|
73
|
+
只需在 HTML 元素上添加 `data-aos` 属性即可:
|
|
74
|
+
|
|
75
|
+
```html
|
|
76
|
+
<div data-aos="动画名称">
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
当您滚动到该元素时,脚本就会自动触发该元素的“动画名称”动画。
|
|
80
|
+
|
|
81
|
+
[向下滚动](https://github.com/gabulaideu/aos#-animations) 即可查看当前所有可用的预设动画列表 :)
|
|
82
|
+
|
|
83
|
+
### 🔥 高级设置
|
|
84
|
+
|
|
85
|
+
这些属性可以单独配置在特定元素上,也可以在初始化脚本时配置在全局默认对象中(在配置项对象中不需要加上 `data-` 前缀)。
|
|
86
|
+
|
|
87
|
+
| 属性 | 说明 | 示例值 | 默认值 |
|
|
88
|
+
|---------------------------|-------------|---------------|---------|
|
|
89
|
+
| *`data-aos-offset`* | 更改动画触发的偏移量,单位像素 (px) | 200 | 120 |
|
|
90
|
+
| *`data-aos-duration`* | 动画的持续时间,单位毫秒 (ms) | 600 | 400 |
|
|
91
|
+
| *`data-aos-easing`* | 选择不同的 CSS3 缓动函数 | ease-in-sine | ease |
|
|
92
|
+
| *`data-aos-delay`* | 延迟触发动画的时间,单位毫秒 (ms) | 300 | 0 |
|
|
93
|
+
| *`data-aos-anchor`* | 锚点元素。指定另一个元素的偏移来触发当前元素的动画,而不是使用自身偏移 | #selector | null |
|
|
94
|
+
| *`data-aos-anchor-placement`* | 锚点位置。指定当元素在屏幕什么位置时触发动画 | top-center | top-bottom |
|
|
95
|
+
| *`data-aos-once`* | 动画是否仅触发一次,还是在每次滚动页面时重复触发 | true | false |
|
|
96
|
+
|
|
97
|
+
*`duration` 仅支持从 50 到 3000 的值,步长为 50ms。因为动画是由 CSS 控制的,为限制生成的 CSS 体积才做此范围约束。
|
|
98
|
+
|
|
99
|
+
如果您需要更多时间档位,可以在页面中自定义 CSS,例如:
|
|
100
|
+
|
|
101
|
+
```css
|
|
102
|
+
body[data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000']{
|
|
103
|
+
transition-duration: 4000ms;
|
|
104
|
+
}
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
这会在全局以及单体配置上增加 4000ms 的动画时间档位。
|
|
108
|
+
双重写法 `[data-aos][data-aos]` 是一个 CSS 权重技巧,可确保单体设置在不使用 `!important` 的情况下能覆盖全局设置。
|
|
109
|
+
|
|
110
|
+
`data-aos-anchor-placement` - 原理非常简单,例如 `top-center` 代表:当元素的**顶部**到达窗口的**中部**时触发动画。
|
|
111
|
+
`bottom-top` 代表:当元素的**底部**到达窗口的**顶部**时触发动画,以此类推。
|
|
112
|
+
|
|
113
|
+
#### 示例代码:
|
|
114
|
+
|
|
115
|
+
```html
|
|
116
|
+
<div data-aos="fade-zoom-in" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600">
|
|
117
|
+
```
|
|
118
|
+
```html
|
|
119
|
+
<div data-aos="flip-left" data-aos-delay="100" data-aos-anchor=".example-selector">
|
|
120
|
+
```
|
|
121
|
+
```html
|
|
122
|
+
<div data-aos="fade-up" data-aos-anchor-placement="top-center">
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
#### API 接口
|
|
127
|
+
|
|
128
|
+
AOS 作为一个全局变量暴露在 window 下,当前提供四个方法:
|
|
129
|
+
|
|
130
|
+
* `init` - 初始化 AOS
|
|
131
|
+
* `refresh` - 重新计算所有元素的偏移和位置(例如在窗口大小改变时)
|
|
132
|
+
* `refreshHard` - 重新装载符合条件的 `data-aos` 元素并触发 `refresh`(在异步添加/移出 DOM 时调用)
|
|
133
|
+
* `destroy` - 清理并解绑所有的滚动观察器、DOM 监听器以及事件监听(特别适用于 SPA 应用路由/生命周期销毁)
|
|
134
|
+
|
|
135
|
+
使用方法示例:
|
|
136
|
+
```javascript
|
|
137
|
+
AOS.refresh();
|
|
138
|
+
```
|
|
139
|
+
|
|
140
|
+
默认情况下,AOS 会使用 `MutationObserver` 自动侦测 DOM 的变动。如果有新元素异步加载或被移除,它会自动触发 `refreshHard()`。在不支持 `MutationObserver` 的旧浏览器中,您可能需要手动调用该方法。
|
|
141
|
+
|
|
142
|
+
`refresh` 用于处理窗口大小调整(Resize)等日常事件,该方法不会扫描 DOM 查找新元素,因而运行速度极快、开销极低。
|
|
143
|
+
|
|
144
|
+
### 全局配置
|
|
145
|
+
|
|
146
|
+
如果您不想为每个元素单独设置动画属性,可以将其配置为全局默认设置:
|
|
147
|
+
|
|
148
|
+
```javascript
|
|
149
|
+
<script>
|
|
150
|
+
AOS.init({
|
|
151
|
+
offset: 200,
|
|
152
|
+
duration: 600,
|
|
153
|
+
easing: 'ease-in-sine',
|
|
154
|
+
delay: 100,
|
|
155
|
+
});
|
|
156
|
+
</script>
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
#### 附加选项
|
|
160
|
+
|
|
161
|
+
以下选项只能在调用 `AOS.init({...})` 时传入配置对象中:
|
|
162
|
+
|
|
163
|
+
| 选项名称 | 说明 | 示例值 | 默认值 |
|
|
164
|
+
|---------------------------|-------------|---------------|---------|
|
|
165
|
+
| *`disable`* | 禁用 AOS 的判定条件 | 'mobile' | false |
|
|
166
|
+
| *`startEvent`* | 初始化 AOS 的文档事件名 | 'someEvent' | 'DOMContentLoaded' |
|
|
167
|
+
|
|
168
|
+
##### 禁用 AOS (disable)
|
|
169
|
+
|
|
170
|
+
如果您希望在特定设备或条件下禁用动画,可以传入 `disable` 属性:
|
|
171
|
+
|
|
172
|
+
```javascript
|
|
173
|
+
AOS.init({
|
|
174
|
+
disable: 'mobile'
|
|
175
|
+
});
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
AOS 支持预设的三种设备名称:`mobile`(包含手机和平板)、`phone`(仅限手机)或 `tablet`(仅限平板)。
|
|
179
|
+
|
|
180
|
+
此外,您还可以传入自定义判定式:
|
|
181
|
+
|
|
182
|
+
```javascript
|
|
183
|
+
disable: window.innerWidth < 1024
|
|
184
|
+
```
|
|
185
|
+
|
|
186
|
+
或者传入一个返回布尔值的 `function`:
|
|
187
|
+
|
|
188
|
+
```javascript
|
|
189
|
+
disable: function () {
|
|
190
|
+
var maxWidth = 1024;
|
|
191
|
+
return window.innerWidth < maxWidth;
|
|
192
|
+
}
|
|
193
|
+
```
|
|
194
|
+
|
|
195
|
+
##### 启动事件 (startEvent)
|
|
196
|
+
|
|
197
|
+
如果不希望在 `DOMContentLoaded` 时执行初始化,您可以设置自定义的事件,AOS 将在 `document` 上监听该事件:
|
|
198
|
+
|
|
199
|
+
```javascript
|
|
200
|
+
AOS.init({
|
|
201
|
+
startEvent: 'someCoolEvent'
|
|
202
|
+
});
|
|
203
|
+
```
|
|
204
|
+
|
|
205
|
+
**重要提示:** 若设置 `startEvent: 'load'`,监听器会被自动附加到 `window` 对象而不是 `document` 上。
|
|
206
|
+
### 🖥 本地演示 (Demo)
|
|
207
|
+
|
|
208
|
+
AOS Modern 提供了针对核心库及各框架集成的本地 HTML 示例页面,演示了各种动画用法与生命周期特性。
|
|
209
|
+
|
|
210
|
+
要本地运行 Demo:
|
|
211
|
+
1. 克隆本项目仓库
|
|
212
|
+
2. 安装依赖并启动本地开发服务器:
|
|
213
|
+
```bash
|
|
214
|
+
yarn install
|
|
215
|
+
yarn dev
|
|
216
|
+
```
|
|
217
|
+
3. 在浏览器中打开以下链接:
|
|
218
|
+
- **官方交互式演示门户**: [http://localhost:8080/](http://localhost:8080/)
|
|
219
|
+
- **核心库静态示例**:[http://localhost:8080/simple.html](http://localhost:8080/simple.html)
|
|
220
|
+
- **核心库异步 DOM 侦测**:[http://localhost:8080/async.html](http://localhost:8080/async.html)
|
|
221
|
+
- **React 挂载/卸载 Hook 演示**:[http://localhost:8080/react.html](http://localhost:8080/react.html)
|
|
222
|
+
- **Vue Plugin 与指令演示**:[http://localhost:8080/vue.html](http://localhost:8080/vue.html)
|
|
223
|
+
|
|
224
|
+
### 📦 框架集成支持
|
|
225
|
+
|
|
226
|
+
AOS 现原生提供对现代前端框架(React、Vue)的封装和导出支持。您可直接根据框架的子路径进行引入。
|
|
227
|
+
|
|
228
|
+
#### ⚛️ React
|
|
229
|
+
|
|
230
|
+
AOS 导出了自定义 React Hook `useAOS` 用于处理挂载初始化与卸载销毁逻辑。
|
|
231
|
+
|
|
232
|
+
```javascript
|
|
233
|
+
import React from 'react';
|
|
234
|
+
import { useAOS } from 'aos/react';
|
|
235
|
+
|
|
236
|
+
function MyComponent() {
|
|
237
|
+
useAOS({
|
|
238
|
+
duration: 1000,
|
|
239
|
+
once: true
|
|
240
|
+
});
|
|
241
|
+
|
|
242
|
+
return (
|
|
243
|
+
<div data-aos="fade-up">
|
|
244
|
+
动画呈现!
|
|
245
|
+
</div>
|
|
246
|
+
);
|
|
247
|
+
}
|
|
248
|
+
```
|
|
249
|
+
|
|
250
|
+
#### 💚 Vue
|
|
251
|
+
|
|
252
|
+
我们使用统一的 Vue Plugin 提供对 Vue 2 和 Vue 3 的兼容支持,并附带自定义指令 `v-aos`。
|
|
253
|
+
|
|
254
|
+
在应用入口文件(如 `main.js`)中引入:
|
|
255
|
+
|
|
256
|
+
```javascript
|
|
257
|
+
import { createApp } from 'vue';
|
|
258
|
+
import { AOSPlugin } from 'aos/vue';
|
|
259
|
+
import App from './App.vue';
|
|
260
|
+
|
|
261
|
+
const app = createApp(App);
|
|
262
|
+
|
|
263
|
+
// 注册插件并配置全局选项
|
|
264
|
+
app.use(AOSPlugin, {
|
|
265
|
+
duration: 800,
|
|
266
|
+
once: false
|
|
267
|
+
});
|
|
268
|
+
|
|
269
|
+
app.mount('#app');
|
|
270
|
+
```
|
|
271
|
+
|
|
272
|
+
在组件模板中使用 `v-aos` 指令:
|
|
273
|
+
|
|
274
|
+
```html
|
|
275
|
+
<!-- 基础字符串传参 -->
|
|
276
|
+
<div v-aos="'fade-up'"></div>
|
|
277
|
+
|
|
278
|
+
<!-- 绑定修饰参数 -->
|
|
279
|
+
<div v-aos:fade-down></div>
|
|
280
|
+
|
|
281
|
+
<!-- 对象详细选项配置 -->
|
|
282
|
+
<div v-aos="{ animation: 'zoom-in', delay: 200, duration: 600 }"></div>
|
|
283
|
+
```
|
|
284
|
+
|
|
285
|
+
|
|
286
|
+
### 👻 预设动画列表
|
|
287
|
+
|
|
288
|
+
您可以使用以下内置的动画样式:
|
|
289
|
+
|
|
290
|
+
* 渐变 (Fade):
|
|
291
|
+
* fade
|
|
292
|
+
* fade-up
|
|
293
|
+
* fade-down
|
|
294
|
+
* fade-left
|
|
295
|
+
* fade-right
|
|
296
|
+
* fade-up-right
|
|
297
|
+
* fade-up-left
|
|
298
|
+
* fade-down-right
|
|
299
|
+
* fade-down-left
|
|
300
|
+
|
|
301
|
+
* 翻转 (Flip):
|
|
302
|
+
* flip-up
|
|
303
|
+
* flip-down
|
|
304
|
+
* flip-left
|
|
305
|
+
* flip-right
|
|
306
|
+
|
|
307
|
+
* 滑动 (Slide):
|
|
308
|
+
* slide-up
|
|
309
|
+
* slide-down
|
|
310
|
+
* slide-left
|
|
311
|
+
* slide-right
|
|
312
|
+
|
|
313
|
+
* 缩放 (Zoom):
|
|
314
|
+
* zoom-in
|
|
315
|
+
* zoom-in-up
|
|
316
|
+
* zoom-in-down
|
|
317
|
+
* zoom-in-left
|
|
318
|
+
* zoom-in-right
|
|
319
|
+
* zoom-out
|
|
320
|
+
* zoom-out-up
|
|
321
|
+
* zoom-out-down
|
|
322
|
+
* zoom-out-left
|
|
323
|
+
* zoom-out-right
|
|
324
|
+
|
|
325
|
+
* 模糊渐入 (Blur):
|
|
326
|
+
* blur-in
|
|
327
|
+
* blur-in-up
|
|
328
|
+
* blur-in-down
|
|
329
|
+
* blur-in-left
|
|
330
|
+
* blur-in-right
|
|
331
|
+
|
|
332
|
+
* 倾斜滑入 (Skew):
|
|
333
|
+
* skew-up
|
|
334
|
+
* skew-down
|
|
335
|
+
|
|
336
|
+
* 旋转滑入 (Rotate):
|
|
337
|
+
* rotate-in
|
|
338
|
+
* rotate-in-up-left
|
|
339
|
+
* rotate-in-up-right
|
|
340
|
+
* rotate-in-down-left
|
|
341
|
+
* rotate-in-down-right
|
|
342
|
+
|
|
343
|
+
* 回弹缩放 (Back):
|
|
344
|
+
* back-in
|
|
345
|
+
* back-in-up
|
|
346
|
+
* back-in-down
|
|
347
|
+
* back-in-left
|
|
348
|
+
* back-in-right
|
|
349
|
+
|
|
350
|
+
* 特技动效 (Specials):
|
|
351
|
+
* roll-in
|
|
352
|
+
* jack-in-the-box
|
|
353
|
+
|
|
354
|
+
### 锚点对齐方式 (Anchor placement)
|
|
355
|
+
|
|
356
|
+
* top-bottom
|
|
357
|
+
* top-center
|
|
358
|
+
* top-top
|
|
359
|
+
* center-bottom
|
|
360
|
+
* center-center
|
|
361
|
+
* center-top
|
|
362
|
+
* bottom-bottom
|
|
363
|
+
* bottom-center
|
|
364
|
+
* bottom-top
|
|
365
|
+
|
|
366
|
+
|
|
367
|
+
### 缓动函数 (Easing functions)
|
|
368
|
+
|
|
369
|
+
您可以选择不同的运动缓动曲线:
|
|
370
|
+
|
|
371
|
+
* linear
|
|
372
|
+
* ease
|
|
373
|
+
* ease-in
|
|
374
|
+
* ease-out
|
|
375
|
+
* ease-in-out
|
|
376
|
+
* ease-in-back
|
|
377
|
+
* ease-out-back
|
|
378
|
+
* ease-in-out-back
|
|
379
|
+
* ease-in-sine
|
|
380
|
+
* ease-out-sine
|
|
381
|
+
* ease-in-out-sine
|
|
382
|
+
* ease-in-quad
|
|
383
|
+
* ease-out-quad
|
|
384
|
+
* ease-in-out-quad
|
|
385
|
+
* ease-in-cubic
|
|
386
|
+
* ease-out-cubic
|
|
387
|
+
* ease-in-out-cubic
|
|
388
|
+
* ease-in-quart
|
|
389
|
+
* ease-out-quart
|
|
390
|
+
* ease-in-out-quart
|
|
391
|
+
|
|
392
|
+
## ✌️ [Contributing](CONTRIBUTING.md)
|
|
393
|
+
|
|
394
|
+
## 📝 [Changelog](CHANGELOG.md)
|
|
395
|
+
|
|
396
|
+
## ❔Questions
|
|
397
|
+
|
|
398
|
+
If you have any questions, ideas or whatsoever, please check [AOS contribution guide](CONTRIBUTING.md) and don't hesitate to create new issues.
|
package/dist/aos.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body[data-aos-duration="50"] [data-aos],[data-aos][data-aos][data-aos-duration="50"]{transition-duration:50ms}body[data-aos-delay="50"] [data-aos],[data-aos][data-aos][data-aos-delay="50"]{transition-delay:0}body[data-aos-delay="50"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="50"].aos-animate{transition-delay:50ms}body[data-aos-duration="100"] [data-aos],[data-aos][data-aos][data-aos-duration="100"]{transition-duration:100ms}body[data-aos-delay="100"] [data-aos],[data-aos][data-aos][data-aos-delay="100"]{transition-delay:0}body[data-aos-delay="100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="100"].aos-animate{transition-delay:100ms}body[data-aos-duration="150"] [data-aos],[data-aos][data-aos][data-aos-duration="150"]{transition-duration:150ms}body[data-aos-delay="150"] [data-aos],[data-aos][data-aos][data-aos-delay="150"]{transition-delay:0}body[data-aos-delay="150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="150"].aos-animate{transition-delay:150ms}body[data-aos-duration="200"] [data-aos],[data-aos][data-aos][data-aos-duration="200"]{transition-duration:200ms}body[data-aos-delay="200"] [data-aos],[data-aos][data-aos][data-aos-delay="200"]{transition-delay:0}body[data-aos-delay="200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="200"].aos-animate{transition-delay:200ms}body[data-aos-duration="250"] [data-aos],[data-aos][data-aos][data-aos-duration="250"]{transition-duration:250ms}body[data-aos-delay="250"] [data-aos],[data-aos][data-aos][data-aos-delay="250"]{transition-delay:0}body[data-aos-delay="250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="250"].aos-animate{transition-delay:250ms}body[data-aos-duration="300"] [data-aos],[data-aos][data-aos][data-aos-duration="300"]{transition-duration:300ms}body[data-aos-delay="300"] [data-aos],[data-aos][data-aos][data-aos-delay="300"]{transition-delay:0}body[data-aos-delay="300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="300"].aos-animate{transition-delay:300ms}body[data-aos-duration="350"] [data-aos],[data-aos][data-aos][data-aos-duration="350"]{transition-duration:350ms}body[data-aos-delay="350"] [data-aos],[data-aos][data-aos][data-aos-delay="350"]{transition-delay:0}body[data-aos-delay="350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="350"].aos-animate{transition-delay:350ms}body[data-aos-duration="400"] [data-aos],[data-aos][data-aos][data-aos-duration="400"]{transition-duration:400ms}body[data-aos-delay="400"] [data-aos],[data-aos][data-aos][data-aos-delay="400"]{transition-delay:0}body[data-aos-delay="400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="400"].aos-animate{transition-delay:400ms}body[data-aos-duration="450"] [data-aos],[data-aos][data-aos][data-aos-duration="450"]{transition-duration:450ms}body[data-aos-delay="450"] [data-aos],[data-aos][data-aos][data-aos-delay="450"]{transition-delay:0}body[data-aos-delay="450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="450"].aos-animate{transition-delay:450ms}body[data-aos-duration="500"] [data-aos],[data-aos][data-aos][data-aos-duration="500"]{transition-duration:500ms}body[data-aos-delay="500"] [data-aos],[data-aos][data-aos][data-aos-delay="500"]{transition-delay:0}body[data-aos-delay="500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="500"].aos-animate{transition-delay:500ms}body[data-aos-duration="550"] [data-aos],[data-aos][data-aos][data-aos-duration="550"]{transition-duration:550ms}body[data-aos-delay="550"] [data-aos],[data-aos][data-aos][data-aos-delay="550"]{transition-delay:0}body[data-aos-delay="550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="550"].aos-animate{transition-delay:550ms}body[data-aos-duration="600"] [data-aos],[data-aos][data-aos][data-aos-duration="600"]{transition-duration:600ms}body[data-aos-delay="600"] [data-aos],[data-aos][data-aos][data-aos-delay="600"]{transition-delay:0}body[data-aos-delay="600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="600"].aos-animate{transition-delay:600ms}body[data-aos-duration="650"] [data-aos],[data-aos][data-aos][data-aos-duration="650"]{transition-duration:650ms}body[data-aos-delay="650"] [data-aos],[data-aos][data-aos][data-aos-delay="650"]{transition-delay:0}body[data-aos-delay="650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="650"].aos-animate{transition-delay:650ms}body[data-aos-duration="700"] [data-aos],[data-aos][data-aos][data-aos-duration="700"]{transition-duration:700ms}body[data-aos-delay="700"] [data-aos],[data-aos][data-aos][data-aos-delay="700"]{transition-delay:0}body[data-aos-delay="700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="700"].aos-animate{transition-delay:700ms}body[data-aos-duration="750"] [data-aos],[data-aos][data-aos][data-aos-duration="750"]{transition-duration:750ms}body[data-aos-delay="750"] [data-aos],[data-aos][data-aos][data-aos-delay="750"]{transition-delay:0}body[data-aos-delay="750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="750"].aos-animate{transition-delay:750ms}body[data-aos-duration="800"] [data-aos],[data-aos][data-aos][data-aos-duration="800"]{transition-duration:800ms}body[data-aos-delay="800"] [data-aos],[data-aos][data-aos][data-aos-delay="800"]{transition-delay:0}body[data-aos-delay="800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="800"].aos-animate{transition-delay:800ms}body[data-aos-duration="850"] [data-aos],[data-aos][data-aos][data-aos-duration="850"]{transition-duration:850ms}body[data-aos-delay="850"] [data-aos],[data-aos][data-aos][data-aos-delay="850"]{transition-delay:0}body[data-aos-delay="850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="850"].aos-animate{transition-delay:850ms}body[data-aos-duration="900"] [data-aos],[data-aos][data-aos][data-aos-duration="900"]{transition-duration:900ms}body[data-aos-delay="900"] [data-aos],[data-aos][data-aos][data-aos-delay="900"]{transition-delay:0}body[data-aos-delay="900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="900"].aos-animate{transition-delay:900ms}body[data-aos-duration="950"] [data-aos],[data-aos][data-aos][data-aos-duration="950"]{transition-duration:950ms}body[data-aos-delay="950"] [data-aos],[data-aos][data-aos][data-aos-delay="950"]{transition-delay:0}body[data-aos-delay="950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="950"].aos-animate{transition-delay:950ms}body[data-aos-duration="1000"] [data-aos],[data-aos][data-aos][data-aos-duration="1000"]{transition-duration:1000ms}body[data-aos-delay="1000"] [data-aos],[data-aos][data-aos][data-aos-delay="1000"]{transition-delay:0}body[data-aos-delay="1000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1000"].aos-animate{transition-delay:1000ms}body[data-aos-duration="1050"] [data-aos],[data-aos][data-aos][data-aos-duration="1050"]{transition-duration:1050ms}body[data-aos-delay="1050"] [data-aos],[data-aos][data-aos][data-aos-delay="1050"]{transition-delay:0}body[data-aos-delay="1050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1050"].aos-animate{transition-delay:1050ms}body[data-aos-duration="1100"] [data-aos],[data-aos][data-aos][data-aos-duration="1100"]{transition-duration:1100ms}body[data-aos-delay="1100"] [data-aos],[data-aos][data-aos][data-aos-delay="1100"]{transition-delay:0}body[data-aos-delay="1100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1100"].aos-animate{transition-delay:1100ms}body[data-aos-duration="1150"] [data-aos],[data-aos][data-aos][data-aos-duration="1150"]{transition-duration:1150ms}body[data-aos-delay="1150"] [data-aos],[data-aos][data-aos][data-aos-delay="1150"]{transition-delay:0}body[data-aos-delay="1150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1150"].aos-animate{transition-delay:1150ms}body[data-aos-duration="1200"] [data-aos],[data-aos][data-aos][data-aos-duration="1200"]{transition-duration:1200ms}body[data-aos-delay="1200"] [data-aos],[data-aos][data-aos][data-aos-delay="1200"]{transition-delay:0}body[data-aos-delay="1200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1200"].aos-animate{transition-delay:1200ms}body[data-aos-duration="1250"] [data-aos],[data-aos][data-aos][data-aos-duration="1250"]{transition-duration:1250ms}body[data-aos-delay="1250"] [data-aos],[data-aos][data-aos][data-aos-delay="1250"]{transition-delay:0}body[data-aos-delay="1250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1250"].aos-animate{transition-delay:1250ms}body[data-aos-duration="1300"] [data-aos],[data-aos][data-aos][data-aos-duration="1300"]{transition-duration:1300ms}body[data-aos-delay="1300"] [data-aos],[data-aos][data-aos][data-aos-delay="1300"]{transition-delay:0}body[data-aos-delay="1300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1300"].aos-animate{transition-delay:1300ms}body[data-aos-duration="1350"] [data-aos],[data-aos][data-aos][data-aos-duration="1350"]{transition-duration:1350ms}body[data-aos-delay="1350"] [data-aos],[data-aos][data-aos][data-aos-delay="1350"]{transition-delay:0}body[data-aos-delay="1350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1350"].aos-animate{transition-delay:1350ms}body[data-aos-duration="1400"] [data-aos],[data-aos][data-aos][data-aos-duration="1400"]{transition-duration:1400ms}body[data-aos-delay="1400"] [data-aos],[data-aos][data-aos][data-aos-delay="1400"]{transition-delay:0}body[data-aos-delay="1400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1400"].aos-animate{transition-delay:1400ms}body[data-aos-duration="1450"] [data-aos],[data-aos][data-aos][data-aos-duration="1450"]{transition-duration:1450ms}body[data-aos-delay="1450"] [data-aos],[data-aos][data-aos][data-aos-delay="1450"]{transition-delay:0}body[data-aos-delay="1450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1450"].aos-animate{transition-delay:1450ms}body[data-aos-duration="1500"] [data-aos],[data-aos][data-aos][data-aos-duration="1500"]{transition-duration:1500ms}body[data-aos-delay="1500"] [data-aos],[data-aos][data-aos][data-aos-delay="1500"]{transition-delay:0}body[data-aos-delay="1500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1500"].aos-animate{transition-delay:1500ms}body[data-aos-duration="1550"] [data-aos],[data-aos][data-aos][data-aos-duration="1550"]{transition-duration:1550ms}body[data-aos-delay="1550"] [data-aos],[data-aos][data-aos][data-aos-delay="1550"]{transition-delay:0}body[data-aos-delay="1550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1550"].aos-animate{transition-delay:1550ms}body[data-aos-duration="1600"] [data-aos],[data-aos][data-aos][data-aos-duration="1600"]{transition-duration:1600ms}body[data-aos-delay="1600"] [data-aos],[data-aos][data-aos][data-aos-delay="1600"]{transition-delay:0}body[data-aos-delay="1600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1600"].aos-animate{transition-delay:1600ms}body[data-aos-duration="1650"] [data-aos],[data-aos][data-aos][data-aos-duration="1650"]{transition-duration:1650ms}body[data-aos-delay="1650"] [data-aos],[data-aos][data-aos][data-aos-delay="1650"]{transition-delay:0}body[data-aos-delay="1650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1650"].aos-animate{transition-delay:1650ms}body[data-aos-duration="1700"] [data-aos],[data-aos][data-aos][data-aos-duration="1700"]{transition-duration:1700ms}body[data-aos-delay="1700"] [data-aos],[data-aos][data-aos][data-aos-delay="1700"]{transition-delay:0}body[data-aos-delay="1700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1700"].aos-animate{transition-delay:1700ms}body[data-aos-duration="1750"] [data-aos],[data-aos][data-aos][data-aos-duration="1750"]{transition-duration:1750ms}body[data-aos-delay="1750"] [data-aos],[data-aos][data-aos][data-aos-delay="1750"]{transition-delay:0}body[data-aos-delay="1750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1750"].aos-animate{transition-delay:1750ms}body[data-aos-duration="1800"] [data-aos],[data-aos][data-aos][data-aos-duration="1800"]{transition-duration:1800ms}body[data-aos-delay="1800"] [data-aos],[data-aos][data-aos][data-aos-delay="1800"]{transition-delay:0}body[data-aos-delay="1800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1800"].aos-animate{transition-delay:1800ms}body[data-aos-duration="1850"] [data-aos],[data-aos][data-aos][data-aos-duration="1850"]{transition-duration:1850ms}body[data-aos-delay="1850"] [data-aos],[data-aos][data-aos][data-aos-delay="1850"]{transition-delay:0}body[data-aos-delay="1850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1850"].aos-animate{transition-delay:1850ms}body[data-aos-duration="1900"] [data-aos],[data-aos][data-aos][data-aos-duration="1900"]{transition-duration:1900ms}body[data-aos-delay="1900"] [data-aos],[data-aos][data-aos][data-aos-delay="1900"]{transition-delay:0}body[data-aos-delay="1900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1900"].aos-animate{transition-delay:1900ms}body[data-aos-duration="1950"] [data-aos],[data-aos][data-aos][data-aos-duration="1950"]{transition-duration:1950ms}body[data-aos-delay="1950"] [data-aos],[data-aos][data-aos][data-aos-delay="1950"]{transition-delay:0}body[data-aos-delay="1950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1950"].aos-animate{transition-delay:1950ms}body[data-aos-duration="2000"] [data-aos],[data-aos][data-aos][data-aos-duration="2000"]{transition-duration:2000ms}body[data-aos-delay="2000"] [data-aos],[data-aos][data-aos][data-aos-delay="2000"]{transition-delay:0}body[data-aos-delay="2000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2000"].aos-animate{transition-delay:2000ms}body[data-aos-duration="2050"] [data-aos],[data-aos][data-aos][data-aos-duration="2050"]{transition-duration:2050ms}body[data-aos-delay="2050"] [data-aos],[data-aos][data-aos][data-aos-delay="2050"]{transition-delay:0}body[data-aos-delay="2050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2050"].aos-animate{transition-delay:2050ms}body[data-aos-duration="2100"] [data-aos],[data-aos][data-aos][data-aos-duration="2100"]{transition-duration:2100ms}body[data-aos-delay="2100"] [data-aos],[data-aos][data-aos][data-aos-delay="2100"]{transition-delay:0}body[data-aos-delay="2100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2100"].aos-animate{transition-delay:2100ms}body[data-aos-duration="2150"] [data-aos],[data-aos][data-aos][data-aos-duration="2150"]{transition-duration:2150ms}body[data-aos-delay="2150"] [data-aos],[data-aos][data-aos][data-aos-delay="2150"]{transition-delay:0}body[data-aos-delay="2150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2150"].aos-animate{transition-delay:2150ms}body[data-aos-duration="2200"] [data-aos],[data-aos][data-aos][data-aos-duration="2200"]{transition-duration:2200ms}body[data-aos-delay="2200"] [data-aos],[data-aos][data-aos][data-aos-delay="2200"]{transition-delay:0}body[data-aos-delay="2200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2200"].aos-animate{transition-delay:2200ms}body[data-aos-duration="2250"] [data-aos],[data-aos][data-aos][data-aos-duration="2250"]{transition-duration:2250ms}body[data-aos-delay="2250"] [data-aos],[data-aos][data-aos][data-aos-delay="2250"]{transition-delay:0}body[data-aos-delay="2250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2250"].aos-animate{transition-delay:2250ms}body[data-aos-duration="2300"] [data-aos],[data-aos][data-aos][data-aos-duration="2300"]{transition-duration:2300ms}body[data-aos-delay="2300"] [data-aos],[data-aos][data-aos][data-aos-delay="2300"]{transition-delay:0}body[data-aos-delay="2300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2300"].aos-animate{transition-delay:2300ms}body[data-aos-duration="2350"] [data-aos],[data-aos][data-aos][data-aos-duration="2350"]{transition-duration:2350ms}body[data-aos-delay="2350"] [data-aos],[data-aos][data-aos][data-aos-delay="2350"]{transition-delay:0}body[data-aos-delay="2350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2350"].aos-animate{transition-delay:2350ms}body[data-aos-duration="2400"] [data-aos],[data-aos][data-aos][data-aos-duration="2400"]{transition-duration:2400ms}body[data-aos-delay="2400"] [data-aos],[data-aos][data-aos][data-aos-delay="2400"]{transition-delay:0}body[data-aos-delay="2400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2400"].aos-animate{transition-delay:2400ms}body[data-aos-duration="2450"] [data-aos],[data-aos][data-aos][data-aos-duration="2450"]{transition-duration:2450ms}body[data-aos-delay="2450"] [data-aos],[data-aos][data-aos][data-aos-delay="2450"]{transition-delay:0}body[data-aos-delay="2450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2450"].aos-animate{transition-delay:2450ms}body[data-aos-duration="2500"] [data-aos],[data-aos][data-aos][data-aos-duration="2500"]{transition-duration:2500ms}body[data-aos-delay="2500"] [data-aos],[data-aos][data-aos][data-aos-delay="2500"]{transition-delay:0}body[data-aos-delay="2500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2500"].aos-animate{transition-delay:2500ms}body[data-aos-duration="2550"] [data-aos],[data-aos][data-aos][data-aos-duration="2550"]{transition-duration:2550ms}body[data-aos-delay="2550"] [data-aos],[data-aos][data-aos][data-aos-delay="2550"]{transition-delay:0}body[data-aos-delay="2550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2550"].aos-animate{transition-delay:2550ms}body[data-aos-duration="2600"] [data-aos],[data-aos][data-aos][data-aos-duration="2600"]{transition-duration:2600ms}body[data-aos-delay="2600"] [data-aos],[data-aos][data-aos][data-aos-delay="2600"]{transition-delay:0}body[data-aos-delay="2600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2600"].aos-animate{transition-delay:2600ms}body[data-aos-duration="2650"] [data-aos],[data-aos][data-aos][data-aos-duration="2650"]{transition-duration:2650ms}body[data-aos-delay="2650"] [data-aos],[data-aos][data-aos][data-aos-delay="2650"]{transition-delay:0}body[data-aos-delay="2650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2650"].aos-animate{transition-delay:2650ms}body[data-aos-duration="2700"] [data-aos],[data-aos][data-aos][data-aos-duration="2700"]{transition-duration:2700ms}body[data-aos-delay="2700"] [data-aos],[data-aos][data-aos][data-aos-delay="2700"]{transition-delay:0}body[data-aos-delay="2700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2700"].aos-animate{transition-delay:2700ms}body[data-aos-duration="2750"] [data-aos],[data-aos][data-aos][data-aos-duration="2750"]{transition-duration:2750ms}body[data-aos-delay="2750"] [data-aos],[data-aos][data-aos][data-aos-delay="2750"]{transition-delay:0}body[data-aos-delay="2750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2750"].aos-animate{transition-delay:2750ms}body[data-aos-duration="2800"] [data-aos],[data-aos][data-aos][data-aos-duration="2800"]{transition-duration:2800ms}body[data-aos-delay="2800"] [data-aos],[data-aos][data-aos][data-aos-delay="2800"]{transition-delay:0}body[data-aos-delay="2800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2800"].aos-animate{transition-delay:2800ms}body[data-aos-duration="2850"] [data-aos],[data-aos][data-aos][data-aos-duration="2850"]{transition-duration:2850ms}body[data-aos-delay="2850"] [data-aos],[data-aos][data-aos][data-aos-delay="2850"]{transition-delay:0}body[data-aos-delay="2850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2850"].aos-animate{transition-delay:2850ms}body[data-aos-duration="2900"] [data-aos],[data-aos][data-aos][data-aos-duration="2900"]{transition-duration:2900ms}body[data-aos-delay="2900"] [data-aos],[data-aos][data-aos][data-aos-delay="2900"]{transition-delay:0}body[data-aos-delay="2900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2900"].aos-animate{transition-delay:2900ms}body[data-aos-duration="2950"] [data-aos],[data-aos][data-aos][data-aos-duration="2950"]{transition-duration:2950ms}body[data-aos-delay="2950"] [data-aos],[data-aos][data-aos][data-aos-delay="2950"]{transition-delay:0}body[data-aos-delay="2950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2950"].aos-animate{transition-delay:2950ms}body[data-aos-duration="3000"] [data-aos],[data-aos][data-aos][data-aos-duration="3000"]{transition-duration:3000ms}body[data-aos-delay="3000"] [data-aos],[data-aos][data-aos][data-aos-delay="3000"]{transition-delay:0}body[data-aos-delay="3000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="3000"].aos-animate{transition-delay:3000ms}body[data-aos-easing=linear] [data-aos],[data-aos][data-aos][data-aos-easing=linear]{transition-timing-function:cubic-bezier(0.25, 0.25, 0.75, 0.75)}body[data-aos-easing=ease] [data-aos],[data-aos][data-aos][data-aos-easing=ease]{transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}body[data-aos-easing=ease-in] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in]{transition-timing-function:cubic-bezier(0.42, 0, 1, 1)}body[data-aos-easing=ease-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out]{transition-timing-function:cubic-bezier(0, 0, 0.58, 1)}body[data-aos-easing=ease-in-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out]{transition-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}body[data-aos-easing=ease-in-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-back]{transition-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045)}body[data-aos-easing=ease-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-back]{transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}body[data-aos-easing=ease-in-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}body[data-aos-easing=ease-in-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-sine]{transition-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715)}body[data-aos-easing=ease-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-sine]{transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}body[data-aos-easing=ease-in-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}body[data-aos-easing=ease-in-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quad]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quad]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}body[data-aos-easing=ease-in-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}body[data-aos-easing=ease-in-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quart]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quart]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate3d(0, 0, 0)}[data-aos=fade-up]{transform:translate3d(0, 100px, 0)}[data-aos=fade-down]{transform:translate3d(0, -100px, 0)}[data-aos=fade-right]{transform:translate3d(-100px, 0, 0)}[data-aos=fade-left]{transform:translate3d(100px, 0, 0)}[data-aos=fade-up-right]{transform:translate3d(-100px, 100px, 0)}[data-aos=fade-up-left]{transform:translate3d(100px, 100px, 0)}[data-aos=fade-down-right]{transform:translate3d(-100px, -100px, 0)}[data-aos=fade-down-left]{transform:translate3d(100px, -100px, 0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate3d(0, 0, 0) scale(1)}[data-aos=zoom-in]{transform:scale(0.6)}[data-aos=zoom-in-up]{transform:translate3d(0, 100px, 0) scale(0.6)}[data-aos=zoom-in-down]{transform:translate3d(0, -100px, 0) scale(0.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px, 0, 0) scale(0.6)}[data-aos=zoom-in-left]{transform:translate3d(100px, 0, 0) scale(0.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0, 100px, 0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0, -100px, 0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px, 0, 0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px, 0, 0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate3d(0, 0, 0)}[data-aos=slide-up]{transform:translate3d(0, 100%, 0)}[data-aos=slide-down]{transform:translate3d(0, -100%, 0)}[data-aos=slide-right]{transform:translate3d(-100%, 0, 0)}[data-aos=slide-left]{transform:translate3d(100%, 0, 0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos^=blur][data-aos^=blur]{opacity:0;filter:blur(12px);transition-property:opacity,filter,transform}[data-aos^=blur][data-aos^=blur].aos-animate{opacity:1;filter:blur(0);transform:translate3d(0, 0, 0) scale(1)}[data-aos=blur-in]{transform:scale(0.95)}[data-aos=blur-in-up]{transform:translate3d(0, 100px, 0)}[data-aos=blur-in-down]{transform:translate3d(0, -100px, 0)}[data-aos=blur-in-left]{transform:translate3d(100px, 0, 0)}[data-aos=blur-in-right]{transform:translate3d(-100px, 0, 0)}[data-aos^=skew][data-aos^=skew]{opacity:0;transition-property:opacity,transform}[data-aos^=skew][data-aos^=skew].aos-animate{opacity:1;transform:translate3d(0, 0, 0) skew(0deg, 0deg)}[data-aos=skew-up]{transform:translate3d(0, 100px, 0) skewY(5deg)}[data-aos=skew-down]{transform:translate3d(0, -100px, 0) skewY(-5deg)}[data-aos^=rotate-in][data-aos^=rotate-in]{opacity:0;transition-property:opacity,transform}[data-aos^=rotate-in][data-aos^=rotate-in].aos-animate{opacity:1;transform:translate3d(0, 0, 0) rotate(0deg)}[data-aos=rotate-in]{transform:rotate(-200deg)}[data-aos=rotate-in-up-left]{transform:translate3d(-100px, 100px, 0) rotate(-45deg)}[data-aos=rotate-in-up-right]{transform:translate3d(100px, 100px, 0) rotate(45deg)}[data-aos=rotate-in-down-left]{transform:translate3d(-100px, -100px, 0) rotate(45deg)}[data-aos=rotate-in-down-right]{transform:translate3d(100px, -100px, 0) rotate(-45deg)}[data-aos^=back-in][data-aos^=back-in]{opacity:0;transition-property:opacity,transform}[data-aos^=back-in][data-aos^=back-in].aos-animate{opacity:1;transform:translate3d(0, 0, 0) scale(1)}[data-aos=back-in]{transform:scale(0.7)}[data-aos=back-in-up]{transform:translate3d(0, 200px, 0) scale(0.7)}[data-aos=back-in-down]{transform:translate3d(0, -200px, 0) scale(0.7)}[data-aos=back-in-left]{transform:translate3d(-200px, 0, 0) scale(0.7)}[data-aos=back-in-right]{transform:translate3d(200px, 0, 0) scale(0.7)}[data-aos=roll-in]{opacity:0;transform:translate3d(-100%, 0, 0) rotate(-120deg);transition-property:opacity,transform}[data-aos=roll-in].aos-animate{opacity:1;transform:translate3d(0, 0, 0) rotate(0deg)}[data-aos=jack-in-the-box]{opacity:0;transform:scale(0.1) rotate(-30deg);transform-origin:center bottom;transition-property:opacity,transform}[data-aos=jack-in-the-box].aos-animate{opacity:1;transform:scale(1) rotate(0deg)}
|
package/dist/aos.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,()=>(()=>{"use strict";var e={d:(t,o)=>{for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};return(()=>{function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function n(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,a(n.key),n)}}function a(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}e.d(t,{default:()=>S});var r=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i,i=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,s=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i,c=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,l=function(){return navigator.userAgent||navigator.vendor||window.opera||""};const d=new(function(){return e=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(t=[{key:"phone",value:function(){var e=l();return!(!r.test(e)&&!i.test(e.substr(0,4)))}},{key:"mobile",value:function(){var e=l(),t=!(!s.test(e)&&!c.test(e.substr(0,4))),o=navigator.maxTouchPoints>0&&-1!==e.indexOf("Macintosh");return t||o}},{key:"tablet",value:function(){var e=l(),t=this.mobile()&&!this.phone(),o=navigator.maxTouchPoints>0&&-1!==e.indexOf("Macintosh");return t||o}}])&&n(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}()),u=function(e,t){var o=0,n=0,a=window.innerHeight,r={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};if(r.offset&&!isNaN(r.offset)&&(n=parseInt(r.offset,10)),r.anchor)try{var i=document.querySelector(r.anchor);i&&(e=i)}catch(e){console.warn('AOS: "'.concat(r.anchor,'" is not a valid selector'),e)}switch(o=function(e){for(var t=0,o=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!==e.tagName?e.scrollLeft:0),o+=e.offsetTop-("BODY"!==e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:o,left:t}}(e).top,r.anchorPlacement){case"top-bottom":break;case"center-bottom":o+=e.offsetHeight/2;break;case"bottom-bottom":o+=e.offsetHeight;break;case"top-center":o+=a/2;break;case"bottom-center":o+=a/2+e.offsetHeight;break;case"center-center":o+=a/2+e.offsetHeight/2;break;case"top-top":o+=a;break;case"bottom-top":o+=e.offsetHeight+a;break;case"center-top":o+=e.offsetHeight/2+a}return r.anchorPlacement||r.offset||isNaN(t)||(n=t),o+n},m=function(e){var t=e||document.querySelectorAll("[data-aos]");return Array.from(t,function(e){return{node:e}})};function f(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var o={}.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?p(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=Array(t);o<t;o++)n[o]=e[o];return n}var b=[],v=!1,w=[],g=null,h=null,y=null,k=null,x=null,A={offset:120,delay:0,easing:"ease",duration:400,disable:!1,once:!1,startEvent:"DOMContentLoaded",throttleDelay:99,debounceDelay:50,disableMutationObserver:!1},E=function(e,t){var o;return function(){for(var n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];clearTimeout(o),o=setTimeout(function(){return e.apply(void 0,a)},t)}},L=function(){w.forEach(function(e){return e.disconnect()}),w=[]},O=function(){var e=window.scrollY||window.pageYOffset,t=window.innerHeight;b.forEach(function(o){var n=o.node;if(n.classList.contains("aos-init")&&!n.classList.contains("aos-animate")){var a=n.getAttribute("data-aos-offset"),r=a&&!isNaN(a)?parseInt(a,10):A.offset,i=n.offsetHeight;e+t>=o.position&&e<=o.position-r+i&&n.classList.add("aos-animate")}})},z=function(){var e,t;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&(v=!0),v)return b=function(e,t){return e.forEach(function(e){e.node.classList.add("aos-init"),e.position=u(e.node,t.offset)}),e}(b,A),e=b,t=A,L(),e.forEach(function(e){var o=e.node,n=o.getAttribute("data-aos-once"),a=n?"true"===n:t.once,r=o.getAttribute("data-aos-offset"),i=r&&!isNaN(r)?parseInt(r,10):t.offset,s=o.getAttribute("data-aos-anchor"),c=s&&document.querySelector(s)||o,l=o.getAttribute("data-aos-anchor-placement")||t.anchorPlacement||"top-bottom",d=window.innerHeight,u=c.offsetHeight,m=i;switch(l){case"top-bottom":break;case"center-bottom":m+=u/2;break;case"bottom-bottom":m+=u;break;case"top-center":m+=d/2;break;case"bottom-center":m+=d/2+u;break;case"center-center":m+=d/2+u/2;break;case"top-top":m+=d;break;case"bottom-top":m+=u+d;break;case"center-top":m+=u/2+d}var f=new IntersectionObserver(function(t){t.forEach(function(t){var n=window.scrollY||window.pageYOffset,r=n+d>=e.position&&n<=e.position-m+u;t.isIntersecting?r&&(o.classList.add("aos-animate"),a&&f.unobserve(c)):a||r||o.classList.remove("aos-animate")})},{rootMargin:"9999px 0px -".concat(m,"px 0px"),threshold:0});f.observe(c),w.push(f)}),O(),b},j=function(){b=m(),z()};const S={init:function(e){A=Object.assign(A,e),b=m();var t,o=document.all&&!window.atob;if(!0===(t=A.disable)||"mobile"===t&&d.mobile()||"phone"===t&&d.phone()||"tablet"===t&&d.tablet()||"function"==typeof t&&!0===t()||o)return L(),b.forEach(function(e){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay"),e.node.classList.remove("aos-animate")}),b;var n,a,r=document.querySelector("body");if(r&&(r.setAttribute("data-aos-easing",A.easing),r.setAttribute("data-aos-duration",A.duration),r.setAttribute("data-aos-delay",A.delay)),"DOMContentLoaded"===A.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?z(!0):"load"===A.startEvent?window.addEventListener(A.startEvent,function(){z(!0)}):document.addEventListener(A.startEvent,function(){z(!0)}),"load"!==A.startEvent&&(k&&window.removeEventListener("load",k),k=function(){z()},window.addEventListener("load",k)),h&&window.removeEventListener("resize",h),y&&window.removeEventListener("orientationchange",y),h=E(function(){return z()},A.debounceDelay),y=E(function(){return z()},A.debounceDelay),window.addEventListener("resize",h),window.addEventListener("orientationchange",y),x||(n=O,a=null,x=function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];a||(a=setTimeout(function(){n.apply(void 0,t),a=null},100))},window.addEventListener("scroll",x)),g&&(g.disconnect(),g=null),!A.disableMutationObserver){var i=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver;i&&(g=new i(function(e){var t=!1;e.forEach(function(e){[].concat(f(Array.from(e.addedNodes)),f(Array.from(e.removedNodes))).some(function(e){return!(1!==e.nodeType||!e.hasAttribute("data-aos")&&!e.querySelector("[data-aos]"))})&&(t=!0)}),t&&j()})).observe(document.documentElement,{childList:!0,subtree:!0})}return b},refresh:z,refreshHard:j,destroy:function(){L(),h&&(window.removeEventListener("resize",h),h=null),y&&(window.removeEventListener("orientationchange",y),y=null),k&&(window.removeEventListener("load",k),k=null),x&&(window.removeEventListener("scroll",x),x=null),g&&(g.disconnect(),g=null),v=!1}}})(),t.default})());
|
package/dist/react.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("./aos.js"),require("react")):"function"==typeof define&&define.amd?define(["./aos.js","react"],t):"object"==typeof exports?exports.react=t(require("./aos.js"),require("react")):e.react=t(e["./aos.js"],e.react)}(this,(e,t)=>(()=>{"use strict";var r={149(t){t.exports=e},155(e){e.exports=t}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var s=o[e]={exports:{}};return r[e](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var s={};n.d(s,{default:()=>f});var a=n(155),u=n(149),c=n.n(u);const f=function(e){(0,a.useEffect)(function(){return c().init(e),function(){c().destroy()}},[e])};return s.default})());
|
package/dist/vue.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("./aos.js")):"function"==typeof define&&define.amd?define(["./aos.js"],e):"object"==typeof exports?exports.vue=e(require("./aos.js")):t.vue=e(t["./aos.js"])}(this,t=>(()=>{"use strict";var e={149(e){e.exports=t}},o={};function a(t){var r=o[t];if(void 0!==r)return r.exports;var n=o[t]={exports:{}};return e[t](n,n.exports,a),n.exports}a.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{for(var o in e)a.o(e,o)&&!a.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var r={};a.d(r,{default:()=>f});var n=a(149),u=a.n(n);function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function s(t,e){e.value&&("string"==typeof e.value?t.setAttribute("data-aos",e.value):"object"===i(e.value)&&(e.value.animation&&t.setAttribute("data-aos",e.value.animation),void 0!==e.value.delay&&t.setAttribute("data-aos-delay",e.value.delay),void 0!==e.value.duration&&t.setAttribute("data-aos-duration",e.value.duration),void 0!==e.value.offset&&t.setAttribute("data-aos-offset",e.value.offset),void 0!==e.value.once&&t.setAttribute("data-aos-once",e.value.once))),e.arg&&t.setAttribute("data-aos",e.arg),u().refresh()}const f={install:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};u().init(e);var o={mounted:function(t,e){s(t,e)},unmounted:function(){u().refresh()},inserted:function(t,e){s(t,e)},unbind:function(){u().refresh()}};t.directive&&t.directive("aos",o)}};return r.default})());
|
package/package.json
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "aos-modern",
|
|
3
|
+
"version": "3.0.0",
|
|
4
|
+
"description": "Animate on scroll library using modern browser APIs",
|
|
5
|
+
"homepage": "https://gabulaideu.github.io/aos/",
|
|
6
|
+
"author": "galun <gabulaideu@gmail.com>",
|
|
7
|
+
"license": "MIT",
|
|
8
|
+
"main": "dist/aos.js",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": "./dist/aos.js",
|
|
11
|
+
"./react": "./dist/react.js",
|
|
12
|
+
"./vue": "./dist/vue.js"
|
|
13
|
+
},
|
|
14
|
+
"repository": {
|
|
15
|
+
"type": "git",
|
|
16
|
+
"url": "https://github.com/gabulaideu/aos.git"
|
|
17
|
+
},
|
|
18
|
+
"bugs": {
|
|
19
|
+
"url": "https://github.com/gabulaideu/aos/issues"
|
|
20
|
+
},
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@babel/core": "^7.23.3",
|
|
23
|
+
"@babel/plugin-proposal-decorators": "^7.29.7",
|
|
24
|
+
"@babel/preset-env": "^7.23.3",
|
|
25
|
+
"@babel/preset-typescript": "^7.29.7",
|
|
26
|
+
"babel-loader": "^9.1.3",
|
|
27
|
+
"css-loader": "^6.8.1",
|
|
28
|
+
"jasmine-core": "^5.1.1",
|
|
29
|
+
"jquery": "^3.7.1",
|
|
30
|
+
"karma": "^6.4.2",
|
|
31
|
+
"karma-chrome-launcher": "^3.2.0",
|
|
32
|
+
"karma-jasmine": "^5.1.0",
|
|
33
|
+
"karma-webpack": "^5.0.0",
|
|
34
|
+
"mini-css-extract-plugin": "^2.7.6",
|
|
35
|
+
"postcss": "^8.4.31",
|
|
36
|
+
"postcss-loader": "^7.3.3",
|
|
37
|
+
"sass": "^1.69.5",
|
|
38
|
+
"sass-loader": "^14.0.0",
|
|
39
|
+
"style-loader": "^3.3.3",
|
|
40
|
+
"webpack": "^5.89.0",
|
|
41
|
+
"webpack-cli": "^5.1.4",
|
|
42
|
+
"webpack-dev-server": "^4.15.1"
|
|
43
|
+
},
|
|
44
|
+
"dependencies": {},
|
|
45
|
+
"scripts": {
|
|
46
|
+
"test": "karma start karma.conf.js",
|
|
47
|
+
"build": "webpack",
|
|
48
|
+
"dev": "webpack serve",
|
|
49
|
+
"prepublishOnly": "npm run build && npm run test"
|
|
50
|
+
},
|
|
51
|
+
"files": [
|
|
52
|
+
"dist",
|
|
53
|
+
"src",
|
|
54
|
+
"LICENSE",
|
|
55
|
+
"README.md",
|
|
56
|
+
"README.zh-CN.md",
|
|
57
|
+
"CHANGELOG.md"
|
|
58
|
+
]
|
|
59
|
+
}
|