earthnut 0.2.3-alpha.0 → 0.2.3-alpha.2
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/209.mjs +10 -0
- package/209.mjs.map +1 -0
- package/README.md +21 -13
- package/client.mjs +10 -0
- package/components/ThemeContext/index.d.ts +11 -0
- package/components/ThemeContext/types.d.ts +26 -0
- package/components/button/button.d.ts +1 -2
- package/components/image/index.d.ts +1 -2
- package/components/image/types.d.ts +2 -1
- package/components/layout/content.d.ts +2 -2
- package/components/layout/footer.d.ts +2 -3
- package/components/layout/header.d.ts +2 -3
- package/components/layout/is-fragment.d.ts +9 -0
- package/components/layout/layout.d.ts +3 -4
- package/components/layout/{sideBar.d.ts → sidebar.d.ts} +3 -4
- package/components/layout/types.d.ts +10 -18
- package/components/marquee/MarqueeEle.d.ts +2 -2
- package/components/ripples/LazyRippleEle.d.ts +2 -11
- package/components/ripples/RipplesEle.d.ts +2 -3
- package/components/ripples/useOptionUpdate.d.ts +2 -1
- package/components/shared/EnLayoutContent/index.d.ts +19 -0
- package/components/shared/EnLayoutContent/types.d.ts +17 -0
- package/components/switch/SwitchContainer.d.ts +7 -0
- package/components/switch/SwitchContent.d.ts +10 -0
- package/components/switch/SwitchLabel.d.ts +9 -0
- package/components/switch/index.d.ts +14 -0
- package/customHooks/use-xcn/index.d.ts +1 -1
- package/customHooks/useAnimationFrame.d.ts +0 -9
- package/customHooks/useInputIsComposing.d.ts +5 -13
- package/customHooks/useRipples/index.d.ts +2 -1
- package/customHooks/useRipples/types.d.ts +2 -1
- package/customHooks/useRipples/use-lazy-ripple.d.ts +3 -2
- package/index.client.d.ts +20 -0
- package/index.d.ts +2 -14
- package/index.mjs +2 -8
- package/index.server.d.ts +8 -0
- package/layoutUtil.mjs +10 -0
- package/layoutUtil.mjs.map +1 -0
- package/package.json +28 -8
- package/server.mjs +8 -0
- package/server.mjs.map +1 -0
- package/storage/main-logic .d.ts +26 -0
- package/storage/storage-store.d.ts +14 -0
- package/styles/common.css +613 -109
- package/styles/common.scss +48 -2
- package/styles/reset.scss +2 -2
- package/styles/respond.scss +1 -1
- package/styles/root.scss +135 -17
- package/styles/vars-color.scss +247 -0
- package/utilities/cookie.d.ts +28 -0
- package/utilities/sys.d.ts +41 -0
- package/components/layout/EnLayoutContent.d.ts +0 -9
- package/components/layout/generate-class.d.ts +0 -8
- package/index.cjs +0 -9
- package/styles/vars.scss +0 -248
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* earthnut@components/shared/EnLayoutContent/types.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
import { EnLayoutContentType } from 'components/layout/types';
|
|
8
|
+
/** 组件的样式 */
|
|
9
|
+
export interface EnLayoutContentProps {
|
|
10
|
+
$header: string;
|
|
11
|
+
$content: string;
|
|
12
|
+
$sidebar: string;
|
|
13
|
+
$footer: string;
|
|
14
|
+
$main: string;
|
|
15
|
+
$headerNoSticky: boolean;
|
|
16
|
+
$layoutType: EnLayoutContentType;
|
|
17
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* earthnut@components/switch/SwitchContainer.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
export declare const SwitchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* earthnut@components/switch/SwitchContent.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
/** 开关的内容包装 */
|
|
8
|
+
export declare const SwitchContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
9
|
+
$type: "left" | "right";
|
|
10
|
+
}>> & string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* earthnut@components/switch/SwitchLabel.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
export declare const SwitchLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
+
$type: boolean;
|
|
9
|
+
}>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* earthnut@components/switch/index.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
import { HTMLAttributes } from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* 开关
|
|
10
|
+
*/
|
|
11
|
+
export declare function Switch({ value, change, children, ...props }: {
|
|
12
|
+
value: boolean;
|
|
13
|
+
change?: (e?: React.MouseEvent) => void;
|
|
14
|
+
} & HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
/** 其实这并不是一个自定义钩子 */
|
|
8
8
|
import { EnTypeofClassNameItem, EnXcn } from 'xcn';
|
|
9
|
-
type EnClassName = 'en-flex' | 'en-flex-row' | 'en-flex-row-reverse' | 'en-flex-column' | 'en-flex-column-reverse' | 'en-flex-wrap' | 'en-full-container' | 'en-center' | 'en-dust' | 'en-text-in-one-line' | 'en-text-in-one-line-hide' | 'en-text-in-two-line' | 'en-color-text' | 'en-bg-red' | 'en-float-left' | 'en-float' | 'en-float-right' | 'en-clear-float' | 'en-clear' | 'en-loading' | 'en-text-center' | 'en-text-right' | 'eb-text-small' | 'en-relative' | 'en-user-select-text' | 'en-cursor-pointer';
|
|
9
|
+
type EnClassName = 'en-flex' | 'en-flex-row' | 'en-flex-row-reverse' | 'en-flex-column' | 'en-flex-column-reverse' | 'en-flex-wrap' | 'en-full-container' | 'en-inline-block' | 'en-padding-horizontal-4' | 'en-padding-horizontal-8' | 'en-padding-horizontal-12' | 'en-padding-horizontal-16' | 'en-padding-horizontal-20' | 'en-padding-horizontal-24' | 'en-padding-horizontal-28' | 'en-padding-horizontal-32' | 'en-padding-horizontal-36' | 'en-padding-horizontal-40' | 'en-padding-vertical-4' | 'en-padding-vertical-8' | 'en-padding-vertical-12' | 'en-padding-vertical-16' | 'en-padding-vertical-20' | 'en-padding-vertical-24' | 'en-padding-vertical-28' | 'en-padding-vertical-32' | 'en-padding-vertical-36' | 'en-padding-vertical-40' | 'en-padding-4' | 'en-padding-8' | 'en-padding-12' | 'en-padding-16' | 'en-padding-20' | 'en-padding-24' | 'en-padding-28' | 'en-padding-32' | 'en-padding-36' | 'en-padding-40' | 'en-margin-horizontal-4' | 'en-margin-horizontal-8' | 'en-margin-horizontal-12' | 'en-margin-horizontal-16' | 'en-margin-horizontal-20' | 'en-margin-horizontal-24' | 'en-margin-horizontal-28' | 'en-margin-horizontal-32' | 'en-margin-horizontal-36' | 'en-margin-horizontal-40' | 'en-margin-vertical-4' | 'en-margin-vertical-8' | 'en-margin-vertical-12' | 'en-margin-vertical-16' | 'en-margin-vertical-20' | 'en-margin-vertical-24' | 'en-margin-vertical-28' | 'en-margin-vertical-32' | 'en-margin-vertical-36' | 'en-margin-vertical-40' | 'en-margin-4' | 'en-margin-8' | 'en-margin-12' | 'en-margin-16' | 'en-margin-20' | 'en-margin-24' | 'en-margin-28' | 'en-margin-32' | 'en-margin-36' | 'en-margin-40' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-box-shadow-light-red100' | 'en-border-radius-4' | 'en-border-radius-8' | 'en-border-radius-12' | 'en-border-radius-16' | 'en-border-radius-20' | 'en-border-radius-24' | 'en-border-radius-28' | 'en-border-radius-32' | 'en-border-radius-36' | 'en-border-radius-40' | 'en-center' | 'en-dust' | 'en-text-in-one-line' | 'en-text-in-one-line-hide' | 'en-text-in-two-line' | 'en-color-text' | 'en-bg-red' | 'en-float-left' | 'en-float' | 'en-float-right' | 'en-clear-float' | 'en-clear' | 'en-loading' | 'en-text-center' | 'en-text-right' | 'eb-text-small' | 'en-relative' | 'en-user-select-text' | 'en-cursor-pointer';
|
|
10
10
|
/** 在 xcn 中使用 earthnut 样式类 */
|
|
11
11
|
export declare function _en<T extends EnClassName[]>(...classNameList: T): EnXcn<{
|
|
12
12
|
[K in keyof T]: EnTypeofClassNameItem<T[K]>;
|
|
@@ -4,15 +4,6 @@
|
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
|
-
/****************************************************************************
|
|
8
|
-
* @Author earthnut
|
|
9
|
-
* @Email earthnut.dev@outlook.com
|
|
10
|
-
* @ProjectName earthnut
|
|
11
|
-
* @FilePath /src/customHooks/useAnimationFrame.ts
|
|
12
|
-
* @FileName useAnimationFrame.ts
|
|
13
|
-
* @CreateDate 周二 01/07/2025
|
|
14
|
-
* @Description 使用 animationFrame
|
|
15
|
-
****************************************************************************/
|
|
16
7
|
/** 使用动画结果 */
|
|
17
8
|
export interface UseAnimationFrameResult {
|
|
18
9
|
/** 取消执行动画 */
|
|
@@ -4,23 +4,15 @@
|
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
|
-
|
|
8
|
-
* @Author earthnut
|
|
9
|
-
* @Email earthnut.dev@outlook.com
|
|
10
|
-
* @ProjectName earthnut
|
|
11
|
-
* @FilePath /src/customHooks/useAnimationFrame.ts
|
|
12
|
-
* @FileName useInputIsComposing.ts
|
|
13
|
-
* @CreateDate 周二 01/07/2025
|
|
14
|
-
* @Description 使用输入框是否完成输入状态
|
|
15
|
-
****************************************************************************/
|
|
7
|
+
import { RefObject } from 'react';
|
|
16
8
|
/**
|
|
17
9
|
*
|
|
18
10
|
* ### 导出一个使用 `useRef` 创建的 `boolean`
|
|
19
11
|
*
|
|
20
|
-
* *由于是包裹在
|
|
12
|
+
* *由于是包裹在 RefObject 之中,判断时务必使用 `isComposing.current` 进行判断*
|
|
21
13
|
* @description 用于判断当前的输入状态是否结束
|
|
22
|
-
* @param inputRef [
|
|
23
|
-
* @returns
|
|
14
|
+
* @param inputRef [RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
|
|
15
|
+
* @returns RefObject<boolean>
|
|
24
16
|
* @version 0.0.4
|
|
25
17
|
* @see https://earthnut.dev/custom-hooks/use-input-is-composing
|
|
26
18
|
* @example
|
|
@@ -49,4 +41,4 @@
|
|
|
49
41
|
* ...
|
|
50
42
|
* ```
|
|
51
43
|
*/
|
|
52
|
-
export declare function useInputIsComposing(inputRef:
|
|
44
|
+
export declare function useInputIsComposing(inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement | null>): RefObject<boolean>;
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
|
+
import { RefObject } from 'react';
|
|
7
8
|
import { BackgroundRipplesProps, RippleImgUrl, RipplesOptions } from './types';
|
|
8
9
|
import { Ripples } from './ripplesClass';
|
|
9
10
|
/**
|
|
@@ -40,5 +41,5 @@ import { Ripples } from './ripplesClass';
|
|
|
40
41
|
* ```
|
|
41
42
|
*
|
|
42
43
|
*/
|
|
43
|
-
export declare function useRipples(canvas:
|
|
44
|
+
export declare function useRipples(canvas: RefObject<HTMLCanvasElement | null>, option?: RipplesOptions): RefObject<Ripples | null>;
|
|
44
45
|
export type { Ripples, BackgroundRipplesProps, RipplesOptions, RippleImgUrl };
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
* @CreateDate 周二 12/17/2024
|
|
13
13
|
* @Description BackgroundRipples 的类型声明文件
|
|
14
14
|
****************************************************************************/
|
|
15
|
+
import { HTMLAttributes } from 'react';
|
|
15
16
|
export type ImageCrossOrigin = 'anonymous' | 'use-credentials' | 'no-cors';
|
|
16
17
|
/**
|
|
17
18
|
*
|
|
@@ -34,7 +35,7 @@ export type ImageCrossOrigin = 'anonymous' | 'use-credentials' | 'no-cors';
|
|
|
34
35
|
* - darkMode 暗黑模式,仅用于在默认的背景图时更改默认背景图的背景色,如果使用了 `imgUrl` 配置,请执行处理色差异常
|
|
35
36
|
*
|
|
36
37
|
*/
|
|
37
|
-
export type BackgroundRipplesProps =
|
|
38
|
+
export type BackgroundRipplesProps = HTMLAttributes<HTMLDivElement> & {
|
|
38
39
|
/**
|
|
39
40
|
* ## 可设定涟漪的参数
|
|
40
41
|
*
|
|
@@ -4,11 +4,12 @@
|
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
|
+
import { RefObject } from 'react';
|
|
7
8
|
import { Ripples } from './ripplesClass';
|
|
8
9
|
import { RipplesOptions } from './types';
|
|
9
10
|
/** 动态加载包含的自定义的钩子 */
|
|
10
|
-
export declare function useLazyRipples(canvas:
|
|
11
|
-
ripples:
|
|
11
|
+
export declare function useLazyRipples(canvas: RefObject<HTMLCanvasElement | null>, option?: RipplesOptions): {
|
|
12
|
+
ripples: RefObject<Ripples | null>;
|
|
12
13
|
isLoading: boolean;
|
|
13
14
|
error: unknown;
|
|
14
15
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* earthnut@index.client.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
export { useLazyRipples } from './customHooks/useRipples/use-lazy-ripple';
|
|
8
|
+
export { BackgroundRipple, LazyBackgroundRipple } from './components/ripples';
|
|
9
|
+
export { useTimeId } from './customHooks/useTimeId';
|
|
10
|
+
export { useAnimationFrame } from './customHooks/useAnimationFrame';
|
|
11
|
+
export type { UseAnimationFrameResult, AnimationFrameOption, } from './customHooks/useAnimationFrame';
|
|
12
|
+
export { useInputIsComposing } from './customHooks/useInputIsComposing';
|
|
13
|
+
export { useRipples } from './customHooks/useRipples';
|
|
14
|
+
export type { Ripples, BackgroundRipplesProps, RipplesOptions, RippleImgUrl, } from './customHooks/useRipples';
|
|
15
|
+
export type { LayoutProps, LayoutSideBarProps, LayoutHeaderProps, LayoutFooterProps, } from './components/layout';
|
|
16
|
+
export { Image, Image as EnImage } from './components/image';
|
|
17
|
+
export type { EnImageProps } from './components/image';
|
|
18
|
+
export { useColorMode, ThemeColorModeProvider } from './components/ThemeContext';
|
|
19
|
+
export type { ColorMode, ThemeContextType, ThemeColorModeProviderProps, } from './components/ThemeContext/types';
|
|
20
|
+
export { Switch, Switch as EnSwitch } from './components/switch';
|
package/index.d.ts
CHANGED
|
@@ -4,17 +4,5 @@
|
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
|
-
|
|
8
|
-
export
|
|
9
|
-
export { BackgroundRipple, LazyBackgroundRipple } from './components/ripples/';
|
|
10
|
-
export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSideBar, EnLayout, EnLayoutContent, EnLayoutFooter, EnLayoutHeader, EnLayoutSideBar, } from './components/layout';
|
|
11
|
-
export { useTimeId } from './customHooks/useTimeId';
|
|
12
|
-
export { useAnimationFrame } from './customHooks/useAnimationFrame';
|
|
13
|
-
export type { UseAnimationFrameResult, AnimationFrameOption, } from './customHooks/useAnimationFrame';
|
|
14
|
-
export { useInputIsComposing } from './customHooks/useInputIsComposing';
|
|
15
|
-
export { useRipples } from './customHooks/useRipples';
|
|
16
|
-
export type { Ripples, BackgroundRipplesProps, RipplesOptions, RippleImgUrl, } from './customHooks/useRipples';
|
|
17
|
-
export type { LayoutProps, LayoutSideBarProps, LayoutHeaderProps, LayoutFooterProps, } from './components/layout';
|
|
18
|
-
export { Image, Image as EnImage } from './components/image';
|
|
19
|
-
export type { EnImageProps } from './components/image';
|
|
20
|
-
export { _en };
|
|
7
|
+
export * from './index.client';
|
|
8
|
+
export * from './index.server';
|
package/index.mjs
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* earthnut@index.mjs
|
|
4
|
-
* Copyright (c) 2025 earthnut.dev
|
|
5
|
-
* 请在项目根参看详细许可证明
|
|
6
|
-
*/
|
|
7
1
|
|
|
8
|
-
|
|
9
|
-
import*as e from"a-js-tools";import*as t from"a-type-of-js";import{setStyle as r}from"a-element-inline-style";import{xcn as n}from"xcn";import{Children as i,Fragment as o,cloneElement as a,createElement as s,default as u,forwardRef as l,isValidElement as c,useCallback as f,useContext as p,useEffect as d,useImperativeHandle as h,useMemo as y,useRef as g,useState as m}from"react";var v={45:()=>{function e(t){return e="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},e(t)}function t(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,r(i.key),i)}}function r(t){var r=function(t,r){if("object"!=e(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,r||"default");if("object"!=e(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==e(r)?r:r+""}new(function(){return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),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})},161:(t,r,n)=>{t.exports=(e=>{var t={};return n.d(t,e),t})({debounce:()=>e.debounce,enArr:()=>e.enArr,getRandomInt:()=>e.getRandomInt,getRandomString:()=>e.getRandomString})},362:(e,r,n)=>{e.exports=(e=>{var t={};return n.d(t,e),t})({isArray:()=>t.isArray,isBoolean:()=>t.isBoolean,isBusinessEmptyString:()=>t.isBusinessEmptyString,isEmptyArray:()=>t.isEmptyArray,isFalse:()=>t.isFalse,isNull:()=>t.isNull,isNumber:()=>t.isNumber,isPlainObject:()=>t.isPlainObject,isString:()=>t.isString,isTrue:()=>t.isTrue,isUndefined:()=>t.isUndefined,isZero:()=>t.isZero})},458:(e,t,n)=>{n.d(t,{Ripples:()=>tt}),n.r(t);var i=n(362);function o(e,t,r,n){function o(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,o(r.VERTEX_SHADER,e)),r.attachShader(s.id,o(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,i.isNull)(a=l.exec(u));){var c=a[2];s.locations[c]=r.getUniformLocation(s.id,c)}return s}function a(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 s(e){return"rgba(0, 0, 0, 0)"===e||"#ffffffff"===e||"transport"===e}function u(e){return"none"===e||""===e}function l(){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 c(e){return c="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},c(e)}function f(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,h(n.key),n)}}function p(e,t,r){return t&&f(e.prototype,t),r&&f(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function d(e,t,r){return(t=h(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){var t=function(e,t){if("object"!=c(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==c(t)?t:t+""}var y=p(function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),d(this,"canvas",void 0),d(this,"gl",void 0),d(this,"config",void 0),d(this,"initState",!0),this.canvas=t;var r=t.getContext("webgl");if((0,i.isNull)(r))return this.initState=!1,void(this.config=null);this.gl=r,this.config=Reflect.apply(l,this,[])}),g=n(161),m={imgUrl:null,resolution:360,dropRadius:12,perturbance:.01,interactive:!0,crossOrigin:"no-cors",playingState:!0,accelerating:1,raindropsTimeInterval:3600,idleFluctuations:!0,darkMode:void 0};Object.freeze(m);var v;n(45);function b(e){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,S(n.key),n)}}function S(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+""}function O(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 E(e,t,r){return e.set(R(e,t),r),r}function P(e,t){return e.get(R(e,t))}function R(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 A(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 A(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)?A(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 A(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 T=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r={list:[],diameter:48,radius:0,cells:0};r.diameter%2!=0&&r.diameter++;var n=r.diameter,i=r.list,o=n/2;r.radius=o,r.cells=Math.pow(n,2);for(var a=0;a<n;a++){i[a]=[];for(var s=0;s<n;s++)i[a][s]=[0,0,0,0]}for(var u=0;u<=o;u++)for(var l=function(){var e=i[u][c],r=Math.ceil(Math.sqrt(Math.pow(u,2)+Math.pow(c,2)))<=o,n=t?10:255,a=t?25:190,s=r?t?160:120:t?160:180,l=r?t?230:160:t?250:240,f=function(){return(0,g.getRandomInt)(n,a)};e[0]=f(),e[1]=f(),e[2]=f(),e[3]=(0,g.getRandomInt)(s,l)},c=u;c<=o;c++)l();for(var f=0;f<=o;f++)for(var p=0;p<=f;p++)i[f][p]=i[p][f];for(var d=o;d<n;d++)for(var h=0;h<=o;h++)i[d][h]=i[n-d][h];for(var y=0;y<o;y++)for(var m=o;m<n;m++)i[y][m]=i[y][n-m];for(var v=o;v<n;v++)for(var b=o;b<n;b++)i[v][b]=i[v][n-b];var w=e%n;return r.list=[].concat(j(i.slice(w)),j(i.slice(0,w))),r},x=new(v=new WeakMap,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),O(this,v,1),function(e,t,r){(t=S(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(this,"data",T())},[{key:"build",value:function(e){P(v,this)>100&&E(v,this,0),this.data=T(E(v,this,P(v,this)+4),e)}}])}());function k(e,t){var r=document.createElement("canvas"),n=document.createElement("canvas"),o=r.getContext("2d"),a=n.getContext("2d");return(0,i.isNull)(o)||(0,i.isNull)(a)?r:(r.width=n.width=e||1,r.height=n.height=t||1,o.clearRect(0,0,e,t),a.clearRect(0,0,e,t),o.globalAlpha=1,o.putImageData(function(e,t){Date.now();for(var r=new ImageData(e||1,t||1),n=r.data,i=x.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 I(){var e,t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],r=this.fadeData,n=this.options,i=r.backgroundInfo,o=r.toBeList,a=i.width,s=i.height,u=(0,g.getRandomString)({length:8,includeNumbers:!0,includeUppercaseLetters:!0});x.build(null!==(e=n.darkMode)&&void 0!==e?e:r.isDark),o.push({resource:k(a,s),width:a,height:s,kind:"default",tag:u}),t&&r.run()}function D(e,t){var r,n,o=e.imgUrl;return(0,i.isString)(o)&&o||(r=t.backgroundImage,n=/url\(["']?([^"']*)["']?\)/.exec(r),(0,i.isNull)(n)?null:n[1])}function N(e,t){return(0,i.isArray)(e.imgUrl)&&1===e.imgUrl.length&&e.imgUrl[0]||t.backgroundColor}function _(){var e=this.renderData,t=this.fadeData,r=this.options;if((0,i.isNull)(e))return Reflect.apply(I,this,[]);var n=e.originStyle;if(s(n.backgroundColor)&&(!(0,i.isArray)(r.imgUrl)||1!==r.imgUrl.length))return Reflect.apply(I,this,[]);var o=document.createElement("canvas"),a=o.getContext("2d");if((0,i.isNull)(a))return Reflect.apply(I,this,[]);var u=t.backgroundInfo,l=u.width,c=u.height;o.width=l,o.height=c,a.clearRect(0,0,l,c);var f=N(r,n);a.beginPath(),a.fillStyle=f,a.fillRect(0,0,l,c),a.fill(),t.isTransitioning&&!(0,i.isEmptyArray)(t.toBeList)?t.toBeList=[t.toBeList[0]]:t.toBeList=[];var p={resource:o,kind:"background-color",tag:f,width:l,height:c};t.toBeList.push(p),t.run()}function C(){var e=this.fadeData,t=this.renderData,r=this.options;if((0,i.isNull)(t))return Reflect.apply(_,this,[]);var n=t.originStyle;if(!/linear-gradient\(.*\)/.test(n.backgroundImage)&&!(0,i.isArray)(r.imgUrl))return Reflect.apply(_,this,[]);var o=(0,i.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(o.length<2)return Reflect.apply(_,this,[]);var a=document.createElement("canvas"),s=a.getContext("2d");if((0,i.isNull)(s))return Reflect.apply(_,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);o.forEach(function(e,t){return f.addColorStop(t/(o.length-1),e)}),s.fillStyle=f,s.fillRect(0,0,l,c),e.isTransitioning&&!(0,i.isEmptyArray)(e.toBeList)?e.toBeList=[e.toBeList[0]]:e.toBeList=[],e.toBeList.push({resource:a,kind:"linear-gradient",tag:o.join("_"),width:l,height:c}),e.run()}function F(e){return function(e){if(Array.isArray(e))return U(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 U(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)?U(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 U(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 L(){var e=this,t=this.renderData,r=this.options,n=this.fadeData;if((0,i.isNull)(t))Reflect.apply(C,this,[]);else{var o=t.lastUseStyle,a=n.backgroundInfo,s=a.width,u=a.height,l=D(r,o);if(t.imageSource=l,l){var c=function(e,t,r){var n=new Image(t,r);return n.width=t,n.height=r,n.src=e,n}(l,s,u);c.onload=function(){clearTimeout(n.transparentId),n.isTransitioning&&!(0,i.isEmptyArray)(n.toBeList)?n.toBeList=[n.toBeList[0]].concat(F(n.toBeList.slice(1).filter(function(e){return"image"===e.kind&&(Math.abs(e.width-s)>2||Math.abs(e.height-u)>2||e.tag!==l)}))):n.toBeList=[],n.toBeList.push({resource:c,width:s,height:u,kind:"image",tag:l}),n.run()},c.onerror=function(){Reflect.apply(C,e,[])},c.crossOrigin=r.crossOrigin}else Reflect.apply(C,this,[])}}function B(){var e=this.renderData;if(!(0,i.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 $(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 M(){var e=this.renderData;if(!(0,i.isNull)(e)){var t=e.parentElement,r=e.originStyle;t.style.setProperty("background-image",r.inlineBackgroundImage),t.style.setProperty("background-color",r.inlineBackgroundColor)}}function z(e){return z="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},z(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,G(n.key),n)}}function X(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"!=z(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=z(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==z(t)?t:t+""}var H=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(t,r,n){var o,a=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),X(this,"quad",null),X(this,"lastRaindropsFallTime",0),X(this,"parentElement",void 0),X(this,"mutationObserver",void 0),X(this,"resizeObserver",void 0),X(this,"renderProgram",void 0),X(this,"imageSource",""),X(this,"dropProgram",void 0),X(this,"updateProgram",void 0),X(this,"textures",[]),X(this,"backgroundTexture",[]),X(this,"textureDelta",void 0),X(this,"framebuffers",[]),X(this,"bufferWriteIndex",0),X(this,"bufferReadIndex",1),X(this,"originStyle",void 0),X(this,"lastUseStyle",void 0),X(this,"events",{}),X(this,"animationFrameId",0),this.parentElement=null!==(o=t.parentElement)&&void 0!==o?o:document.body,Reflect.apply(B,n,[]),this.originStyle=this.lastUseStyle=$(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),o=$(a.parentElement),l=Object.values(o);if((0,i.isEmptyArray)(g.enArr.difference(t,l)))return;var c=u(o.backgroundImage),f=s(o.backgroundColor);if(c&&f)return;a.lastUseStyle=o,Reflect.apply(r,n,[]),Reflect.apply(B,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(M,{renderData:this},[]),this.parentElement&&this.events)try{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}catch(e){}}}])}();function Y(){var e=this.renderData,t=this.fadeData;if(!(0,i.isNull)(e)){var r,n,o,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(" "):q(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,y=d.height;if("cover"===u){var g=Math.max(p.width/h,p.height/y);n=h*g,o=y*g}else if("contain"===u){var m=Math.min(p.width/h,p.height/y);n=h*m,o=y*m}else{var v=u.split(" ");n=v[0]||"",o=v[1]||n,q(n)?n=p.width*parseFloat(n)/100:"auto"!==n&&(n=parseFloat(n)),q(o)?o=p.height*parseFloat(o)/100:"auto"!==o&&(o=parseFloat(o)),"auto"===n&&"auto"===o?(n=h,o=y):("auto"===n&&(n=h*(Number(o)/y)),"auto"===o&&(o=y*(Number(n)/h)))}var b=f&&f[0]||"0%",w=f&&f[1]||"0%";b=q(b)?(p.left+(p.width-Number(n))*parseFloat(b)/100).toString():(p.left+parseFloat(b)).toString(),w=q(w)?(p.top+(p.height-Number(o))*parseFloat(w)/100).toString():(p.top+parseFloat(w)).toString(),e.renderProgram.uniforms.topLeft=new Float32Array([-Number(b)/n,-Number(w)/o]),e.renderProgram.uniforms.bottomRight=new Float32Array([e.renderProgram.uniforms.topLeft[0]+a.clientWidth/n,e.renderProgram.uniforms.topLeft[1]+a.clientHeight/o]);var S=Math.max(this.canvas.width,this.canvas.height);e.renderProgram.uniforms.containerRatio=new Float32Array([this.canvas.width/S,this.canvas.height/S])}}function q(e){return e.endsWith("%")}function V(){var e=this.gl,t=this.renderData;(0,i.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 K(){var e=this.gl,t=this.renderData,r=this.options;if(!(0,i.isNull)(t)){var n=t.textures,o=t.backgroundTexture,s=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(a,this,[o,0]),Reflect.apply(a,this,[n[0],1]),e.uniform1f(t.renderProgram.locations.perturbance,s),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(V,this,[]),e.disable(e.BLEND)}}function Z(){var e=this.renderData;if(!(0,i.isNull)(e)){var t=e.bufferWriteIndex,r=e.bufferReadIndex;e.bufferWriteIndex=1-t,e.bufferReadIndex=1-r}}function Q(){var e=this.gl,t=this.renderData,r=this.options;if(!(0,i.isNull)(t)){var n=t.updateProgram,o=t.textures,s=t.framebuffers,u=t.bufferWriteIndex,l=t.bufferReadIndex,c=r.resolution;e.viewport(0,0,c,c),e.bindFramebuffer(e.FRAMEBUFFER,s[u]),Reflect.apply(a,this,[o[l]]),e.useProgram(n.id),Reflect.apply(V,this,[]),Reflect.apply(Z,this,[])}}function J(){var e=this,t=this.renderData,r=this.options,n=this.fadeData;if(!(0,i.isNull)(t)){var o=t.parentElement,a=n.isTransitioning,s=r.running,u=r.idleFluctuations,l=r.lastRunningState,c=getComputedStyle(o);n.backgroundInfo={width:parseInt(c.width),height:parseInt(c.height)},Reflect.apply(Y,this,[]),s?(l||(r.lastRunningState=!0,this.show()),u&&this.raindropsFall(),a&&this.fade(),Reflect.apply(Q,this,[]),Reflect.apply(K,this,[])):l&&(r.lastRunningState=!1,this.hide()),t.animationFrameId=requestAnimationFrame(function(){return Reflect.apply(J,e,[])})}}function ee(e,t,r){var n=this.renderData;if(!(0,i.isNull)(n)){var o=n.parentElement,a=window.getComputedStyle(o),s=parseInt(a.borderLeftWidth)||0,u=parseInt(a.borderTopWidth)||0,l=o.getBoundingClientRect(),c=e.clientX-l.left-s,f=e.clientY-l.top-u;this.drop(c,f,t,r)}}function te(){var e=this,t=this.renderData,r=this.options;if(!(0,i.isNull)(t)){var n=t.parentElement,o=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(ee,e,[n,r.dropRadius*(i?1.5:1),i?.03:.01]))};o.mousemove=function(e){for(var t=r.accelerating;t--;)a(e)},o.touchmove=o.touchstart=function(e){for(var t=e.touches,r=0;r<t.length;r++)a(t[r])},o.mousedown=function(e){return a(e,!0)},Object.keys(o).forEach(function(e){return null==n?void 0:n.addEventListener(e,o[e],{passive:!0})})}}var re="\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 ne(){var e=this.gl,t=this.renderData;if(!(0,i.isNull)(t)){var r=t.textureDelta;t.dropProgram=o(re,"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=o(re,"\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=o("\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 ie(){var e=this.gl,t=this.renderData;if(!(0,i.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 oe(e){var t=this.gl,r=this.renderData,n=this.fadeData;if(!(0,i.isNull)(r)){var o=r.backgroundTexture,a=r.parentElement,s=n.backgroundInfo,u=s.width,l=s.height,c=function(e){return(0,i.isZero)(e&e-1)},f=c(u)&&c(l)?t.REPEAT:t.CLAMP_TO_EDGE;t.bindTexture(t.TEXTURE_2D,o),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 ae(){var e=this,t=this.renderData,r=this.options,n=this.fadeData;if(!(0,i.isNull)(t)&&this.config){var o=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(),y=u.createFramebuffer();u.bindFramebuffer(u.FRAMEBUFFER,y),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),o.push(h),a.push(y)}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(ne,this,[]),Reflect.apply(ie,this,[]),Reflect.apply(L,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(te,this,[]),Reflect.apply(oe,this,[n.lastDrawImage]),t.animationFrameId=requestAnimationFrame(function(){return Reflect.apply(J,e,[])})}}function se(){var e=this.renderData,t=this.fadeData;if(!(0,i.isNull)(e)){var r=e.parentElement,n=t.backgroundInfo,o=r.offsetWidth,a=r.offsetHeight;this.canvas.width=n.width=o,this.canvas.height=n.height=a,Reflect.apply(L,this,[])}}function ue(){var e=this.renderData,t=this.fadeData;(0,i.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 le(e,t,r,n){var o=this.renderData,s=this.options,u=this.gl;if(!(0,i.isNull)(o)){var l=o.parentElement,c=o.dropProgram,f=o.textures,p=o.framebuffers,d=o.bufferWriteIndex,h=o.bufferReadIndex,y=s.resolution,g=l.offsetWidth,m=l.offsetHeight,v=Math.max(g,m);r/=v;var b=new Float32Array([(2*e-g)/v,(m-2*t)/v]);u.viewport(0,0,y,y),u.bindFramebuffer(u.FRAMEBUFFER,p[d]),Reflect.apply(a,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(V,this,[]),Reflect.apply(Z,this,[])}}function ce(e){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){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 pe(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"!=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 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 ye(e,t){return e.get(me(e,t))}function ge(e,t,r){return e.set(me(e,t),r),r}function me(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 ve=new WeakMap,be=new WeakMap,we=new WeakMap,Se=new WeakMap,Oe=new WeakMap,Ee=new WeakMap,Pe=new WeakMap,Re=new WeakMap,je=function(){return function(e,t,r){return t&&fe(e.prototype,t),r&&fe(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),he(this,ve,m.accelerating),he(this,be,m.interactive),he(this,we,m.resolution),he(this,Se,m.perturbance),he(this,Oe,m.dropRadius),pe(this,"imgUrl",m.imgUrl),he(this,Ee,m.idleFluctuations),he(this,Pe,m.raindropsTimeInterval),pe(this,"crossOrigin","no-cors"),pe(this,"visible",!1),pe(this,"running",!1),he(this,Re,void 0),pe(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,this.darkMode=t.darkMode},[{key:"accelerating",get:function(){return ye(ve,this)},set:function(e){e>100||e<2||ge(ve,this,e)}},{key:"interactive",get:function(){return ye(be,this)},set:function(e){(0,i.isBoolean)(e)&&ge(be,this,e)}},{key:"resolution",get:function(){return ye(we,this)},set:function(e){e<100||e>550||ge(we,this,e)}},{key:"perturbance",get:function(){return ye(Se,this)},set:function(e){e<1e-4||e>1||ge(Se,this,e)}},{key:"dropRadius",get:function(){return ye(Oe,this)},set:function(e){!isFinite(e)||e<10||ge(Oe,this,e)}},{key:"idleFluctuations",get:function(){return ye(Ee,this)},set:function(e){(0,i.isBoolean)(e)&&ge(Ee,this,e)}},{key:"raindropsTimeInterval",get:function(){return ye(Pe,this)},set:function(e){e<10||e>12e3||ge(Pe,this,e)}},{key:"playingState",get:function(){return this.running},set:function(e){this.running=Boolean(null==e||e)}},{key:"darkMode",get:function(){return ye(Re,this)},set:function(e){ge(Re,this,(0,i.isUndefined)(e)?void 0:Boolean(e))}}])}();function Ae(){var e=this.fadeData,t=this.options,r=this.renderData;if((0,i.isNull)(r))return!0;var n=t.imgUrl,o=r.lastUseStyle,a=e.lastDrawImage,s=e.backgroundInfo,u=s.width,l=s.height,c=a.tag,f=a.kind,p=D(t,o),d=a.width===u,h=a.height===l,y=d&&h;if("image"===f&&y&&(0,i.isString)(p)&&p===c)return!0;var g=(0,i.isArray)(n)&&n.join("_")||"";if("linear-gradient"===f&&y&&g===c)return!0;var m=N(t,o);return!("background-color"!==f||!y||c!==m)}function Te(){var e=this,t=this.options,r=this.fadeData;r.transparentId=setTimeout(function(){if(clearTimeout(r.transparentId),r.isTransitioning)return Reflect.apply(Te,e,[]);Reflect.apply(Ae,e,[])||r.run()},2*t.raindropsTimeInterval)}function xe(){var e=this.renderData,t=this.fadeData,r=this.options,n=t.toBeList;if((0,i.isNull)(e))return Reflect.apply(ke,this,["还没有准备好,即将退出"]);if((0,i.isEmptyArray)(n))return Reflect.apply(ke,this,["由于缺少当前渲染的背景,退出"]);if(0===t.drawProgress&&n.forEach(function(e){}),t.drawProgress>1e3){if(t.lastDrawImage=n.shift(),Reflect.apply(oe,this,[t.lastDrawImage]),(0,i.isEmptyArray)(n)){var o=e.lastUseStyle;((0,i.isNull)(r.imgUrl)||(0,i.isBusinessEmptyString)(r.imgUrl)||(0,i.isZero)(r.imgUrl.length))&&s(o.backgroundColor)&&u(o.backgroundImage)&&Reflect.apply(I,this,[!1])}return Reflect.apply(ke,this,["当前执行完毕,开启下次执行"])}var a=t.lastDrawImage,l=t.backgroundInfo;t.drawProgress+=18;var c=document.createElement("canvas"),f=c.getContext("2d");if((0,i.isNull)(f)||(0,i.isNull)(a.resource)||(0,i.isEmptyArray)(n))return Reflect.apply(ke,this,"环境值错误");var p=l.width,d=l.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(oe,this,[h]),n.length>1&&(t.lastDrawImage=h,n.shift(),t.drawProgress=0)}function ke(e){this.fadeData.isTransitioning=!1,Reflect.apply(Te,this,[])}function Ie(e){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)}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,Ce(n.key),n)}}function Ne(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function _e(e,t,r){return(t=Ce(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ce(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+""}function Fe(e,t){return e.get(Ue(e,t))}function Ue(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 Le=new WeakMap,Be=new WeakSet,$e=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){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),function(e,t){Ne(e,t),t.add(e)}(this,Be),_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),function(e,t,r){Ne(e,t),t.set(e,r)}(this,Le,void 0),_e(this,"isDark",!1);var r,n,o=t.renderData;if((0,i.isNull)(o))r=10,n=10;else{var a=getComputedStyle(o.parentElement);r=parseInt(a.width),n=parseInt(a.height)}this.backgroundInfo={width:r,height:n},this.lastDrawImage={resource:k(r,n),width:r,height:n,kind:"default",tag:""},s=Le,u=this,l=window.matchMedia("(prefers-color-scheme: dark)"),s.set(Ue(s,u),l),this.isDark=Fe(Le,this).matches,Fe(Le,this).addEventListener("change",Ue(Be,this,Me));var s,u,l,c=this;Object.defineProperty(Fe(Le,this),"isDark",{get:function(){return c.isDark},set:function(e){c.isDark=e,Reflect.apply(Ae,t,[])||Reflect.apply(I,t,[!0])}})},[{key:"run",value:function(){this.isTransitioning||(this.drawProgress=0,this.isTransitioning=!0)}},{key:"destroy",value:function(){Fe(Le,this).removeEventListener("change",Ue(Be,this,Me)),this.transparentId&&clearTimeout(this.transparentId)}}])}();function Me(e){this.isDark=e.matches}function ze(e){return ze="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},ze(e)}function We(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 Xe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?We(Object(r),!0).forEach(function(t){Ze(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):We(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function Ge(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,Qe(n.key),n)}}function He(e,t,r){return t=qe(t),function(e,t){if(t&&("object"==ze(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,Ye()?Reflect.construct(t,r||[],qe(e).constructor):t.apply(e,r))}function Ye(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(Ye=function(){return!!e})()}function qe(e){return qe=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},qe(e)}function Ve(e,t){return Ve=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Ve(e,t)}function Ke(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 Ze(e,t,r){return(t=Qe(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Qe(e){var t=function(e,t){if("object"!=ze(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=ze(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==ze(t)?t:t+""}function Je(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 et=new WeakMap,tt=function(e){function t(e,n){var o;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),Ze(o=He(this,t,[e]),"renderData",null),Ze(o,"options",void 0),Ze(o,"fadeData",void 0),Ze(o,"defaults",m),Ze(o,"initialized",!1),Ke(o,et,(0,g.debounce)(se,{this:o})),Object.defineProperties(o,{defaults:{value:o.defaults,writable:!1,enumerable:!1,configurable:!1}}),o.options=new je(Xe(Xe({},o.defaults),n)),o.renderData=new H(e,o.reloadBackground,o),o.fadeData=new $e(o),(0,i.isFalse)(o.initState)||(0,i.isNull)(e.parentElement)||(0,i.isNull)(o.config)||(0,i.isNull)(o.gl)?o.initState=!1:(!function(e){var t=e.parentElement;e.width=t.clientWidth,e.height=t.clientHeight,r(e,{position:"absolute",left:0,top:0,right:0,bottom:0,zIndex:-1,pointerEvents:"none"})}(e),Reflect.apply(ae,o,[])),window.matchMedia("(prefers-color-scheme: dark)"),o}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&&Ve(e,t)}(t,e),function(e,t,r){return t&&Ge(e.prototype,t),r&&Ge(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,i.isNull)(e)){var n=r.backgroundInfo,o=e.lastRaindropsFallTime,a=t.raindropsTimeInterval,s=t.dropRadius,u=Date.now();if(!(u-o<a)){e.lastRaindropsFallTime=u;var l=function(e){return(0,g.getRandomInt)(e||1)},c=n.width,f=n.height;this.drop(l(c),l(f),s,.03)}}}},{key:"drop",value:function(e,t,r,n){Reflect.apply(le,this,[e,t,r,n])}},{key:"fade",value:function(){Reflect.apply(xe,this,[])}},{key:"reloadBackground",value:function(){Je(et,this).call(this)}},{key:"destroy",value:function(){Reflect.apply(ue,this,[])}},{key:"show",value:function(){this.options.visible=!0,this.canvas.style.visibility="visible",Reflect.apply(B,this,[])}},{key:"hide",value:function(){this.options.visible=!1,this.canvas.style.visibility="hidden",Reflect.apply(M,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(L,this,[])):"darkMode"===e?(this.options.darkMode=t,Reflect.apply(Ae,this,[])||Reflect.apply(I,this,[!0])):this.options[e]=t}}])}(y)},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}}},b={};function w(e){var t=b[e];if(void 0!==t)return t.exports;var r=b[e]={exports:{}};return v[e](r,r.exports,w),r.exports}function S(){return n.apply(void 0,arguments)}w.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return w.d(t,{a:t}),t},w.d=(e,t)=>{for(var r in t)w.o(t,r)&&!w.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},w.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),w.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},w.nc=void 0;var O=w(362);w(45);function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,o,a,s=[],u=!0,l=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(s.push(n.value),s.length!==t);u=!0);}catch(e){l=!0,i=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw i}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return P(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)?P(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function R(e,t){var r=g(null),n=g(!0),i=g(!1),o=E(m(!1),2),a=o[0],s=o[1],u=E(m(null),2),l=u[0],c=u[1];function f(){n.current=!0,setTimeout(function(){var e;n.current&&(null===(e=r.current)||void 0===e||e.destroy())},0)}return d(function(){return n.current=!1,(0,O.isNull)(e.current)||i.current||(s(!0),i.current=!0,Promise.resolve().then(w.bind(w,458)).then(function(i){(0,O.isNull)(e.current)||n.current||(r.current=new i.Ripples(e.current,t))}).catch(function(e){c(e)}).finally(function(){s(!1)})),f},[]),{ripples:r,isLoading:a,error:l}}var j=w(458);function A(e,t){var r=g(null);return d(function(){if(!(0,O.isNull)(e.current))return r.current=new j.Ripples(e.current,t),function(){var e;return null===(e=r.current)||void 0===e?void 0:e.destroy()}},[]),r}function T(e){return T="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},T(e)}function x(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}function I(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 D(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=T(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==T(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function N(e,t){var r=g(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach(function(t){D(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},t));d(function(){t&&e.current&&Object.keys(e.current.defaults).forEach(function(n){var i=t[n],o=function(e,t){return(0,O.isArray)(e)&&(0,O.isArray)(t)&&(e.length!==t.length||!e.every(function(r){return e[r]===t[r]}))||(!(0,O.isArray)(e)||!(0,O.isArray)(t))&&e!==t}(i,r.current[n]);e.current&&o&&(r.current[n]=(0,O.isArray)(i)?x(i):t[n],e.current.set(n,i))})},[t])}var _=function(){return _=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},_.apply(this,arguments)};Object.create;function C(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 F=w(945),U=w.n(F),L="-ms-",B="-moz-",$="-webkit-",M="comm",z="rule",W="decl",X="@keyframes",G=Math.abs,H=String.fromCharCode,Y=Object.assign;function q(e){return e.trim()}function V(e,t){return(e=t.exec(e))?e[0]:e}function K(e,t,r){return e.replace(t,r)}function Z(e,t,r){return e.indexOf(t,r)}function Q(e,t){return 0|e.charCodeAt(t)}function J(e,t,r){return e.slice(t,r)}function ee(e){return e.length}function te(e){return e.length}function re(e,t){return t.push(e),e}function ne(e,t){return e.filter(function(e){return!V(e,t)})}var ie=1,oe=1,ae=0,se=0,ue=0,le="";function ce(e,t,r,n,i,o,a,s){return{value:e,root:t,parent:r,type:n,props:i,children:o,line:ie,column:oe,length:a,return:"",siblings:s}}function fe(e,t){return Y(ce("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function pe(e){for(;e.root;)e=fe(e.root,{children:[e]});re(e,e.siblings)}function de(){return ue=se>0?Q(le,--se):0,oe--,10===ue&&(oe=1,ie--),ue}function he(){return ue=se<ae?Q(le,se++):0,oe++,10===ue&&(oe=1,ie++),ue}function ye(){return Q(le,se)}function ge(){return se}function me(e,t){return J(le,e,t)}function ve(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 be(e){return ie=oe=1,ae=ee(le=e),se=0,[]}function we(e){return le="",e}function Se(e){return q(me(se-1,Pe(91===e?e+2:40===e?e+1:e)))}function Oe(e){for(;(ue=ye())&&ue<33;)he();return ve(e)>2||ve(ue)>3?"":" "}function Ee(e,t){for(;--t&&he()&&!(ue<48||ue>102||ue>57&&ue<65||ue>70&&ue<97););return me(e,ge()+(t<6&&32==ye()&&32==he()))}function Pe(e){for(;he();)switch(ue){case e:return se;case 34:case 39:34!==e&&39!==e&&Pe(ue);break;case 40:41===e&&Pe(e);break;case 92:he()}return se}function Re(e,t){for(;he()&&e+ue!==57&&(e+ue!==84||47!==ye()););return"/*"+me(t,se-1)+"*"+H(47===e?e:he())}function je(e){for(;!ve(ye());)he();return me(e,se)}function Ae(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function Te(e,t,r,n){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case W:return e.return=e.return||e.value;case M:return"";case X:return e.return=e.value+"{"+Ae(e.children,n)+"}";case z:if(!ee(e.value=e.props.join(",")))return""}return ee(r=Ae(e.children,n))?e.return=e.value+"{"+r+"}":""}function xe(e,t,r){switch(function(e,t){return 45^Q(e,0)?(((t<<2^Q(e,0))<<2^Q(e,1))<<2^Q(e,2))<<2^Q(e,3):0}(e,t)){case 5103:return $+"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 $+e+e;case 4789:return B+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return $+e+B+e+L+e+e;case 5936:switch(Q(e,t+11)){case 114:return $+e+L+K(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return $+e+L+K(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return $+e+L+K(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return $+e+L+e+e;case 6165:return $+e+L+"flex-"+e+e;case 5187:return $+e+K(e,/(\w+).+(:[^]+)/,$+"box-$1$2"+L+"flex-$1$2")+e;case 5443:return $+e+L+"flex-item-"+K(e,/flex-|-self/g,"")+(V(e,/flex-|baseline/)?"":L+"grid-row-"+K(e,/flex-|-self/g,""))+e;case 4675:return $+e+L+"flex-line-pack"+K(e,/align-content|flex-|-self/g,"")+e;case 5548:return $+e+L+K(e,"shrink","negative")+e;case 5292:return $+e+L+K(e,"basis","preferred-size")+e;case 6060:return $+"box-"+K(e,"-grow","")+$+e+L+K(e,"grow","positive")+e;case 4554:return $+K(e,/([^-])(transform)/g,"$1"+$+"$2")+e;case 6187:return K(K(K(e,/(zoom-|grab)/,$+"$1"),/(image-set)/,$+"$1"),e,"")+e;case 5495:case 3959:return K(e,/(image-set\([^]*)/,$+"$1$`$1");case 4968:return K(K(e,/(.+:)(flex-)?(.*)/,$+"box-pack:$3"+L+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+$+e+e;case 4200:if(!V(e,/flex-|baseline/))return L+"grid-column-align"+J(e,t)+e;break;case 2592:case 3360:return L+K(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(e,r){return t=r,V(e.props,/grid-\w+-end/)})?~Z(e+(r=r[t].value),"span",0)?e:L+K(e,"-start","")+e+L+"grid-row-span:"+(~Z(r,"span",0)?V(r,/\d+/):+V(r,/\d+/)-+V(e,/\d+/))+";":L+K(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(e){return V(e.props,/grid-\w+-start/)})?e:L+K(K(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return K(e,/(.+)-inline(.+)/,$+"$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(ee(e)-1-t>6)switch(Q(e,t+1)){case 109:if(45!==Q(e,t+4))break;case 102:return K(e,/(.+:)(.+)-([^]+)/,"$1"+$+"$2-$3$1"+B+(108==Q(e,t+3)?"$3":"$2-$3"))+e;case 115:return~Z(e,"stretch",0)?xe(K(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return K(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===Q(e,t+6))return K(e,":",":"+$)+e;break;case 6444:switch(Q(e,45===Q(e,14)?18:11)){case 120:return K(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+$+(45===Q(e,14)?"inline-":"")+"box$3$1"+$+"$2$3$1"+L+"$2box$3")+e;case 100:return K(e,":",":"+L)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return K(e,"scroll-","scroll-snap-")+e}return e}function ke(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case W:return void(e.return=xe(e.value,e.length,r));case X:return Ae([fe(e,{value:K(e.value,"@","@"+$)})],n);case z:if(e.length)return function(e,t){return e.map(t).join("")}(r=e.props,function(t){switch(V(t,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":pe(fe(e,{props:[K(t,/:(read-\w+)/,":-moz-$1")]})),pe(fe(e,{props:[t]})),Y(e,{props:ne(r,n)});break;case"::placeholder":pe(fe(e,{props:[K(t,/:(plac\w+)/,":"+$+"input-$1")]})),pe(fe(e,{props:[K(t,/:(plac\w+)/,":-moz-$1")]})),pe(fe(e,{props:[K(t,/:(plac\w+)/,L+"input-$1")]})),pe(fe(e,{props:[t]})),Y(e,{props:ne(r,n)})}return""})}}function Ie(e){return we(De("",null,null,null,[""],e=be(e),0,[0],e))}function De(e,t,r,n,i,o,a,s,u){for(var l=0,c=0,f=a,p=0,d=0,h=0,y=1,g=1,m=1,v=0,b="",w=i,S=o,O=n,E=b;g;)switch(h=v,v=he()){case 40:if(108!=h&&58==Q(E,f-1)){-1!=Z(E+=K(Se(v),"&","&\f"),"&\f",G(l?s[l-1]:0))&&(m=-1);break}case 34:case 39:case 91:E+=Se(v);break;case 9:case 10:case 13:case 32:E+=Oe(h);break;case 92:E+=Ee(ge()-1,7);continue;case 47:switch(ye()){case 42:case 47:re(_e(Re(he(),ge()),t,r,u),u);break;default:E+="/"}break;case 123*y:s[l++]=ee(E)*m;case 125*y:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+c:-1==m&&(E=K(E,/\f/g,"")),d>0&&ee(E)-f&&re(d>32?Ce(E+";",n,r,f-1,u):Ce(K(E," ","")+";",n,r,f-2,u),u);break;case 59:E+=";";default:if(re(O=Ne(E,t,r,l,c,i,s,b,w=[],S=[],f,o),o),123===v)if(0===c)De(E,t,O,O,w,o,f,s,S);else switch(99===p&&110===Q(E,3)?100:p){case 100:case 108:case 109:case 115:De(e,O,O,n&&re(Ne(e,O,O,0,0,i,s,b,i,w=[],f,S),S),i,S,f,s,n?w:S);break;default:De(E,O,O,O,[""],S,0,s,S)}}l=c=d=0,y=m=1,b=E="",f=a;break;case 58:f=1+ee(E),d=h;default:if(y<1)if(123==v)--y;else if(125==v&&0==y++&&125==de())continue;switch(E+=H(v),v*y){case 38:m=c>0?1:(E+="\f",-1);break;case 44:s[l++]=(ee(E)-1)*m,m=1;break;case 64:45===ye()&&(E+=Se(he())),p=ye(),c=f=ee(b=E+=je(ge())),v++;break;case 45:45===h&&2==ee(E)&&(y=0)}}return o}function Ne(e,t,r,n,i,o,a,s,u,l,c,f){for(var p=i-1,d=0===i?o:[""],h=te(d),y=0,g=0,m=0;y<n;++y)for(var v=0,b=J(e,p+1,p=G(g=a[y])),w=e;v<h;++v)(w=q(g>0?d[v]+" "+b:K(b,/&\f/g,d[v])))&&(u[m++]=w);return ce(e,t,r,0===i?z:s,u,l,c,f)}function _e(e,t,r,n){return ce(e,t,r,M,H(ue),J(e,2,-2),0,n)}function Ce(e,t,r,n,i){return ce(e,t,r,W,J(e,0,n),J(e,n+1,-1),n,i)}var Fe={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",Be="data-styled-version",$e="6.1.19",Me="/*!sc*/\n",ze="undefined"!=typeof window&&"undefined"!=typeof document,We=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)),Xe=(new Set,Object.freeze([])),Ge=Object.freeze({});function He(e,t,r){return void 0===r&&(r=Ge),e.theme!==r.theme&&e.theme||t||r.theme}var Ye=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"]),qe=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Ve=/(^-|-$)/g;function Ke(e){return e.replace(qe,"-").replace(Ve,"")}var Ze=/(a)(d)/gi,Qe=function(e){return String.fromCharCode(e+(e>25?39:97))};function Je(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=Qe(t%52)+r;return(Qe(t%52)+r).replace(Ze,"$1-$2")}var et,tt=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},rt=function(e){return tt(5381,e)};function nt(e){return Je(rt(e)>>>0)}function it(e){return e.displayName||e.name||"Component"}function ot(e){return"string"==typeof e&&!0}var at="function"==typeof Symbol&&Symbol.for,st=at?Symbol.for("react.memo"):60115,ut=at?Symbol.for("react.forward_ref"):60112,lt={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},ct={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},ft={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},pt=((et={})[ut]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},et[st]=ft,et);function dt(e){return("type"in(t=e)&&t.type.$$typeof)===st?ft:"$$typeof"in e?pt[e.$$typeof]:lt;var t}var ht=Object.defineProperty,yt=Object.getOwnPropertyNames,gt=Object.getOwnPropertySymbols,mt=Object.getOwnPropertyDescriptor,vt=Object.getPrototypeOf,bt=Object.prototype;function wt(e,t,r){if("string"!=typeof t){if(bt){var n=vt(t);n&&n!==bt&&wt(e,n,r)}var i=yt(t);gt&&(i=i.concat(gt(t)));for(var o=dt(e),a=dt(t),s=0;s<i.length;++s){var u=i[s];if(!(u in ct||r&&r[u]||a&&u in a||o&&u in o)){var l=mt(t,u);try{ht(e,u,l)}catch(e){}}}}return e}function St(e){return"function"==typeof e}function Ot(e){return"object"==typeof e&&"styledComponentId"in e}function Et(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Pt(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 Rt(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function jt(e,t,r){if(void 0===r&&(r=!1),!r&&!Rt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=jt(e[n],t[n]);else if(Rt(t))for(var n in t)e[n]=jt(e[n],t[n]);return e}function At(e,t){Object.defineProperty(e,"toString",{value:t})}function Tt(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 xt=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 Tt(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(Me);return t},e}(),kt=new Map,It=new Map,Dt=1,Nt=function(e){if(kt.has(e))return kt.get(e);for(;It.has(Dt);)Dt++;var t=Dt++;return kt.set(e,t),It.set(t,e),t},_t=function(e,t){Dt=t+1,kt.set(e,t),It.set(t,e)},Ct="style[".concat(Ue,"][").concat(Be,'="').concat($e,'"]'),Ft=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(Me),i=[],o=0,a=n.length;o<a;o++){var s=n[o].trim();if(s){var u=s.match(Ft);if(u){var l=0|parseInt(u[1],10),c=u[2];0!==l&&(_t(c,l),Ut(e,c,u[3]),e.getTag().insertRules(l,i)),i.length=0}else i.push(s)}}},Bt=function(e){for(var t=document.querySelectorAll(Ct),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 $t(){return w.nc}var Mt=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(Be,$e);var a=$t();return a&&n.setAttribute("nonce",a),r.insertBefore(n,o),n},zt=function(){function e(e){this.element=Mt(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 Tt(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}(),Wt=function(){function e(e){this.element=Mt(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}(),Xt=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}(),Gt=ze,Ht={isServer:!ze,useCSSOMInjection:!We},Yt=function(){function e(e,t,r){void 0===e&&(e=Ge),void 0===t&&(t={});var n=this;this.options=_(_({},Ht),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&ze&&Gt&&(Gt=!1,Bt(this)),At(this,function(){return function(e){for(var t=e.getTag(),r=t.length,n="",i=function(r){var i=function(e){return It.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(Me)},o=0;o<r;o++)i(o);return n}(n)})}return e.registerId=function(e){return Nt(e)},e.prototype.rehydrate=function(){!this.server&&ze&&Bt(this)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(_(_({},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 Xt(r):t?new zt(r):new Wt(r)}(this.options),new xt(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(Nt(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(Nt(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(Nt(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),qt=/&/g,Vt=/^\s*\/\/.*$/gm;function Kt(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=Kt(e.children,t)),e})}function Zt(e){var t,r,n,i=void 0===e?Ge:e,o=i.options,a=void 0===o?Ge:o,s=i.plugins,u=void 0===s?Xe: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===z&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(qt,r).replace(n,l))}),a.prefix&&c.push(ke),c.push(Te);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(Vt,""),l=Ie(o||i?"".concat(o," ").concat(i," { ").concat(u," }"):u);a.namespace&&(l=Kt(l,a.namespace));var f,p,d,h=[];return Ae(l,(f=c.concat((d=function(e){return h.push(e)},function(e){e.root||(e=e.return)&&d(e)})),p=te(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||Tt(15),tt(e,t.name)},5381).toString():"",f}var Qt=new Yt,Jt=Zt(),er=u.createContext({shouldForwardProp:void 0,styleSheet:Qt,stylis:Jt}),tr=(er.Consumer,u.createContext(void 0));function rr(){return p(er)}function nr(e){var t=m(e.stylisPlugins),r=t[0],n=t[1],i=rr().styleSheet,o=y(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]),a=y(function(){return Zt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:r})},[e.enableVendorPrefixes,e.namespace,r]);d(function(){U()(r,e.stylisPlugins)||n(e.stylisPlugins)},[e.stylisPlugins]);var s=y(function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:o,stylis:a}},[e.shouldForwardProp,o,a]);return u.createElement(er.Provider,{value:s},u.createElement(tr.Provider,{value:a},e.children))}var ir=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=Jt);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,At(this,function(){throw Tt(12,String(r.name))})}return e.prototype.getName=function(e){return void 0===e&&(e=Jt),this.name+e.hash},e}(),or=function(e){return e>="A"&&e<="Z"};function ar(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(1===r&&"-"===n&&"-"===e[0])return e;or(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var sr=function(e){return null==e||!1===e||""===e},ur=function(e){var t,r,n=[];for(var i in e){var o=e[i];e.hasOwnProperty(i)&&!sr(o)&&(Array.isArray(o)&&o.isCss||St(o)?n.push("".concat(ar(i),":"),o,";"):Rt(o)?n.push.apply(n,C(C(["".concat(i," {")],ur(o),!1),["}"],!1)):n.push("".concat(ar(i),": ").concat((t=i,null==(r=o)||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||t in Fe||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function lr(e,t,r,n){return sr(e)?[]:Ot(e)?[".".concat(e.styledComponentId)]:St(e)?!St(i=e)||i.prototype&&i.prototype.isReactComponent||!t?[e]:lr(e(t),t,r,n):e instanceof ir?r?(e.inject(r,n),[e.getName(n)]):[e]:Rt(e)?ur(e):Array.isArray(e)?Array.prototype.concat.apply(Xe,e.map(function(e){return lr(e,t,r,n)})):[e.toString()];var i}function cr(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(St(r)&&!Ot(r))return!1}return!0}var fr=rt($e),pr=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&cr(e),this.componentId=t,this.baseHash=tt(fr,t),this.baseStyle=r,Yt.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=Et(n,this.staticRulesId);else{var i=Pt(lr(this.rules,e,t,r)),o=Je(tt(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=Et(n,o),this.staticRulesId=o}else{for(var s=tt(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=Pt(lr(c,e,t,r));s=tt(s,f+l),u+=f}}if(u){var p=Je(s>>>0);t.hasNameForId(this.componentId,p)||t.insertRules(this.componentId,p,r(u,".".concat(p),void 0,this.componentId)),n=Et(n,p)}}return n},e}(),dr=u.createContext(void 0);dr.Consumer;var hr={};new Set;function yr(e,t,r){var n=Ot(e),i=e,o=!ot(e),a=t.attrs,l=void 0===a?Xe:a,c=t.componentId,f=void 0===c?function(e,t){var r="string"!=typeof e?"sc":Ke(e);hr[r]=(hr[r]||0)+1;var n="".concat(r,"-").concat(nt($e+r+hr[r]));return t?"".concat(t,"-").concat(n):n}(t.displayName,t.parentComponentId):c,p=t.displayName,d=void 0===p?function(e){return ot(e)?"styled.".concat(e):"Styled(".concat(it(e),")")}(e):p,h=t.displayName&&t.componentId?"".concat(Ke(t.displayName),"-").concat(t.componentId):t.componentId||f,y=n&&i.attrs?i.attrs.concat(l).filter(Boolean):l,g=t.shouldForwardProp;if(n&&i.shouldForwardProp){var m=i.shouldForwardProp;if(t.shouldForwardProp){var v=t.shouldForwardProp;g=function(e,t){return m(e,t)&&v(e,t)}}else g=m}var b=new pr(r,h,n?i.componentStyle:void 0);function w(e,t){return function(e,t,r){var n=e.attrs,i=e.componentStyle,o=e.defaultProps,a=e.foldedComponentIds,l=e.styledComponentId,c=e.target,f=u.useContext(dr),p=rr(),d=e.shouldForwardProp||p.shouldForwardProp,h=He(t,f,o)||Ge,y=function(e,t,r){for(var n,i=_(_({},t),{className:void 0,theme:r}),o=0;o<e.length;o+=1){var a=St(n=e[o])?n(i):n;for(var s in a)i[s]="className"===s?Et(i[s],a[s]):"style"===s?_(_({},i[s]),a[s]):a[s]}return t.className&&(i.className=Et(i.className,t.className)),i}(n,t,h),g=y.as||c,m={};for(var v in y)void 0===y[v]||"$"===v[0]||"as"===v||"theme"===v&&y.theme===h||("forwardedAs"===v?m.as=y.forwardedAs:d&&!d(v,g)||(m[v]=y[v]));var b=function(e,t){var r=rr();return e.generateAndInjectStyles(t,r.styleSheet,r.stylis)}(i,y),w=Et(a,l);return b&&(w+=" "+b),y.className&&(w+=" "+y.className),m[ot(g)&&!Ye.has(g)?"class":"className"]=w,r&&(m.ref=r),s(g,m)}(S,e,t)}w.displayName=d;var S=u.forwardRef(w);return S.attrs=y,S.componentStyle=b,S.displayName=d,S.shouldForwardProp=g,S.foldedComponentIds=n?Et(i.foldedComponentIds,i.styledComponentId):"",S.styledComponentId=h,S.target=n?i.target:e,Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=n?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++)jt(e,i[n],!0);return e}({},i.defaultProps,e):e}}),At(S,function(){return".".concat(S.styledComponentId)}),o&&wt(S,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),S}function gr(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 mr=function(e){return Object.assign(e,{isCss:!0})};function vr(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(St(e)||Rt(e))return mr(lr(gr(Xe,C([e],t,!0))));var n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?lr(n):mr(lr(gr(n,t)))}function br(e,t,r){if(void 0===r&&(r=Ge),!t)throw Tt(1,t);var n=function(n){for(var i=[],o=1;o<arguments.length;o++)i[o-1]=arguments[o];return e(t,r,vr.apply(void 0,C([n],i,!1)))};return n.attrs=function(n){return br(e,t,_(_({},r),{attrs:Array.prototype.concat(r.attrs,n).filter(Boolean)}))},n.withConfig=function(n){return br(e,t,_(_({},r),n))},n}var wr=function(e){return br(yr,e)},Sr=wr;Ye.forEach(function(e){Sr[e]=wr(e)});!function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=cr(e),Yt.registerId(this.componentId+1)}e.prototype.createStyles=function(e,t,r,n){var i=n(Pt(lr(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&&Yt.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)}}();var Or;(function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var r=$t(),n=Pt([r&&'nonce="'.concat(r,'"'),"".concat(Ue,'="true"'),"".concat(Be,'="').concat($e,'"')].filter(Boolean)," ");return"<style ".concat(n,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw Tt(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw Tt(2);var r=e.instance.toString();if(!r)return[];var n=((t={})[Ue]="",t[Be]=$e,t.dangerouslySetInnerHTML={__html:r},t),i=$t();return i&&(n.nonce=i),[u.createElement("style",_({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new Yt({isServer:!0}),this.sealed=!1}e.prototype.collectStyles=function(e){if(this.sealed)throw Tt(2);return u.createElement(nr,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw Tt(3)}})(),"__sc-".concat(Ue,"__");var Er=Sr.div(Or||(Or=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"])));function Pr(e){return Pr="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},Pr(e)}var Rr=["children","style","option"];function jr(){return jr=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},jr.apply(null,arguments)}function Ar(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 Tr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ar(Object(r),!0).forEach(function(t){xr(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ar(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function xr(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=Pr(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=Pr(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==Pr(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var kr=l(function(e,t){var r=e.children,n=e.style,i=e.option,o=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,Rr),a=g(null),u=A(a,i);return N(u,i),h(t,function(){return{toggleState:function(){var e;null===(e=u.current)||void 0===e||e.changePlayingState()},get state(){var e,t;return null!==(e=null===(t=u.current)||void 0===t?void 0:t.options.playingState)&&void 0!==e&&e},pause:function(){var e;null===(e=u.current)||void 0===e||e.pause()},set:function(e){if(!(0,O.isUndefined)(e))for(var t=Object.keys(e),r=0,n=t.length;r<n;r++){var i,o=t[r];null===(i=u.current)||void 0===i||i.set(o,e[o])}}}}),s(Er,jr({style:Tr({backgroundRepeat:"round"},n)},o),s("canvas",{ref:a,"data-earthnut-ui":"canvas",width:0,height:0}),r)});function Ir(e){return Ir="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},Ir(e)}kr.displayName="en-background-ripple";var Dr=["children","style","option"];function Nr(){return Nr=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},Nr.apply(null,arguments)}function _r(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 Cr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_r(Object(r),!0).forEach(function(t){Fr(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_r(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function Fr(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=Ir(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=Ir(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==Ir(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var Ur=l(function(e,t){var r=e.children,n=e.style,i=e.option,o=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,Dr),a=g(null),u=R(a,i).ripples;return N(u,i),h(t,function(){return{toggleState:function(){var e;null===(e=u.current)||void 0===e||e.changePlayingState()},get state(){var e,t;return null!==(e=null===(t=u.current)||void 0===t?void 0:t.options.playingState)&&void 0!==e&&e},pause:function(){var e;null===(e=u.current)||void 0===e||e.pause()},set:function(e){if(!(0,O.isUndefined)(e))for(var t=Object.keys(e),r=0,n=t.length;r<n;r++){var i,o=t[r];null===(i=u.current)||void 0===i||i.set(o,e[o])}}}}),s(Er,Nr({style:Cr({backgroundRepeat:"round"},n)},o),s("canvas",{ref:a,"data-earthnut-ui":"canvas",width:0,height:0}),r)});Ur.displayName="en-lazy-background-ripple";var Lr,Br=["className","children","height","noSticky"];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 Mr=Sr.div(Lr||(Lr=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"]))),zr=u.forwardRef(function(e,t){var r=e.className,i=e.children,o=(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,Br));return u.createElement(Mr,$r({ref:t,className:n(["en-layout-header"],r)},o,{"data-earthnut-ui":"layout-header"}),i)});zr.displayName="LayoutHeader";var Wr,Xr=["className","width","right","full"];function Gr(){return Gr=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},Gr.apply(null,arguments)}var Hr=Sr.div(Wr||(Wr=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"]))),Yr=u.forwardRef(function(e,t){var r=e.className,i=(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,Xr));return u.createElement(Hr,Gr({className:n("en-layout-side",r),ref:t},i,{"data-earthnut-ui":"layout-side-bar"}))});Yr.displayName="LayoutSideBar";var qr,Vr=["className"];function Kr(){return Kr=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},Kr.apply(null,arguments)}var Zr=Sr.main(qr||(qr=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: content;\n"]))),Qr=u.forwardRef(function(e,t){var r=e.className,i=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,Vr);return u.createElement(Zr,Kr({ref:t,className:n("en-layout-main",r)},i,{"data-earthnut-ui":"layout-content"}))});Qr.displayName="LayoutContent";var Jr,en=["className","height"];function tn(){return tn=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},tn.apply(null,arguments)}var rn,nn,on,an,sn,un,ln,cn,fn,pn,dn,hn,yn,gn,mn,vn,bn,wn,Sn,On,En,Pn,Rn,jn,An,Tn=Sr.div(Jr||(Jr=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"]))),xn=u.forwardRef(function(e,t){var r=e.className,i=(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,en));return u.createElement(Tn,tn({ref:t},i,{className:n("en-layout-footer",r),"data-earthnut-ui":"layout-footer"}))});function kn(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}xn.displayName="LayoutFooter";var In=Sr.div(rn||(rn=kn(["\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&&vr(nn||(nn=kn(["\n // 头部不粘连样式,头部区域设置\n & > ."," {\n position: relative;\n z-index: 2;\n }\n\n ","\n\n ","\n "])),r,("simple-all"===n||"side-right-all"===n)&&vr(on||(on=kn(["\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)&&vr(an||(an=kn(["\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&&vr(sn||(sn=kn(["\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)&&vr(un||(un=kn(["\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)&&vr(ln||(ln=kn(["\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)&&vr(cn||(cn=kn(["\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)&&vr(fn||(fn=kn(["\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&&vr(pn||(pn=kn(["\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&&vr(dn||(dn=kn(["\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)&&vr(hn||(hn=kn(["\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)&&vr(yn||(yn=kn(["\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&&vr(gn||(gn=kn(["\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&&vr(mn||(mn=kn(["\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)&&vr(vn||(vn=kn(["\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&&vr(bn||(bn=kn(["\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&&vr(wn||(wn=kn(["\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)&&vr(Sn||(Sn=kn(["\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&&vr(On||(On=kn(["\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&&vr(En||(En=kn(["\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&&vr(Pn||(Pn=kn(["\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&&vr(Rn||(Rn=kn(["\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)&&vr(jn||(jn=kn(["\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)&&vr(An||(An=kn(["\n grid-template-areas:\n 'content side'\n 'content .';\n grid-template-columns: auto var(--layout-side-bar-width);\n "])))});function Dn(e){return(0,O.isNumber)(e)||parseInt(e)===Number(e)?e+"px":e||0}var Nn=w(161);function _n(e){return"en-"+e+"-"+(0,Nn.getRandomString)({length:12,includeNumbers:!0,includeUppercaseLetters:!0})}function Cn(e){return Cn="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},Cn(e)}var Fn,Un=["className","children","style","width","height","classes"];function Ln(){return Ln=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},Ln.apply(null,arguments)}function Bn(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 $n(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Bn(Object(r),!0).forEach(function(t){Mn(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Bn(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function Mn(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=Cn(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=Cn(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==Cn(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var zn=Sr.div(Fn||(Fn=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"]))),Wn=l(function(e,t){var r,u,l,f,p=e.className,d=e.children,h=e.style,y=e.width,g=void 0===y?"100vw":y,m=e.height,v=void 0===m?"100vh":m,b=e.classes,w=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,Un),S="simple",E=!1,P=!1,R=!1,j=!1,A=!1,T=150,x="2.8rem",k="2rem",I=!1,D=_n("header"),N=_n("content"),_=_n("main"),C=_n("sidebar"),F=_n("footer");i.forEach(d,function(e){if(c(e))if(P||e.type!==zr)if(R||e.type!==Yr)if(j||e.type!==Qr)if(j||e.type!==Wn){if(!A&&e.type===xn){var t=e;k=t.props.height||k,f=a(t,{className:n(F,t.props.className)}),A=!0}}else{var i=e;l=s(zn,{"data-earthnut-ui":"layout-content",className:n(_,"en-layout-main")},i),j=!0}else{l=a(e,{className:n(_,e.props.className)}),j=!0}else{var o=e,p=o.props;T=p.width||T,S=p.right&&p.full?"side-right-full":p.right?"side-right":p.full?"side-full":"simple",I=(0,O.isTrue)(p.full),u=a(o,{className:n(C,o.props.className)}),R=!0}else{var d,h=e,y=h.props;x=y.height||x,E=null!==(d=y.noSticky)&&void 0!==d&&d,r=a(h,{className:n(D,h.props.className)}),P=!0}});var U=P&&R&&j&&A&&"".concat(S,"-all")||P&&j&&R&&"".concat(S,"-no-footer")||R&&j&&A&&"".concat(S,"-no-header")||j&&A&&"only-footer"||j&&P&&"only-header"||j&&R&&(I=!0)&&"".concat(S,"-only-side")||"simple",L=$n({layoutHeight:g,layoutWith:v,sideBarWidth:T,headerHeight:x,footerHeight:k},w.theme||{}),B=/side.*full/.test(S);return s(In,Ln({ref:t,$headerNoSticky:E,$layoutType:U,$header:D,$sidebar:C,$main:_,$content:N,$footer:F,className:n(I&&"en-layout-side-full","en-layout-".concat(U),p,b),style:$n({"--layout-width":Dn(g),"--layout-height":Dn(v),"--layout-side-bar-width":Dn(T),"--layout-header-height":Dn(x),"--layout-footer-height":Dn(k)},h),theme:L},w,{"data-earthnut-ui":"layout"}),B?s(o,null,u,r,l,f):s(o,null,r,A?s("div",{className:n(N),"data-earthnut-ui":"layout-with-foot-content"},u,l):s(o,null,u,l),f))});function Xn(){var e=g(void 0);return d(function(){return function(){return e.current&&clearTimeout(e.current)}},[]),e}function Gn(e){var t,r,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];n=(0,O.isBoolean)(n)?{immediately:n,once:!1}:(0,O.isPlainObject)(n)?{once:!!(0,O.isBoolean)(n.once)&&n.once,immediately:!!(0,O.isBoolean)(n.immediately)&&n.immediately}:{immediately:!1,once:!1};var i=g({id:0,immediately:null===(t=n.immediately)||void 0===t||t,once:null!==(r=n.once)&&void 0!==r&&r,noun:!1,time:0,cancelTime:0,firstRunEffect:!0,isUnmounted:!0,result:{cancel:function(){var e=i.current.id;e&&window.cancelAnimationFrame(e),i.current.result.canceled=!0},canceled:!1,render:function(){var e=i.current,t=e.result;e.cancelTime=performance.now(),t.cancel(),t.canceled=!1,e.id=window.requestAnimationFrame(a)}}}),o=i.current,a=f(function(t){var r=o.result,n=t-o.cancelTime;o.time+=n<0?16.7:n,e(t,o.time),o.once||r.render()},[e]);return o.immediately&&!o.noun&&o.result.canceled&&(o.noun=!0,o.result.render()),d(function(){o.once||(o.firstRunEffect?(o.result.render(),o.firstRunEffect=!1):o.firstRunEffect||o.result.canceled||o.result.render())},[e]),d(function(){return o.isUnmounted=!1,function(){o.isUnmounted=!0,setTimeout(function(){o.isUnmounted&&o.result.cancel()},0)}},[]),o.result}function Hn(e){var t=g(!1);return d(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}Wn.displayName="Layout";const Yn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlP//wDXyg1BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQImWNkYmBgYGJAIQAAigAKNDhFkwAAAABJRU5ErkJggg==";function qn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,o,a,s=[],u=!0,l=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(s.push(n.value),s.length!==t);u=!0);}catch(e){l=!0,i=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw i}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Vn(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)?Vn(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Vn(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 Kn,Zn=["loadingSrc","className","src"];function Qn(){return Qn=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},Qn.apply(null,arguments)}var Jn=Sr.img(Kn||(Kn=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n margin: 0;\n padding: 0;\n user-select: none;\n"]))),ei=u.forwardRef(function(e,t){var r=e.loadingSrc,i=void 0===r?Yn:r,o=e.className,a=e.src,s=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,Zn),l=function(e,t){var r=qn(m(Yn),2),n=r[0],i=r[1],o=qn(m(0),2),a=o[0],s=o[1];return d(function(){s(1),(0,O.isString)(e)||(e=Yn);var r=new Image;r.onload=function(){s(2),i(e)},r.onerror=function(){i(t||Yn),s(4)},r.src=e,r.crossOrigin="anonymous"},[e,t]),{resultSrc:n,loadComplete:a}}(null!=a?a:i),c=l.resultSrc,f=l.loadComplete;return u.createElement(Jn,Qn({},s,{ref:t,src:c||i,className:n(1===f&&"loading",o)}))});ei.displayName="en-image";export{kr as BackgroundRipple,ei as EnImage,Wn as EnLayout,Qr as EnLayoutContent,xn as EnLayoutFooter,zr as EnLayoutHeader,Yr as EnLayoutSideBar,ei as Image,Wn as Layout,Qr as LayoutContent,xn as LayoutFooter,zr as LayoutHeader,Yr as LayoutSideBar,Ur as LazyBackgroundRipple,S as _en,Gn as useAnimationFrame,Hn as useInputIsComposing,R as useLazyRipples,A as useRipples,Xn as useTimeId};
|
|
2
|
+
export * from './client.mjs';
|
|
3
|
+
export * from './server.mjs';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* earthnut@index.server.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
export { _en } from './customHooks/use-xcn';
|
|
8
|
+
export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSideBar, EnLayout, EnLayoutContent, EnLayoutFooter, EnLayoutHeader, EnLayoutSideBar, } from './components/layout';
|
package/layoutUtil.mjs
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* earthnut@layoutUtil.mjs
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use client";
|
|
9
|
+
import{css as n,styled as e}from"styled-components";var t,a,r,o,i,l,d,h,u,s,g,p,y,c,m,f,v,w,b,x,$,T,O,j,z,k,P,N,S,q,A,B={};function C(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}B.d=(n,e)=>{for(var t in e)B.o(e,t)&&!B.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},B.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e);var D=e.main(t||(t=C(["\n grid-area: content;\n position: relative;\n"]))),E=e.div(a||(a=C(["\n grid-area: footer;\n position: relative;\n height: var(--layout-footer-height);\n box-shadow: 0 -1px 13px 0px #0000001a;\n overflow: hidden;\n"]))),F=e.nav(r||(r=C(["\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"]))),G=e.aside(o||(o=C(["\n position: sticky;\n left: 0;\n z-index: 8;\n grid-area: side;\n overflow-x: hidden;\n overflow-y: auto;\n"]))),H=e.div(i||(i=C(["\n position: relative;\n grid-area: content;\n overflow: auto;\n"]))),I=e.div(l||(l=C(["\n position: relative;\n top: 0px;\n height: var(--layout-self-height);\n width: var(--layout-self-width);\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 ","\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,a=e.$header,r=e.$layoutType,o=e.$content,i=e.$sidebar;return t&&n(d||(d=C(["\n // 头部不粘连样式,头部区域设置\n & > ."," {\n position: relative;\n z-index: 2;\n }\n\n ","\n\n ","\n "])),a,("simple-all"===r||"side-right-all"===r)&&n(h||(h=C(["\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 "])),o,i),("simple-no-footer"===r||"side-right-no-footer"===r)&&n(u||(u=C(["\n & > ."," {\n top: 0;\n min-height: calc(var(--layout-height) - var(--layout-footer-height));\n max-height: var(--layout-height);\n }\n "])),i))},function(e){var t=e.$layoutType,a=e.$content;return"no-sidebar"===t&&n(s||(s=C(["\n & > ."," {\n min-height: calc(\n var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height)\n );\n }\n "])),a)},function(e){var t=e.$layoutType,a=e.$sidebar;return"side-full"===t&&n(g||(g=C(["\n & > ."," {\n top: 0;\n height: var(--layout-height);\n }\n "])),a)},function(e){var t=e.$layoutType,a=e.$content,r=e.$sidebar;return["simple-all","side-right-all"].includes(t)&&n(p||(p=C(["\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(\n var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height)\n );\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 "])),a,r)},function(e){var t=e.$layoutType,a=e.$content;return["simple-all","simple-no-header"].includes(t)&&n(y||(y=C(["\n & > ."," {\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side content'\n '. content';\n }\n "])),a)},function(e){var t=e.$layoutType,a=e.$content;return["side-right-all","side-right-no-header"].includes(t)&&n(c||(c=C(["\n & > ."," {\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'content side'\n 'content .';\n }\n "])),a)},function(e){var t=e.$layoutType;return["side-full-all","side-right-full-all"].includes(t)&&n(m||(m=C(["\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&&n(f||(f=C(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'side header'\n 'side content'\n 'side footer';\n "])))},function(e){return"side-right-full-all"===e.$layoutType&&n(v||(v=C(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'header side'\n 'content side'\n 'footer side';\n "])))},function(e){var t=e.$layoutType,a=e.$content,r=e.$sidebar;return["simple-no-header","side-right-no-header"].includes(t)&&n(w||(w=C(["\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 "])),a,r)},function(e){var t=e.$layoutType;return["side-full-no-header","side-right-full-no-header"].includes(t)&&n(b||(b=C(["\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&&n(x||(x=C(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'side content'\n 'side footer';\n "])))},function(e){return"side-right-full-no-header"===e.$layoutType&&n($||($=C(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'content side'\n 'footer side';\n "])))},function(e){var t=e.$layoutType,a=e.$sidebar;return["simple-no-footer","side-right-no-footer"].includes(t)&&n(T||(T=C(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto;\n min-height: calc(var(--layout-height) - 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 "])),a)},function(e){return"simple-no-footer"===e.$layoutType&&n(O||(O=C(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'header header'\n 'side content'\n '. content';\n "])))},function(e){return"side-right-no-footer"===e.$layoutType&&n(j||(j=C(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'header header'\n 'content side'\n 'content .';\n "])))},function(e){var t=e.$layoutType,a=e.$main;return["side-full-no-footer","side-right-full-no-footer"].includes(t)&&n(z||(z=C(["\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 "])),a)},function(e){return"side-full-no-footer"===e.$layoutType&&n(k||(k=C(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'side header'\n 'side content';\n "])))},function(e){return"side-right-full-no-footer"===e.$layoutType&&n(P||(P=C(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-rows: 100% max-content;\n grid-template-areas:\n 'header side'\n 'content side';\n "])))},function(e){return"only-footer"===e.$layoutType&&n(N||(N=C(["\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&&n(S||(S=C(["\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)&&n(q||(q=C(["\n display: grid;\n // 纵向空间占比设置\n grid-template-rows: 100%;\n // 横向空间占比设置\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-rows: 100% max-content;\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)&&n(A||(A=C(["\n grid-template-areas:\n 'content side'\n 'content .';\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-rows: 100% max-content;\n "])))});export{I as EnLayoutContent,D as LayoutContentContainer,H as LayoutContentWrapper,E as LayoutFooterContent,F as LayoutHeaderContainer,G as LayoutSideBarContainer};
|
|
10
|
+
//# sourceMappingURL=layoutUtil.mjs.map
|