earthnut 0.1.2 → 0.1.3-beta.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/BackgroundRipple/index.cjs +1 -0
- package/BackgroundRipple/index.mjs +1 -0
- package/Layout/index.cjs +1 -0
- package/Layout/index.mjs +1 -0
- package/README.md +28 -0
- package/components/button/button.d.ts +5 -0
- package/components/button/index.d.ts +3 -0
- package/components/index.d.ts +3 -0
- package/components/layout/EnLayoutContent.d.ts +3 -0
- package/components/layout/content.d.ts +11 -0
- package/components/layout/footer.d.ts +16 -0
- package/components/layout/generate-class.d.ts +2 -0
- package/components/layout/get-value.d.ts +4 -0
- package/components/layout/header.d.ts +18 -0
- package/components/layout/index.d.ts +2 -0
- package/components/layout/layout.d.ts +50 -0
- package/components/layout/sideBar.d.ts +24 -0
- package/components/layout/types.d.ts +101 -0
- package/components/menu/index.d.ts +0 -0
- package/components/menu/menu.d.ts +0 -0
- package/components/ripples/RipplesEle.d.ts +35 -0
- package/components/ripples/index.d.ts +4 -0
- package/components/ripples/types.d.ts +11 -0
- package/components/ripples/useOptionUpdate.d.ts +5 -0
- package/customHooks/index.d.ts +5 -0
- package/customHooks/useAnimationFrame.d.ts +42 -0
- package/customHooks/useInputIsComposing.d.ts +46 -0
- package/customHooks/useRipples/buildBackground/create-background-color.d.ts +3 -0
- package/customHooks/useRipples/buildBackground/create-linear-gradient.d.ts +3 -0
- package/customHooks/useRipples/buildBackground/default-background/_createImageData.d.ts +7 -0
- package/customHooks/useRipples/buildBackground/default-background/circleDataList.d.ts +18 -0
- package/customHooks/useRipples/buildBackground/default-background/createCanvasElementBySize.d.ts +2 -0
- package/customHooks/useRipples/buildBackground/default-background/createDefault.d.ts +2 -0
- package/customHooks/useRipples/buildBackground/default-background/index.d.ts +10 -0
- package/customHooks/useRipples/buildBackground/load-image.d.ts +13 -0
- package/customHooks/useRipples/buildBackground/run-side.d.ts +9 -0
- package/customHooks/useRipples/buildBackground/type.d.ts +31 -0
- package/customHooks/useRipples/buildBackground/utils/bind-image.d.ts +4 -0
- package/customHooks/useRipples/buildBackground/utils/create-canvas-element.d.ts +3 -0
- package/customHooks/useRipples/buildBackground/utils/create-image-by-src.d.ts +2 -0
- package/customHooks/useRipples/buildBackground/utils/get-background-style.d.ts +3 -0
- package/customHooks/useRipples/buildBackground/utils/hide-css-background.d.ts +10 -0
- package/customHooks/useRipples/buildBackground/utils/restore-css-background.d.ts +7 -0
- package/customHooks/useRipples/callback/destroy.d.ts +3 -0
- package/customHooks/useRipples/callback/drop.d.ts +3 -0
- package/customHooks/useRipples/callback/fade.d.ts +3 -0
- package/customHooks/useRipples/callback/reload-background.d.ts +6 -0
- package/customHooks/useRipples/callback/scale.d.ts +2 -0
- package/customHooks/useRipples/index.d.ts +40 -0
- package/customHooks/useRipples/init/index.d.ts +5 -0
- package/customHooks/useRipples/init/initEvent.d.ts +5 -0
- package/customHooks/useRipples/init/initShaders.d.ts +7 -0
- package/customHooks/useRipples/init/initTexture.d.ts +7 -0
- package/customHooks/useRipples/render/computeTextureBoundaries.d.ts +3 -0
- package/customHooks/useRipples/render/draw.d.ts +7 -0
- package/customHooks/useRipples/render/drawQuad.d.ts +7 -0
- package/customHooks/useRipples/render/dropAtPointer.d.ts +7 -0
- package/customHooks/useRipples/render/index.d.ts +6 -0
- package/customHooks/useRipples/render/swapBufferIndices.d.ts +5 -0
- package/customHooks/useRipples/render/update.d.ts +5 -0
- package/customHooks/useRipples/rippersData/defaultData.d.ts +5 -0
- package/customHooks/useRipples/rippersData/fadeData.d.ts +43 -0
- package/customHooks/useRipples/rippersData/index.d.ts +40 -0
- package/customHooks/useRipples/rippersData/loadConfig.d.ts +19 -0
- package/customHooks/useRipples/rippersData/renderData.d.ts +74 -0
- package/customHooks/useRipples/rippersData/useOptions.d.ts +81 -0
- package/customHooks/useRipples/rippersData/vertexSource.d.ts +28 -0
- package/customHooks/useRipples/ripple.html.d.ts +6 -0
- package/customHooks/useRipples/ripplesClass.d.ts +51 -0
- package/customHooks/useRipples/tools.d.ts +31 -0
- package/customHooks/useRipples/types.d.ts +198 -0
- package/customHooks/useTimeId.d.ts +46 -0
- package/dog.d.ts +2 -0
- package/index.cjs +1 -0
- package/index.d.ts +5 -0
- package/index.js.LICENSE.txt +79 -0
- package/index.mjs +1 -0
- package/package.json +2 -2
- package/styles/common.scss +444 -0
- package/useAnimationFrame/index.cjs +1 -0
- package/useAnimationFrame/index.mjs +1 -0
- package/useInputIsComposing/index.cjs +1 -0
- package/useInputIsComposing/index.mjs +1 -0
- package/useRipples/index.cjs +1 -0
- package/useRipples/index.mjs +1 -0
- package/useTimeId/index.cjs +1 -0
- package/useTimeId/index.mjs +1 -0
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
/****************************************************************************
|
|
2
|
+
* @Author earthnut
|
|
3
|
+
* @Email earthnut.dev@outlook.com
|
|
4
|
+
* @ProjectName react-ripples
|
|
5
|
+
* @FileName interface.ts
|
|
6
|
+
* @CreateDate 周二 12/17/2024
|
|
7
|
+
* @Description BackgroundRipples 的类型声明文件
|
|
8
|
+
****************************************************************************/
|
|
9
|
+
import { CSSProperties, ReactElement } from 'react';
|
|
10
|
+
export type ImageCrossOrigin = 'anonymous' | 'use-credentials' | 'no-cors';
|
|
11
|
+
/**
|
|
12
|
+
*
|
|
13
|
+
* 背景涟漪的 props 类型
|
|
14
|
+
*
|
|
15
|
+
* - children 可选属性,定义子组件或子组件们
|
|
16
|
+
* - style 可选属性,定义自定义外壳的样式,在内含 `children` 时生效
|
|
17
|
+
* - option 可选属性,自定义涟漪的初始化属性
|
|
18
|
+
* - resolution 分辨率,纹理的尺寸,该项目中该值为纹理的宽和高,缺省为 `256`
|
|
19
|
+
* - dropRadius 扩撒半径,缺省值为 `20`
|
|
20
|
+
* - perturbance 扰动系数,缺省为 `0.03`
|
|
21
|
+
* - interactive 光标交互,缺省为 `true` ,关闭须显示传入 `false` 值
|
|
22
|
+
* - accelerating 加速光标移动触发,缺省为 `1`
|
|
23
|
+
* - crossOrigin 原始样式
|
|
24
|
+
* - imgUrl 原始背景图片地址
|
|
25
|
+
* - playingState 当前的播放状态,缺省为 `true` ,设定为 `false` 时并不关闭,而是暂停
|
|
26
|
+
* - raindropsTimeInterval 雨滴滴落的间隔,缺省为 `3600`,可设置区间为 `10 ~ 12000`
|
|
27
|
+
* 该值还将影响无背景设置时默认背景的切换频率,几乎每两个雨滴落下就会切换一次背景
|
|
28
|
+
* - idleFluctuations 闲置波动,在光标交互不触发时,将触发模拟雨滴,缺省为 `true`
|
|
29
|
+
*
|
|
30
|
+
*/
|
|
31
|
+
export interface BackgroundRipplesProps {
|
|
32
|
+
/**
|
|
33
|
+
* 用于设定外层的样式
|
|
34
|
+
*/
|
|
35
|
+
style?: CSSProperties;
|
|
36
|
+
/** 子元素 */
|
|
37
|
+
children?: ReactElement | ReactElement[];
|
|
38
|
+
/**
|
|
39
|
+
* ## 可设定涟漪的参数
|
|
40
|
+
*
|
|
41
|
+
* - resolution 波速,值越小,波动越快。缺省为 `360`
|
|
42
|
+
* - dropRadius 波动强度,值越小,波动效果越大,缺省值为 `12`
|
|
43
|
+
* - perturbance 扰动系数,值越大,对原背景造成干涉越强,缺省为 `0.01`
|
|
44
|
+
* - interactive 光标交互,缺省为 `true` ,关闭须显示传入 `false` 值
|
|
45
|
+
* - accelerating 加速光标移动触发,类似于扰动系数,及作用与鼠标或手指触发,缺省为 `1`
|
|
46
|
+
* - crossOrigin 原始样式
|
|
47
|
+
* - imgUrl 原始背景图片地址
|
|
48
|
+
* - playingState 当前的播放状态,缺省为 `true` ,设定为 `false` 时并不关闭,而是暂停
|
|
49
|
+
* - raindropsTimeInterval 雨滴滴落的间隔,缺省为 `3650`,可设置区间为 `10 ~ 12000`,值越小,雨越大
|
|
50
|
+
* 该值还将影响无背景设置时默认背景的切换频率,几乎每两个雨滴落下就会切换一次背景
|
|
51
|
+
* - idleFluctuations 闲置波动,在光标交互不触发时,将触发模拟雨滴,缺省为 `true`
|
|
52
|
+
*/
|
|
53
|
+
option?: RipplesOptions;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
*
|
|
57
|
+
* WebGLProgram
|
|
58
|
+
*
|
|
59
|
+
*/
|
|
60
|
+
export interface Program {
|
|
61
|
+
id: WebGLProgram;
|
|
62
|
+
uniforms: {
|
|
63
|
+
[x: string]: Float32Array;
|
|
64
|
+
};
|
|
65
|
+
locations: {
|
|
66
|
+
[x: string]: WebGLUniformLocation;
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* 设定的元素背景的 url 地址
|
|
71
|
+
*
|
|
72
|
+
* 缺省为 `null`
|
|
73
|
+
*/
|
|
74
|
+
export type RippleImgUrl = string | string[] | null;
|
|
75
|
+
export type RipplesUseOptions = {
|
|
76
|
+
/**
|
|
77
|
+
* 波速
|
|
78
|
+
*
|
|
79
|
+
* 作用为波传播的速度,值越大,波传播的越慢
|
|
80
|
+
*
|
|
81
|
+
* 缺省为 `360`
|
|
82
|
+
*/
|
|
83
|
+
resolution: number;
|
|
84
|
+
/**
|
|
85
|
+
* 波动强度
|
|
86
|
+
*
|
|
87
|
+
* 值越小,波动越明显
|
|
88
|
+
*
|
|
89
|
+
* 缺省为 `12`
|
|
90
|
+
*/
|
|
91
|
+
dropRadius: number;
|
|
92
|
+
/**
|
|
93
|
+
* 扰动系数
|
|
94
|
+
*
|
|
95
|
+
* 缺省 `0.01`
|
|
96
|
+
*
|
|
97
|
+
* 取之范围 `0.01 - 1`
|
|
98
|
+
*
|
|
99
|
+
* 值越大,扰动效果越明显
|
|
100
|
+
*/
|
|
101
|
+
perturbance: number;
|
|
102
|
+
/**
|
|
103
|
+
* 是否开启光标滑动轨迹
|
|
104
|
+
*
|
|
105
|
+
* 缺省为 `true`
|
|
106
|
+
*/
|
|
107
|
+
interactive: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* 加速光标移动触发,缺省为 `1`
|
|
110
|
+
*
|
|
111
|
+
*
|
|
112
|
+
* 由于大佬原方法在光标触发 mousemove 时不怎么明显
|
|
113
|
+
*
|
|
114
|
+
* 所以以倍级触发会让波动更加明显
|
|
115
|
+
*
|
|
116
|
+
* 可设置区间为 `2 - 100`
|
|
117
|
+
*/
|
|
118
|
+
accelerating: number;
|
|
119
|
+
/**
|
|
120
|
+
* 原设定的背景图片
|
|
121
|
+
*
|
|
122
|
+
* 缺省为 `''`
|
|
123
|
+
*/
|
|
124
|
+
crossOrigin: ImageCrossOrigin;
|
|
125
|
+
/**
|
|
126
|
+
* 设定的元素背景的 url 地址
|
|
127
|
+
*
|
|
128
|
+
* 缺省为 `null`
|
|
129
|
+
*/
|
|
130
|
+
imgUrl: RippleImgUrl;
|
|
131
|
+
/**
|
|
132
|
+
* 当前涟漪的状态
|
|
133
|
+
*
|
|
134
|
+
* 缺省为 `true` , 即涟漪触发正在执行
|
|
135
|
+
*/
|
|
136
|
+
playingState: boolean;
|
|
137
|
+
/**
|
|
138
|
+
* 雨滴滴落的时间间隔
|
|
139
|
+
*
|
|
140
|
+
* 单位为 ms
|
|
141
|
+
*
|
|
142
|
+
* 缺省值为 `3600`
|
|
143
|
+
*
|
|
144
|
+
*
|
|
145
|
+
* 可设置区间为 `10 ~ 12000`
|
|
146
|
+
*
|
|
147
|
+
* 该值还将影响无背景设置时默认背景的切换频率,几乎每两个雨滴落下就会切换一次背景
|
|
148
|
+
*/
|
|
149
|
+
raindropsTimeInterval: number;
|
|
150
|
+
/**
|
|
151
|
+
* 闲置波动
|
|
152
|
+
*
|
|
153
|
+
* 在光标交互不触发时,将触发模拟雨滴
|
|
154
|
+
*
|
|
155
|
+
* 缺省为 `true`
|
|
156
|
+
*/
|
|
157
|
+
idleFluctuations: boolean;
|
|
158
|
+
};
|
|
159
|
+
/**
|
|
160
|
+
*
|
|
161
|
+
* 涟漪设定参数
|
|
162
|
+
*
|
|
163
|
+
* - resolution 分波速,值越小,波动越快。缺省为 `360`
|
|
164
|
+
* - dropRadius 波动强度,值越小,波动效果越大,缺省值为 `12`
|
|
165
|
+
* - perturbance 扰动系数,值越大,对原背景造成干涉越强,缺省为 `0.01`
|
|
166
|
+
* - interactive 光标交互,缺省为 `true` ,关闭须显示传入 `false` 值
|
|
167
|
+
* - accelerating 加速光标移动触发,类似于扰动系数,及作用与鼠标或手指触发,缺省为 `1`
|
|
168
|
+
* - crossOrigin 原始样式
|
|
169
|
+
* - imgUrl 原始背景图片地址
|
|
170
|
+
* - playingState 当前的播放状态,缺省为 `true` ,设定为 `false` 时并不关闭,而是暂停
|
|
171
|
+
* - raindropsTimeInterval 雨滴滴落的间隔,缺省为 `3650`,可设置区间为 `10 ~ 12000`,值越小,雨越大
|
|
172
|
+
* 该值还将影响无背景设置时默认背景的切换频率,几乎每两个雨滴落下就会切换一次背景
|
|
173
|
+
* - idleFluctuations 闲置波动,在光标交互不触发时,将触发模拟雨滴,缺省为 `true`
|
|
174
|
+
*/
|
|
175
|
+
export type RipplesOptions = {
|
|
176
|
+
[x in keyof RipplesUseOptions]?: RipplesUseOptions[x];
|
|
177
|
+
};
|
|
178
|
+
/**
|
|
179
|
+
* 初始默认值
|
|
180
|
+
*/
|
|
181
|
+
export interface RipplesDefaultData {
|
|
182
|
+
/** 默认的图像地址 */
|
|
183
|
+
imgUrl: null;
|
|
184
|
+
/** */
|
|
185
|
+
resolution: 256;
|
|
186
|
+
dropRadius: 10;
|
|
187
|
+
perturbance: 0.03;
|
|
188
|
+
interactive: true;
|
|
189
|
+
crossOrigin: '';
|
|
190
|
+
playingState: true;
|
|
191
|
+
accelerating: 1;
|
|
192
|
+
raindropsTimeInterval: 3600;
|
|
193
|
+
idleFluctuations: true;
|
|
194
|
+
}
|
|
195
|
+
/**
|
|
196
|
+
*
|
|
197
|
+
*/
|
|
198
|
+
export type Textures = WebGLTexture[];
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* ### 导出一个使用 `useRef` 创建的 `NodeJS.Timeout`
|
|
4
|
+
*
|
|
5
|
+
* 该数值在组件卸载时会自动调用 `clearTimeout` 清理
|
|
6
|
+
*
|
|
7
|
+
* @version 0.0.3
|
|
8
|
+
* @see https://earthnut.dev/use-time-id
|
|
9
|
+
* @example
|
|
10
|
+
*
|
|
11
|
+
* 使用:
|
|
12
|
+
*
|
|
13
|
+
* ```ts
|
|
14
|
+
* import { useTimeId } from 'earthnut/useTimeId';
|
|
15
|
+
* // 也可以全量导入
|
|
16
|
+
* // import { useTimeId } from 'earthnut';
|
|
17
|
+
* ...
|
|
18
|
+
* const timeoutId = useTimeId();
|
|
19
|
+
*
|
|
20
|
+
* useEffect(()=>{
|
|
21
|
+
* timeoutId.current = setTimeout(()=>{
|
|
22
|
+
* ...
|
|
23
|
+
* } ,delay);
|
|
24
|
+
* });
|
|
25
|
+
* ...
|
|
26
|
+
*
|
|
27
|
+
* ```
|
|
28
|
+
*
|
|
29
|
+
* 其实,正确的用法是这样的:
|
|
30
|
+
*
|
|
31
|
+
* ```ts
|
|
32
|
+
*
|
|
33
|
+
* useEffect(()=>{
|
|
34
|
+
* const timeId = setTimeout(()=>{
|
|
35
|
+
* ...
|
|
36
|
+
* }, delay) ;
|
|
37
|
+
*
|
|
38
|
+
* return ()=> timeId && clearTimeout(timeId);
|
|
39
|
+
* });
|
|
40
|
+
*
|
|
41
|
+
* ```
|
|
42
|
+
*
|
|
43
|
+
* 根本就不用引入这个自定义 `hook` , 哈哈哈哈哈
|
|
44
|
+
*
|
|
45
|
+
*/
|
|
46
|
+
export declare function useTimeId(): import("react").RefObject<NodeJS.Timeout | undefined>;
|
package/dog.d.ts
ADDED
package/index.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";(()=>{var e={97:(e,t,r)=>{"use strict";r.d(t,{useAnimationFrameId:()=>i});var n=r(953);function i(){var e=(0,n.useRef)(0);return(0,n.useEffect)(function(){return function(){e.current&&window.cancelAnimationFrame(e.current)}},[]),e}},227:(e,t,r)=>{"use strict";r.d(t,{BackgroundRipple:()=>g});var n=r(953),i=r.n(n),o=r(680),a=r(570);var s=r(704);function u(e){"@babel/helpers - typeof";return u="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},u(e)}var l,c=["children","style"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach(function(t){d(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function d(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=u(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var h=s.Ay.div(l||(l=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n position: relative;\n top: 0px;\n left: 0px;\n z-index: 1;\n width: 100%;\n height: 100%;\n min-width: 1px;\n min-height: 1px;\n contain: layout paint style;\n will-change: transform, opacity;\n"]))),g=(0,n.forwardRef)(function(e,t){var r=e.children,s=e.style,u=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(e,c),l=(0,n.useRef)(null),f=(0,o.useRipples)(l,u);return function(e,t){(0,n.useEffect)(function(){if(t.option&&e.current){var r=t.option;Object.keys(e.current.defaults).forEach(function(t){!(0,a.isUndefined)(r[t])&&e.current&&e.current.set(t,r[t])})}},[t.option])}(f,u),(0,n.useImperativeHandle)(t,function(){return{toggleState:function(){var e;null===(e=f.current)||void 0===e||e.changePlayingState()},get state(){var e,t;return null!==(e=null===(t=f.current)||void 0===t?void 0:t.options.playingState)&&void 0!==e&&e},pause:function(){var e;null===(e=f.current)||void 0===e||e.pause()},set:function(e){if(!(0,a.isUndefined)(e))for(var t=Object.keys(e),r=0,n=t.length;r<n;r++){var i,o=t[r];null===(i=f.current)||void 0===i||i.set(o,e[o])}}}}),i().createElement(h,{style:p({backgroundRepeat:"round"},s)},i().createElement("canvas",{ref:l,"data-earthnut-ui":"canvas"}),r)});g.displayName="en-background-ripple"},358:(e,t,r)=>{"use strict";r.d(t,{useTimeId:()=>i});var n=r(953);function i(){var e=(0,n.useRef)(void 0);return(0,n.useEffect)(function(){return function(){e.current&&clearTimeout(e.current)}},[]),e}},502:(e,t,r)=>{"use strict";r.d(t,{EnLayout:()=>pe,EnLayoutContent:()=>E,EnLayoutFooter:()=>x,EnLayoutHeader:()=>f,EnLayoutSideBar:()=>y,Layout:()=>pe,LayoutContent:()=>E,LayoutFooter:()=>x,LayoutHeader:()=>f,LayoutSideBar:()=>y});var n=r(953),i=r.n(n);const o=require("xcn");var a,s=r(704),u=["className","children","height","noSticky"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(null,arguments)}var c=s.Ay.div(a||(a=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: header;\n position: sticky;\n top: 0px;\n left: 0px;\n z-index: 10;\n height: var(--layout-header-height);\n box-shadow: 0 4px 13px -3px #0000001a;\n overflow: hidden;\n"]))),f=i().forwardRef(function(e,t){var r=e.className,n=e.children,a=(e.height,e.noSticky,function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(e,u));return i().createElement(c,l({ref:t,className:(0,o.xcn)(["en-layout-header"],r)},a,{"data-earthnut-ui":"layout-header"}),n)});f.displayName="LayoutHeader";var p,d=["className","width","right","full"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(null,arguments)}var g=s.Ay.div(p||(p=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n position: sticky;\n left: 0;\n z-index: 8;\n grid-area: side;\n overflow-x: hidden;\n overflow-y: auto;\n"]))),y=i().forwardRef(function(e,t){var r=e.className,n=(e.width,e.right,e.full,function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(e,d));return i().createElement(g,h({className:(0,o.xcn)("en-layout-side",r),ref:t},n,{"data-earthnut-ui":"layout-side-bar"}))});y.displayName="LayoutSideBar";var m,v=["className"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},b.apply(null,arguments)}var w=s.Ay.main(m||(m=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: content;\n"]))),E=i().forwardRef(function(e,t){var r=e.className,n=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(e,v);return i().createElement(w,b({ref:t,className:(0,o.xcn)("en-layout-main",r)},n,{"data-earthnut-ui":"layout-content"}))});E.displayName="LayoutContent";var S,O=["className","height"];function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},R.apply(null,arguments)}var P=s.Ay.div(S||(S=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: footer;\n height: var(--layout-footer-height);\n box-shadow: 0 -1px 13px 0px #0000001a;\n overflow: hidden;\n"]))),x=i().forwardRef(function(e,t){var r=e.className,n=(e.height,function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(e,O));return i().createElement(P,R({ref:t},n,{className:(0,o.xcn)("en-layout-footer",r),"data-earthnut-ui":"layout-footer"}))});x.displayName="LayoutFooter";var T,A,I,j,k,_,D,N,C,F,L,$,B,U,M,z,H,W,X,G,Y,q,V,Z,K,J=r(570);function Q(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var ee=s.I4.div(T||(T=Q(["\n position: relative;\n top: 0px;\n width: var(--layout-width);\n height: var(--layout-height);\n overflow-x: hidden;\n overflow-y: auto;\n\n ","\n // 侧边栏全屏样式\n ","\n\n // ------------------------------\n // --- 标准模式(全)与侧边栏右置(全)共用样式 ---\n // 标准模式(全)与侧边栏右置(全)\n ","\n\n // 标准模式(全) 侧边栏与内容区设置\n ","\n // 侧边栏(全) 侧边栏与内容区设置\n ","\n\n // 侧边栏 (全) 左侧全屏\n // side bar 居左全尺寸\n // side bar 值由 en-layout-side-full 控制\n ","\n \n // 标准的 side bar 居左全尺寸\n ","\n\n // side bar 居右全尺寸\n ","\n \n // ------------------------------\n // --- 标准模式(无 header)与侧边栏在右侧的无头模式共用样式 ---\n // 标准的无头模式样式、侧边栏在右侧的无头模式样式\n ","\n \n // 侧边栏(无 header )全屏\n // side bar 居左全尺寸\n // side bar 值由 en-layout-side-full 控制\n ","\n\n // 标准的 side bar 居左全尺寸\n ","\n\n // side bar 居右全尺寸\n ","\n \n // ------------------------------\n // 标准模式(无 footer)与侧边栏右置(无 footer)共用样式\n // 没有 footer\n ","\n \n\n // 标准模式(无 footer) 侧边栏与内容区设置\n ","\n\n\n// 侧边栏在右侧的无 footer 模式样式\n ","\n\n// 侧边栏 (全) 左侧全屏\n// side bar 居左全尺寸\n// side bar 值由 en-layout-side-full 控制\n","\n\n// 标准的 side bar 居左全尺寸\n ","\n\n\n // side bar 居右全尺寸\n ","\n \n // ------------------------------\n // --- 分割线 --- \n // 下面是仅头部、底部和侧边栏布局\n // 仅底部布局\n ","\n\n // 仅头部布局\n ","\n \n // 仅侧边布局\n// 标准的无头模式样式、侧边栏在右侧的无头模式样式\n// side bar 值由 en-layout-side-full 控制\n ","\n \n // 右侧侧边布局\n ","\n"])),function(e){var t=e.$headerNoSticky,r=e.$header,n=e.$layoutType,i=e.$content,o=e.$sidebar;return t&&(0,s.AH)(A||(A=Q(["\n // 头部不粘连样式,头部区域设置\n & > ."," {\n position: relative;\n z-index: 2;\n }\n\n ","\n\n ","\n "])),r,("simple-all"===n||"side-right-all"===n)&&(0,s.AH)(I||(I=Q(["\n & > ."," > ."," {\n top: 0;\n min-height: calc(\n var(--layout-height) - var (--layout-footer-height) - var(--layout-header-height)\n );\n max-height: var(--layout-height);\n }\n "])),i,o),("simple-no-footer"===n||"side-right-no-footer"===n)&&(0,s.AH)(j||(j=Q(["\n & > ."," {\n top: 0;\n min-height: calc(var(--layout-height) - var(--layout-footer-height));\n max-height: var(--layout-height);\n }\n "])),o))},function(e){var t=e.$layoutType,r=e.$sidebar;return"side-full"===t&&(0,s.AH)(k||(k=Q(["\n & > ."," {\n top: 0;\n height: var(--layout-height);\n }\n "])),r)},function(e){var t=e.$layoutType,r=e.$content,n=e.$sidebar;return["simple-all","side-right-all"].includes(t)&&(0,s.AH)(_||(_=Q(["\n // 子元素\n & > ."," {\n display: grid;\n grid-template-rows:\n calc(var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height))\n auto;\n min-height: calc(100% - var(--layout-header-height) - var(--layout-footer-height));\n\n // side bar 块保持粘连,且在 content height 不足时支撑页面\n & > ."," {\n top: var(--layout-header-height);\n min-height: calc(\n var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height)\n );\n max-height: calc(var(--layout-height) - var(--layout-header-height));\n }\n }\n "])),r,n)},function(e){var t=e.$layoutType,r=e.$content;return["simple-all","simple-no-header"].includes(t)&&(0,s.AH)(D||(D=Q(["\n & > ."," {\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side content'\n '. content';\n }\n "])),r)},function(e){var t=e.$layoutType,r=e.$content;return["side-right-all","side-right-no-header"].includes(t)&&(0,s.AH)(N||(N=Q(["\n & > ."," {\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'content side'\n 'content .';\n }\n "])),r)},function(e){var t=e.$layoutType;return["side-full-all","side-right-full-all"].includes(t)&&(0,s.AH)(C||(C=Q(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto var(--layout-footer-height);\n gap: 0px;\n "])))},function(e){return"side-full-all"===e.$layoutType&&(0,s.AH)(F||(F=Q(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side header'\n 'side content'\n 'side footer';\n "])))},function(e){return"side-right-full-all"===e.$layoutType&&(0,s.AH)(L||(L=Q(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'header side'\n 'content side'\n 'footer side';\n "])))},function(e){var t=e.$layoutType,r=e.$content,n=e.$sidebar;return["simple-no-header","side-right-no-header"].includes(t)&&(0,s.AH)($||($=Q(["\n & > ."," {\n display: grid;\n grid-template-rows: auto;\n // side bar 块的样式\n & > ."," {\n top: 0;\n min-height: calc(var(--layout-height) - var(--layout-footer-height));\n max-height: var(--layout-height);\n }\n }\n "])),r,n)},function(e){var t=e.$layoutType;return["side-full-no-header","side-right-full-no-header"].includes(t)&&(0,s.AH)(B||(B=Q(["\n display: grid;\n grid-template-rows: auto var(--layout-footer-height);\n gap: 0px;\n "])))},function(e){return"side-full-no-header"===e.$layoutType&&(0,s.AH)(U||(U=Q(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side content'\n 'side footer';\n "])))},function(e){return"side-right-full-no-header"===e.$layoutType&&(0,s.AH)(M||(M=Q(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'content side'\n 'footer side';\n "])))},function(e){var t=e.$layoutType,r=e.$sidebar;return["simple-no-footer","side-right-no-footer"].includes(t)&&(0,s.AH)(z||(z=Q(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto;\n min-height: calc(100% - var(--layout-header-height));\n gap: 0px;\n // side bar 块保持粘连,且在 content height 不足时支撑页面\n & > ."," {\n top: var(--layout-header-height);\n height: calc(var(--layout-height) - var(--layout-header-height));\n }\n "])),r)},function(e){return"simple-no-footer"===e.$layoutType&&(0,s.AH)(H||(H=Q(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'header header'\n 'side content'\n '. content';\n "])))},function(e){return"side-right-no-footer"===e.$layoutType&&(0,s.AH)(W||(W=Q(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'header header'\n 'content side'\n 'content .';\n "])))},function(e){var t=e.$layoutType,r=e.$main;return["side-full-no-footer","side-right-full-no-footer"].includes(t)&&(0,s.AH)(X||(X=Q(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto;\n gap: 0px;\n\n // content 块\n & > ."," {\n min-height: calc(var(--layout-height) - var (--layout-header-height));\n }\n "])),r)},function(e){return"side-full-no-footer"===e.$layoutType&&(0,s.AH)(G||(G=Q(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side header'\n 'side content';\n "])))},function(e){return"side-right-full-no-footer"===e.$layoutType&&(0,s.AH)(Y||(Y=Q(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'header side'\n 'content side';\n "])))},function(e){return"only-footer"===e.$layoutType&&(0,s.AH)(q||(q=Q(["\n display: grid;\n grid-template-rows: auto var(--layout-footer-height);\n grid-template-columns: 1fr;\n gap: 0px;\n grid-template-areas: 'content' 'footer';\n "])))},function(e){return"only-header"===e.$layoutType&&(0,s.AH)(V||(V=Q(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto;\n grid-template-columns: 1fr;\n gap: 0px;\n grid-template-areas: 'header' 'content';\n "])))},function(e){var t=e.$layoutType;return["simple-only-side","side-right-only-side","side-full-only-side","side-right-full-only-side"].includes(t)&&(0,s.AH)(Z||(Z=Q(["\n display: grid;\n // 纵向空间占比设置\n grid-template-rows: 100%;\n // 横向空间占比设置\n grid-template-columns: var(--layout-side-bar-width) auto;\n gap: 0px;\n grid-template-areas:\n 'side content'\n '. content';\n "])))},function(e){var t=e.$layoutType;return("side-right-full-only-side"===t||"side-right-only-side"===t)&&(0,s.AH)(K||(K=Q(["\n grid-template-areas:\n 'content side'\n 'content .';\n grid-template-columns: auto var(--layout-side-bar-width);\n "])))});function te(e){return(0,J.isNumber)(e)||parseInt(e)===Number(e)?e+"px":e||0}var re=r(705);function ne(e){return"en-"+e+"-"+(0,re.getRandomString)({length:12,includeNumbers:!0,includeUppercaseLetters:!0})}function ie(e){"@babel/helpers - typeof";return ie="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},ie(e)}var oe,ae=["className","children","style","width","height","classes"];function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},se.apply(null,arguments)}function ue(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function le(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(r),!0).forEach(function(t){ce(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ue(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function ce(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=ie(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==ie(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var fe=s.Ay.div(oe||(oe=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: content;\n overflow: auto;\n"]))),pe=n.forwardRef(function(e,t){var r,i,a,s,u=e.className,l=e.children,c=e.style,p=e.width,d=void 0===p?"100vw":p,h=e.height,g=void 0===h?"100vh":h,m=e.classes,v=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(e,ae),b="simple",w=!1,S=!1,O=!1,R=!1,P=!1,T=150,A="2.8rem",I="2rem",j=!1,k=ne("header"),_=ne("content"),D=ne("main"),N=ne("sidebar"),C=ne("footer");n.Children.forEach(l,function(e){if(n.isValidElement(e))if(S||e.type!==f)if(O||e.type!==y)if(R||e.type!==E)if(R||e.type!==pe){if(!P&&e.type===x){var t=e;I=t.props.height||I,s=n.cloneElement(t,{className:(0,o.xcn)(C,t.props.className)}),P=!0}}else{var u=e;a=n.createElement(fe,{"data-earthnut-ui":"layout-content",className:(0,o.xcn)(D,"en-layout-main")},u),R=!0}else{var l=e;a=n.cloneElement(l,{className:(0,o.xcn)(D,l.props.className)}),R=!0}else{var c=e,p=c.props;T=p.width||T,b=p.right&&p.full?"side-right-full":p.right?"side-right":p.full?"side-full":"simple",j=(0,J.isTrue)(p.full),i=n.cloneElement(c,{className:(0,o.xcn)(N,c.props.className)}),O=!0}else{var d,h=e,g=h.props;A=g.height||A,w=null!==(d=g.noSticky)&&void 0!==d&&d,r=n.cloneElement(h,{className:(0,o.xcn)(k,h.props.className)}),S=!0}});var F=S&&O&&R&&P&&"".concat(b,"-all")||S&&R&&O&&"".concat(b,"-no-footer")||O&&R&&P&&"".concat(b,"-no-header")||R&&P&&"only-footer"||R&&S&&"only-header"||R&&O&&(j=!0)&&"".concat(b,"-only-side")||"simple",L=le({layoutHeight:d,layoutWith:g,sideBarWidth:T,headerHeight:A,footerHeight:I},v.theme||{}),$=/side.*full/.test(b);return n.createElement(ee,se({ref:t,$headerNoSticky:w,$layoutType:F,$header:k,$sidebar:N,$main:D,$content:_,$footer:C,className:(0,o.xcn)(j&&"en-layout-side-full","en-layout-".concat(F),u,m),style:le({"--layout-width":te(d),"--layout-height":te(g),"--layout-side-bar-width":te(T),"--layout-header-height":te(A),"--layout-footer-height":te(I)},c),theme:L},v,{"data-earthnut-ui":"layout"}),$?n.createElement(n.Fragment,null,i,r,a,s):n.createElement(n.Fragment,null,r,P?n.createElement("div",{className:(0,o.xcn)(_),"data-earthnut-ui":"layout-with-foot-content"},i,a):n.createElement(n.Fragment,null,i,a),s))});pe.displayName="Layout"},570:e=>{"use strict";e.exports=require("a-type-of-js")},641:(e,t,r)=>{"use strict";r.d(t,{useInputIsComposing:()=>i});var n=r(953);function i(e){var t=(0,n.useRef)(!1);return(0,n.useEffect)(function(){var r=e.current;if(r){var n=function(){return t.current=!0},i=function(){return t.current=!1};return r.addEventListener("compositionstart",n),r.addEventListener("compositionend",i),function(){r.removeEventListener("compositionstart",n),r.removeEventListener("compositionend",i)}}},[]),t}},680:(e,t,r)=>{"use strict";r.d(t,{useRipples:()=>Ve});var n=r(953);const i=require("a-element-inline-style");var o=r(570);function a(e,t,r,n){function i(e,t){var n=r.createShader(e);if(r.shaderSource(n,t),r.compileShader(n),!r.getShaderParameter(n,r.COMPILE_STATUS))throw new Error("compile error: "+r.getShaderInfoLog(n));return n}var a,s={id:r.createProgram(),uniforms:{},locations:{}};if(r.attachShader(s.id,i(r.VERTEX_SHADER,e)),r.attachShader(s.id,i(r.FRAGMENT_SHADER,t)),r.linkProgram(s.id),!r.getProgramParameter(s.id,r.LINK_STATUS))throw new Error("link error: "+r.getProgramInfoLog(s.id));r.useProgram(s.id),r.enableVertexAttribArray(0);for(var u=e+t,l=/uniform (\w+) (\w+)/g;!(0,o.isNull)(a=l.exec(u));){var c=a[2];s.locations[c]=r.getUniformLocation(s.id,c)}return s}function s(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=this.gl;r.activeTexture(r.TEXTURE0+(t||0)),r.bindTexture(r.TEXTURE_2D,e)}function u(e){return"rgba(0, 0, 0, 0)"===e||"#ffffffff"===e||"transport"===e}function l(e){return"none"===e||""===e}function c(){var e=this,t=function(){return e.initState=!1,null};if(!this.gl)return t();var r=this.gl,n=Object.fromEntries(["OES_texture_float","OES_texture_half_float","OES_texture_float_linear","OES_texture_half_float_linear"].reduce(function(e,t){var n=r.getExtension(t);return n&&e.push([t,n]),e},[]));if(!n.OES_texture_float)return t();var i=[];function o(e,t,r){var i="OES_texture_"+e,o=i+"_linear",a=o in n;return{type:t,linearSupport:a,arrayType:r,extensions:a?[i,o]:[i]}}i.push(o("float",r.FLOAT,Float32Array)),n.OES_texture_half_float&&i.push(o("half_float",n.OES_texture_half_float.HALF_FLOAT_OES,null));var a=r.createTexture(),s=r.createFramebuffer();r.bindFramebuffer(r.FRAMEBUFFER,s),r.bindTexture(r.TEXTURE_2D,a),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE);for(var u=null,l=0;l<i.length;l++)if(r.texImage2D(r.TEXTURE_2D,0,r.RGBA,32,32,0,r.RGBA,i[l].type,null),r.framebufferTexture2D(r.FRAMEBUFFER,r.COLOR_ATTACHMENT0,r.TEXTURE_2D,a,0),r.checkFramebufferStatus(r.FRAMEBUFFER)===r.FRAMEBUFFER_COMPLETE){u=i[l];break}return u}function f(e){"@babel/helpers - typeof";return f="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},f(e)}function p(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,g(n.key),n)}}function d(e,t,r){return t&&p(e.prototype,t),r&&p(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function h(e,t,r){return(t=g(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){var t=function(e,t){if("object"!=f(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==f(t)?t:t+""}var y=d(function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),h(this,"canvas",void 0),h(this,"gl",void 0),h(this,"config",void 0),h(this,"initState",!0),this.canvas=t;var r=t.getContext("webgl");if((0,o.isNull)(r))return this.initState=!1,void(this.config=null);this.gl=r,this.config=Reflect.apply(c,this,[])}),m=r(705),v={imgUrl:null,resolution:360,dropRadius:12,perturbance:.01,interactive:!0,crossOrigin:"no-cors",playingState:!0,accelerating:1,raindropsTimeInterval:3600,idleFluctuations:!0};function b(e){"@babel/helpers - typeof";return b="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},b(e)}function w(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,E(n.key),n)}}function E(e){var t=function(e,t){if("object"!=b(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==b(t)?t:t+""}Object.freeze(v);var S;new(function(){return function(e,t,r){return t&&w(e.prototype,t),r&&w(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var t=function(){};return Object.setPrototypeOf(t,this),Object.defineProperties(t,{info:{value:function(){},configurable:!1,writable:!1},warn:{value:function(){},configurable:!1,writable:!1},error:{value:function(){},configurable:!1,writable:!1},type:{value:!1,configurable:!1,writable:!1}}),t},[{key:"clear",value:function(){}}])}())({name:"earthnut",type:!1});function O(e){"@babel/helpers - typeof";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 R(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,P(n.key),n)}}function P(e){var t=function(e,t){if("object"!=O(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=O(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==O(t)?t:t+""}function x(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function T(e,t,r){return e.set(I(e,t),r),r}function A(e,t){return e.get(I(e,t))}function I(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}function j(e){return function(e){if(Array.isArray(e))return k(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 k(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?k(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 k(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var _=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t={list:[],diameter:48,radius:0,cells:0};t.diameter%2!=0&&t.diameter++;var r=t.diameter,n=t.list,i=r/2;t.radius=i,t.cells=Math.pow(r,2);for(var o=0;o<r;o++){n[o]=[];for(var a=0;a<r;a++)n[o][a]=[0,0,0,0]}for(var s=0;s<=i;s++)for(var u=s;u<=i;u++){var l=n[s][u],c=function(){return(0,m.getRandomInt)(255,190)};l[0]=c(),l[1]=c(),l[2]=c(),l[3]=Math.ceil(Math.sqrt(Math.pow(s,2)+Math.pow(u,2)))<=i?(0,m.getRandomInt)(120,180):(0,m.getRandomInt)(160,240)}for(var f=0;f<=i;f++)for(var p=0;p<=f;p++)n[f][p]=n[p][f];for(var d=i;d<r;d++)for(var h=0;h<=i;h++)n[d][h]=n[r-d][h];for(var g=0;g<i;g++)for(var y=i;y<r;y++)n[g][y]=n[g][r-y];for(var v=i;v<r;v++)for(var b=i;b<r;b++)n[v][b]=n[v][r-b];var w=e%r;return t.list=[].concat(j(n.slice(w)),j(n.slice(0,w))),t},D=new(S=new WeakMap,function(){return function(e,t,r){return t&&R(e.prototype,t),r&&R(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),x(this,S,1),function(e,t,r){(t=P(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(this,"data",_())},[{key:"build",value:function(){A(S,this)>100&&T(S,this,0),this.data=_(T(S,this,A(S,this)+3))}}])}());function N(e,t){var r=document.createElement("canvas"),n=document.createElement("canvas"),i=r.getContext("2d"),a=n.getContext("2d");return(0,o.isNull)(i)||(0,o.isNull)(a)?r:(r.width=n.width=e||1,r.height=n.height=t||1,i.clearRect(0,0,e,t),a.clearRect(0,0,e,t),i.globalAlpha=1,i.putImageData(function(e,t){Date.now();for(var r=new ImageData(e||1,t||1),n=r.data,i=D.data,o=i.diameter,a=i.list,s=e*o,u=0;u<n.length;u+=4){var l=u/4%s,c=l%e%o,f=Math.floor(l/e),p=a[c][f];n[u]=p[0],n[u+1]=p[1],n[u+2]=p[2],n[u+3]=p[3]}return r}(e,t),0,0),a.fillStyle="#ffffff",a.fillRect(0,0,e,t),a.drawImage(r,0,0,e||1,t||1),a.globalCompositeOperation="source-over",n)}function C(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.fadeData,r=t.backgroundInfo,n=t.toBeList,i=r.width,o=r.height,a=(0,m.getRandomString)({length:8,includeNumbers:!0,includeUppercaseLetters:!0});D.build(),n.push({resource:N(i,o),width:i,height:o,kind:"default",tag:a}),e&&t.run()}function F(){var e=this.renderData,t=this.fadeData,r=this.options;if((0,o.isNull)(e))return Reflect.apply(C,this,[]);var n=e.originStyle;if(u(n.backgroundColor)&&(!(0,o.isArray)(r.imgUrl)||1!==r.imgUrl.length))return Reflect.apply(C,this,[]);var i=document.createElement("canvas"),a=i.getContext("2d");if((0,o.isNull)(a))return Reflect.apply(C,this,[]);var s=t.backgroundInfo,l=s.width,c=s.height;i.width=l,i.height=c,a.clearRect(0,0,l,c);var f=(0,o.isArray)(r.imgUrl)&&1===r.imgUrl.length&&r.imgUrl[0]||n.backgroundColor;a.beginPath(),a.fillStyle=f,a.fillRect(0,0,l,c),a.fill(),t.isTransitioning?t.toBeList=[t.toBeList[0]]:t.toBeList=[];var p={resource:i,kind:"background-color",tag:f,width:l,height:c};t.toBeList.push(p),t.run()}function L(){var e=this.fadeData,t=this.renderData,r=this.options;if((0,o.isNull)(t))return Reflect.apply(F,this,[]);var n=t.originStyle;if(!/linear-gradient\(.*\)/.test(n.backgroundImage)&&!(0,o.isArray)(r.imgUrl))return Reflect.apply(F,this,[]);var i=(0,o.isArray)(r.imgUrl)&&r.imgUrl.length>1&&r.imgUrl||n.backgroundImage.replace(/^.*linear-gradient\((.*)\).*$/,"$1").split("),").map(function(e){return(e=e.trim()).endsWith(")")||(e+=")"),e}).filter(function(e){return e.startsWith("rgb")||e.startsWith("#")});if(i.length<2)return Reflect.apply(F,this,[]);var a=document.createElement("canvas"),s=a.getContext("2d");if((0,o.isNull)(s))return Reflect.apply(F,this,[]);var u=e.backgroundInfo,l=u.width,c=u.height;a.width=l,a.height=c,s.fillStyle="#fff",s.fillRect(0,0,l,c);var f=s.createLinearGradient(0,0,0,c);i.forEach(function(e,t){return f.addColorStop(t/(i.length-1),e)}),s.fillStyle=f,s.fillRect(0,0,l,c),e.isTransitioning?e.toBeList=[e.toBeList[0]]:e.toBeList=[],e.toBeList.push({resource:a,kind:"linear-gradient",tag:i.join("_"),width:l,height:c}),e.run()}function $(e){return function(e){if(Array.isArray(e))return B(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 B(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?B(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 B(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function U(){var e=this,t=this.renderData,r=this.options,n=this.fadeData;if((0,o.isNull)(t))Reflect.apply(L,this,[]);else{var i,a,s=t.lastUseStyle,u=n.backgroundInfo,l=u.width,c=u.height,f=(0,o.isString)(r.imgUrl)&&r.imgUrl||(i=s.backgroundImage,a=/url\(["']?([^"']*)["']?\)/.exec(i),(0,o.isNull)(a)?null:a[1]);if(t.imageSource=f,f){var p=function(e,t,r){var n=new Image(t,r);return n.width=t,n.height=r,n.src=e,n}(f,l,c);p.onload=function(){clearTimeout(n.transparentId),n.isTransitioning?n.toBeList=[n.toBeList[0]].concat($(n.toBeList.slice(1).filter(function(e){return"image"===e.kind&&(Math.abs(e.width-l)>2||Math.abs(e.height-c)>2||e.tag!==f)}))):n.toBeList=[],n.toBeList.push({resource:p,width:l,height:c,kind:"image",tag:f}),n.run()},p.onerror=function(){Reflect.apply(L,e,[])},p.crossOrigin=r.crossOrigin}else Reflect.apply(L,this,[])}}function M(){var e=this.renderData;if(!(0,o.isNull)(e)){var t=e.parentElement;t&&[["background-image","none"],["background-color","transparent"]].forEach(function(e){return t.style.setProperty(e[0],e[1],"important")})}}function z(e){var t=window.getComputedStyle(e),r=e.style;return{inlineBackground:r.background,inlineBackgroundColor:r.backgroundColor,inlineBackgroundImage:r.backgroundImage,backgroundColor:t.backgroundColor,backgroundImage:t.backgroundImage,backgroundSize:t.backgroundSize,backgroundPosition:t.backgroundPosition,backgroundRepeat:t.backgroundRepeat,backgroundClip:t.backgroundClip,backgroundOrigin:t.backgroundOrigin,backgroundAttachment:t.backgroundAttachment,position:t.position,width:parseInt(t.width),height:parseInt(t.height)}}function H(){var e=this.renderData;if(!(0,o.isNull)(e)){var t=e.parentElement,r=e.originStyle;t.style.setProperty("background-image",r.inlineBackgroundImage),t.style.setProperty("background-color",r.inlineBackgroundColor)}}function W(e){"@babel/helpers - typeof";return W="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},W(e)}function X(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Y(n.key),n)}}function G(e,t,r){return(t=Y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Y(e){var t=function(e,t){if("object"!=W(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=W(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==W(t)?t:t+""}var q=function(){return function(e,t,r){return t&&X(e.prototype,t),r&&X(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(function e(t,r,n){var i,a=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),G(this,"quad",null),G(this,"lastRaindropsFallTime",0),G(this,"parentElement",void 0),G(this,"mutationObserver",void 0),G(this,"resizeObserver",void 0),G(this,"renderProgram",void 0),G(this,"imageSource",""),G(this,"dropProgram",void 0),G(this,"updateProgram",void 0),G(this,"textures",[]),G(this,"backgroundTexture",[]),G(this,"textureDelta",void 0),G(this,"framebuffers",[]),G(this,"bufferWriteIndex",0),G(this,"bufferReadIndex",1),G(this,"originStyle",void 0),G(this,"lastUseStyle",void 0),G(this,"events",{}),G(this,"animationFrameId",0),this.parentElement=null!==(i=t.parentElement)&&void 0!==i?i:document.body,Reflect.apply(M,n,[]),this.originStyle=this.lastUseStyle=z(this.parentElement),this.mutationObserver=new MutationObserver(function(e){e.forEach(function(e){if(e.target===a.parentElement&&"attributes"===e.type&&n.options.visible){var t=Object.values(a.lastUseStyle),i=z(a.parentElement),s=Object.values(i);if((0,o.isEmptyArray)(m.enArr.difference(t,s)))return;var c=l(i.backgroundImage),f=u(i.backgroundColor);if(c&&f)return;a.lastUseStyle=i,Reflect.apply(r,n,[]),Reflect.apply(M,n,[])}})}),this.mutationObserver.observe(this.parentElement,{subtree:!0,attributes:!0,attributeFilter:["class","style"]}),this.resizeObserver=new ResizeObserver(function(e){e.forEach(function(e){e.target===a.parentElement&&Reflect.apply(r,n,[])})}),this.resizeObserver.observe(this.parentElement)},[{key:"destroy",value:function(){if(this.animationFrameId&&window.cancelAnimationFrame(this.animationFrameId),Reflect.apply(H,{renderData:this},[]),this.parentElement&&this.events){var e,t,r,n=this.parentElement,i=this.events;Object.keys(i).forEach(function(e){return n.removeEventListener&&n.removeEventListener(e,i[e])}),n.removeAttribute&&n.removeAttribute("data-ripples"),null===(e=this.mutationObserver)||void 0===e||e.takeRecords(),null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.mutationObserver=null,null===(r=this.resizeObserver)||void 0===r||r.disconnect(),this.resizeObserver=null}}}])}();function V(){var e=this.renderData,t=this.fadeData;if(!(0,o.isNull)(e)){var r,n,i,a=e.parentElement,s=window.getComputedStyle(a),u=s.backgroundSize,l=s.backgroundAttachment,c=s.backgroundPosition,f=/\s+/.test(r=c)?r.replace(/center/,"50%").replace(/top|left/,"0%").replace(/bottom/,"100%").replace(/\s+/," ").split(" "):Z(r)?[r,"50%"]:{center:["50%","50%"],top:["50%","0%"],bottom:["50%","100%"],left:["0%","50%"],right:["100%","50%"]}[r],p={left:0,top:0,width:0,height:0};"fixed"===l?(p.height=window.innerHeight,p.left=window.screenX,p.top=window.screenY,p.width=window.innerWidth):(p.left=0,p.top=0,p.width=a.scrollWidth,p.height=a.scrollHeight);var d=t.backgroundInfo||{width:100,height:100},h=d.width,g=d.height;if("cover"===u){var y=Math.max(p.width/h,p.height/g);n=h*y,i=g*y}else if("contain"===u){var m=Math.min(p.width/h,p.height/g);n=h*m,i=g*m}else{var v=u.split(" ");n=v[0]||"",i=v[1]||n,Z(n)?n=p.width*parseFloat(n)/100:"auto"!==n&&(n=parseFloat(n)),Z(i)?i=p.height*parseFloat(i)/100:"auto"!==i&&(i=parseFloat(i)),"auto"===n&&"auto"===i?(n=h,i=g):("auto"===n&&(n=h*(Number(i)/g)),"auto"===i&&(i=g*(Number(n)/h)))}var b=f&&f[0]||"0%",w=f&&f[1]||"0%";b=Z(b)?(p.left+(p.width-Number(n))*parseFloat(b)/100).toString():(p.left+parseFloat(b)).toString(),w=Z(w)?(p.top+(p.height-Number(i))*parseFloat(w)/100).toString():(p.top+parseFloat(w)).toString(),e.renderProgram.uniforms.topLeft=new Float32Array([-Number(b)/n,-Number(w)/i]),e.renderProgram.uniforms.bottomRight=new Float32Array([e.renderProgram.uniforms.topLeft[0]+a.clientWidth/n,e.renderProgram.uniforms.topLeft[1]+a.clientHeight/i]);var E=Math.max(this.canvas.width,this.canvas.height);e.renderProgram.uniforms.containerRatio=new Float32Array([this.canvas.width/E,this.canvas.height/E])}}function Z(e){return e.endsWith("%")}function K(){var e=this.gl,t=this.renderData;(0,o.isNull)(t)||(e.bindBuffer(e.ARRAY_BUFFER,t.quad),e.vertexAttribPointer(0,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLE_FAN,0,4))}function J(){var e=this.gl,t=this.renderData,r=this.options;if(!(0,o.isNull)(t)){var n=t.textures,i=t.backgroundTexture,a=r.perturbance;e.bindFramebuffer(e.FRAMEBUFFER,null),e.viewport(0,0,this.canvas.width,this.canvas.height),e.enable(e.BLEND),e.clear(e.COLOR_BUFFER_BIT|e.DEPTH_BUFFER_BIT),e.useProgram(t.renderProgram.id),Reflect.apply(s,this,[i,0]),Reflect.apply(s,this,[n[0],1]),e.uniform1f(t.renderProgram.locations.perturbance,a),e.uniform2fv(t.renderProgram.locations.topLeft,t.renderProgram.uniforms.topLeft),e.uniform2fv(t.renderProgram.locations.bottomRight,t.renderProgram.uniforms.bottomRight),e.uniform2fv(t.renderProgram.locations.containerRatio,t.renderProgram.uniforms.containerRatio),e.uniform1i(t.renderProgram.locations.samplerBackground,0),e.uniform1i(t.renderProgram.locations.samplerRipples,1),Reflect.apply(K,this,[]),e.disable(e.BLEND)}}function Q(){var e=this.renderData;if(!(0,o.isNull)(e)){var t=e.bufferWriteIndex,r=e.bufferReadIndex;e.bufferWriteIndex=1-t,e.bufferReadIndex=1-r}}function ee(){var e=this.gl,t=this.renderData,r=this.options;if(!(0,o.isNull)(t)){var n=t.updateProgram,i=t.textures,a=t.framebuffers,u=t.bufferWriteIndex,l=t.bufferReadIndex,c=r.resolution;e.viewport(0,0,c,c),e.bindFramebuffer(e.FRAMEBUFFER,a[u]),Reflect.apply(s,this,[i[l]]),e.useProgram(n.id),Reflect.apply(K,this,[]),Reflect.apply(Q,this,[])}}function te(){var e=this,t=this.renderData,r=this.options,n=this.fadeData;if(!(0,o.isNull)(t)){var i=t.parentElement,a=n.isTransitioning,s=r.running,u=r.idleFluctuations,l=r.lastRunningState,c=getComputedStyle(i);n.backgroundInfo={width:parseInt(c.width),height:parseInt(c.height)},Reflect.apply(V,this,[]),s?(l||(r.lastRunningState=!0,this.show()),u&&this.raindropsFall(),a&&this.fade(),Reflect.apply(ee,this,[]),Reflect.apply(J,this,[])):l&&(r.lastRunningState=!1,this.hide()),t.animationFrameId=requestAnimationFrame(function(){return Reflect.apply(te,e,[])})}}function re(e,t,r){var n=this.renderData;if(!(0,o.isNull)(n)){var i=n.parentElement,a=window.getComputedStyle(i),s=parseInt(a.borderLeftWidth)||0,u=parseInt(a.borderTopWidth)||0,l=i.getBoundingClientRect(),c=e.clientX-l.left-s,f=e.clientY-l.top-u;this.drop(c,f,t,r)}}function ne(){var e=this,t=this.renderData,r=this.options;if(!(0,o.isNull)(t)){var n=t.parentElement,i=t.events,a=function(n){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];r.visible&&r.running&&r.interactive&&(t.lastRaindropsFallTime=Date.now(),Reflect.apply(re,e,[n,r.dropRadius*(i?1.5:1),i?.03:.01]))};i.mousemove=function(e){for(var t=r.accelerating;t--;)a(e)},i.touchmove=i.touchstart=function(e){for(var t=e.touches,r=0;r<t.length;r++)a(t[r])},i.mousedown=function(e){return a(e,!0)},Object.keys(i).forEach(function(e){return null==n?void 0:n.addEventListener(e,i[e],{passive:!0})})}}var ie="\n attribute vec2 vertex;\n varying vec2 coord;\n void main() {\n coord = vertex * 0.5 + 0.5;\n gl_Position = vec4(vertex, 0.0, 1.0);\n }";function oe(){var e=this.gl,t=this.renderData;if(!(0,o.isNull)(t)){var r=t.textureDelta;t.dropProgram=a(ie,"precision highp float;\n\n const float PI = 3.141592653589793;\n uniform sampler2D texture;\n uniform vec2 center;\n uniform float radius;\n uniform float strength;\n\n varying vec2 coord;\n\n void main() {\n vec4 info = texture2D(texture, coord);\n\n float drop = max(0.0, 1.0 - length(center * 0.5 + 0.5 - coord) / radius);\n drop = 0.5 - cos(drop * PI) * 0.5;\n info.r += drop * strength;\n gl_FragColor = info;\n }",e);var n=t.updateProgram=a(ie,"\n precision highp float;\n\n uniform sampler2D texture;\n uniform vec2 delta;\n\n varying vec2 coord;\n\n void main() {\n vec4 info = texture2D(texture, coord);\n \n vec2 dx = vec2(delta.x, 0.0);\n vec2 dy = vec2(0.0, delta.y);\n \n float average = (\n texture2D(texture, coord - dx).r +\n texture2D(texture, coord - dy).r +\n texture2D(texture, coord + dx).r +\n texture2D(texture, coord + dy).r\n ) * 0.25;\n \n info.g += (average - info.r) * 2.0;\n info.g *= 0.995;\n info.r += info.g;\n \n gl_FragColor = info;\n }\n ",this.gl);e.uniform2fv(n.locations.delta,r),t.renderProgram=a("\n precision highp float;\n\n attribute vec2 vertex;\n uniform vec2 topLeft;\n uniform vec2 bottomRight;\n uniform vec2 containerRatio;\n varying vec2 ripplesCoord;\n varying vec2 backgroundCoord;\n void main() {\n backgroundCoord = mix(topLeft, bottomRight, vertex * 0.5 + 0.5);\n backgroundCoord.y = 1.0 - backgroundCoord.y;\n ripplesCoord = vec2(vertex.x, -vertex.y) * containerRatio * 0.5 + 0.5;\n gl_Position = vec4(vertex.x, -vertex.y, 0.0, 1.0);\n }\n ","\n precision highp float;\n\n uniform sampler2D samplerBackground;\n uniform sampler2D samplerRipples;\n uniform vec2 delta;\n\n uniform float perturbance;\n varying vec2 ripplesCoord;\n varying vec2 backgroundCoord;\n\n void main() {\n float height = texture2D(samplerRipples, ripplesCoord).r;\n float heightX = texture2D(samplerRipples, vec2(ripplesCoord.x + delta.x, ripplesCoord.y)).r;\n float heightY = texture2D(samplerRipples, vec2(ripplesCoord.x, ripplesCoord.y + delta.y)).r;\n vec3 dx = vec3(delta.x, heightX - height, 0.0);\n vec3 dy = vec3(0.0, heightY - height, delta.y);\n vec2 offset = -normalize(cross(dy, dx)).xz;\n float specular = pow(max(0.0, dot(offset, normalize(vec2(-0.6, 1.0)))), 4.0);\n gl_FragColor = texture2D(samplerBackground, backgroundCoord + offset * perturbance) + specular;\n }",e),e.uniform2fv(t.renderProgram.locations.delta,r)}}function ae(){var e=this.gl,t=this.renderData;if(!(0,o.isNull)(t)){var r=t.backgroundTexture=e.createTexture();e.bindTexture(e.TEXTURE_2D,r),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,1),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR)}}function se(e){var t=this.gl,r=this.renderData,n=this.fadeData;if(!(0,o.isNull)(r)){var i=r.backgroundTexture,a=r.parentElement,s=n.backgroundInfo,u=s.width,l=s.height,c=function(e){return(0,o.isZero)(e&e-1)},f=c(u)&&c(l)?t.REPEAT:t.CLAMP_TO_EDGE;t.bindTexture(t.TEXTURE_2D,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,f),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,f),a.dataset.render_img=e.tag,a.dataset.render_width=e.width+"px",a.dataset.render_height=e.height+"px",t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e.resource)}}function ue(){var e=this,t=this.renderData,r=this.options,n=this.fadeData;if(!(0,o.isNull)(t)&&this.config){var i=t.textures,a=t.framebuffers,s=r.resolution,u=this.gl,l=1/s;t.textureDelta=new Float32Array([l,l]),this.config.extensions.forEach(function(e){return u.getExtension(e)});for(var c=this.config.arrayType,f=c?new c(s*s*4):null,p=this.config,d=0;d<2;d++){var h=u.createTexture(),g=u.createFramebuffer();u.bindFramebuffer(u.FRAMEBUFFER,g),u.bindTexture(u.TEXTURE_2D,h),u.texParameteri(u.TEXTURE_2D,u.TEXTURE_MIN_FILTER,p.linearSupport?u.LINEAR:u.NEAREST),u.texParameteri(u.TEXTURE_2D,u.TEXTURE_MAG_FILTER,p.linearSupport?u.LINEAR:u.NEAREST),u.texParameteri(u.TEXTURE_2D,u.TEXTURE_WRAP_S,u.CLAMP_TO_EDGE),u.texParameteri(u.TEXTURE_2D,u.TEXTURE_WRAP_T,u.CLAMP_TO_EDGE),u.texImage2D(u.TEXTURE_2D,0,u.RGBA,s,s,0,u.RGBA,p.type,f),u.framebufferTexture2D(u.FRAMEBUFFER,u.COLOR_ATTACHMENT0,u.TEXTURE_2D,h,0),i.push(h),a.push(g)}t.quad=u.createBuffer(),u.bindBuffer(u.ARRAY_BUFFER,t.quad),u.bufferData(u.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,1,1,-1,1]),u.STATIC_DRAW),Reflect.apply(oe,this,[]),Reflect.apply(ae,this,[]),Reflect.apply(U,this,[]),u.clearColor(0,0,0,0),u.blendFunc(u.SRC_ALPHA,u.ONE_MINUS_SRC_ALPHA),r.visible=!0,r.running=!0,Reflect.apply(ne,this,[]),Reflect.apply(se,this,[n.lastDrawImage]),t.animationFrameId=requestAnimationFrame(function(){return Reflect.apply(te,e,[])})}}function le(){var e=this.renderData,t=this.fadeData;if(!(0,o.isNull)(e)){var r=e.parentElement,n=t.backgroundInfo,i=r.offsetWidth,a=r.offsetHeight;this.canvas.width=n.width=i,this.canvas.height=n.height=a,Reflect.apply(U,this,[])}}function ce(){var e=this.renderData,t=this.fadeData;(0,o.isNull)(e)||(e.destroy(),Object.keys(e).forEach(function(t){return e[t]=null}),this.renderData=null),t.destroy(),Object.keys(t).forEach(function(e){return t[e]=null}),this.fadeData=null,this.gl&&(this.gl=null)}function fe(e,t,r,n){var i=this.renderData,a=this.options,u=this.gl;if(!(0,o.isNull)(i)){var l=i.parentElement,c=i.dropProgram,f=i.textures,p=i.framebuffers,d=i.bufferWriteIndex,h=i.bufferReadIndex,g=a.resolution,y=l.offsetWidth,m=l.offsetHeight,v=Math.max(y,m);r/=v;var b=new Float32Array([(2*e-y)/v,(m-2*t)/v]);u.viewport(0,0,g,g),u.bindFramebuffer(u.FRAMEBUFFER,p[d]),Reflect.apply(s,this,[f[h]]),u.useProgram(c.id),u.uniform2fv(c.locations.center,b),u.uniform1f(c.locations.radius,r),u.uniform1f(c.locations.strength,n),Reflect.apply(K,this,[]),Reflect.apply(Q,this,[])}}function pe(e){"@babel/helpers - typeof";return pe="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},pe(e)}function de(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,ge(n.key),n)}}function he(e,t,r){return(t=ge(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ge(e){var t=function(e,t){if("object"!=pe(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==pe(t)?t:t+""}function ye(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function me(e,t){return e.get(be(e,t))}function ve(e,t,r){return e.set(be(e,t),r),r}function be(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var we=new WeakMap,Ee=new WeakMap,Se=new WeakMap,Oe=new WeakMap,Re=new WeakMap,Pe=new WeakMap,xe=new WeakMap,Te=function(){return function(e,t,r){return t&&de(e.prototype,t),r&&de(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(function e(t){var r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),ye(this,we,v.accelerating),ye(this,Ee,v.interactive),ye(this,Se,v.resolution),ye(this,Oe,v.perturbance),ye(this,Re,v.dropRadius),he(this,"imgUrl",v.imgUrl),ye(this,Pe,v.idleFluctuations),ye(this,xe,v.raindropsTimeInterval),he(this,"crossOrigin","no-cors"),he(this,"visible",!1),he(this,"running",!1),he(this,"lastRunningState",!1),this.perturbance=t.perturbance,this.resolution=t.resolution,this.raindropsTimeInterval=t.raindropsTimeInterval,this.accelerating=t.accelerating,this.interactive=t.interactive,this.dropRadius=t.dropRadius,this.imgUrl=t.imgUrl,this.idleFluctuations=t.idleFluctuations,this.running=Boolean(null===(r=t.playingState)||void 0===r||r),this.crossOrigin=t.crossOrigin},[{key:"accelerating",get:function(){return me(we,this)},set:function(e){e>100||e<2||ve(we,this,e)}},{key:"interactive",get:function(){return me(Ee,this)},set:function(e){(0,o.isBoolean)(e)&&ve(Ee,this,e)}},{key:"resolution",get:function(){return me(Se,this)},set:function(e){e<100||e>550||ve(Se,this,e)}},{key:"perturbance",get:function(){return me(Oe,this)},set:function(e){e<1e-4||e>1||ve(Oe,this,e)}},{key:"dropRadius",get:function(){return me(Re,this)},set:function(e){!isFinite(e)||e<10||ve(Re,this,e)}},{key:"idleFluctuations",get:function(){return me(Pe,this)},set:function(e){(0,o.isBoolean)(e)&&ve(Pe,this,e)}},{key:"raindropsTimeInterval",get:function(){return me(xe,this)},set:function(e){e<10||e>12e3||ve(xe,this,e)}},{key:"playingState",get:function(){return this.running},set:function(e){this.running=Boolean(null==e||e)}}])}();function Ae(){var e=this,t=this.options,r=this.fadeData;r.transparentId=setTimeout(function(){if(clearTimeout(r.transparentId),r.isTransitioning)return Reflect.apply(Ae,e,[]);"image"!==r.lastDrawImage.kind&&r.run()},2*t.raindropsTimeInterval)}function Ie(){var e=this.renderData,t=this.fadeData,r=this.options,n=t.toBeList;if((0,o.isNull)(e))return t.isTransitioning=!1,void Reflect.apply(Ae,this,[]);if((0,o.isEmptyArray)(n))return t.isTransitioning=!1,void Reflect.apply(Ae,this,[]);if(0===t.drawProgress&&n.forEach(function(e){}),t.drawProgress>1e3)if(t.isTransitioning=!1,t.lastDrawImage=n.shift(),Reflect.apply(se,this,[t.lastDrawImage]),(0,o.isEmptyArray)(n)){var i=e.lastUseStyle;((0,o.isNull)(r.imgUrl)||(0,o.isBusinessEmptyString)(r.imgUrl)||(0,o.isZero)(r.imgUrl.length))&&u(i.backgroundColor)&&l(i.backgroundImage)&&(Reflect.apply(C,this,[!1]),Reflect.apply(Ae,this,[]))}else Reflect.apply(Ae,this,[]);else{var a=t.lastDrawImage,s=t.backgroundInfo;t.drawProgress+=18;var c=document.createElement("canvas"),f=c.getContext("2d");if(!((0,o.isNull)(f)||(0,o.isNull)(a.resource)||(0,o.isEmptyArray)(n))){var p=s.width,d=s.height;c.width=p,c.height=d,f.clearRect(0,0,p,d),f.drawImage(a.resource,0,0,p,d),f.globalAlpha=t.drawProgress/1e3,f.drawImage(n[0].resource,0,0,p,d),f.globalAlpha=1;var h={resource:c,width:p,height:d,kind:"mix",tag:"".concat(a.tag," >> ").concat(n[0].tag)};Reflect.apply(se,this,[h]),n.length>1&&(t.lastDrawImage=h,n.shift(),t.drawProgress=0)}}}function je(e){"@babel/helpers - typeof";return je="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},je(e)}function ke(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,De(n.key),n)}}function _e(e,t,r){return(t=De(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function De(e){var t=function(e,t){if("object"!=je(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=je(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==je(t)?t:t+""}var Ne=function(){return function(e,t,r){return t&&ke(e.prototype,t),r&&ke(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),_e(this,"backgroundInfo",{width:0,height:0}),_e(this,"transparentId",setTimeout(Boolean)),_e(this,"lastDrawImage",void 0),_e(this,"toBeList",[]),_e(this,"drawProgress",0),_e(this,"isTransitioning",!1);var r,n,i=t.renderData;if((0,o.isNull)(i))r=10,n=10;else{var a=getComputedStyle(i.parentElement);r=parseInt(a.width),n=parseInt(a.height)}this.backgroundInfo={width:r,height:n},this.lastDrawImage={resource:N(r,n),width:r,height:n,kind:"default",tag:""}},[{key:"run",value:function(){this.isTransitioning||(this.drawProgress=0,this.isTransitioning=!0)}},{key:"destroy",value:function(){this.transparentId&&clearTimeout(this.transparentId)}}])}();function Ce(e){"@babel/helpers - typeof";return Ce="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},Ce(e)}function Fe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function Le(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(r),!0).forEach(function(t){We(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Fe(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function $e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Xe(n.key),n)}}function Be(e,t,r){return t=Me(t),function(e,t){if(t&&("object"==Ce(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,Ue()?Reflect.construct(t,r||[],Me(e).constructor):t.apply(e,r))}function Ue(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(Ue=function(){return!!e})()}function Me(e){return Me=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Me(e)}function ze(e,t){return ze=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},ze(e,t)}function He(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function We(e,t,r){return(t=Xe(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Xe(e){var t=function(e,t){if("object"!=Ce(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=Ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==Ce(t)?t:t+""}function Ge(e,t){return e.get(function(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}(e,t))}var Ye=new WeakMap,qe=function(e){function t(e,r){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),We(n=Be(this,t,[e]),"renderData",null),We(n,"options",void 0),We(n,"fadeData",void 0),We(n,"defaults",v),We(n,"initialized",!1),He(n,Ye,(0,m.debounce)(le,{this:n})),Object.defineProperties(n,{defaults:{value:n.defaults,writable:!1,enumerable:!1,configurable:!1}}),n.options=new Te(Le(Le({},n.defaults),r)),n.renderData=new q(e,n.reloadBackground,n),n.fadeData=new Ne(n),(0,o.isFalse)(n.initState)||(0,o.isNull)(e.parentElement)||(0,o.isNull)(n.config)||(0,o.isNull)(n.gl)?n.initState=!1:(!function(e){var t=e.parentElement;e.width=t.clientWidth,e.height=t.clientHeight,(0,i.setStyle)(e,{position:"absolute",left:0,top:0,right:0,bottom:0,zIndex:-1,pointerEvents:"none"})}(e),Reflect.apply(ue,n,[])),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ze(e,t)}(t,e),function(e,t,r){return t&&$e(e.prototype,t),r&&$e(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"raindropsFall",value:function(){var e=this.renderData,t=this.options,r=this.fadeData;if(!(0,o.isNull)(e)){var n=r.backgroundInfo,i=e.lastRaindropsFallTime,a=t.raindropsTimeInterval,s=t.dropRadius,u=Date.now();if(!(u-i<a)){e.lastRaindropsFallTime=u;var l=function(e){return(0,m.getRandomInt)(e)},c=n.width,f=n.height;this.drop(l(c),l(f),s,.03)}}}},{key:"drop",value:function(e,t,r,n){Reflect.apply(fe,this,[e,t,r,n])}},{key:"fade",value:function(){Reflect.apply(Ie,this,[])}},{key:"reloadBackground",value:function(){Ge(Ye,this).call(this)}},{key:"destroy",value:function(){Reflect.apply(ce,this,[])}},{key:"show",value:function(){this.options.visible=!0,this.canvas.style.visibility="visible",Reflect.apply(M,this,[])}},{key:"hide",value:function(){this.options.visible=!1,this.canvas.style.visibility="hidden",Reflect.apply(H,this,[])}},{key:"pause",value:function(){this.options.running=!1}},{key:"play",value:function(){this.options.running=!0}},{key:"changePlayingState",value:function(){var e=this.options;e.running=!e.running}},{key:"set",value:function(e,t){"imgUrl"===e?(this.options.imgUrl=t,Reflect.apply(U,this,[])):this.options[e]=t}}])}(y);function Ve(e,t){var r=(0,n.useRef)(null);return(0,n.useEffect)(function(){if(!(0,o.isNull)(e.current))return r.current=new qe(e.current,t&&t.option),function(){var e;return null===(e=r.current)||void 0===e?void 0:e.destroy()}},[]),r}},704:(e,t,r)=>{"use strict";r.d(t,{AH:()=>Ht,Ay:()=>Gt,I4:()=>Gt});var n=function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)};Object.create;function i(e,t,r){if(r||2===arguments.length)for(var n,i=0,o=t.length;i<o;i++)!n&&i in t||(n||(n=Array.prototype.slice.call(t,0,i)),n[i]=t[i]);return e.concat(n||Array.prototype.slice.call(t))}Object.create;"function"==typeof SuppressedError&&SuppressedError;var o=r(953),a=r.n(o),s=r(945),u=r.n(s),l="-ms-",c="-moz-",f="-webkit-",p="comm",d="rule",h="decl",g="@keyframes",y=Math.abs,m=String.fromCharCode,v=Object.assign;function b(e){return e.trim()}function w(e,t){return(e=t.exec(e))?e[0]:e}function E(e,t,r){return e.replace(t,r)}function S(e,t,r){return e.indexOf(t,r)}function O(e,t){return 0|e.charCodeAt(t)}function R(e,t,r){return e.slice(t,r)}function P(e){return e.length}function x(e){return e.length}function T(e,t){return t.push(e),e}function A(e,t){return e.filter(function(e){return!w(e,t)})}var I=1,j=1,k=0,_=0,D=0,N="";function C(e,t,r,n,i,o,a,s){return{value:e,root:t,parent:r,type:n,props:i,children:o,line:I,column:j,length:a,return:"",siblings:s}}function F(e,t){return v(C("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function L(e){for(;e.root;)e=F(e.root,{children:[e]});T(e,e.siblings)}function $(){return D=_>0?O(N,--_):0,j--,10===D&&(j=1,I--),D}function B(){return D=_<k?O(N,_++):0,j++,10===D&&(j=1,I++),D}function U(){return O(N,_)}function M(){return _}function z(e,t){return R(N,e,t)}function H(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function W(e){return I=j=1,k=P(N=e),_=0,[]}function X(e){return N="",e}function G(e){return b(z(_-1,V(91===e?e+2:40===e?e+1:e)))}function Y(e){for(;(D=U())&&D<33;)B();return H(e)>2||H(D)>3?"":" "}function q(e,t){for(;--t&&B()&&!(D<48||D>102||D>57&&D<65||D>70&&D<97););return z(e,M()+(t<6&&32==U()&&32==B()))}function V(e){for(;B();)switch(D){case e:return _;case 34:case 39:34!==e&&39!==e&&V(D);break;case 40:41===e&&V(e);break;case 92:B()}return _}function Z(e,t){for(;B()&&e+D!==57&&(e+D!==84||47!==U()););return"/*"+z(t,_-1)+"*"+m(47===e?e:B())}function K(e){for(;!H(U());)B();return z(e,_)}function J(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function Q(e,t,r,n){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case h:return e.return=e.return||e.value;case p:return"";case g:return e.return=e.value+"{"+J(e.children,n)+"}";case d:if(!P(e.value=e.props.join(",")))return""}return P(r=J(e.children,n))?e.return=e.value+"{"+r+"}":""}function ee(e,t,r){switch(function(e,t){return 45^O(e,0)?(((t<<2^O(e,0))<<2^O(e,1))<<2^O(e,2))<<2^O(e,3):0}(e,t)){case 5103:return f+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return f+e+e;case 4789:return c+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return f+e+c+e+l+e+e;case 5936:switch(O(e,t+11)){case 114:return f+e+l+E(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return f+e+l+E(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return f+e+l+E(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return f+e+l+e+e;case 6165:return f+e+l+"flex-"+e+e;case 5187:return f+e+E(e,/(\w+).+(:[^]+)/,f+"box-$1$2"+l+"flex-$1$2")+e;case 5443:return f+e+l+"flex-item-"+E(e,/flex-|-self/g,"")+(w(e,/flex-|baseline/)?"":l+"grid-row-"+E(e,/flex-|-self/g,""))+e;case 4675:return f+e+l+"flex-line-pack"+E(e,/align-content|flex-|-self/g,"")+e;case 5548:return f+e+l+E(e,"shrink","negative")+e;case 5292:return f+e+l+E(e,"basis","preferred-size")+e;case 6060:return f+"box-"+E(e,"-grow","")+f+e+l+E(e,"grow","positive")+e;case 4554:return f+E(e,/([^-])(transform)/g,"$1"+f+"$2")+e;case 6187:return E(E(E(e,/(zoom-|grab)/,f+"$1"),/(image-set)/,f+"$1"),e,"")+e;case 5495:case 3959:return E(e,/(image-set\([^]*)/,f+"$1$`$1");case 4968:return E(E(e,/(.+:)(flex-)?(.*)/,f+"box-pack:$3"+l+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+f+e+e;case 4200:if(!w(e,/flex-|baseline/))return l+"grid-column-align"+R(e,t)+e;break;case 2592:case 3360:return l+E(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(e,r){return t=r,w(e.props,/grid-\w+-end/)})?~S(e+(r=r[t].value),"span",0)?e:l+E(e,"-start","")+e+l+"grid-row-span:"+(~S(r,"span",0)?w(r,/\d+/):+w(r,/\d+/)-+w(e,/\d+/))+";":l+E(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(e){return w(e.props,/grid-\w+-start/)})?e:l+E(E(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return E(e,/(.+)-inline(.+)/,f+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(P(e)-1-t>6)switch(O(e,t+1)){case 109:if(45!==O(e,t+4))break;case 102:return E(e,/(.+:)(.+)-([^]+)/,"$1"+f+"$2-$3$1"+c+(108==O(e,t+3)?"$3":"$2-$3"))+e;case 115:return~S(e,"stretch",0)?ee(E(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return E(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,r,n,i,o,a,s){return l+r+":"+n+s+(i?l+r+"-span:"+(o?a:+a-+n)+s:"")+e});case 4949:if(121===O(e,t+6))return E(e,":",":"+f)+e;break;case 6444:switch(O(e,45===O(e,14)?18:11)){case 120:return E(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+f+(45===O(e,14)?"inline-":"")+"box$3$1"+f+"$2$3$1"+l+"$2box$3")+e;case 100:return E(e,":",":"+l)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return E(e,"scroll-","scroll-snap-")+e}return e}function te(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case h:return void(e.return=ee(e.value,e.length,r));case g:return J([F(e,{value:E(e.value,"@","@"+f)})],n);case d:if(e.length)return function(e,t){return e.map(t).join("")}(r=e.props,function(t){switch(w(t,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":L(F(e,{props:[E(t,/:(read-\w+)/,":-moz-$1")]})),L(F(e,{props:[t]})),v(e,{props:A(r,n)});break;case"::placeholder":L(F(e,{props:[E(t,/:(plac\w+)/,":"+f+"input-$1")]})),L(F(e,{props:[E(t,/:(plac\w+)/,":-moz-$1")]})),L(F(e,{props:[E(t,/:(plac\w+)/,l+"input-$1")]})),L(F(e,{props:[t]})),v(e,{props:A(r,n)})}return""})}}function re(e){return X(ne("",null,null,null,[""],e=W(e),0,[0],e))}function ne(e,t,r,n,i,o,a,s,u){for(var l=0,c=0,f=a,p=0,d=0,h=0,g=1,v=1,b=1,w=0,R="",x=i,A=o,I=n,j=R;v;)switch(h=w,w=B()){case 40:if(108!=h&&58==O(j,f-1)){-1!=S(j+=E(G(w),"&","&\f"),"&\f",y(l?s[l-1]:0))&&(b=-1);break}case 34:case 39:case 91:j+=G(w);break;case 9:case 10:case 13:case 32:j+=Y(h);break;case 92:j+=q(M()-1,7);continue;case 47:switch(U()){case 42:case 47:T(oe(Z(B(),M()),t,r,u),u);break;default:j+="/"}break;case 123*g:s[l++]=P(j)*b;case 125*g:case 59:case 0:switch(w){case 0:case 125:v=0;case 59+c:-1==b&&(j=E(j,/\f/g,"")),d>0&&P(j)-f&&T(d>32?ae(j+";",n,r,f-1,u):ae(E(j," ","")+";",n,r,f-2,u),u);break;case 59:j+=";";default:if(T(I=ie(j,t,r,l,c,i,s,R,x=[],A=[],f,o),o),123===w)if(0===c)ne(j,t,I,I,x,o,f,s,A);else switch(99===p&&110===O(j,3)?100:p){case 100:case 108:case 109:case 115:ne(e,I,I,n&&T(ie(e,I,I,0,0,i,s,R,i,x=[],f,A),A),i,A,f,s,n?x:A);break;default:ne(j,I,I,I,[""],A,0,s,A)}}l=c=d=0,g=b=1,R=j="",f=a;break;case 58:f=1+P(j),d=h;default:if(g<1)if(123==w)--g;else if(125==w&&0==g++&&125==$())continue;switch(j+=m(w),w*g){case 38:b=c>0?1:(j+="\f",-1);break;case 44:s[l++]=(P(j)-1)*b,b=1;break;case 64:45===U()&&(j+=G(B())),p=U(),c=f=P(R=j+=K(M())),w++;break;case 45:45===h&&2==P(j)&&(g=0)}}return o}function ie(e,t,r,n,i,o,a,s,u,l,c,f){for(var p=i-1,h=0===i?o:[""],g=x(h),m=0,v=0,w=0;m<n;++m)for(var S=0,O=R(e,p+1,p=y(v=a[m])),P=e;S<g;++S)(P=b(v>0?h[S]+" "+O:E(O,/&\f/g,h[S])))&&(u[w++]=P);return C(e,t,r,0===i?d:s,u,l,c,f)}function oe(e,t,r,n){return C(e,t,r,p,m(D),R(e,2,-2),0,n)}function ae(e,t,r,n,i){return C(e,t,r,h,R(e,0,n),R(e,n+1,-1),n,i)}var se={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},ue="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",le="active",ce="data-styled-version",fe="6.1.19",pe="/*!sc*/\n",de="undefined"!=typeof window&&"undefined"!=typeof document,he=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&("false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY)),ge=(new Set,Object.freeze([])),ye=Object.freeze({});function me(e,t,r){return void 0===r&&(r=ye),e.theme!==r.theme&&e.theme||t||r.theme}var ve=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),be=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,we=/(^-|-$)/g;function Ee(e){return e.replace(be,"-").replace(we,"")}var Se=/(a)(d)/gi,Oe=function(e){return String.fromCharCode(e+(e>25?39:97))};function Re(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=Oe(t%52)+r;return(Oe(t%52)+r).replace(Se,"$1-$2")}var Pe,xe=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Te=function(e){return xe(5381,e)};function Ae(e){return Re(Te(e)>>>0)}function Ie(e){return e.displayName||e.name||"Component"}function je(e){return"string"==typeof e&&!0}var ke="function"==typeof Symbol&&Symbol.for,_e=ke?Symbol.for("react.memo"):60115,De=ke?Symbol.for("react.forward_ref"):60112,Ne={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Ce={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Fe={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Le=((Pe={})[De]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Pe[_e]=Fe,Pe);function $e(e){return("type"in(t=e)&&t.type.$$typeof)===_e?Fe:"$$typeof"in e?Le[e.$$typeof]:Ne;var t}var Be=Object.defineProperty,Ue=Object.getOwnPropertyNames,Me=Object.getOwnPropertySymbols,ze=Object.getOwnPropertyDescriptor,He=Object.getPrototypeOf,We=Object.prototype;function Xe(e,t,r){if("string"!=typeof t){if(We){var n=He(t);n&&n!==We&&Xe(e,n,r)}var i=Ue(t);Me&&(i=i.concat(Me(t)));for(var o=$e(e),a=$e(t),s=0;s<i.length;++s){var u=i[s];if(!(u in Ce||r&&r[u]||a&&u in a||o&&u in o)){var l=ze(t,u);try{Be(e,u,l)}catch(e){}}}}return e}function Ge(e){return"function"==typeof e}function Ye(e){return"object"==typeof e&&"styledComponentId"in e}function qe(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ve(e,t){if(0===e.length)return"";for(var r=e[0],n=1;n<e.length;n++)r+=t?t+e[n]:e[n];return r}function Ze(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Ke(e,t,r){if(void 0===r&&(r=!1),!r&&!Ze(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Ke(e[n],t[n]);else if(Ze(t))for(var n in t)e[n]=Ke(e[n],t[n]);return e}function Je(e,t){Object.defineProperty(e,"toString",{value:t})}function Qe(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):""))}var et=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,i=n;e>=i;)if((i<<=1)<0)throw Qe(16,"".concat(e));this.groupSizes=new Uint32Array(i),this.groupSizes.set(r),this.length=i;for(var o=n;o<i;o++)this.groupSizes[o]=0}for(var a=this.indexOfGroup(e+1),s=(o=0,t.length);o<s;o++)this.tag.insertRule(a,t[o])&&(this.groupSizes[e]++,a++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var i=r;i<n;i++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),i=n+r,o=n;o<i;o++)t+="".concat(this.tag.getRule(o)).concat(pe);return t},e}(),tt=new Map,rt=new Map,nt=1,it=function(e){if(tt.has(e))return tt.get(e);for(;rt.has(nt);)nt++;var t=nt++;return tt.set(e,t),rt.set(t,e),t},ot=function(e,t){nt=t+1,tt.set(e,t),rt.set(t,e)},at="style[".concat(ue,"][").concat(ce,'="').concat(fe,'"]'),st=new RegExp("^".concat(ue,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),ut=function(e,t,r){for(var n,i=r.split(","),o=0,a=i.length;o<a;o++)(n=i[o])&&e.registerName(t,n)},lt=function(e,t){for(var r,n=(null!==(r=t.textContent)&&void 0!==r?r:"").split(pe),i=[],o=0,a=n.length;o<a;o++){var s=n[o].trim();if(s){var u=s.match(st);if(u){var l=0|parseInt(u[1],10),c=u[2];0!==l&&(ot(c,l),ut(e,c,u[3]),e.getTag().insertRules(l,i)),i.length=0}else i.push(s)}}},ct=function(e){for(var t=document.querySelectorAll(at),r=0,n=t.length;r<n;r++){var i=t[r];i&&i.getAttribute(ue)!==le&&(lt(e,i),i.parentNode&&i.parentNode.removeChild(i))}};function ft(){return r.nc}var pt=function(e){var t=document.head,r=e||t,n=document.createElement("style"),i=function(e){var t=Array.from(e.querySelectorAll("style[".concat(ue,"]")));return t[t.length-1]}(r),o=void 0!==i?i.nextSibling:null;n.setAttribute(ue,le),n.setAttribute(ce,fe);var a=ft();return a&&n.setAttribute("nonce",a),r.insertBefore(n,o),n},dt=function(){function e(e){this.element=pt(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var i=t[r];if(i.ownerNode===e)return i}throw Qe(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),ht=function(){function e(e){this.element=pt(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),gt=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),yt=de,mt={isServer:!de,useCSSOMInjection:!he},vt=function(){function e(e,t,r){void 0===e&&(e=ye),void 0===t&&(t={});var i=this;this.options=n(n({},mt),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&de&&yt&&(yt=!1,ct(this)),Je(this,function(){return function(e){for(var t=e.getTag(),r=t.length,n="",i=function(r){var i=function(e){return rt.get(e)}(r);if(void 0===i)return"continue";var o=e.names.get(i),a=t.getGroup(r);if(void 0===o||!o.size||0===a.length)return"continue";var s="".concat(ue,".g").concat(r,'[id="').concat(i,'"]'),u="";void 0!==o&&o.forEach(function(e){e.length>0&&(u+="".concat(e,","))}),n+="".concat(a).concat(s,'{content:"').concat(u,'"}').concat(pe)},o=0;o<r;o++)i(o);return n}(i)})}return e.registerId=function(e){return it(e)},e.prototype.rehydrate=function(){!this.server&&de&&ct(this)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(n(n({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,r=e.target;return e.isServer?new gt(r):t?new dt(r):new ht(r)}(this.options),new et(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(it(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},e.prototype.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(it(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(it(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),bt=/&/g,wt=/^\s*\/\/.*$/gm;function Et(e,t){return e.map(function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return"".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Et(e.children,t)),e})}function St(e){var t,r,n,i=void 0===e?ye:e,o=i.options,a=void 0===o?ye:o,s=i.plugins,u=void 0===s?ge:s,l=function(e,n,i){return i.startsWith(r)&&i.endsWith(r)&&i.replaceAll(r,"").length>0?".".concat(t):e},c=u.slice();c.push(function(e){e.type===d&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(bt,r).replace(n,l))}),a.prefix&&c.push(te),c.push(Q);var f=function(e,i,o,s){void 0===i&&(i=""),void 0===o&&(o=""),void 0===s&&(s="&"),t=s,r=i,n=new RegExp("\\".concat(r,"\\b"),"g");var u=e.replace(wt,""),l=re(o||i?"".concat(o," ").concat(i," { ").concat(u," }"):u);a.namespace&&(l=Et(l,a.namespace));var f,p,d,h=[];return J(l,(f=c.concat((d=function(e){return h.push(e)},function(e){e.root||(e=e.return)&&d(e)})),p=x(f),function(e,t,r,n){for(var i="",o=0;o<p;o++)i+=f[o](e,t,r,n)||"";return i})),h};return f.hash=u.length?u.reduce(function(e,t){return t.name||Qe(15),xe(e,t.name)},5381).toString():"",f}var Ot=new vt,Rt=St(),Pt=a().createContext({shouldForwardProp:void 0,styleSheet:Ot,stylis:Rt}),xt=(Pt.Consumer,a().createContext(void 0));function Tt(){return(0,o.useContext)(Pt)}function At(e){var t=(0,o.useState)(e.stylisPlugins),r=t[0],n=t[1],i=Tt().styleSheet,s=(0,o.useMemo)(function(){var t=i;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.sheet,e.target,i]),l=(0,o.useMemo)(function(){return St({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:r})},[e.enableVendorPrefixes,e.namespace,r]);(0,o.useEffect)(function(){u()(r,e.stylisPlugins)||n(e.stylisPlugins)},[e.stylisPlugins]);var c=(0,o.useMemo)(function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:s,stylis:l}},[e.shouldForwardProp,s,l]);return a().createElement(Pt.Provider,{value:c},a().createElement(xt.Provider,{value:l},e.children))}var It=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=Rt);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,Je(this,function(){throw Qe(12,String(r.name))})}return e.prototype.getName=function(e){return void 0===e&&(e=Rt),this.name+e.hash},e}(),jt=function(e){return e>="A"&&e<="Z"};function kt(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(1===r&&"-"===n&&"-"===e[0])return e;jt(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var _t=function(e){return null==e||!1===e||""===e},Dt=function(e){var t,r,n=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!_t(a)&&(Array.isArray(a)&&a.isCss||Ge(a)?n.push("".concat(kt(o),":"),a,";"):Ze(a)?n.push.apply(n,i(i(["".concat(o," {")],Dt(a),!1),["}"],!1)):n.push("".concat(kt(o),": ").concat((t=o,null==(r=a)||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||t in se||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function Nt(e,t,r,n){return _t(e)?[]:Ye(e)?[".".concat(e.styledComponentId)]:Ge(e)?!Ge(i=e)||i.prototype&&i.prototype.isReactComponent||!t?[e]:Nt(e(t),t,r,n):e instanceof It?r?(e.inject(r,n),[e.getName(n)]):[e]:Ze(e)?Dt(e):Array.isArray(e)?Array.prototype.concat.apply(ge,e.map(function(e){return Nt(e,t,r,n)})):[e.toString()];var i}function Ct(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Ge(r)&&!Ye(r))return!1}return!0}var Ft=Te(fe),Lt=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&Ct(e),this.componentId=t,this.baseHash=xe(Ft,t),this.baseStyle=r,vt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var n=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))n=qe(n,this.staticRulesId);else{var i=Ve(Nt(this.rules,e,t,r)),o=Re(xe(this.baseHash,i)>>>0);if(!t.hasNameForId(this.componentId,o)){var a=r(i,".".concat(o),void 0,this.componentId);t.insertRules(this.componentId,o,a)}n=qe(n,o),this.staticRulesId=o}else{for(var s=xe(this.baseHash,r.hash),u="",l=0;l<this.rules.length;l++){var c=this.rules[l];if("string"==typeof c)u+=c;else if(c){var f=Ve(Nt(c,e,t,r));s=xe(s,f+l),u+=f}}if(u){var p=Re(s>>>0);t.hasNameForId(this.componentId,p)||t.insertRules(this.componentId,p,r(u,".".concat(p),void 0,this.componentId)),n=qe(n,p)}}return n},e}(),$t=a().createContext(void 0);$t.Consumer;var Bt={};new Set;function Ut(e,t,r){var i=Ye(e),s=e,u=!je(e),l=t.attrs,c=void 0===l?ge:l,f=t.componentId,p=void 0===f?function(e,t){var r="string"!=typeof e?"sc":Ee(e);Bt[r]=(Bt[r]||0)+1;var n="".concat(r,"-").concat(Ae(fe+r+Bt[r]));return t?"".concat(t,"-").concat(n):n}(t.displayName,t.parentComponentId):f,d=t.displayName,h=void 0===d?function(e){return je(e)?"styled.".concat(e):"Styled(".concat(Ie(e),")")}(e):d,g=t.displayName&&t.componentId?"".concat(Ee(t.displayName),"-").concat(t.componentId):t.componentId||p,y=i&&s.attrs?s.attrs.concat(c).filter(Boolean):c,m=t.shouldForwardProp;if(i&&s.shouldForwardProp){var v=s.shouldForwardProp;if(t.shouldForwardProp){var b=t.shouldForwardProp;m=function(e,t){return v(e,t)&&b(e,t)}}else m=v}var w=new Lt(r,g,i?s.componentStyle:void 0);function E(e,t){return function(e,t,r){var i=e.attrs,s=e.componentStyle,u=e.defaultProps,l=e.foldedComponentIds,c=e.styledComponentId,f=e.target,p=a().useContext($t),d=Tt(),h=e.shouldForwardProp||d.shouldForwardProp,g=me(t,p,u)||ye,y=function(e,t,r){for(var i,o=n(n({},t),{className:void 0,theme:r}),a=0;a<e.length;a+=1){var s=Ge(i=e[a])?i(o):i;for(var u in s)o[u]="className"===u?qe(o[u],s[u]):"style"===u?n(n({},o[u]),s[u]):s[u]}return t.className&&(o.className=qe(o.className,t.className)),o}(i,t,g),m=y.as||f,v={};for(var b in y)void 0===y[b]||"$"===b[0]||"as"===b||"theme"===b&&y.theme===g||("forwardedAs"===b?v.as=y.forwardedAs:h&&!h(b,m)||(v[b]=y[b]));var w=function(e,t){var r=Tt();return e.generateAndInjectStyles(t,r.styleSheet,r.stylis)}(s,y),E=qe(l,c);return w&&(E+=" "+w),y.className&&(E+=" "+y.className),v[je(m)&&!ve.has(m)?"class":"className"]=E,r&&(v.ref=r),(0,o.createElement)(m,v)}(S,e,t)}E.displayName=h;var S=a().forwardRef(E);return S.attrs=y,S.componentStyle=w,S.displayName=h,S.shouldForwardProp=m,S.foldedComponentIds=i?qe(s.foldedComponentIds,s.styledComponentId):"",S.styledComponentId=g,S.target=i?s.target:e,Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];for(var n=0,i=t;n<i.length;n++)Ke(e,i[n],!0);return e}({},s.defaultProps,e):e}}),Je(S,function(){return".".concat(S.styledComponentId)}),u&&Xe(S,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),S}function Mt(e,t){for(var r=[e[0]],n=0,i=t.length;n<i;n+=1)r.push(t[n],e[n+1]);return r}var zt=function(e){return Object.assign(e,{isCss:!0})};function Ht(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Ge(e)||Ze(e))return zt(Nt(Mt(ge,i([e],t,!0))));var n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Nt(n):zt(Nt(Mt(n,t)))}function Wt(e,t,r){if(void 0===r&&(r=ye),!t)throw Qe(1,t);var o=function(n){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,r,Ht.apply(void 0,i([n],o,!1)))};return o.attrs=function(i){return Wt(e,t,n(n({},r),{attrs:Array.prototype.concat(r.attrs,i).filter(Boolean)}))},o.withConfig=function(i){return Wt(e,t,n(n({},r),i))},o}var Xt=function(e){return Wt(Ut,e)},Gt=Xt;ve.forEach(function(e){Gt[e]=Xt(e)});!function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Ct(e),vt.registerId(this.componentId+1)}e.prototype.createStyles=function(e,t,r,n){var i=n(Ve(Nt(this.rules,t,r,n)),""),o=this.componentId+e;r.insertRules(o,o,i)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,r,n){e>2&&vt.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)}}();(function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var r=ft(),n=Ve([r&&'nonce="'.concat(r,'"'),"".concat(ue,'="true"'),"".concat(ce,'="').concat(fe,'"')].filter(Boolean)," ");return"<style ".concat(n,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw Qe(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw Qe(2);var r=e.instance.toString();if(!r)return[];var i=((t={})[ue]="",t[ce]=fe,t.dangerouslySetInnerHTML={__html:r},t),o=ft();return o&&(i.nonce=o),[a().createElement("style",n({},i,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new vt({isServer:!0}),this.sealed=!1}e.prototype.collectStyles=function(e){if(this.sealed)throw Qe(2);return a().createElement(At,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw Qe(3)}})(),"__sc-".concat(ue,"__")},705:e=>{"use strict";e.exports=require("a-js-tools")},945:e=>{e.exports=function(e,t,r,n){var i=r?r.call(n,e,t):void 0;if(void 0!==i)return!!i;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),a=Object.keys(t);if(o.length!==a.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),u=0;u<o.length;u++){var l=o[u];if(!s(l))return!1;var c=e[l],f=t[l];if(!1===(i=r?r.call(n,c,f,l):void 0)||void 0===i&&c!==f)return!1}return!0}},953:e=>{"use strict";e.exports=require("react")}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0;var n={};(()=>{"use strict";r.r(n),r.d(n,{BackgroundRipple:()=>e.BackgroundRipple,EnLayout:()=>t.EnLayout,EnLayoutContent:()=>t.EnLayoutContent,EnLayoutFooter:()=>t.EnLayoutFooter,EnLayoutHeader:()=>t.EnLayoutHeader,EnLayoutSideBar:()=>t.EnLayoutSideBar,Layout:()=>t.Layout,LayoutContent:()=>t.LayoutContent,LayoutFooter:()=>t.LayoutFooter,LayoutHeader:()=>t.LayoutHeader,LayoutSideBar:()=>t.LayoutSideBar,useAnimationFrameId:()=>a.useAnimationFrameId,useInputIsComposing:()=>i.useInputIsComposing,useRipples:()=>s.useRipples,useTimeId:()=>o.useTimeId});var e=r(227),t=r(502),i=r(641),o=r(358),a=r(97),s=r(680)})(),module.exports.earthnut=n})();
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { BackgroundRipple } from './components/index';
|
|
2
|
+
export { useTimeId, useAnimationFrameId, useRipples, useInputIsComposing, } from './customHooks/index';
|
|
3
|
+
export type { Ripples, BackgroundRipplesProps, RipplesOptions, RippleImgUrl, } from './customHooks/index';
|
|
4
|
+
export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSideBar, EnLayout, EnLayoutContent, EnLayoutFooter, EnLayoutHeader, EnLayoutSideBar, } from './components/layout';
|
|
5
|
+
export type { LayoutProps, LayoutSideBarProps, LayoutHeaderProps, LayoutFooterProps, } from './components/layout';
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `input` 类型收缩
|
|
3
|
+
*
|
|
4
|
+
* @packageDocumentation
|
|
5
|
+
* @module @a-type-of-js/isType
|
|
6
|
+
* @license MIT
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* 检测 Javascript 数据类型工具之: array
|
|
11
|
+
*
|
|
12
|
+
* @packageDocumentation
|
|
13
|
+
* @module @a-type-of-js/array
|
|
14
|
+
* @license MIT
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* 检测 Javascript 数据类型工具之: boolean
|
|
19
|
+
*
|
|
20
|
+
* @packageDocumentation
|
|
21
|
+
* @module @a-type-of-js/boolean
|
|
22
|
+
* @license MIT
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* 检测 Javascript 数据类型工具之: null
|
|
27
|
+
*
|
|
28
|
+
* @packageDocumentation
|
|
29
|
+
* @module @a-type-of-js/null
|
|
30
|
+
* @license MIT
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* 检测 Javascript 数据类型工具之: number
|
|
35
|
+
*
|
|
36
|
+
* @packageDocumentation
|
|
37
|
+
* @module @a-type-of-js/number
|
|
38
|
+
* @license MIT
|
|
39
|
+
*/
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* 检测 Javascript 数据类型工具之: object
|
|
43
|
+
*
|
|
44
|
+
* @packageDocumentation
|
|
45
|
+
* @module @a-type-of-js/object
|
|
46
|
+
* @license MIT
|
|
47
|
+
*/
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* 检测 Javascript 数据类型工具之: string
|
|
51
|
+
*
|
|
52
|
+
* @packageDocumentation
|
|
53
|
+
* @module @a-type-of-js/string
|
|
54
|
+
* @license MIT
|
|
55
|
+
*/
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* 获取随机字符串
|
|
59
|
+
*
|
|
60
|
+
* @packageDocumentation
|
|
61
|
+
* @module @a-js-tools/get-random-string
|
|
62
|
+
* @license MIT
|
|
63
|
+
*/
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* 过去随机数
|
|
67
|
+
*
|
|
68
|
+
* @packageDocumentation
|
|
69
|
+
* @module @a-js-tools/get-random-number
|
|
70
|
+
* @license MIT
|
|
71
|
+
*/
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* 防抖和节流
|
|
75
|
+
*
|
|
76
|
+
* @packageDocumentation
|
|
77
|
+
* @module @a-js-tools/performance
|
|
78
|
+
* @license MIT
|
|
79
|
+
*/
|