earthnut 0.2.2 → 0.2.3-alpha.1

package/README.md

@@ -36,23 +36,28 @@ npm install  --save earthnut
 就是 `useRef` 和 `useEffect` 的简单使用。
 
 ```ts
-import { useTimeId } from 'earthnut';
-
-export function Home () {
+import { useTimeId } from "earthnut";
 
+export function Home() {
   const timeId = useTimeId();
 
-  return <>
+  return (
+    <>
       <button
-      onclick = { () => {
-          timeId.current = setTimeout(() =>
-            console.log('没有感情的按钮 A 打印了一条没有感情的消息'), 2500);
-          }
-      }>
-          没有感情的按钮 A
+        onclick={() => {
+          timeId.current = setTimeout(
+            () => console.log("没有感情的按钮 A 打印了一条没有感情的消息"),
+            2500
+          );
+        }}
+      >
+        没有感情的按钮 A
       </button>
-      <button onclick={()=> clearTimeout(timeId.current)}>没有感情的按钮 B</button>
-  </>
+      <button onclick={() => clearTimeout(timeId.current)}>
+        没有感情的按钮 B
+      </button>
+    </>
+  );
 }
 ```
 
@@ -108,7 +113,10 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        additionalData: `@use "${path.resolve(__dirname, 'node_modules/ui-library-a/src/scss')}" as lib;`,
+        additionalData: `@use "${path.resolve(
+          __dirname,
+          'node_modules/ui-library-a/src/scss',
+        )}" as lib;`,
         includePaths: [path.resolve(__dirname, 'node_modules/ui-library-a/src/scss')],
       },
     },

package/client.mjs

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * earthnut@client.mjs 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+
+"use client";
+import*as t from"a-type-of-js";import{setStyle as e}from"a-element-inline-style";import{debounce as r,enArr as n,getRandomInt as i,getRandomString as o}from"a-js-tools";import{createElement as a,default as u,forwardRef as l,useCallback as s,useEffect as c,useImperativeHandle as f,useRef as p,useState as d}from"react";import{default as h}from"styled-components";import{xcn as m}from"xcn";var y={209:()=>{function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,r(i.key),i)}}function r(e){var r=function(e){if("object"!=t(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==t(r)?r:r+""}new(function(){return t=function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(){};return Object.setPrototypeOf(e,this),Object.defineProperties(e,{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}}),e},(r=[{key:"clear",value:function(){}}])&&e(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,r}())({name:"earthnut",type:!1})},362:(e,r,n)=>{var i,o;e.exports=(i={isArray:()=>t.isArray,isBoolean:()=>t.isBoolean,isBusinessEmptyString:()=>t.isBusinessEmptyString,isEmptyArray:()=>t.isEmptyArray,isFalse:()=>t.isFalse,isNull:()=>t.isNull,isPlainObject:()=>t.isPlainObject,isString:()=>t.isString,isUndefined:()=>t.isUndefined,isZero:()=>t.isZero},o={},n.d(o,i),o)},791:(t,a,u)=>{u.d(a,{Ripples:()=>Jt}),u.r(a);var l=u(362);function s(t,e,r,n){function i(t,e){var n=r.createShader(t);if(r.shaderSource(n,e),r.compileShader(n),!r.getShaderParameter(n,r.COMPILE_STATUS))throw new Error("compile error: "+r.getShaderInfoLog(n));return n}var o,a={id:r.createProgram(),uniforms:{},locations:{}};if(r.attachShader(a.id,i(r.VERTEX_SHADER,t)),r.attachShader(a.id,i(r.FRAGMENT_SHADER,e)),r.linkProgram(a.id),!r.getProgramParameter(a.id,r.LINK_STATUS))throw new Error("link error: "+r.getProgramInfoLog(a.id));r.useProgram(a.id),r.enableVertexAttribArray(0);for(var u=t+e,s=/uniform (\w+) (\w+)/g;!(0,l.isNull)(o=s.exec(u));){var c=o[2];a.locations[c]=r.getUniformLocation(a.id,c)}return a}function c(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=this.gl;r.activeTexture(r.TEXTURE0+(e||0)),r.bindTexture(r.TEXTURE_2D,t)}function f(t){return"rgba(0, 0, 0, 0)"===t||"#ffffffff"===t||"transport"===t}function p(t){return"none"===t||""===t}function d(){var t=this,e=function(){return t.initState=!1,null};if(!this.gl)return e();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(t,e){var n=r.getExtension(e);return n&&t.push([e,n]),t},[]));if(!n.OES_texture_float)return e();var i=[];function o(t,e,r){var i="OES_texture_"+t,o=i+"_linear",a=o in n;return{type:e,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(),u=r.createFramebuffer();r.bindFramebuffer(r.FRAMEBUFFER,u),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 l=null,s=0;s<i.length;s++)if(r.texImage2D(r.TEXTURE_2D,0,r.RGBA,32,32,0,r.RGBA,i[s].type,null),r.framebufferTexture2D(r.FRAMEBUFFER,r.COLOR_ATTACHMENT0,r.TEXTURE_2D,a,0),r.checkFramebufferStatus(r.FRAMEBUFFER)===r.FRAMEBUFFER_COMPLETE){l=i[s];break}return l}function h(t){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h(t)}function m(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,v(n.key),n)}}function y(t,e,r){return e&&m(t.prototype,e),r&&m(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function g(t,e,r){return(e=v(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function v(t){var e=function(t){if("object"!=h(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==h(e)?e:e+""}var b,w=y(function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),g(this,"canvas",void 0),g(this,"gl",void 0),g(this,"config",void 0),g(this,"initState",!0),this.canvas=e;var r=e.getContext("webgl");if((0,l.isNull)(r))return this.initState=!1,void(this.config=null);this.gl=r,this.config=Reflect.apply(d,this,[])}),E={imgUrl:null,resolution:360,dropRadius:12,perturbance:.01,interactive:!0,crossOrigin:"no-cors",playingState:!0,accelerating:1,raindropsTimeInterval:3600,idleFluctuations:!0,darkMode:void 0};function R(t){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},R(t)}function S(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,O(n.key),n)}}function O(t){var e=function(t){if("object"!=R(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==R(e)?e:e+""}function P(t,e,r){return t.set(A(t,e),r),r}function T(t,e){return t.get(A(t,e))}function A(t,e,r){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:r;throw new TypeError("Private element is not present on this object")}function k(t){return function(t){if(Array.isArray(t))return j(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return j(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(t,e):void 0}}(t)||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 j(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}Object.freeze(E),u(209);var x=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=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,o=r.list,a=n/2;r.radius=a,r.cells=Math.pow(n,2);for(var u=0;u<n;u++){o[u]=[];for(var l=0;l<n;l++)o[u][l]=[0,0,0,0]}for(var s=0;s<=a;s++)for(var c=function(){var t=o[s][f],r=Math.ceil(Math.sqrt(Math.pow(s,2)+Math.pow(f,2)))<=a,n=e?10:255,u=e?25:190,l=r?e?160:120:e?160:180,c=r?e?230:160:e?250:240,p=function(){return i(n,u)};t[0]=p(),t[1]=p(),t[2]=p(),t[3]=i(l,c)},f=s;f<=a;f++)c();for(var p=0;p<=a;p++)for(var d=0;d<=p;d++)o[p][d]=o[d][p];for(var h=a;h<n;h++)for(var m=0;m<=a;m++)o[h][m]=o[n-h][m];for(var y=0;y<a;y++)for(var g=a;g<n;g++)o[y][g]=o[y][n-g];for(var v=a;v<n;v++)for(var b=a;b<n;b++)o[v][b]=o[v][n-b];var w=t%n;return r.list=[].concat(k(o.slice(w)),k(o.slice(0,w))),r},D=new(b=new WeakMap,function(){return t=function t(){var e,r,n;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),function(t,e,r){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,r)}(this,b,1),e=this,r="data",n=x(),(r=O(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n},(e=[{key:"build",value:function(t){T(b,this)>100&&P(b,this,0),this.data=x(P(b,this,T(b,this)+4),t)}}])&&S(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}());function I(t,e){var r=document.createElement("canvas"),n=document.createElement("canvas"),i=r.getContext("2d"),o=n.getContext("2d");return(0,l.isNull)(i)||(0,l.isNull)(o)?r:(r.width=n.width=t||1,r.height=n.height=e||1,i.clearRect(0,0,t,e),o.clearRect(0,0,t,e),i.globalAlpha=1,i.putImageData(function(t,e){Date.now();for(var r=new ImageData(t||1,e||1),n=r.data,i=D.data,o=i.diameter,a=i.list,u=t*o,l=0;l<n.length;l+=4){var s=l/4%u,c=s%t%o,f=Math.floor(s/t),p=a[c][f];n[l]=p[0],n[l+1]=p[1],n[l+2]=p[2],n[l+3]=p[3]}return r}(t,e),0,0),o.fillStyle="#ffffff",o.fillRect(0,0,t,e),o.drawImage(r,0,0,t||1,e||1),o.globalCompositeOperation="source-over",n)}function _(){var t,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],r=this.fadeData,n=this.options,i=r.backgroundInfo,a=r.toBeList,u=i.width,l=i.height,s=o({length:8,includeNumbers:!0,includeUppercaseLetters:!0});D.build(null!==(t=n.darkMode)&&void 0!==t?t:r.isDark),a.push({resource:I(u,l),width:u,height:l,kind:"default",tag:s}),e&&r.run()}function F(t,e){var r,n,i=t.imgUrl;return(0,l.isString)(i)&&i||(r=e.backgroundImage,n=/url\(["']?([^"']*)["']?\)/.exec(r),(0,l.isNull)(n)?null:n[1])}function U(t,e){return(0,l.isArray)(t.imgUrl)&&1===t.imgUrl.length&&t.imgUrl[0]||e.backgroundColor}function C(){var t=this.renderData,e=this.fadeData,r=this.options;if((0,l.isNull)(t))return Reflect.apply(_,this,[]);var n=t.originStyle;if(f(n.backgroundColor)&&(!(0,l.isArray)(r.imgUrl)||1!==r.imgUrl.length))return Reflect.apply(_,this,[]);var i=document.createElement("canvas"),o=i.getContext("2d");if((0,l.isNull)(o))return Reflect.apply(_,this,[]);var a=e.backgroundInfo,u=a.width,s=a.height;i.width=u,i.height=s,o.clearRect(0,0,u,s);var c=U(r,n);o.beginPath(),o.fillStyle=c,o.fillRect(0,0,u,s),o.fill(),e.isTransitioning&&!(0,l.isEmptyArray)(e.toBeList)?e.toBeList=[e.toBeList[0]]:e.toBeList=[];var p={resource:i,kind:"background-color",tag:c,width:u,height:s};e.toBeList.push(p),e.run()}function N(){var t=this.fadeData,e=this.renderData,r=this.options;if((0,l.isNull)(e))return Reflect.apply(C,this,[]);var n=e.originStyle;if(!/linear-gradient\(.*\)/.test(n.backgroundImage)&&!(0,l.isArray)(r.imgUrl))return Reflect.apply(C,this,[]);var i=(0,l.isArray)(r.imgUrl)&&r.imgUrl.length>1&&r.imgUrl||n.backgroundImage.replace(/^.*linear-gradient\((.*)\).*$/,"$1").split("),").map(function(t){return(t=t.trim()).endsWith(")")||(t+=")"),t}).filter(function(t){return t.startsWith("rgb")||t.startsWith("#")});if(i.length<2)return Reflect.apply(C,this,[]);var o=document.createElement("canvas"),a=o.getContext("2d");if((0,l.isNull)(a))return Reflect.apply(C,this,[]);var u=t.backgroundInfo,s=u.width,c=u.height;o.width=s,o.height=c,a.fillStyle="#fff",a.fillRect(0,0,s,c);var f=a.createLinearGradient(0,0,0,c);i.forEach(function(t,e){return f.addColorStop(e/(i.length-1),t)}),a.fillStyle=f,a.fillRect(0,0,s,c),t.isTransitioning&&!(0,l.isEmptyArray)(t.toBeList)?t.toBeList=[t.toBeList[0]]:t.toBeList=[],t.toBeList.push({resource:o,kind:"linear-gradient",tag:i.join("_"),width:s,height:c}),t.run()}function B(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function L(){var t=this,e=this.renderData,r=this.options,n=this.fadeData;if((0,l.isNull)(e))Reflect.apply(N,this,[]);else{var i=e.lastUseStyle,o=n.backgroundInfo,a=o.width,u=o.height,s=F(r,i);if(e.imageSource=s,s){var c=function(t,e,r){var n=new Image(e,r);return n.width=e,n.height=r,n.src=t,n}(s,a,u);c.onload=function(){var t;clearTimeout(n.transparentId),n.isTransitioning&&!(0,l.isEmptyArray)(n.toBeList)?n.toBeList=[n.toBeList[0]].concat(function(t){if(Array.isArray(t))return B(t)}(t=n.toBeList.slice(1).filter(function(t){return"image"===t.kind&&(Math.abs(t.width-a)>2||Math.abs(t.height-u)>2||t.tag!==s)}))||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return B(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?B(t,e):void 0}}(t)||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.")}()):n.toBeList=[],n.toBeList.push({resource:c,width:a,height:u,kind:"image",tag:s}),n.run()},c.onerror=function(){Reflect.apply(N,t,[])},c.crossOrigin=r.crossOrigin}else Reflect.apply(N,this,[])}}function M(){var t=this.renderData;if(!(0,l.isNull)(t)){var e=t.parentElement;e&&[["background-image","none"],["background-color","transparent"]].forEach(function(t){return e.style.setProperty(t[0],t[1],"important")})}}function X(t){var e=window.getComputedStyle(t),r=t.style;return{inlineBackground:r.background,inlineBackgroundColor:r.backgroundColor,inlineBackgroundImage:r.backgroundImage,backgroundColor:e.backgroundColor,backgroundImage:e.backgroundImage,backgroundSize:e.backgroundSize,backgroundPosition:e.backgroundPosition,backgroundRepeat:e.backgroundRepeat,backgroundClip:e.backgroundClip,backgroundOrigin:e.backgroundOrigin,backgroundAttachment:e.backgroundAttachment,position:e.position,width:parseInt(e.width),height:parseInt(e.height)}}function W(){var t=this.renderData;if(!(0,l.isNull)(t)){var e=t.parentElement,r=t.originStyle;e.style.setProperty("background-image",r.inlineBackgroundImage),e.style.setProperty("background-color",r.inlineBackgroundColor)}}function z(t){return z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},z(t)}function G(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Y(n.key),n)}}function H(t,e,r){return(e=Y(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Y(t){var e=function(t){if("object"!=z(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=z(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==z(e)?e:e+""}var q=function(){return t=function t(e,r,i){var o,a=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),H(this,"quad",null),H(this,"lastRaindropsFallTime",0),H(this,"parentElement",void 0),H(this,"mutationObserver",void 0),H(this,"resizeObserver",void 0),H(this,"renderProgram",void 0),H(this,"imageSource",""),H(this,"dropProgram",void 0),H(this,"updateProgram",void 0),H(this,"textures",[]),H(this,"backgroundTexture",[]),H(this,"textureDelta",void 0),H(this,"framebuffers",[]),H(this,"bufferWriteIndex",0),H(this,"bufferReadIndex",1),H(this,"originStyle",void 0),H(this,"lastUseStyle",void 0),H(this,"events",{}),H(this,"animationFrameId",0),this.parentElement=null!==(o=e.parentElement)&&void 0!==o?o:document.body,Reflect.apply(M,i,[]),this.originStyle=this.lastUseStyle=X(this.parentElement),this.mutationObserver=new MutationObserver(function(t){t.forEach(function(t){if(t.target===a.parentElement&&"attributes"===t.type&&i.options.visible){var e=Object.values(a.lastUseStyle),o=X(a.parentElement),u=Object.values(o);if((0,l.isEmptyArray)(n.difference(e,u)))return;var s=p(o.backgroundImage),c=f(o.backgroundColor);if(s&&c)return;a.lastUseStyle=o,Reflect.apply(r,i,[]),Reflect.apply(M,i,[])}})}),this.mutationObserver.observe(this.parentElement,{subtree:!0,attributes:!0,attributeFilter:["class","style"]}),this.resizeObserver=new ResizeObserver(function(t){t.forEach(function(t){t.target===a.parentElement&&Reflect.apply(r,i,[])})}),this.resizeObserver.observe(this.parentElement)},e=[{key:"destroy",value:function(){if(this.animationFrameId&&window.cancelAnimationFrame(this.animationFrameId),Reflect.apply(W,{renderData:this},[]),this.parentElement&&this.events)try{var t,e,r,n=this.parentElement,i=this.events;Object.keys(i).forEach(function(t){return n.removeEventListener&&n.removeEventListener(t,i[t])}),n.removeAttribute&&n.removeAttribute("data-ripples"),null===(t=this.mutationObserver)||void 0===t||t.takeRecords(),null===(e=this.mutationObserver)||void 0===e||e.disconnect(),this.mutationObserver=null,null===(r=this.resizeObserver)||void 0===r||r.disconnect(),this.resizeObserver=null}catch(t){}}}],e&&G(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function V(){var t=this.renderData,e=this.fadeData;if(!(0,l.isNull)(t)){var r,n,i,o=t.parentElement,a=window.getComputedStyle(o),u=a.backgroundSize,s=a.backgroundAttachment,c=a.backgroundPosition,f=/\s+/.test(r=c)?r.replace(/center/,"50%").replace(/top|left/,"0%").replace(/bottom/,"100%").replace(/\s+/," ").split(" "):$(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"===s?(p.height=window.innerHeight,p.left=window.screenX,p.top=window.screenY,p.width=window.innerWidth):(p.left=0,p.top=0,p.width=o.scrollWidth,p.height=o.scrollHeight);var d=e.backgroundInfo||{width:100,height:100},h=d.width,m=d.height;if("cover"===u){var y=Math.max(p.width/h,p.height/m);n=h*y,i=m*y}else if("contain"===u){var g=Math.min(p.width/h,p.height/m);n=h*g,i=m*g}else{var v=u.split(" ");n=v[0]||"",i=v[1]||n,$(n)?n=p.width*parseFloat(n)/100:"auto"!==n&&(n=parseFloat(n)),$(i)?i=p.height*parseFloat(i)/100:"auto"!==i&&(i=parseFloat(i)),"auto"===n&&"auto"===i?(n=h,i=m):("auto"===n&&(n=h*(Number(i)/m)),"auto"===i&&(i=m*(Number(n)/h)))}var b=f&&f[0]||"0%",w=f&&f[1]||"0%";b=$(b)?(p.left+(p.width-Number(n))*parseFloat(b)/100).toString():(p.left+parseFloat(b)).toString(),w=$(w)?(p.top+(p.height-Number(i))*parseFloat(w)/100).toString():(p.top+parseFloat(w)).toString(),t.renderProgram.uniforms.topLeft=new Float32Array([-Number(b)/n,-Number(w)/i]),t.renderProgram.uniforms.bottomRight=new Float32Array([t.renderProgram.uniforms.topLeft[0]+o.clientWidth/n,t.renderProgram.uniforms.topLeft[1]+o.clientHeight/i]);var E=Math.max(this.canvas.width,this.canvas.height);t.renderProgram.uniforms.containerRatio=new Float32Array([this.canvas.width/E,this.canvas.height/E])}}function $(t){return t.endsWith("%")}function K(){var t=this.gl,e=this.renderData;(0,l.isNull)(e)||(t.bindBuffer(t.ARRAY_BUFFER,e.quad),t.vertexAttribPointer(0,2,t.FLOAT,!1,0,0),t.drawArrays(t.TRIANGLE_FAN,0,4))}function Q(){var t=this.gl,e=this.renderData,r=this.options;if(!(0,l.isNull)(e)){var n=e.textures,i=e.backgroundTexture,o=r.perturbance;t.bindFramebuffer(t.FRAMEBUFFER,null),t.viewport(0,0,this.canvas.width,this.canvas.height),t.enable(t.BLEND),t.clear(t.COLOR_BUFFER_BIT|t.DEPTH_BUFFER_BIT),t.useProgram(e.renderProgram.id),Reflect.apply(c,this,[i,0]),Reflect.apply(c,this,[n[0],1]),t.uniform1f(e.renderProgram.locations.perturbance,o),t.uniform2fv(e.renderProgram.locations.topLeft,e.renderProgram.uniforms.topLeft),t.uniform2fv(e.renderProgram.locations.bottomRight,e.renderProgram.uniforms.bottomRight),t.uniform2fv(e.renderProgram.locations.containerRatio,e.renderProgram.uniforms.containerRatio),t.uniform1i(e.renderProgram.locations.samplerBackground,0),t.uniform1i(e.renderProgram.locations.samplerRipples,1),Reflect.apply(K,this,[]),t.disable(t.BLEND)}}function Z(){var t=this.renderData;if(!(0,l.isNull)(t)){var e=t.bufferWriteIndex,r=t.bufferReadIndex;t.bufferWriteIndex=1-e,t.bufferReadIndex=1-r}}function J(){var t=this.gl,e=this.renderData,r=this.options;if(!(0,l.isNull)(e)){var n=e.updateProgram,i=e.textures,o=e.framebuffers,a=e.bufferWriteIndex,u=e.bufferReadIndex,s=r.resolution;t.viewport(0,0,s,s),t.bindFramebuffer(t.FRAMEBUFFER,o[a]),Reflect.apply(c,this,[i[u]]),t.useProgram(n.id),Reflect.apply(K,this,[]),Reflect.apply(Z,this,[])}}function tt(){var t=this,e=this.renderData,r=this.options,n=this.fadeData;if(!(0,l.isNull)(e)){var i=e.parentElement,o=n.isTransitioning,a=r.running,u=r.idleFluctuations,s=r.lastRunningState,c=getComputedStyle(i);n.backgroundInfo={width:parseInt(c.width),height:parseInt(c.height)},Reflect.apply(V,this,[]),a?(s||(r.lastRunningState=!0,this.show()),u&&this.raindropsFall(),o&&this.fade(),Reflect.apply(J,this,[]),Reflect.apply(Q,this,[])):s&&(r.lastRunningState=!1,this.hide()),e.animationFrameId=requestAnimationFrame(function(){return Reflect.apply(tt,t,[])})}}function et(t,e,r){var n=this.renderData;if(!(0,l.isNull)(n)){var i=n.parentElement,o=window.getComputedStyle(i),a=parseInt(o.borderLeftWidth)||0,u=parseInt(o.borderTopWidth)||0,s=i.getBoundingClientRect(),c=t.clientX-s.left-a,f=t.clientY-s.top-u;this.drop(c,f,e,r)}}function rt(){var t=this,e=this.renderData,r=this.options;if(!(0,l.isNull)(e)){var n=e.parentElement,i=e.events,o=function(n){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];r.visible&&r.running&&r.interactive&&(e.lastRaindropsFallTime=Date.now(),Reflect.apply(et,t,[n,r.dropRadius*(i?1.5:1),i?.03:.01]))};i.mousemove=function(t){for(var e=r.accelerating;e--;)o(t)},i.touchmove=i.touchstart=function(t){for(var e=t.touches,r=0;r<e.length;r++)o(e[r])},i.mousedown=function(t){return o(t,!0)},Object.keys(i).forEach(function(t){return null==n?void 0:n.addEventListener(t,i[t],{passive:!0})})}}var nt="\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 it(){var t=this.gl,e=this.renderData;if(!(0,l.isNull)(e)){var r=e.textureDelta;e.dropProgram=s(nt,"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      }",t);var n=e.updateProgram=s(nt,"\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);t.uniform2fv(n.locations.delta,r),e.renderProgram=s("\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        }",t),t.uniform2fv(e.renderProgram.locations.delta,r)}}function ot(){var t=this.gl,e=this.renderData;if(!(0,l.isNull)(e)){var r=e.backgroundTexture=t.createTexture();t.bindTexture(t.TEXTURE_2D,r),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,1),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR)}}function at(t){var e=this.gl,r=this.renderData,n=this.fadeData;if(!(0,l.isNull)(r)){var i=r.backgroundTexture,o=r.parentElement,a=n.backgroundInfo,u=a.width,s=a.height,c=function(t){return(0,l.isZero)(t&t-1)},f=c(u)&&c(s)?e.REPEAT:e.CLAMP_TO_EDGE;e.bindTexture(e.TEXTURE_2D,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,f),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,f),o.dataset.render_img=t.tag,o.dataset.render_width=t.width+"px",o.dataset.render_height=t.height+"px",e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t.resource)}}function ut(){var t=this,e=this.renderData,r=this.options,n=this.fadeData;if(!(0,l.isNull)(e)&&this.config){var i=e.textures,o=e.framebuffers,a=r.resolution,u=this.gl,s=1/a;e.textureDelta=new Float32Array([s,s]),this.config.extensions.forEach(function(t){return u.getExtension(t)});for(var c=this.config.arrayType,f=c?new c(a*a*4):null,p=this.config,d=0;d<2;d++){var h=u.createTexture(),m=u.createFramebuffer();u.bindFramebuffer(u.FRAMEBUFFER,m),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,a,a,0,u.RGBA,p.type,f),u.framebufferTexture2D(u.FRAMEBUFFER,u.COLOR_ATTACHMENT0,u.TEXTURE_2D,h,0),i.push(h),o.push(m)}e.quad=u.createBuffer(),u.bindBuffer(u.ARRAY_BUFFER,e.quad),u.bufferData(u.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,1,1,-1,1]),u.STATIC_DRAW),Reflect.apply(it,this,[]),Reflect.apply(ot,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(rt,this,[]),Reflect.apply(at,this,[n.lastDrawImage]),e.animationFrameId=requestAnimationFrame(function(){return Reflect.apply(tt,t,[])})}}function lt(){var t=this.renderData,e=this.fadeData;if(!(0,l.isNull)(t)){var r=t.parentElement,n=e.backgroundInfo,i=r.offsetWidth,o=r.offsetHeight;this.canvas.width=n.width=i,this.canvas.height=n.height=o,Reflect.apply(L,this,[])}}function st(){var t=this.renderData,e=this.fadeData;(0,l.isNull)(t)||(t.destroy(),Object.keys(t).forEach(function(e){return t[e]=null}),this.renderData=null),e.destroy(),Object.keys(e).forEach(function(t){return e[t]=null}),this.fadeData=null,this.gl&&(this.gl=null)}function ct(t,e,r,n){var i=this.renderData,o=this.options,a=this.gl;if(!(0,l.isNull)(i)){var u=i.parentElement,s=i.dropProgram,f=i.textures,p=i.framebuffers,d=i.bufferWriteIndex,h=i.bufferReadIndex,m=o.resolution,y=u.offsetWidth,g=u.offsetHeight,v=Math.max(y,g);r/=v;var b=new Float32Array([(2*t-y)/v,(g-2*e)/v]);a.viewport(0,0,m,m),a.bindFramebuffer(a.FRAMEBUFFER,p[d]),Reflect.apply(c,this,[f[h]]),a.useProgram(s.id),a.uniform2fv(s.locations.center,b),a.uniform1f(s.locations.radius,r),a.uniform1f(s.locations.strength,n),Reflect.apply(K,this,[]),Reflect.apply(Z,this,[])}}function ft(t){return ft="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft(t)}function pt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,ht(n.key),n)}}function dt(t,e,r){return(e=ht(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function ht(t){var e=function(t){if("object"!=ft(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=ft(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==ft(e)?e:e+""}function mt(t,e,r){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,r)}function yt(t,e){return t.get(vt(t,e))}function gt(t,e,r){return t.set(vt(t,e),r),r}function vt(t,e,r){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:r;throw new TypeError("Private element is not present on this object")}var bt=new WeakMap,wt=new WeakMap,Et=new WeakMap,Rt=new WeakMap,St=new WeakMap,Ot=new WeakMap,Pt=new WeakMap,Tt=new WeakMap,At=function(){return t=function t(e){var r;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),mt(this,bt,E.accelerating),mt(this,wt,E.interactive),mt(this,Et,E.resolution),mt(this,Rt,E.perturbance),mt(this,St,E.dropRadius),dt(this,"imgUrl",E.imgUrl),mt(this,Ot,E.idleFluctuations),mt(this,Pt,E.raindropsTimeInterval),dt(this,"crossOrigin","no-cors"),dt(this,"visible",!1),dt(this,"running",!1),mt(this,Tt,void 0),dt(this,"lastRunningState",!1),this.perturbance=e.perturbance,this.resolution=e.resolution,this.raindropsTimeInterval=e.raindropsTimeInterval,this.accelerating=e.accelerating,this.interactive=e.interactive,this.dropRadius=e.dropRadius,this.imgUrl=e.imgUrl,this.idleFluctuations=e.idleFluctuations,this.running=Boolean(null===(r=e.playingState)||void 0===r||r),this.crossOrigin=e.crossOrigin,this.darkMode=e.darkMode},(e=[{key:"accelerating",get:function(){return yt(bt,this)},set:function(t){t>100||t<2||gt(bt,this,t)}},{key:"interactive",get:function(){return yt(wt,this)},set:function(t){(0,l.isBoolean)(t)&&gt(wt,this,t)}},{key:"resolution",get:function(){return yt(Et,this)},set:function(t){t<100||t>550||gt(Et,this,t)}},{key:"perturbance",get:function(){return yt(Rt,this)},set:function(t){t<1e-4||t>1||gt(Rt,this,t)}},{key:"dropRadius",get:function(){return yt(St,this)},set:function(t){!isFinite(t)||t<10||gt(St,this,t)}},{key:"idleFluctuations",get:function(){return yt(Ot,this)},set:function(t){(0,l.isBoolean)(t)&&gt(Ot,this,t)}},{key:"raindropsTimeInterval",get:function(){return yt(Pt,this)},set:function(t){t<10||t>12e3||gt(Pt,this,t)}},{key:"playingState",get:function(){return this.running},set:function(t){this.running=Boolean(null==t||t)}},{key:"darkMode",get:function(){return yt(Tt,this)},set:function(t){gt(Tt,this,(0,l.isUndefined)(t)?void 0:Boolean(t))}}])&&pt(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function kt(){var t=this.fadeData,e=this.options,r=this.renderData;if((0,l.isNull)(r))return!0;var n=e.imgUrl,i=r.lastUseStyle,o=t.lastDrawImage,a=t.backgroundInfo,u=a.width,s=a.height,c=o.tag,f=o.kind,p=F(e,i),d=o.width===u,h=o.height===s,m=d&&h;if("image"===f&&m&&(0,l.isString)(p)&&p===c)return!0;var y=(0,l.isArray)(n)&&n.join("_")||"";if("linear-gradient"===f&&m&&y===c)return!0;var g=U(e,i);return!("background-color"!==f||!m||c!==g)}function jt(){var t=this,e=this.options,r=this.fadeData;r.transparentId=setTimeout(function(){if(clearTimeout(r.transparentId),r.isTransitioning)return Reflect.apply(jt,t,[]);Reflect.apply(kt,t,[])||r.run()},2*e.raindropsTimeInterval)}function xt(){var t=this.renderData,e=this.fadeData,r=this.options,n=e.toBeList;if((0,l.isNull)(t))return Reflect.apply(Dt,this,["还没有准备好，即将退出"]);if((0,l.isEmptyArray)(n))return Reflect.apply(Dt,this,["由于缺少当前渲染的背景，退出"]);if(0===e.drawProgress&&n.forEach(function(t){}),e.drawProgress>1e3){if(e.lastDrawImage=n.shift(),Reflect.apply(at,this,[e.lastDrawImage]),(0,l.isEmptyArray)(n)){var i=t.lastUseStyle;((0,l.isNull)(r.imgUrl)||(0,l.isBusinessEmptyString)(r.imgUrl)||(0,l.isZero)(r.imgUrl.length))&&f(i.backgroundColor)&&p(i.backgroundImage)&&Reflect.apply(_,this,[!1])}return Reflect.apply(Dt,this,["当前执行完毕，开启下次执行"])}var o=e.lastDrawImage,a=e.backgroundInfo;e.drawProgress+=18;var u=document.createElement("canvas"),s=u.getContext("2d");if((0,l.isNull)(s)||(0,l.isNull)(o.resource)||(0,l.isEmptyArray)(n))return Reflect.apply(Dt,this,"环境值错误");var c=a.width,d=a.height;u.width=c,u.height=d,s.clearRect(0,0,c,d),s.drawImage(o.resource,0,0,c,d),s.globalAlpha=e.drawProgress/1e3,s.drawImage(n[0].resource,0,0,c,d),s.globalAlpha=1;var h={resource:u,width:c,height:d,kind:"mix",tag:"".concat(o.tag," >> ").concat(n[0].tag)};Reflect.apply(at,this,[h]),n.length>1&&(e.lastDrawImage=h,n.shift(),e.drawProgress=0)}function Dt(t){this.fadeData.isTransitioning=!1,Reflect.apply(jt,this,[])}function It(t){return It="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},It(t)}function _t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Ct(n.key),n)}}function Ft(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function Ut(t,e,r){return(e=Ct(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ct(t){var e=function(t){if("object"!=It(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=It(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==It(e)?e:e+""}function Nt(t,e){return t.get(Bt(t,e))}function Bt(t,e,r){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:r;throw new TypeError("Private element is not present on this object")}var Lt=new WeakMap,Mt=new WeakSet,Xt=function(){return t=function t(e){var r;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),Ft(this,r=Mt),r.add(this),Ut(this,"backgroundInfo",{width:0,height:0}),Ut(this,"transparentId",setTimeout(Boolean)),Ut(this,"lastDrawImage",void 0),Ut(this,"toBeList",[]),Ut(this,"drawProgress",0),Ut(this,"isTransitioning",!1),function(t,e){Ft(t,e),e.set(t,void 0)}(this,Lt),Ut(this,"isDark",!1);var n,i,o=e.renderData;if((0,l.isNull)(o))n=10,i=10;else{var a=getComputedStyle(o.parentElement);n=parseInt(a.width),i=parseInt(a.height)}this.backgroundInfo={width:n,height:i},this.lastDrawImage={resource:I(n,i),width:n,height:i,kind:"default",tag:""},function(t,e,r){t.set(Bt(t,e),r)}(Lt,this,window.matchMedia("(prefers-color-scheme: dark)")),this.isDark=Nt(Lt,this).matches,Nt(Lt,this).addEventListener("change",Bt(Mt,this,Wt));var u=this;Object.defineProperty(Nt(Lt,this),"isDark",{get:function(){return u.isDark},set:function(t){u.isDark=t,Reflect.apply(kt,e,[])||Reflect.apply(_,e,[!0])}})},(e=[{key:"run",value:function(){this.isTransitioning||(this.drawProgress=0,this.isTransitioning=!0)}},{key:"destroy",value:function(){Nt(Lt,this).removeEventListener("change",Bt(Mt,this,Wt)),this.transparentId&&clearTimeout(this.transparentId)}}])&&_t(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function Wt(t){this.isDark=t.matches}function zt(t){return zt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},zt(t)}function Gt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function Ht(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?Gt(Object(r),!0).forEach(function(e){Kt(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Gt(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function Yt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Qt(n.key),n)}}function qt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(qt=function(){return!!t})()}function Vt(t){return Vt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Vt(t)}function $t(t,e){return $t=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},$t(t,e)}function Kt(t,e,r){return(e=Qt(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Qt(t){var e=function(t){if("object"!=zt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=zt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==zt(e)?e:e+""}var Zt=new WeakMap,Jt=function(t){function n(t,i){var o;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n),Kt(o=function(t,e,r){return e=Vt(e),function(t,e){if(e&&("object"==zt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,qt()?Reflect.construct(e,r||[],Vt(t).constructor):e.apply(t,r))}(this,n,[t]),"renderData",null),Kt(o,"options",void 0),Kt(o,"fadeData",void 0),Kt(o,"defaults",E),Kt(o,"initialized",!1),function(t,e,r){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,r)}(o,Zt,r(lt,{this:o})),Object.defineProperties(o,{defaults:{value:o.defaults,writable:!1,enumerable:!1,configurable:!1}}),o.options=new At(Ht(Ht({},o.defaults),i)),o.renderData=new q(t,o.reloadBackground,o),o.fadeData=new Xt(o),(0,l.isFalse)(o.initState)||(0,l.isNull)(t.parentElement)||(0,l.isNull)(o.config)||(0,l.isNull)(o.gl)?o.initState=!1:(function(t){var r=t.parentElement;t.width=r.clientWidth,t.height=r.clientHeight,e(t,{position:"absolute",left:0,top:0,right:0,bottom:0,zIndex:-1,pointerEvents:"none"})}(t),Reflect.apply(ut,o,[])),window.matchMedia("(prefers-color-scheme: dark)"),o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&$t(t,e)}(n,t),o=n,(a=[{key:"raindropsFall",value:function(){var t=this.renderData,e=this.options,r=this.fadeData;if(!(0,l.isNull)(t)){var n=r.backgroundInfo,o=t.lastRaindropsFallTime,a=e.raindropsTimeInterval,u=e.dropRadius,s=Date.now();if(!(s-o<a)){t.lastRaindropsFallTime=s;var c=function(t){return i(t||1)},f=n.width,p=n.height;this.drop(c(f),c(p),u,.03)}}}},{key:"drop",value:function(t,e,r,n){Reflect.apply(ct,this,[t,e,r,n])}},{key:"fade",value:function(){Reflect.apply(xt,this,[])}},{key:"reloadBackground",value:function(){var t,e;(t=Zt,e=this,t.get(function(t,e,r){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:r;throw new TypeError("Private element is not present on this object")}(t,e))).call(this)}},{key:"destroy",value:function(){Reflect.apply(st,this,[])}},{key:"show",value:function(){this.options.visible=!0,this.canvas.style.visibility="visible",Reflect.apply(M,this,[])}},{key:"hide",value:function(){this.options.visible=!1,this.canvas.style.visibility="hidden",Reflect.apply(W,this,[])}},{key:"pause",value:function(){this.options.running=!1}},{key:"play",value:function(){this.options.running=!0}},{key:"changePlayingState",value:function(){var t=this.options;t.running=!t.running}},{key:"set",value:function(t,e){"imgUrl"===t?(this.options.imgUrl=e,Reflect.apply(L,this,[])):"darkMode"===t?(this.options.darkMode=e,Reflect.apply(kt,this,[])||Reflect.apply(_,this,[!0])):this.options[t]=e}}])&&Yt(o.prototype,a),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,a}(w)}},g={};function v(t){var e=g[t];if(void 0!==e)return e.exports;var r=g[t]={exports:{}};return y[t](r,r.exports,v),r.exports}v.d=(t,e)=>{for(var r in e)v.o(e,r)&&!v.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},v.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),v.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var b=v(362);function w(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,u=[],l=!0,s=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){s=!0,i=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}(t,e)||function(t,e){if(t){if("string"==typeof t)return E(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(t,e):void 0}}(t,e)||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 E(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function R(t,e){var r=p(null),n=p(!0),i=p(!1),o=w(d(!1),2),a=o[0],u=o[1],l=w(d(null),2),s=l[0],f=l[1];function h(){n.current=!0,setTimeout(function(){var t;n.current&&(null===(t=r.current)||void 0===t||t.destroy())},0)}return c(function(){return n.current=!1,(0,b.isNull)(t.current)||i.current||(u(!0),i.current=!0,Promise.resolve().then(v.bind(v,791)).then(function(i){(0,b.isNull)(t.current)||n.current||(r.current=new i.Ripples(t.current,e))}).catch(function(t){f(t)}).finally(function(){u(!1)})),h},[]),{ripples:r,isLoading:a,error:s}}v(209);var S=v(791);function O(t,e){var r=p(null);return c(function(){if(!(0,b.isNull)(t.current))return r.current=new S.Ripples(t.current,e),function(){var t;return null===(t=r.current)||void 0===t?void 0:t.destroy()}},[]),r}function P(t){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},P(t)}function T(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function A(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function k(t,e,r){return(e=function(t){var e=function(t){if("object"!=P(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==P(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function j(t,e){var r=p(function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?A(Object(r),!0).forEach(function(e){k(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}({},e));c(function(){e&&t.current&&Object.keys(t.current.defaults).forEach(function(n){var i,o,a,u=e[n],l=(i=u,o=r.current[n],(0,b.isArray)(i)&&(0,b.isArray)(o)&&(i.length!==o.length||!i.every(function(t){return i[t]===o[t]}))||(!(0,b.isArray)(i)||!(0,b.isArray)(o))&&i!==o);t.current&&l&&(r.current[n]=(0,b.isArray)(u)?function(t){if(Array.isArray(t))return T(t)}(a=u)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(a)||function(t,e){if(t){if("string"==typeof t)return T(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?T(t,e):void 0}}(a)||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.")}():e[n],t.current.set(n,u))})},[e])}var x=h.div.withConfig({displayName:"Content",componentId:"sc-xr2ayf-0"})(["position:relative;top:0px;left:0px;z-index:1;width:100%;height:100%;min-width:1px;min-height:1px;contain:layout paint style;will-change:transform,opacity;"]);function D(t){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},D(t)}var I=["children","style","option"];function _(){return _=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},_.apply(null,arguments)}function F(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function U(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?F(Object(r),!0).forEach(function(e){C(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):F(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function C(t,e,r){return(e=function(t){var e=function(t){if("object"!=D(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==D(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var N=l(function(t,e){var r=t.children,n=t.style,i=t.option,o=function(t,e){if(null==t)return{};var r,n,i=function(t,e){if(null==t)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==e.indexOf(n))continue;r[n]=t[n]}return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)r=o[n],-1===e.indexOf(r)&&{}.propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,I),u=p(null),l=O(u,i);return j(l,i),f(e,function(){return{toggleState:function(){var t;null===(t=l.current)||void 0===t||t.changePlayingState()},get state(){var t,e;return null!==(t=null===(e=l.current)||void 0===e?void 0:e.options.playingState)&&void 0!==t&&t},pause:function(){var t;null===(t=l.current)||void 0===t||t.pause()},set:function(t){if(!(0,b.isUndefined)(t))for(var e=Object.keys(t),r=0,n=e.length;r<n;r++){var i,o=e[r];null===(i=l.current)||void 0===i||i.set(o,t[o])}}}}),a(x,_({style:U({backgroundRepeat:"round"},n)},o),a("canvas",{ref:u,"data-earthnut-ui":"canvas",width:0,height:0}),r)});function B(t){return B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},B(t)}N.displayName="en-background-ripple";var L=["children","style","option"];function M(){return M=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},M.apply(null,arguments)}function X(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function W(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?X(Object(r),!0).forEach(function(e){z(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function z(t,e,r){return(e=function(t){var e=function(t){if("object"!=B(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=B(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==B(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var G=l(function(t,e){var r=t.children,n=t.style,i=t.option,o=function(t,e){if(null==t)return{};var r,n,i=function(t,e){if(null==t)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==e.indexOf(n))continue;r[n]=t[n]}return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)r=o[n],-1===e.indexOf(r)&&{}.propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,L),u=p(null),l=R(u,i).ripples;return j(l,i),f(e,function(){return{toggleState:function(){var t;null===(t=l.current)||void 0===t||t.changePlayingState()},get state(){var t,e;return null!==(t=null===(e=l.current)||void 0===e?void 0:e.options.playingState)&&void 0!==t&&t},pause:function(){var t;null===(t=l.current)||void 0===t||t.pause()},set:function(t){if(!(0,b.isUndefined)(t))for(var e=Object.keys(t),r=0,n=e.length;r<n;r++){var i,o=e[r];null===(i=l.current)||void 0===i||i.set(o,t[o])}}}}),a(x,M({style:W({backgroundRepeat:"round"},n)},o),a("canvas",{ref:u,"data-earthnut-ui":"canvas",width:0,height:0}),r)});function H(){var t=p(void 0);return c(function(){return function(){return t.current&&clearTimeout(t.current)}},[]),t}function Y(t){var e,r,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];n=(0,b.isBoolean)(n)?{immediately:n,once:!1}:(0,b.isPlainObject)(n)?{once:!!(0,b.isBoolean)(n.once)&&n.once,immediately:!!(0,b.isBoolean)(n.immediately)&&n.immediately}:{immediately:!1,once:!1};var i=p({id:0,immediately:null===(e=n.immediately)||void 0===e||e,once:null!==(r=n.once)&&void 0!==r&&r,noun:!1,time:0,cancelTime:0,firstRunEffect:!0,isUnmounted:!0,result:{cancel:function(){var t=i.current.id;t&&window.cancelAnimationFrame(t),i.current.result.canceled=!0},canceled:!1,render:function(){var t=i.current,e=t.result;t.cancelTime=performance.now(),e.cancel(),e.canceled=!1,t.id=window.requestAnimationFrame(a)}}}),o=i.current,a=s(function(e){var r=o.result,n=e-o.cancelTime;o.time+=n<0?16.7:n,t(e,o.time),o.once||r.render()},[t]);return o.immediately&&!o.noun&&o.result.canceled&&(o.noun=!0,o.result.render()),c(function(){o.once||(o.firstRunEffect?(o.result.render(),o.firstRunEffect=!1):o.firstRunEffect||o.result.canceled||o.result.render())},[t]),c(function(){return o.isUnmounted=!1,function(){o.isUnmounted=!0,setTimeout(function(){o.isUnmounted&&o.result.cancel()},0)}},[]),o.result}function q(t){var e=p(!1);return c(function(){var r=t.current;if(r){var n=function(){return e.current=!0},i=function(){return e.current=!1};return r.addEventListener("compositionstart",n),r.addEventListener("compositionend",i),function(){r.removeEventListener("compositionstart",n),r.removeEventListener("compositionend",i)}}},[]),e}G.displayName="en-lazy-background-ripple";const V="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlP//wDXyg1BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQImWNkYmBgYGJAIQAAigAKNDhFkwAAAABJRU5ErkJggg==";function $(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,u=[],l=!0,s=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){s=!0,i=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}(t,e)||function(t,e){if(t){if("string"==typeof t)return K(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?K(t,e):void 0}}(t,e)||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 K(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}var Q=["loadingSrc","className","src"];function Z(){return Z=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Z.apply(null,arguments)}var J=h.img.withConfig({displayName:"image__Content",componentId:"sc-1whh4o3-0"})(["margin:0;padding:0;user-select:none;"]),tt=u.forwardRef(function(t,e){var r=t.loadingSrc,n=void 0===r?V:r,i=t.className,o=t.src,a=function(t,e){if(null==t)return{};var r,n,i=function(t,e){if(null==t)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==e.indexOf(n))continue;r[n]=t[n]}return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)r=o[n],-1===e.indexOf(r)&&{}.propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,Q),l=function(t,e){var r=$(d(V),2),n=r[0],i=r[1],o=$(d(0),2),a=o[0],u=o[1];return c(function(){u(1),(0,b.isString)(t)||(t=V);var e=new Image;e.onload=function(){u(2),i(t)},e.onerror=function(){i(V),u(4)},e.src=t,e.crossOrigin="anonymous"},[t,e]),{resultSrc:n,loadComplete:a}}(null!=o?o:n),s=l.resultSrc,f=l.loadComplete;return u.createElement(J,Z({},a,{ref:e,src:s||n,className:m(1===f&&"loading",i)}))});tt.displayName="en-image";export{N as BackgroundRipple,tt as EnImage,tt as Image,G as LazyBackgroundRipple,Y as useAnimationFrame,q as useInputIsComposing,R as useLazyRipples,O as useRipples,H as useTimeId};
+//# sourceMappingURL=client.mjs.map

package/components/layout/types.d.ts

@@ -9,8 +9,6 @@
  */
 export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     classes?: string | string[];
-    /**  样式  */
-    style?: React.CSSProperties;
     /**  布局的  */
     /**
      * 布局的宽
@@ -30,6 +28,9 @@ export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     height?: string | number;
     /**  其他的组件样式  */
+    /**  样式  */
+    style?: React.CSSProperties;
+    /**  其他的组件样式  */
     theme?: LayoutTheme;
 }
 /**  侧边 sideBar 的参数  */
@@ -94,14 +95,4 @@ export interface LayoutTheme {
     footerHeight: string | number;
 }
 /**  可使用的样式类型  */
-export type EnLayoutContentType = 'simple' | 'only-footer' | 'only-header' | 'side-full' | 'side-right-full-all' | 'side-right-full-no-footer' | 'side-right-full-no-header' | 'side-right-full-only-side' | 'side-right-all' | 'side-right-no-footer' | 'side-right-no-header' | 'side-right-only-side' | 'side-full-all' | 'side-full-no-footer' | 'side-full-no-header' | 'side-full-only-side' | 'simple-all' | 'simple-no-footer' | 'simple-no-header' | 'simple-only-side';
-/**  组件的样式  */
-export interface EnLayoutContentProps {
-    $header: string;
-    $content: string;
-    $sidebar: string;
-    $footer: string;
-    $main: string;
-    $headerNoSticky: boolean;
-    $layoutType: EnLayoutContentType;
-}
+export type EnLayoutContentType = 'simple' | 'only-footer' | 'only-header' | 'no-sidebar' | 'side-full' | 'side-right-full-all' | 'side-right-full-no-footer' | 'side-right-full-no-header' | 'side-right-full-only-side' | 'side-right-all' | 'side-right-no-footer' | 'side-right-no-header' | 'side-right-only-side' | 'side-full-all' | 'side-full-no-footer' | 'side-full-no-header' | 'side-full-only-side' | 'simple-all' | 'simple-no-footer' | 'simple-no-header' | 'simple-only-side';

package/components/ripples/Content.d.ts

@@ -5,4 +5,4 @@
  * 请在项目根参看详细许可证明
  */
 /**  内容组件  */
-export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;

package/components/ripples/LazyRippleEle.d.ts

@@ -4,14 +4,6 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-/****************************************************************************
- * @Author earthnut
- * @Email earthnut.dev@outlook.com
- * @ProjectName website
- * @FileName index.tsx
- * @CreateDate  周四  12/12/2024
- * @Description 涟漪
- ****************************************************************************/
 import { RipplesOptions } from '../../customHooks/useRipples/types';
 import { RippleEle } from './types';
 import * as React from 'react';

package/components/shared/EnLayoutContent/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license MIT
+ * earthnut@components/shared/EnLayoutContent/index.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+import { EnLayoutContentProps } from './types';
+/**  创建带样式的组件  */
+export declare const LayoutContentContainer: import("styled-components").StyledComponent<"main", any, {}, never>;
+/**  带样式的组件  */
+export declare const LayoutFooterContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+/**  带样式的头部  */
+export declare const LayoutHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+/**  带样式的组件  */
+export declare const LayoutSideBarContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+/**  内容区域容器  */
+export declare const LayoutContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+/**  元始的外壳  */
+export declare const EnLayoutContent: import("styled-components").StyledComponent<"div", any, EnLayoutContentProps, never>;

package/components/shared/EnLayoutContent/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license MIT
+ * earthnut@components/shared/EnLayoutContent/types.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+import { EnLayoutContentType } from 'components/layout/types';
+/**  组件的样式  */
+export interface EnLayoutContentProps {
+    $header: string;
+    $content: string;
+    $sidebar: string;
+    $footer: string;
+    $main: string;
+    $headerNoSticky: boolean;
+    $layoutType: EnLayoutContentType;
+}

package/customHooks/useAnimationFrame.d.ts

@@ -4,15 +4,6 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-/****************************************************************************
- * @Author earthnut
- * @Email earthnut.dev@outlook.com
- * @ProjectName earthnut
- * @FilePath /src/customHooks/useAnimationFrame.ts
- * @FileName useAnimationFrame.ts
- * @CreateDate  周二  01/07/2025
- * @Description 使用 animationFrame
- ****************************************************************************/
 /**  使用动画结果  */
 export interface UseAnimationFrameResult {
     /**  取消执行动画  */

package/customHooks/useInputIsComposing.d.ts

@@ -4,15 +4,6 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-/****************************************************************************
- * @Author earthnut
- * @Email earthnut.dev@outlook.com
- * @ProjectName earthnut
- * @FilePath /src/customHooks/useAnimationFrame.ts
- * @FileName useInputIsComposing.ts
- * @CreateDate  周二  01/07/2025
- * @Description 使用输入框是否完成输入状态
- ****************************************************************************/
 /**
  *
  * ### 导出一个使用 `useRef` 创建的 `boolean`

package/index.client.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license MIT
+ * earthnut@index.client.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+export { useLazyRipples } from './customHooks/useRipples/use-lazy-ripple';
+export { BackgroundRipple, LazyBackgroundRipple } from './components/ripples';
+export { useTimeId } from './customHooks/useTimeId';
+export { useAnimationFrame } from './customHooks/useAnimationFrame';
+export type { UseAnimationFrameResult, AnimationFrameOption, } from './customHooks/useAnimationFrame';
+export { useInputIsComposing } from './customHooks/useInputIsComposing';
+export { useRipples } from './customHooks/useRipples';
+export type { Ripples, BackgroundRipplesProps, RipplesOptions, RippleImgUrl, } from './customHooks/useRipples';
+export type { LayoutProps, LayoutSideBarProps, LayoutHeaderProps, LayoutFooterProps, } from './components/layout';
+export { Image, Image as EnImage } from './components/image';
+export type { EnImageProps } from './components/image';

package/index.d.ts

@@ -4,17 +4,5 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-import { _en } from './customHooks/use-xcn';
-export { useLazyRipples } from './customHooks/useRipples/use-lazy-ripple';
-export { BackgroundRipple, LazyBackgroundRipple } from './components/ripples/';
-export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSideBar, EnLayout, EnLayoutContent, EnLayoutFooter, EnLayoutHeader, EnLayoutSideBar, } from './components/layout';
-export { useTimeId } from './customHooks/useTimeId';
-export { useAnimationFrame } from './customHooks/useAnimationFrame';
-export type { UseAnimationFrameResult, AnimationFrameOption, } from './customHooks/useAnimationFrame';
-export { useInputIsComposing } from './customHooks/useInputIsComposing';
-export { useRipples } from './customHooks/useRipples';
-export type { Ripples, BackgroundRipplesProps, RipplesOptions, RippleImgUrl, } from './customHooks/useRipples';
-export type { LayoutProps, LayoutSideBarProps, LayoutHeaderProps, LayoutFooterProps, } from './components/layout';
-export { Image, Image as EnImage } from './components/image';
-export type { EnImageProps } from './components/image';
-export { _en };
+export * from './index.client';
+export * from './index.server';

package/index.mjs

@@ -1,9 +1,3 @@
-/**
- * @license MIT
- * earthnut@index.mjs 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
 
-"use client";
-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};
+export * from './client.mjs';
+export * from './server.mjs';

package/index.server.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license MIT
+ * earthnut@index.server.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+export { _en } from './customHooks/use-xcn';
+export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSideBar, EnLayout, EnLayoutContent, EnLayoutFooter, EnLayoutHeader, EnLayoutSideBar, } from './components/layout';

package/layoutUtil.mjs

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * earthnut@layoutUtil.mjs 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+
+"use client";
+import{css as t,default as e}from"styled-components";var a=e.main.withConfig({displayName:"EnLayoutContent__LayoutContentContainer",componentId:"sc-esxdfa-0"})(["grid-area:content;position:relative;"]),o=e.div.withConfig({displayName:"EnLayoutContent__LayoutFooterContent",componentId:"sc-esxdfa-1"})(["grid-area:footer;position:relative;height:var(--layout-footer-height);box-shadow:0 -1px 13px 0px #0000001a;overflow:hidden;"]),r=e.div.withConfig({displayName:"EnLayoutContent__LayoutHeaderContent",componentId:"sc-esxdfa-2"})(["grid-area:header;position:sticky;top:0px;left:0px;z-index:10;height:var(--layout-header-height);box-shadow:0 4px 13px -3px #0000001a;overflow:hidden;"]),i=e.div.withConfig({displayName:"EnLayoutContent__LayoutSideBarContent",componentId:"sc-esxdfa-3"})(["position:sticky;left:0;z-index:8;grid-area:side;overflow-x:hidden;overflow-y:auto;"]),n=e.div.withConfig({displayName:"EnLayoutContent__LayoutContentWrapper",componentId:"sc-esxdfa-4"})(["position:relative;grid-area:content;overflow:auto;"]),l=e.div.withConfig({displayName:"EnLayoutContent",componentId:"sc-esxdfa-5"})(["position:relative;top:0px;height:var(--layout-height);width:var(--layout-width);overflow-x:hidden;overflow-y:auto;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],function(e){var a=e.$headerNoSticky,o=e.$header,r=e.$layoutType,i=e.$content,n=e.$sidebar;return a&&t(["& > .","{position:relative;z-index:2;}"," ",""],o,("simple-all"===r||"side-right-all"===r)&&t(["& > ."," > .","{top:0;min-height:calc( var(--layout-height) - var (--layout-footer-height) - var(--layout-header-height) );max-height:var(--layout-height);}"],i,n),("simple-no-footer"===r||"side-right-no-footer"===r)&&t(["& > .","{top:0;min-height:calc(var(--layout-height) - var(--layout-footer-height));max-height:var(--layout-height);}"],n))},function(e){var a=e.$layoutType,o=e.$content;return"no-sidebar"===a&&t(["& > .","{min-height:calc( var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height) );}"],o)},function(e){var a=e.$layoutType,o=e.$sidebar;return"side-full"===a&&t(["& > .","{top:0;height:var(--layout-height);}"],o)},function(e){var a=e.$layoutType,o=e.$content,r=e.$sidebar;return["simple-all","side-right-all"].includes(a)&&t(["& > .","{display:grid;grid-template-rows:calc(var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height)) auto;min-height:calc( var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height) );& > .","{top:var(--layout-header-height);min-height:calc( var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height) );max-height:calc(var(--layout-height) - var(--layout-header-height));}}"],o,r)},function(e){var a=e.$layoutType,o=e.$content;return["simple-all","simple-no-header"].includes(a)&&t(["& > .","{grid-template-columns:var(--layout-side-bar-width) auto;grid-template-areas:'side content' '. content';}"],o)},function(e){var a=e.$layoutType,o=e.$content;return["side-right-all","side-right-no-header"].includes(a)&&t(["& > .","{grid-template-columns:auto var(--layout-side-bar-width);grid-template-rows:100% max-content;grid-template-areas:'content side' 'content .';}"],o)},function(e){var a=e.$layoutType;return["side-full-all","side-right-full-all"].includes(a)&&t(["display:grid;grid-template-rows:var(--layout-header-height) auto var(--layout-footer-height);gap:0px;"])},function(e){return"side-full-all"===e.$layoutType&&t(["grid-template-columns:var(--layout-side-bar-width) auto;grid-template-rows:100% max-content;grid-template-areas:'side header' 'side content' 'side footer';"])},function(e){return"side-right-full-all"===e.$layoutType&&t(["grid-template-columns:auto var(--layout-side-bar-width);grid-template-rows:100% max-content;grid-template-areas:'header side' 'content side' 'footer side';"])},function(e){var a=e.$layoutType,o=e.$content,r=e.$sidebar;return["simple-no-header","side-right-no-header"].includes(a)&&t(["& > .","{display:grid;grid-template-rows:auto;& > .","{top:0;min-height:calc(var(--layout-height) - var(--layout-footer-height));max-height:var(--layout-height);}}"],o,r)},function(e){var a=e.$layoutType;return["side-full-no-header","side-right-full-no-header"].includes(a)&&t(["display:grid;grid-template-rows:auto var(--layout-footer-height);gap:0px;"])},function(e){return"side-full-no-header"===e.$layoutType&&t(["grid-template-columns:var(--layout-side-bar-width) auto;grid-template-rows:100% max-content;grid-template-areas:'side content' 'side footer';"])},function(e){return"side-right-full-no-header"===e.$layoutType&&t(["grid-template-columns:auto var(--layout-side-bar-width);grid-template-rows:100% max-content;grid-template-areas:'content side' 'footer side';"])},function(e){var a=e.$layoutType,o=e.$sidebar;return["simple-no-footer","side-right-no-footer"].includes(a)&&t(["display:grid;grid-template-rows:var(--layout-header-height) auto;min-height:calc(var(--layout-height) - var(--layout-header-height));gap:0px;& > .","{top:var(--layout-header-height);height:calc(var(--layout-height) - var(--layout-header-height));}"],o)},function(e){return"simple-no-footer"===e.$layoutType&&t(["grid-template-columns:var(--layout-side-bar-width) auto;grid-template-rows:100% max-content;grid-template-areas:'header header' 'side content' '. content';"])},function(e){return"side-right-no-footer"===e.$layoutType&&t(["grid-template-columns:auto var(--layout-side-bar-width);grid-template-rows:100% max-content;grid-template-areas:'header header' 'content side' 'content .';"])},function(e){var a=e.$layoutType,o=e.$main;return["side-full-no-footer","side-right-full-no-footer"].includes(a)&&t(["display:grid;grid-template-rows:var(--layout-header-height) auto;gap:0px;& > .","{min-height:calc(var(--layout-height) - var (--layout-header-height));}"],o)},function(e){return"side-full-no-footer"===e.$layoutType&&t(["grid-template-columns:var(--layout-side-bar-width) auto;grid-template-rows:100% max-content;grid-template-areas:'side header' 'side content';"])},function(e){return"side-right-full-no-footer"===e.$layoutType&&t(["grid-template-columns:auto var(--layout-side-bar-width);grid-template-rows:100% max-content;grid-template-areas:'header side' 'content side';"])},function(e){return"only-footer"===e.$layoutType&&t(["display:grid;grid-template-rows:auto var(--layout-footer-height);grid-template-columns:1fr;gap:0px;grid-template-areas:'content' 'footer';"])},function(e){return"only-header"===e.$layoutType&&t(["display:grid;grid-template-rows:var(--layout-header-height) auto;grid-template-columns:1fr;gap:0px;grid-template-areas:'header' 'content';"])},function(e){var a=e.$layoutType;return["simple-only-side","side-right-only-side","side-full-only-side","side-right-full-only-side"].includes(a)&&t(["display:grid;grid-template-rows:100%;grid-template-columns:var(--layout-side-bar-width) auto;grid-template-rows:100% max-content;gap:0px;grid-template-areas:'side content' '. content';"])},function(e){var a=e.$layoutType;return("side-right-full-only-side"===a||"side-right-only-side"===a)&&t(["grid-template-areas:'content side' 'content .';grid-template-columns:auto var(--layout-side-bar-width);grid-template-rows:100% max-content;"])});export{l as EnLayoutContent,a as LayoutContentContainer,n as LayoutContentWrapper,o as LayoutFooterContent,r as LayoutHeaderContent,i as LayoutSideBarContent};
+//# sourceMappingURL=layoutUtil.mjs.map

package/package.json

@@ -1,5 +1,4 @@
 {
-  "main": "index.cjs",
   "module": "index.mjs",
   "types": "index.d.ts",
   "author": {
@@ -9,7 +8,7 @@
   },
   "type": "module",
   "name": "earthnut",
-  "version": "0.2.2",
+  "version": "0.2.3-alpha.1",
   "description": "earthnut 的 react ui",
   "overrides": {
     "css-loader": "6.11.0"
@@ -18,23 +17,35 @@
     "a-element-inline-style": "^0.1.1",
     "a-js-tools": "^1.0.12",
     "a-type-of-js": "^1.0.7",
-    "styled-components": "^6.1.19",
+    "babel-loader": "^10.0.0",
     "xcn": "^0.1.3"
   },
   "files": [
     "components",
     "customHooks",
-    "index.cjs",
-    "index.mjs",
+    "styles",
+    "client.mjs",
+    "index.client.d.ts",
     "index.d.ts",
-    "styles"
+    "index.mjs",
+    "index.server.d.ts",
+    "layoutUtil.mjs",
+    "server.mjs",
+    "vendors.mjs"
   ],
   "exports": {
     ".": {
       "types": "./index.d.ts",
-      "require": "./index.cjs",
       "import": "./index.mjs"
     },
+    "./client": {
+      "types": "./index.client.d.ts",
+      "import": "./client.mjs"
+    },
+    "./server": {
+      "types": "./index.server.d.ts",
+      "import": "./server.mjs"
+    },
     "./scss": "./styles/common.scss",
     "./css": "./styles/common.css"
   },
@@ -57,6 +68,7 @@
   "license": "MIT",
   "peerDependencies": {
     "react": ">= 17",
-    "react-dom": ">= 17"
+    "react-dom": ">= 17",
+    "styled-components": ">= 6"
   }
 }

package/server.mjs

@@ -0,0 +1,8 @@
+/**
+ * @license MIT
+ * earthnut@server.mjs 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+import{xcn as e}from"xcn";import{Children as t,Fragment as r,cloneElement as n,createElement as a,default as o,forwardRef as l,isValidElement as i}from"react";import{EnLayoutContent as u,LayoutContentContainer as s,LayoutContentWrapper as c,LayoutFooterContent as f,LayoutHeaderContent as y,LayoutSideBarContent as p}from"./layoutUtil.mjs";import{isNumber as h,isTrue as m}from"a-type-of-js";var d={};function b(){return e.apply(void 0,arguments)}d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var v=["className","children","height","noSticky"];function O(){return O=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},O.apply(null,arguments)}var g=o.forwardRef(function(t,r){var n=t.className,a=t.children,l=(t.height,t.noSticky,function(e,t){if(null==e)return{};var r,n,a=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)&&(a[r]=e[r])}return a}(t,v));return o.createElement(y,O({ref:r,className:e(["en-layout-header"],n)},l,{"data-earthnut-ui":"layout-header"}),a)});g.displayName="LayoutHeader";var w=["className","width","right","full"];function j(){return j=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},j.apply(null,arguments)}var P=o.forwardRef(function(t,r){var n=t.className,a=(t.width,t.right,t.full,function(e,t){if(null==e)return{};var r,n,a=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)&&(a[r]=e[r])}return a}(t,w));return o.createElement(p,j({className:e("en-layout-side",n),ref:r},a,{"data-earthnut-ui":"layout-side-bar"}))});P.displayName="LayoutSideBar";var N=["className"];function S(){return S=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},S.apply(null,arguments)}var E=o.forwardRef(function(t,r){var n=t.className,a=function(e,t){if(null==e)return{};var r,n,a=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)&&(a[r]=e[r])}return a}(t,N);return o.createElement(s,S({className:e("en-layout-main",n)},a,{"data-earthnut-ui":"layout-content"}))});E.displayName="LayoutContent";var L=["className","height"];function x(){return x=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},x.apply(null,arguments)}var $=o.forwardRef(function(t,r){var n=t.className,a=(t.height,function(e,t){if(null==e)return{};var r,n,a=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)&&(a[r]=e[r])}return a}(t,L));return o.createElement(f,x({ref:r},a,{className:e("en-layout-footer",n),"data-earthnut-ui":"layout-footer"}))});function H(e){return h(e)||parseInt(e)===Number(e)?e+"px":e||0}function I(e){return I="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},I(e)}$.displayName="LayoutFooter";var k=["className","children","style","width","height","classes"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},B.apply(null,arguments)}function D(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 R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach(function(t){C(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function C(e,t,r){return(t=function(e){var t=function(e){if("object"!=I(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==I(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var F=l(function(o,l){var s,f,y,p,h=o.className,d=o.children,b=o.style,v=o.width,O=void 0===v?"100vw":v,w=o.height,j=void 0===w?"100vh":w,N=o.classes,S=function(e,t){if(null==e)return{};var r,n,a=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)&&(a[r]=e[r])}return a}(o,k),L="simple",x=!1,I=!1,D=!1,C=!1,T=!1,W=150,U="2.8rem",q="2rem",z=!1,A="en-layout-header",G="en-layout-content",J="en-layout-main",K="en-layout-sidebar",M="en-layout-footer";t.forEach(d,function(t){if(i(t))if(I||t.type!==g)if(D||t.type!==P)if(C||t.type!==E)if(C||t.type!==F){if(!T&&t.type===$){var r=t;q=r.props.height||q,p=n(r,{className:e(M,r.props.className)}),T=!0}}else{var o=t;y=a(c,{"data-earthnut-ui":"layout-content",className:e(J,"en-layout-main")},o),C=!0}else y=n(t,{className:e(J,t.props.className)}),C=!0;else{var l=t,u=l.props;W=u.width||W,L=u.right&&u.full?"side-right-full":u.right?"side-right":u.full?"side-full":"simple",z=m(u.full),f=n(l,{className:e(K,l.props.className)}),D=!0}else{var h,d=t,b=d.props;U=b.height||U,x=null!==(h=b.noSticky)&&void 0!==h&&h,s=n(d,{className:e(A,d.props.className)}),I=!0}});var Q=I&&D&&C&&T&&"".concat(L,"-all")||I&&C&&D&&"".concat(L,"-no-footer")||D&&C&&T&&"".concat(L,"-no-header")||I&&C&&T&&"no-sidebar"||C&&T&&"only-footer"||C&&I&&"only-header"||C&&D&&(z=!0)&&"".concat(L,"-only-side")||"simple",V=R({layoutHeight:O,layoutWith:j,sideBarWidth:W,headerHeight:U,footerHeight:q},S.theme||{}),X=/side.*full/.test(L);return a(u,B({ref:l,$headerNoSticky:x,$layoutType:Q,$header:A,$sidebar:K,$main:J,$content:G,$footer:M,className:e(z&&"en-layout-side-full","en-layout-".concat(Q),h,N),style:R({"--layout-width":H(O),"--layout-height":H(j),"--layout-side-bar-width":H(W),"--layout-header-height":H(U),"--layout-footer-height":H(q)},b),theme:V},S,{"data-earthnut-ui":"layout"}),X?a(r,null,f,s,y,p):a(r,null,s,T?a("div",{className:e(G),"data-earthnut-ui":"layout-with-foot-content"},f,y):a(r,null,f,y),p))});F.displayName="Layout";export{F as EnLayout,E as EnLayoutContent,$ as EnLayoutFooter,g as EnLayoutHeader,P as EnLayoutSideBar,F as Layout,E as LayoutContent,$ as LayoutFooter,g as LayoutHeader,P as LayoutSideBar,b as _en};
+//# sourceMappingURL=server.mjs.map

package/styles/common.css

@@ -166,11 +166,8 @@
 }
 
 /* 移除默认的 margin 外边距 */
+html,
 body,
-h1,
-h2,
-h3,
-h4,
 p,
 figure,
 blockquote,
@@ -179,13 +176,6 @@ dd {
   margin: 0;
 }
 
-ul,
-ol {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
 /* 设置根元素 html 默认样式 */
 html {
   scroll-behavior: smooth;

package/styles/reset.scss

@@ -8,11 +8,8 @@
 }
 
 /* 移除默认的 margin 外边距 */
+html,
 body,
-h1,
-h2,
-h3,
-h4,
 p,
 figure,
 blockquote,
@@ -21,13 +18,6 @@ dd {
   margin: 0;
 }
 
-ul,
-ol {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
 /* 设置根元素 html 默认样式 */
 html {
   scroll-behavior: smooth;

package/components/layout/EnLayoutContent.d.ts

@@ -1,9 +0,0 @@
-/**
- * @license MIT
- * earthnut@components/layout/EnLayoutContent.d.ts 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-import { EnLayoutContentProps } from './types';
-/**  元始的外壳  */
-export declare const EnLayoutContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EnLayoutContentProps>> & string;

package/components/layout/generate-class.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license MIT
- * earthnut@components/layout/generate-class.d.ts 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-/**  获取随机构建的样式类  */
-export declare function generateClass(value: string): string;

package/index.cjs

@@ -1,9 +0,0 @@
-/**
- * @license MIT
- * earthnut@index.cjs 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-
-"use client";
-(()=>{var e={45:()=>{"use strict";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})},171:(e,t,r)=>{"use strict";r.r(t),r.d(t,{Ripples:()=>tt});const n=require("a-element-inline-style");var i=r(570);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=r(705),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;r(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 E(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 O(e,t,r){return e.set(P(e,t),r),r}function R(e,t){return e.get(P(e,t))}function P(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 x(e){return function(e){if(Array.isArray(e))return j(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 j(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)?j(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 j(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 A=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(x(i.slice(w)),x(i.slice(0,w))),r},T=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),E(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",A())},[{key:"build",value:function(e){R(v,this)>100&&O(v,this,0),this.data=A(O(v,this,R(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=T.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});T.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 _(e,t){return(0,i.isArray)(e.imgUrl)&&1===e.imgUrl.length&&e.imgUrl[0]||t.backgroundColor}function N(){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=_(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(N,this,[]);var n=t.originStyle;if(!/linear-gradient\(.*\)/.test(n.backgroundImage)&&!(0,i.isArray)(r.imgUrl))return Reflect.apply(N,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(N,this,[]);var a=document.createElement("canvas"),s=a.getContext("2d");if((0,i.isNull)(s))return Reflect.apply(N,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 L(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 L(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)?L(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 L(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function U(){var e=this,t=this.renderData,r=this.options,n=this.fadeData;if((0,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 $(){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 B(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($,n,[]),this.originStyle=this.lastUseStyle=B(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=B(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($,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 Q(){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 J(){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(Q,this,[])}}function Z(){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(J,this,[]),Reflect.apply(K,this,[])):l&&(r.lastRunningState=!1,this.hide()),t.animationFrameId=requestAnimationFrame(function(){return Reflect.apply(Z,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(U,this,[]),u.clearColor(0,0,0,0),u.blendFunc(u.SRC_ALPHA,u.ONE_MINUS_SRC_ALPHA),r.visible=!0,r.running=!0,Reflect.apply(te,this,[]),Reflect.apply(oe,this,[n.lastDrawImage]),t.animationFrameId=requestAnimationFrame(function(){return Reflect.apply(Z,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(U,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(Q,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,Ee=new WeakMap,Oe=new WeakMap,Re=new WeakMap,Pe=new WeakMap,xe=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,Ee,m.dropRadius),pe(this,"imgUrl",m.imgUrl),he(this,Oe,m.idleFluctuations),he(this,Re,m.raindropsTimeInterval),pe(this,"crossOrigin","no-cors"),pe(this,"visible",!1),pe(this,"running",!1),he(this,Pe,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(Ee,this)},set:function(e){!isFinite(e)||e<10||ge(Ee,this,e)}},{key:"idleFluctuations",get:function(){return ye(Oe,this)},set:function(e){(0,i.isBoolean)(e)&&ge(Oe,this,e)}},{key:"raindropsTimeInterval",get:function(){return ye(Re,this)},set:function(e){e<10||e>12e3||ge(Re,this,e)}},{key:"playingState",get:function(){return this.running},set:function(e){this.running=Boolean(null==e||e)}},{key:"darkMode",get:function(){return ye(Pe,this)},set:function(e){ge(Pe,this,(0,i.isUndefined)(e)?void 0:Boolean(e))}}])}();function je(){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=_(t,o);return!("background-color"!==f||!y||c!==m)}function Ae(){var e=this,t=this.options,r=this.fadeData;r.transparentId=setTimeout(function(){if(clearTimeout(r.transparentId),r.isTransitioning)return Reflect.apply(Ae,e,[]);Reflect.apply(je,e,[])||r.run()},2*t.raindropsTimeInterval)}function Te(){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(Ae,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 _e(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function Ne(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(Le(e,t))}function Le(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 Ue=new WeakMap,$e=new WeakSet,Be=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){_e(e,t),t.add(e)}(this,$e),Ne(this,"backgroundInfo",{width:0,height:0}),Ne(this,"transparentId",setTimeout(Boolean)),Ne(this,"lastDrawImage",void 0),Ne(this,"toBeList",[]),Ne(this,"drawProgress",0),Ne(this,"isTransitioning",!1),function(e,t,r){_e(e,t),t.set(e,r)}(this,Ue,void 0),Ne(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=Ue,u=this,l=window.matchMedia("(prefers-color-scheme: dark)"),s.set(Le(s,u),l),this.isDark=Fe(Ue,this).matches,Fe(Ue,this).addEventListener("change",Le($e,this,Me));var s,u,l,c=this;Object.defineProperty(Fe(Ue,this),"isDark",{get:function(){return c.isDark},set:function(e){c.isDark=e,Reflect.apply(je,t,[])||Reflect.apply(I,t,[!0])}})},[{key:"run",value:function(){this.isTransitioning||(this.drawProgress=0,this.isTransitioning=!0)}},{key:"destroy",value:function(){Fe(Ue,this).removeEventListener("change",Le($e,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){Qe(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,Je(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 Qe(e,t,r){return(t=Je(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Je(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 Ze(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,r){var o;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),Qe(o=He(this,t,[e]),"renderData",null),Qe(o,"options",void 0),Qe(o,"fadeData",void 0),Qe(o,"defaults",m),Qe(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 xe(Xe(Xe({},o.defaults),r)),o.renderData=new H(e,o.reloadBackground,o),o.fadeData=new Be(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,(0,n.setStyle)(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(Te,this,[])}},{key:"reloadBackground",value:function(){Ze(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($,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(U,this,[])):"darkMode"===e?(this.options.darkMode=t,Reflect.apply(je,this,[])||Reflect.apply(I,this,[!0])):this.options[e]=t}}])}(y)},570:e=>{"use strict";e.exports=require("a-type-of-js")},705:e=>{"use strict";e.exports=require("a-js-tools")},945:e=>{e.exports=function(e,t,r,n){var i=r?r.call(n,e,t):void 0;if(void 0!==i)return!!i;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),a=Object.keys(t);if(o.length!==a.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),u=0;u<o.length;u++){var l=o[u];if(!s(l))return!1;var c=e[l],f=t[l];if(!1===(i=r?r.call(n,c,f,l):void 0)||void 0===i&&c!==f)return!1}return!0}}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0;var n={};(()=>{"use strict";r.r(n),r.d(n,{BackgroundRipple:()=>hr,EnImage:()=>Un,EnLayout:()=>jn,EnLayoutContent:()=>Fr,EnLayoutFooter:()=>dn,EnLayoutHeader:()=>xr,EnLayoutSideBar:()=>Ir,Image:()=>Un,Layout:()=>jn,LayoutContent:()=>Fr,LayoutFooter:()=>dn,LayoutHeader:()=>xr,LayoutSideBar:()=>Ir,LazyBackgroundRipple:()=>Sr,_en:()=>t,useAnimationFrame:()=>Tn,useInputIsComposing:()=>kn,useLazyRipples:()=>l,useRipples:()=>f,useTimeId:()=>An});const e=require("xcn");function t(){return e.xcn.apply(void 0,arguments)}const i=require("react");var o=r.n(i),a=r(570);r(45);function s(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 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,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 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(e,t){var n=(0,i.useRef)(null),o=(0,i.useRef)(!0),u=(0,i.useRef)(!1),l=s((0,i.useState)(!1),2),c=l[0],f=l[1],p=s((0,i.useState)(null),2),d=p[0],h=p[1];function y(){o.current=!0,setTimeout(function(){var e;o.current&&(null===(e=n.current)||void 0===e||e.destroy())},0)}return(0,i.useEffect)(function(){return o.current=!1,(0,a.isNull)(e.current)||u.current||(f(!0),u.current=!0,Promise.resolve().then(r.bind(r,171)).then(function(r){(0,a.isNull)(e.current)||o.current||(n.current=new r.Ripples(e.current,t))}).catch(function(e){h(e)}).finally(function(){f(!1)})),y},[]),{ripples:n,isLoading:c,error:d}}var c=r(171);function f(e,t){var r=(0,i.useRef)(null);return(0,i.useEffect)(function(){if(!(0,a.isNull)(e.current))return r.current=new c.Ripples(e.current,t),function(){var e;return null===(e=r.current)||void 0===e?void 0:e.destroy()}},[]),r}function p(e){return p="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},p(e)}function d(e){return function(e){if(Array.isArray(e))return h(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 h(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)?h(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 h(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 y(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 g(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=p(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==p(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t){var r=(0,i.useRef)(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach(function(t){g(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},t));(0,i.useEffect)(function(){t&&e.current&&Object.keys(e.current.defaults).forEach(function(n){var i=t[n],o=function(e,t){return(0,a.isArray)(e)&&(0,a.isArray)(t)&&(e.length!==t.length||!e.every(function(r){return e[r]===t[r]}))||(!(0,a.isArray)(e)||!(0,a.isArray)(t))&&e!==t}(i,r.current[n]);e.current&&o&&(r.current[n]=(0,a.isArray)(i)?d(i):t[n],e.current.set(n,i))})},[t])}var v=function(){return v=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},v.apply(this,arguments)};Object.create;function b(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 w=r(945),S=r.n(w),E="-ms-",O="-moz-",R="-webkit-",P="comm",x="rule",j="decl",A="@keyframes",T=Math.abs,k=String.fromCharCode,I=Object.assign;function D(e){return e.trim()}function _(e,t){return(e=t.exec(e))?e[0]:e}function N(e,t,r){return e.replace(t,r)}function C(e,t,r){return e.indexOf(t,r)}function F(e,t){return 0|e.charCodeAt(t)}function L(e,t,r){return e.slice(t,r)}function U(e){return e.length}function $(e){return e.length}function B(e,t){return t.push(e),e}function M(e,t){return e.filter(function(e){return!_(e,t)})}var z=1,W=1,X=0,G=0,H=0,Y="";function q(e,t,r,n,i,o,a,s){return{value:e,root:t,parent:r,type:n,props:i,children:o,line:z,column:W,length:a,return:"",siblings:s}}function V(e,t){return I(q("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function K(e){for(;e.root;)e=V(e.root,{children:[e]});B(e,e.siblings)}function Q(){return H=G>0?F(Y,--G):0,W--,10===H&&(W=1,z--),H}function J(){return H=G<X?F(Y,G++):0,W++,10===H&&(W=1,z++),H}function Z(){return F(Y,G)}function ee(){return G}function te(e,t){return L(Y,e,t)}function re(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 ne(e){return z=W=1,X=U(Y=e),G=0,[]}function ie(e){return Y="",e}function oe(e){return D(te(G-1,ue(91===e?e+2:40===e?e+1:e)))}function ae(e){for(;(H=Z())&&H<33;)J();return re(e)>2||re(H)>3?"":" "}function se(e,t){for(;--t&&J()&&!(H<48||H>102||H>57&&H<65||H>70&&H<97););return te(e,ee()+(t<6&&32==Z()&&32==J()))}function ue(e){for(;J();)switch(H){case e:return G;case 34:case 39:34!==e&&39!==e&&ue(H);break;case 40:41===e&&ue(e);break;case 92:J()}return G}function le(e,t){for(;J()&&e+H!==57&&(e+H!==84||47!==Z()););return"/*"+te(t,G-1)+"*"+k(47===e?e:J())}function ce(e){for(;!re(Z());)J();return te(e,G)}function fe(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function pe(e,t,r,n){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case j:return e.return=e.return||e.value;case P:return"";case A:return e.return=e.value+"{"+fe(e.children,n)+"}";case x:if(!U(e.value=e.props.join(",")))return""}return U(r=fe(e.children,n))?e.return=e.value+"{"+r+"}":""}function de(e,t,r){switch(function(e,t){return 45^F(e,0)?(((t<<2^F(e,0))<<2^F(e,1))<<2^F(e,2))<<2^F(e,3):0}(e,t)){case 5103:return R+"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 R+e+e;case 4789:return O+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return R+e+O+e+E+e+e;case 5936:switch(F(e,t+11)){case 114:return R+e+E+N(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return R+e+E+N(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return R+e+E+N(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return R+e+E+e+e;case 6165:return R+e+E+"flex-"+e+e;case 5187:return R+e+N(e,/(\w+).+(:[^]+)/,R+"box-$1$2"+E+"flex-$1$2")+e;case 5443:return R+e+E+"flex-item-"+N(e,/flex-|-self/g,"")+(_(e,/flex-|baseline/)?"":E+"grid-row-"+N(e,/flex-|-self/g,""))+e;case 4675:return R+e+E+"flex-line-pack"+N(e,/align-content|flex-|-self/g,"")+e;case 5548:return R+e+E+N(e,"shrink","negative")+e;case 5292:return R+e+E+N(e,"basis","preferred-size")+e;case 6060:return R+"box-"+N(e,"-grow","")+R+e+E+N(e,"grow","positive")+e;case 4554:return R+N(e,/([^-])(transform)/g,"$1"+R+"$2")+e;case 6187:return N(N(N(e,/(zoom-|grab)/,R+"$1"),/(image-set)/,R+"$1"),e,"")+e;case 5495:case 3959:return N(e,/(image-set\([^]*)/,R+"$1$`$1");case 4968:return N(N(e,/(.+:)(flex-)?(.*)/,R+"box-pack:$3"+E+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+R+e+e;case 4200:if(!_(e,/flex-|baseline/))return E+"grid-column-align"+L(e,t)+e;break;case 2592:case 3360:return E+N(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(e,r){return t=r,_(e.props,/grid-\w+-end/)})?~C(e+(r=r[t].value),"span",0)?e:E+N(e,"-start","")+e+E+"grid-row-span:"+(~C(r,"span",0)?_(r,/\d+/):+_(r,/\d+/)-+_(e,/\d+/))+";":E+N(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(e){return _(e.props,/grid-\w+-start/)})?e:E+N(N(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return N(e,/(.+)-inline(.+)/,R+"$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(U(e)-1-t>6)switch(F(e,t+1)){case 109:if(45!==F(e,t+4))break;case 102:return N(e,/(.+:)(.+)-([^]+)/,"$1"+R+"$2-$3$1"+O+(108==F(e,t+3)?"$3":"$2-$3"))+e;case 115:return~C(e,"stretch",0)?de(N(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return N(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,r,n,i,o,a,s){return E+r+":"+n+s+(i?E+r+"-span:"+(o?a:+a-+n)+s:"")+e});case 4949:if(121===F(e,t+6))return N(e,":",":"+R)+e;break;case 6444:switch(F(e,45===F(e,14)?18:11)){case 120:return N(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+R+(45===F(e,14)?"inline-":"")+"box$3$1"+R+"$2$3$1"+E+"$2box$3")+e;case 100:return N(e,":",":"+E)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return N(e,"scroll-","scroll-snap-")+e}return e}function he(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case j:return void(e.return=de(e.value,e.length,r));case A:return fe([V(e,{value:N(e.value,"@","@"+R)})],n);case x:if(e.length)return function(e,t){return e.map(t).join("")}(r=e.props,function(t){switch(_(t,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":K(V(e,{props:[N(t,/:(read-\w+)/,":-moz-$1")]})),K(V(e,{props:[t]})),I(e,{props:M(r,n)});break;case"::placeholder":K(V(e,{props:[N(t,/:(plac\w+)/,":"+R+"input-$1")]})),K(V(e,{props:[N(t,/:(plac\w+)/,":-moz-$1")]})),K(V(e,{props:[N(t,/:(plac\w+)/,E+"input-$1")]})),K(V(e,{props:[t]})),I(e,{props:M(r,n)})}return""})}}function ye(e){return ie(ge("",null,null,null,[""],e=ne(e),0,[0],e))}function ge(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,E=n,O=b;g;)switch(h=v,v=J()){case 40:if(108!=h&&58==F(O,f-1)){-1!=C(O+=N(oe(v),"&","&\f"),"&\f",T(l?s[l-1]:0))&&(m=-1);break}case 34:case 39:case 91:O+=oe(v);break;case 9:case 10:case 13:case 32:O+=ae(h);break;case 92:O+=se(ee()-1,7);continue;case 47:switch(Z()){case 42:case 47:B(ve(le(J(),ee()),t,r,u),u);break;default:O+="/"}break;case 123*y:s[l++]=U(O)*m;case 125*y:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+c:-1==m&&(O=N(O,/\f/g,"")),d>0&&U(O)-f&&B(d>32?be(O+";",n,r,f-1,u):be(N(O," ","")+";",n,r,f-2,u),u);break;case 59:O+=";";default:if(B(E=me(O,t,r,l,c,i,s,b,w=[],S=[],f,o),o),123===v)if(0===c)ge(O,t,E,E,w,o,f,s,S);else switch(99===p&&110===F(O,3)?100:p){case 100:case 108:case 109:case 115:ge(e,E,E,n&&B(me(e,E,E,0,0,i,s,b,i,w=[],f,S),S),i,S,f,s,n?w:S);break;default:ge(O,E,E,E,[""],S,0,s,S)}}l=c=d=0,y=m=1,b=O="",f=a;break;case 58:f=1+U(O),d=h;default:if(y<1)if(123==v)--y;else if(125==v&&0==y++&&125==Q())continue;switch(O+=k(v),v*y){case 38:m=c>0?1:(O+="\f",-1);break;case 44:s[l++]=(U(O)-1)*m,m=1;break;case 64:45===Z()&&(O+=oe(J())),p=Z(),c=f=U(b=O+=ce(ee())),v++;break;case 45:45===h&&2==U(O)&&(y=0)}}return o}function me(e,t,r,n,i,o,a,s,u,l,c,f){for(var p=i-1,d=0===i?o:[""],h=$(d),y=0,g=0,m=0;y<n;++y)for(var v=0,b=L(e,p+1,p=T(g=a[y])),w=e;v<h;++v)(w=D(g>0?d[v]+" "+b:N(b,/&\f/g,d[v])))&&(u[m++]=w);return q(e,t,r,0===i?x:s,u,l,c,f)}function ve(e,t,r,n){return q(e,t,r,P,k(H),L(e,2,-2),0,n)}function be(e,t,r,n,i){return q(e,t,r,j,L(e,0,n),L(e,n+1,-1),n,i)}var we={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},Se="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Ee="active",Oe="data-styled-version",Re="6.1.19",Pe="/*!sc*/\n",xe="undefined"!=typeof window&&"undefined"!=typeof document,je=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)),Ae=(new Set,Object.freeze([])),Te=Object.freeze({});function ke(e,t,r){return void 0===r&&(r=Te),e.theme!==r.theme&&e.theme||t||r.theme}var Ie=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"]),De=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,_e=/(^-|-$)/g;function Ne(e){return e.replace(De,"-").replace(_e,"")}var Ce=/(a)(d)/gi,Fe=function(e){return String.fromCharCode(e+(e>25?39:97))};function Le(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=Fe(t%52)+r;return(Fe(t%52)+r).replace(Ce,"$1-$2")}var Ue,$e=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Be=function(e){return $e(5381,e)};function Me(e){return Le(Be(e)>>>0)}function ze(e){return e.displayName||e.name||"Component"}function We(e){return"string"==typeof e&&!0}var Xe="function"==typeof Symbol&&Symbol.for,Ge=Xe?Symbol.for("react.memo"):60115,He=Xe?Symbol.for("react.forward_ref"):60112,Ye={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},qe={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ve={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ke=((Ue={})[He]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Ue[Ge]=Ve,Ue);function Qe(e){return("type"in(t=e)&&t.type.$$typeof)===Ge?Ve:"$$typeof"in e?Ke[e.$$typeof]:Ye;var t}var Je=Object.defineProperty,Ze=Object.getOwnPropertyNames,et=Object.getOwnPropertySymbols,tt=Object.getOwnPropertyDescriptor,rt=Object.getPrototypeOf,nt=Object.prototype;function it(e,t,r){if("string"!=typeof t){if(nt){var n=rt(t);n&&n!==nt&&it(e,n,r)}var i=Ze(t);et&&(i=i.concat(et(t)));for(var o=Qe(e),a=Qe(t),s=0;s<i.length;++s){var u=i[s];if(!(u in qe||r&&r[u]||a&&u in a||o&&u in o)){var l=tt(t,u);try{Je(e,u,l)}catch(e){}}}}return e}function ot(e){return"function"==typeof e}function at(e){return"object"==typeof e&&"styledComponentId"in e}function st(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ut(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 lt(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function ct(e,t,r){if(void 0===r&&(r=!1),!r&&!lt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=ct(e[n],t[n]);else if(lt(t))for(var n in t)e[n]=ct(e[n],t[n]);return e}function ft(e,t){Object.defineProperty(e,"toString",{value:t})}function pt(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 dt=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 pt(16,"".concat(e));this.groupSizes=new Uint32Array(i),this.groupSizes.set(r),this.length=i;for(var o=n;o<i;o++)this.groupSizes[o]=0}for(var a=this.indexOfGroup(e+1),s=(o=0,t.length);o<s;o++)this.tag.insertRule(a,t[o])&&(this.groupSizes[e]++,a++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var i=r;i<n;i++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),i=n+r,o=n;o<i;o++)t+="".concat(this.tag.getRule(o)).concat(Pe);return t},e}(),ht=new Map,yt=new Map,gt=1,mt=function(e){if(ht.has(e))return ht.get(e);for(;yt.has(gt);)gt++;var t=gt++;return ht.set(e,t),yt.set(t,e),t},vt=function(e,t){gt=t+1,ht.set(e,t),yt.set(t,e)},bt="style[".concat(Se,"][").concat(Oe,'="').concat(Re,'"]'),wt=new RegExp("^".concat(Se,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),St=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)},Et=function(e,t){for(var r,n=(null!==(r=t.textContent)&&void 0!==r?r:"").split(Pe),i=[],o=0,a=n.length;o<a;o++){var s=n[o].trim();if(s){var u=s.match(wt);if(u){var l=0|parseInt(u[1],10),c=u[2];0!==l&&(vt(c,l),St(e,c,u[3]),e.getTag().insertRules(l,i)),i.length=0}else i.push(s)}}},Ot=function(e){for(var t=document.querySelectorAll(bt),r=0,n=t.length;r<n;r++){var i=t[r];i&&i.getAttribute(Se)!==Ee&&(Et(e,i),i.parentNode&&i.parentNode.removeChild(i))}};function Rt(){return r.nc}var Pt=function(e){var t=document.head,r=e||t,n=document.createElement("style"),i=function(e){var t=Array.from(e.querySelectorAll("style[".concat(Se,"]")));return t[t.length-1]}(r),o=void 0!==i?i.nextSibling:null;n.setAttribute(Se,Ee),n.setAttribute(Oe,Re);var a=Rt();return a&&n.setAttribute("nonce",a),r.insertBefore(n,o),n},xt=function(){function e(e){this.element=Pt(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var i=t[r];if(i.ownerNode===e)return i}throw pt(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}(),jt=function(){function e(e){this.element=Pt(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),At=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}(),Tt=xe,kt={isServer:!xe,useCSSOMInjection:!je},It=function(){function e(e,t,r){void 0===e&&(e=Te),void 0===t&&(t={});var n=this;this.options=v(v({},kt),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&xe&&Tt&&(Tt=!1,Ot(this)),ft(this,function(){return function(e){for(var t=e.getTag(),r=t.length,n="",i=function(r){var i=function(e){return yt.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(Se,".g").concat(r,'[id="').concat(i,'"]'),u="";void 0!==o&&o.forEach(function(e){e.length>0&&(u+="".concat(e,","))}),n+="".concat(a).concat(s,'{content:"').concat(u,'"}').concat(Pe)},o=0;o<r;o++)i(o);return n}(n)})}return e.registerId=function(e){return mt(e)},e.prototype.rehydrate=function(){!this.server&&xe&&Ot(this)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(v(v({},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 At(r):t?new xt(r):new jt(r)}(this.options),new dt(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(mt(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(mt(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(mt(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),Dt=/&/g,_t=/^\s*\/\/.*$/gm;function Nt(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=Nt(e.children,t)),e})}function Ct(e){var t,r,n,i=void 0===e?Te:e,o=i.options,a=void 0===o?Te:o,s=i.plugins,u=void 0===s?Ae: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===x&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Dt,r).replace(n,l))}),a.prefix&&c.push(he),c.push(pe);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(_t,""),l=ye(o||i?"".concat(o," ").concat(i," { ").concat(u," }"):u);a.namespace&&(l=Nt(l,a.namespace));var f,p,d,h=[];return fe(l,(f=c.concat((d=function(e){return h.push(e)},function(e){e.root||(e=e.return)&&d(e)})),p=$(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||pt(15),$e(e,t.name)},5381).toString():"",f}var Ft=new It,Lt=Ct(),Ut=o().createContext({shouldForwardProp:void 0,styleSheet:Ft,stylis:Lt}),$t=(Ut.Consumer,o().createContext(void 0));function Bt(){return(0,i.useContext)(Ut)}function Mt(e){var t=(0,i.useState)(e.stylisPlugins),r=t[0],n=t[1],a=Bt().styleSheet,s=(0,i.useMemo)(function(){var t=a;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,a]),u=(0,i.useMemo)(function(){return Ct({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:r})},[e.enableVendorPrefixes,e.namespace,r]);(0,i.useEffect)(function(){S()(r,e.stylisPlugins)||n(e.stylisPlugins)},[e.stylisPlugins]);var l=(0,i.useMemo)(function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:s,stylis:u}},[e.shouldForwardProp,s,u]);return o().createElement(Ut.Provider,{value:l},o().createElement($t.Provider,{value:u},e.children))}var zt=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=Lt);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,ft(this,function(){throw pt(12,String(r.name))})}return e.prototype.getName=function(e){return void 0===e&&(e=Lt),this.name+e.hash},e}(),Wt=function(e){return e>="A"&&e<="Z"};function Xt(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(1===r&&"-"===n&&"-"===e[0])return e;Wt(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var Gt=function(e){return null==e||!1===e||""===e},Ht=function(e){var t,r,n=[];for(var i in e){var o=e[i];e.hasOwnProperty(i)&&!Gt(o)&&(Array.isArray(o)&&o.isCss||ot(o)?n.push("".concat(Xt(i),":"),o,";"):lt(o)?n.push.apply(n,b(b(["".concat(i," {")],Ht(o),!1),["}"],!1)):n.push("".concat(Xt(i),": ").concat((t=i,null==(r=o)||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||t in we||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function Yt(e,t,r,n){return Gt(e)?[]:at(e)?[".".concat(e.styledComponentId)]:ot(e)?!ot(i=e)||i.prototype&&i.prototype.isReactComponent||!t?[e]:Yt(e(t),t,r,n):e instanceof zt?r?(e.inject(r,n),[e.getName(n)]):[e]:lt(e)?Ht(e):Array.isArray(e)?Array.prototype.concat.apply(Ae,e.map(function(e){return Yt(e,t,r,n)})):[e.toString()];var i}function qt(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(ot(r)&&!at(r))return!1}return!0}var Vt=Be(Re),Kt=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&qt(e),this.componentId=t,this.baseHash=$e(Vt,t),this.baseStyle=r,It.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=st(n,this.staticRulesId);else{var i=ut(Yt(this.rules,e,t,r)),o=Le($e(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=st(n,o),this.staticRulesId=o}else{for(var s=$e(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=ut(Yt(c,e,t,r));s=$e(s,f+l),u+=f}}if(u){var p=Le(s>>>0);t.hasNameForId(this.componentId,p)||t.insertRules(this.componentId,p,r(u,".".concat(p),void 0,this.componentId)),n=st(n,p)}}return n},e}(),Qt=o().createContext(void 0);Qt.Consumer;var Jt={};new Set;function Zt(e,t,r){var n=at(e),a=e,s=!We(e),u=t.attrs,l=void 0===u?Ae:u,c=t.componentId,f=void 0===c?function(e,t){var r="string"!=typeof e?"sc":Ne(e);Jt[r]=(Jt[r]||0)+1;var n="".concat(r,"-").concat(Me(Re+r+Jt[r]));return t?"".concat(t,"-").concat(n):n}(t.displayName,t.parentComponentId):c,p=t.displayName,d=void 0===p?function(e){return We(e)?"styled.".concat(e):"Styled(".concat(ze(e),")")}(e):p,h=t.displayName&&t.componentId?"".concat(Ne(t.displayName),"-").concat(t.componentId):t.componentId||f,y=n&&a.attrs?a.attrs.concat(l).filter(Boolean):l,g=t.shouldForwardProp;if(n&&a.shouldForwardProp){var m=a.shouldForwardProp;if(t.shouldForwardProp){var b=t.shouldForwardProp;g=function(e,t){return m(e,t)&&b(e,t)}}else g=m}var w=new Kt(r,h,n?a.componentStyle:void 0);function S(e,t){return function(e,t,r){var n=e.attrs,a=e.componentStyle,s=e.defaultProps,u=e.foldedComponentIds,l=e.styledComponentId,c=e.target,f=o().useContext(Qt),p=Bt(),d=e.shouldForwardProp||p.shouldForwardProp,h=ke(t,f,s)||Te,y=function(e,t,r){for(var n,i=v(v({},t),{className:void 0,theme:r}),o=0;o<e.length;o+=1){var a=ot(n=e[o])?n(i):n;for(var s in a)i[s]="className"===s?st(i[s],a[s]):"style"===s?v(v({},i[s]),a[s]):a[s]}return t.className&&(i.className=st(i.className,t.className)),i}(n,t,h),g=y.as||c,m={};for(var b in y)void 0===y[b]||"$"===b[0]||"as"===b||"theme"===b&&y.theme===h||("forwardedAs"===b?m.as=y.forwardedAs:d&&!d(b,g)||(m[b]=y[b]));var w=function(e,t){var r=Bt();return e.generateAndInjectStyles(t,r.styleSheet,r.stylis)}(a,y),S=st(u,l);return w&&(S+=" "+w),y.className&&(S+=" "+y.className),m[We(g)&&!Ie.has(g)?"class":"className"]=S,r&&(m.ref=r),(0,i.createElement)(g,m)}(E,e,t)}S.displayName=d;var E=o().forwardRef(S);return E.attrs=y,E.componentStyle=w,E.displayName=d,E.shouldForwardProp=g,E.foldedComponentIds=n?st(a.foldedComponentIds,a.styledComponentId):"",E.styledComponentId=h,E.target=n?a.target:e,Object.defineProperty(E,"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++)ct(e,i[n],!0);return e}({},a.defaultProps,e):e}}),ft(E,function(){return".".concat(E.styledComponentId)}),s&&it(E,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),E}function er(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 tr=function(e){return Object.assign(e,{isCss:!0})};function rr(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(ot(e)||lt(e))return tr(Yt(er(Ae,b([e],t,!0))));var n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Yt(n):tr(Yt(er(n,t)))}function nr(e,t,r){if(void 0===r&&(r=Te),!t)throw pt(1,t);var n=function(n){for(var i=[],o=1;o<arguments.length;o++)i[o-1]=arguments[o];return e(t,r,rr.apply(void 0,b([n],i,!1)))};return n.attrs=function(n){return nr(e,t,v(v({},r),{attrs:Array.prototype.concat(r.attrs,n).filter(Boolean)}))},n.withConfig=function(n){return nr(e,t,v(v({},r),n))},n}var ir=function(e){return nr(Zt,e)},or=ir;Ie.forEach(function(e){or[e]=ir(e)});!function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=qt(e),It.registerId(this.componentId+1)}e.prototype.createStyles=function(e,t,r,n){var i=n(ut(Yt(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&&It.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)}}();var ar;(function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var r=Rt(),n=ut([r&&'nonce="'.concat(r,'"'),"".concat(Se,'="true"'),"".concat(Oe,'="').concat(Re,'"')].filter(Boolean)," ");return"<style ".concat(n,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw pt(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw pt(2);var r=e.instance.toString();if(!r)return[];var n=((t={})[Se]="",t[Oe]=Re,t.dangerouslySetInnerHTML={__html:r},t),i=Rt();return i&&(n.nonce=i),[o().createElement("style",v({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new It({isServer:!0}),this.sealed=!1}e.prototype.collectStyles=function(e){if(this.sealed)throw pt(2);return o().createElement(Mt,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw pt(3)}})(),"__sc-".concat(Se,"__");var sr=or.div(ar||(ar=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 ur(e){return ur="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},ur(e)}var lr=["children","style","option"];function cr(){return cr=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},cr.apply(null,arguments)}function fr(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 pr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?fr(Object(r),!0).forEach(function(t){dr(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):fr(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function dr(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=ur(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=ur(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==ur(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var hr=(0,i.forwardRef)(function(e,t){var r=e.children,n=e.style,o=e.option,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,lr),u=(0,i.useRef)(null),l=f(u,o);return m(l,o),(0,i.useImperativeHandle)(t,function(){return{toggleState:function(){var e;null===(e=l.current)||void 0===e||e.changePlayingState()},get state(){var e,t;return null!==(e=null===(t=l.current)||void 0===t?void 0:t.options.playingState)&&void 0!==e&&e},pause:function(){var e;null===(e=l.current)||void 0===e||e.pause()},set:function(e){if(!(0,a.isUndefined)(e))for(var t=Object.keys(e),r=0,n=t.length;r<n;r++){var i,o=t[r];null===(i=l.current)||void 0===i||i.set(o,e[o])}}}}),i.createElement(sr,cr({style:pr({backgroundRepeat:"round"},n)},s),i.createElement("canvas",{ref:u,"data-earthnut-ui":"canvas",width:0,height:0}),r)});function yr(e){return yr="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},yr(e)}hr.displayName="en-background-ripple";var gr=["children","style","option"];function mr(){return mr=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},mr.apply(null,arguments)}function vr(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 br(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?vr(Object(r),!0).forEach(function(t){wr(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):vr(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function wr(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=yr(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=yr(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==yr(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var Sr=(0,i.forwardRef)(function(e,t){var r=e.children,n=e.style,o=e.option,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,gr),u=(0,i.useRef)(null),c=l(u,o).ripples;return m(c,o),(0,i.useImperativeHandle)(t,function(){return{toggleState:function(){var e;null===(e=c.current)||void 0===e||e.changePlayingState()},get state(){var e,t;return null!==(e=null===(t=c.current)||void 0===t?void 0:t.options.playingState)&&void 0!==e&&e},pause:function(){var e;null===(e=c.current)||void 0===e||e.pause()},set:function(e){if(!(0,a.isUndefined)(e))for(var t=Object.keys(e),r=0,n=t.length;r<n;r++){var i,o=t[r];null===(i=c.current)||void 0===i||i.set(o,e[o])}}}}),i.createElement(sr,mr({style:br({backgroundRepeat:"round"},n)},s),i.createElement("canvas",{ref:u,"data-earthnut-ui":"canvas",width:0,height:0}),r)});Sr.displayName="en-lazy-background-ripple";var Er,Or=["className","children","height","noSticky"];function Rr(){return Rr=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},Rr.apply(null,arguments)}var Pr=or.div(Er||(Er=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"]))),xr=o().forwardRef(function(t,r){var n=t.className,i=t.children,a=(t.height,t.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}(t,Or));return o().createElement(Pr,Rr({ref:r,className:(0,e.xcn)(["en-layout-header"],n)},a,{"data-earthnut-ui":"layout-header"}),i)});xr.displayName="LayoutHeader";var jr,Ar=["className","width","right","full"];function Tr(){return Tr=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},Tr.apply(null,arguments)}var kr=or.div(jr||(jr=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"]))),Ir=o().forwardRef(function(t,r){var n=t.className,i=(t.width,t.right,t.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}(t,Ar));return o().createElement(kr,Tr({className:(0,e.xcn)("en-layout-side",n),ref:r},i,{"data-earthnut-ui":"layout-side-bar"}))});Ir.displayName="LayoutSideBar";var Dr,_r=["className"];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)}var Cr=or.main(Dr||(Dr=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  grid-area: content;\n"]))),Fr=o().forwardRef(function(t,r){var n=t.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}(t,_r);return o().createElement(Cr,Nr({ref:r,className:(0,e.xcn)("en-layout-main",n)},i,{"data-earthnut-ui":"layout-content"}))});Fr.displayName="LayoutContent";var Lr,Ur=["className","height"];function $r(){return $r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},$r.apply(null,arguments)}var Br,Mr,zr,Wr,Xr,Gr,Hr,Yr,qr,Vr,Kr,Qr,Jr,Zr,en,tn,rn,nn,on,an,sn,un,ln,cn,fn,pn=or.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: footer;\n  height: var(--layout-footer-height);\n  box-shadow: 0 -1px 13px 0px #0000001a;\n  overflow: hidden;\n"]))),dn=o().forwardRef(function(t,r){var n=t.className,i=(t.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}(t,Ur));return o().createElement(pn,$r({ref:r},i,{className:(0,e.xcn)("en-layout-footer",n),"data-earthnut-ui":"layout-footer"}))});function hn(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}dn.displayName="LayoutFooter";var yn=or.div(Br||(Br=hn(["\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&&rr(Mr||(Mr=hn(["\n      // 头部不粘连样式，头部区域设置\n      & > ."," {\n        position: relative;\n        z-index: 2;\n      }\n\n      ","\n\n      ","\n    "])),r,("simple-all"===n||"side-right-all"===n)&&rr(zr||(zr=hn(["\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)&&rr(Wr||(Wr=hn(["\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&&rr(Xr||(Xr=hn(["\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)&&rr(Gr||(Gr=hn(["\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)&&rr(Hr||(Hr=hn(["\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)&&rr(Yr||(Yr=hn(["\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)&&rr(qr||(qr=hn(["\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&&rr(Vr||(Vr=hn(["\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&&rr(Kr||(Kr=hn(["\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)&&rr(Qr||(Qr=hn(["\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)&&rr(Jr||(Jr=hn(["\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&&rr(Zr||(Zr=hn(["\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&&rr(en||(en=hn(["\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)&&rr(tn||(tn=hn(["\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&&rr(rn||(rn=hn(["\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&&rr(nn||(nn=hn(["\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)&&rr(on||(on=hn(["\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&&rr(an||(an=hn(["\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&&rr(sn||(sn=hn(["\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&&rr(un||(un=hn(["\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&&rr(ln||(ln=hn(["\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)&&rr(cn||(cn=hn(["\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)&&rr(fn||(fn=hn(["\n      grid-template-areas:\n        'content side'\n        'content .';\n      grid-template-columns: auto var(--layout-side-bar-width);\n    "])))});function gn(e){return(0,a.isNumber)(e)||parseInt(e)===Number(e)?e+"px":e||0}var mn=r(705);function vn(e){return"en-"+e+"-"+(0,mn.getRandomString)({length:12,includeNumbers:!0,includeUppercaseLetters:!0})}function bn(e){return bn="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},bn(e)}var wn,Sn=["className","children","style","width","height","classes"];function En(){return En=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},En.apply(null,arguments)}function On(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 Rn(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?On(Object(r),!0).forEach(function(t){Pn(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):On(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function Pn(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=bn(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=bn(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==bn(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var xn=or.div(wn||(wn=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"]))),jn=i.forwardRef(function(t,r){var n,o,s,u,l=t.className,c=t.children,f=t.style,p=t.width,d=void 0===p?"100vw":p,h=t.height,y=void 0===h?"100vh":h,g=t.classes,m=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}(t,Sn),v="simple",b=!1,w=!1,S=!1,E=!1,O=!1,R=150,P="2.8rem",x="2rem",j=!1,A=vn("header"),T=vn("content"),k=vn("main"),I=vn("sidebar"),D=vn("footer");i.Children.forEach(c,function(t){if(i.isValidElement(t))if(w||t.type!==xr)if(S||t.type!==Ir)if(E||t.type!==Fr)if(E||t.type!==jn){if(!O&&t.type===dn){var r=t;x=r.props.height||x,u=i.cloneElement(r,{className:(0,e.xcn)(D,r.props.className)}),O=!0}}else{var l=t;s=i.createElement(xn,{"data-earthnut-ui":"layout-content",className:(0,e.xcn)(k,"en-layout-main")},l),E=!0}else{var c=t;s=i.cloneElement(c,{className:(0,e.xcn)(k,c.props.className)}),E=!0}else{var f=t,p=f.props;R=p.width||R,v=p.right&&p.full?"side-right-full":p.right?"side-right":p.full?"side-full":"simple",j=(0,a.isTrue)(p.full),o=i.cloneElement(f,{className:(0,e.xcn)(I,f.props.className)}),S=!0}else{var d,h=t,y=h.props;P=y.height||P,b=null!==(d=y.noSticky)&&void 0!==d&&d,n=i.cloneElement(h,{className:(0,e.xcn)(A,h.props.className)}),w=!0}});var _=w&&S&&E&&O&&"".concat(v,"-all")||w&&E&&S&&"".concat(v,"-no-footer")||S&&E&&O&&"".concat(v,"-no-header")||E&&O&&"only-footer"||E&&w&&"only-header"||E&&S&&(j=!0)&&"".concat(v,"-only-side")||"simple",N=Rn({layoutHeight:d,layoutWith:y,sideBarWidth:R,headerHeight:P,footerHeight:x},m.theme||{}),C=/side.*full/.test(v);return i.createElement(yn,En({ref:r,$headerNoSticky:b,$layoutType:_,$header:A,$sidebar:I,$main:k,$content:T,$footer:D,className:(0,e.xcn)(j&&"en-layout-side-full","en-layout-".concat(_),l,g),style:Rn({"--layout-width":gn(d),"--layout-height":gn(y),"--layout-side-bar-width":gn(R),"--layout-header-height":gn(P),"--layout-footer-height":gn(x)},f),theme:N},m,{"data-earthnut-ui":"layout"}),C?i.createElement(i.Fragment,null,o,n,s,u):i.createElement(i.Fragment,null,n,O?i.createElement("div",{className:(0,e.xcn)(T),"data-earthnut-ui":"layout-with-foot-content"},o,s):i.createElement(i.Fragment,null,o,s),u))});function An(){var e=(0,i.useRef)(void 0);return(0,i.useEffect)(function(){return function(){return e.current&&clearTimeout(e.current)}},[]),e}function Tn(e){var t,r,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];n=(0,a.isBoolean)(n)?{immediately:n,once:!1}:(0,a.isPlainObject)(n)?{once:!!(0,a.isBoolean)(n.once)&&n.once,immediately:!!(0,a.isBoolean)(n.immediately)&&n.immediately}:{immediately:!1,once:!1};var o=(0,i.useRef)({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=o.current.id;e&&window.cancelAnimationFrame(e),o.current.result.canceled=!0},canceled:!1,render:function(){var e=o.current,t=e.result;e.cancelTime=performance.now(),t.cancel(),t.canceled=!1,e.id=window.requestAnimationFrame(u)}}}),s=o.current,u=(0,i.useCallback)(function(t){var r=s.result,n=t-s.cancelTime;s.time+=n<0?16.7:n,e(t,s.time),s.once||r.render()},[e]);return s.immediately&&!s.noun&&s.result.canceled&&(s.noun=!0,s.result.render()),(0,i.useEffect)(function(){s.once||(s.firstRunEffect?(s.result.render(),s.firstRunEffect=!1):s.firstRunEffect||s.result.canceled||s.result.render())},[e]),(0,i.useEffect)(function(){return s.isUnmounted=!1,function(){s.isUnmounted=!0,setTimeout(function(){s.isUnmounted&&s.result.cancel()},0)}},[]),s.result}function kn(e){var t=(0,i.useRef)(!1);return(0,i.useEffect)(function(){var r=e.current;if(r){var n=function(){return t.current=!0},i=function(){return t.current=!1};return r.addEventListener("compositionstart",n),r.addEventListener("compositionend",i),function(){r.removeEventListener("compositionstart",n),r.removeEventListener("compositionend",i)}}},[]),t}jn.displayName="Layout";const In="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlP//wDXyg1BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQImWNkYmBgYGJAIQAAigAKNDhFkwAAAABJRU5ErkJggg==";function Dn(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 _n(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)?_n(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 _n(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 Nn,Cn=["loadingSrc","className","src"];function Fn(){return Fn=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},Fn.apply(null,arguments)}var Ln=or.img(Nn||(Nn=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"]))),Un=o().forwardRef(function(t,r){var n=t.loadingSrc,s=void 0===n?In:n,u=t.className,l=t.src,c=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}(t,Cn),f=function(e,t){var r=Dn((0,i.useState)(In),2),n=r[0],o=r[1],s=Dn((0,i.useState)(0),2),u=s[0],l=s[1];return(0,i.useEffect)(function(){l(1),(0,a.isString)(e)||(e=In);var r=new Image;r.onload=function(){l(2),o(e)},r.onerror=function(){o(t||In),l(4)},r.src=e,r.crossOrigin="anonymous"},[e,t]),{resultSrc:n,loadComplete:u}}(null!=l?l:s),p=f.resultSrc,d=f.loadComplete;return o().createElement(Ln,Fn({},c,{ref:r,src:p||s,className:(0,e.xcn)(1===d&&"loading",u)}))});Un.displayName="en-image"})(),module.exports=n})();