oops-ui 0.0.10 → 0.0.12

package/dist/types/customHooks/useRipples/render/dropAtPointer.d.ts

@@ -0,0 +1,7 @@
+import { Ripples } from '../ripplesClass';
+/**************************************
+ *
+ * 触发的点
+ *
+ **************************************/
+export declare function dropAtPointer(this: Ripples, pointer: MouseEvent | Touch, radius: number, strength: number): void;

package/dist/types/customHooks/useRipples/render/render.d.ts

@@ -0,0 +1,7 @@
+import { Ripples } from '../ripplesClass';
+/**************************************
+ *
+ * 绘制
+ *
+ **************************************/
+export declare function render(this: Ripples): void;

package/dist/types/customHooks/useRipples/render/step.d.ts

@@ -0,0 +1,6 @@
+import { Ripples } from '../ripplesClass';
+/**************************
+ * 开启绘制
+ *
+ **************************/
+export declare function step(this: Ripples): void;

package/dist/types/customHooks/useRipples/render/swapBufferIndices.d.ts

@@ -0,0 +1,2 @@
+import { Ripples } from '../ripplesClass';
+export declare function swapBufferIndices(this: Ripples): void;

package/dist/types/customHooks/useRipples/render/update.d.ts

@@ -0,0 +1,2 @@
+import { Ripples } from '../ripplesClass';
+export declare function update(this: Ripples): void;

package/dist/types/customHooks/useRipples/rippersData/renderData.d.ts

@@ -0,0 +1,85 @@
+import { Program, RipplesDefaultData, Textures } from '../types';
+/**************************************
+ *
+ * 原始数据类
+ *
+ **************************************/
+export declare class RipplesRenderData {
+    /**  canvas 的显隐  */
+    visible: boolean;
+    /**  当前执行的状态  */
+    running: boolean;
+    /**  扰动系数  */
+    perturbance: number;
+    /**    */
+    resolution: number;
+    /**  雨滴醉落的时间间隔  */
+    raindropsTimeInterval: number;
+    /**  渲染 id  */
+    animationFrameId: number;
+    /**  渲染数据流
+     *
+     * 该值在 init 中进行初始化
+     */
+    quad: WebGLBuffer;
+    /**************************
+     * 上一次雨滴滴落的时间
+     *
+     * 该时间更新触发时机：
+     * - 2.2s 内没有事件触发
+     * - 鼠标交互更新
+     **************************/
+    lastRaindropsFallTime: number;
+    /**  canvas 父级元素  */
+    parentElement: HTMLElement;
+    /**  背景页面的数据  */
+    backgroundInfo: {
+        width: number;
+        height: number;
+    };
+    /**************************
+     *
+     * 该值于初始化着色器时初始化
+     **************************/
+    dropProgram: Program;
+    /**************************
+     *
+     **************************/
+    updateProgram: Program;
+    /**  纹理  */
+    textures: Textures;
+    /**  背景纹理  */
+    backgroundTexture: WebGLTexture;
+    /**  纹理数据  */
+    textureDelta: Float32Array<ArrayBuffer>;
+    /**    */
+    framebuffers: WebGLFramebuffer[];
+    /**    */
+    bufferWriteIndex: number;
+    /**    */
+    bufferReadIndex: number;
+    /**  原始行内样式  */
+    originalInlineCss: string;
+    /**  原始 background-image 数据    */
+    originalCssBackgroundImage: string;
+    /**************************
+     * 事件
+     **************************/
+    events: {
+        mousemove: (e: MouseEvent) => void;
+        mousedown: (e: MouseEvent) => void;
+        touchmove: (e: TouchEvent) => void;
+        touchstart: (e: TouchEvent) => void;
+    };
+    /**  触发倍效  */
+    accelerating: number;
+    constructor(defaultData: RipplesDefaultData);
+}
+/**************************************
+ *
+ * 渲染数仓
+ *
+ **************************************/
+export declare const ripplesRenderDataWarehouse: {
+    [x: symbol]: RipplesRenderData;
+};

package/dist/types/customHooks/useRipples/rippersData/vertexSource.d.ts

@@ -0,0 +1,28 @@
+/**************************
+ *
+ **************************/
+export declare const vertexShader = "\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      }";
+/**************************************
+ *
+ *
+ *
+ **************************************/
+export declare const updateProgramFragmentSource = "\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      ";
+/**************************************
+ *
+ *
+ *
+ **************************************/
+export declare const renderVertexSource = "\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      ";
+/**************************************
+ *
+ *
+ *
+ **************************************/
+export declare const renderProgramFragmentSource = "\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        }";
+/**************************************
+ *
+ * fragmentSource
+ *
+ **************************************/
+export declare const dropProgramFragmentSource = "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      }";

package/dist/types/customHooks/useRipples/ripple.html.d.ts

@@ -0,0 +1,3 @@
+import { Ripples } from './ripplesClass';
+import { RipplesOptions } from './types';
+export declare function useRipples(element: HTMLElement, options: RipplesOptions): Ripples;

package/dist/types/customHooks/useRipples/ripplesClass.d.ts

@@ -7,7 +7,7 @@
  * @Description ripples 水涟漪效果
  ****************************************************************************/
 import { RipplesData } from './rippersData';
-import { Program, RipplesOptions } from './interface';
+import { Program, RipplesOptions } from './types';
 /**************************************
  *
  * ## 水波动涟漪的效果
@@ -17,33 +17,28 @@ import { Program, RipplesOptions } from './interface';
  **************************************/
 export declare class Ripples extends RipplesData {
     #private;
+    /**************************
+     * 唯一标识
+     *
+     * 用于处理 Ripples 在实例化后数据交叉污染问题
+     **************************/
+    sole: symbol;
     /**************************
      *
      *  默认值
      *
-     * - resolution 分辨率,纹理的尺寸，该项目中该值为纹理的宽和高，缺省为 `360`
+     * - resolution 分辨率,纹理的尺寸，该项目中该值为纹理的宽和高，缺省为 `256`
      * - dropRadius 扩撒半径，缺省值为 `20`
      * - perturbance 扰动系数，缺省为   `0.03`
      * - interactive 光标交互，缺省为 `true` ，关闭须显示传入 `false` 值
      * - crossOrigin 原始样式
      * - imageUrl    原始背景图片地址
      * - playingState 当前的播放状态，缺省为 `true` ，设定为 `false` 时并不关闭，而是暂停
-     * - accelerating  加速光标移动触发，缺省为 `3`
-     * - raindropsTimeInterval 雨滴滴落的间隔，缺省为 `660`，可设置区间为 `10 ~ 12000`
+     * - accelerating  加速光标移动触发，缺省为 `1`
+     * - raindropsTimeInterval 雨滴滴落的间隔，缺省为 `3600`，可设置区间为 `10 ~ 12000`
      * - idleFluctuations  闲置波动，在光标交互不触发时，将触发模拟雨滴，缺省为 `true`
      **************************/
-    defaults: {
-        imageUrl: string;
-        resolution: number;
-        dropRadius: number;
-        perturbance: number;
-        interactive: boolean;
-        crossOrigin: string;
-        playingState: boolean;
-        accelerating: number;
-        raindropsTimeInterval: number;
-        idleFluctuations: boolean;
-    };
+    defaults: import("./types").RipplesDefaultData;
     /**  是否与鼠标互动  */
     interactive: boolean;
     /**************************
@@ -119,7 +114,7 @@ export declare class Ripples extends RipplesData {
      **************************/
     changePlayingState(): void;
     /**************************
-     *  给初始化化量赋值
+     *  给初始化变量赋值
      **************************/
     set(property: keyof RipplesOptions, value: unknown): void;
 }

package/dist/types/customHooks/useRipples/tools.d.ts

@@ -7,19 +7,7 @@
  * @Description  工具
  ****************************************************************************/
 import { Ripples } from './ripplesClass';
-import { Program } from './interface';
-/**************************************
- *
- * 转换背景的位置为特定的格式
- *
- **************************************/
-export declare function translateBackgroundPosition(value: string): string[];
-/**************************************
- *
- * 检测数据是否为 url 外联图像地址
- *
- **************************************/
-export declare function extractUrl(value: string): string | null;
+import { Program } from './types';
 /**************************************
  *
  *  增加 WebGLProgram
@@ -33,18 +21,6 @@ export declare function createProgram(vertexSource: string, fragmentSource: stri
  *
  **************************************/
 export declare function bindTexture(this: Ripples, texture: WebGLTexture, unit?: number): void;
-/**************************************
- *
- * 是否是 base64 数据
- *
- **************************************/
-export declare function isDataUri(url: string): RegExpMatchArray | null;
-/**************************************
- *
- * 给定的字符串是否为百分数
- *
- **************************************/
-export declare function isPercentage(value: string): boolean;
 /**************************
  * 给 canvas 设置样式
  **************************/

package/dist/useRipples/index.cjs

@@ -1 +1 @@
-(()=>{"use strict";var e={953:e=>{e.exports=require("react")}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.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})};var n={};r.r(n),r.d(n,{useRipples:()=>ye});var i=r(953);const o=require("a-element-inline-style");function a(e){var t=/url\(["']?([^"']*)["']?\)/.exec(e);return null==t?null:t[1]}function s(e,t,r,n){function i(e,t){var n=r.createShader(e);if(r.shaderSource(n,t),r.compileShader(n),!r.getShaderParameter(n,r.COMPILE_STATUS))throw new Error("compile error: "+r.getShaderInfoLog(n));return n}var o,a={id:r.createProgram(),uniforms:{},locations:{}};if(r.attachShader(a.id,i(r.VERTEX_SHADER,e)),r.attachShader(a.id,i(r.FRAGMENT_SHADER,t)),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 s=e+t,l=/uniform (\w+) (\w+)/g;null!==(o=l.exec(s));){var u=o[2];a.locations[u]=r.getUniformLocation(a.id,u)}return a}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=this.gl;r.activeTexture(r.TEXTURE0+(t||0)),r.bindTexture(r.TEXTURE_2D,e)}function u(e){return e.endsWith("%")}function c(){var e=this,t=function(){return e.initState=!1,null};if(!this.gl)return t();var r=this.gl,n=Object.fromEntries(["OES_texture_float","OES_texture_half_float","OES_texture_float_linear","OES_texture_half_float_linear"].reduce((function(e,t){var n=r.getExtension(t);return n&&e.push([t,n]),e}),[]));if(!n.OES_texture_float)return t();var i=[];function o(e,t,r){var i="OES_texture_"+e,o=i+"_linear",a=o in n;return{type:t,linearSupport:a,arrayType:r,extensions:a?[i,o]:[i]}}i.push(o("float",r.FLOAT,Float32Array)),n.OES_texture_half_float&&i.push(o("half_float",n.OES_texture_half_float.HALF_FLOAT_OES,null));var a=r.createTexture(),s=r.createFramebuffer();r.bindFramebuffer(r.FRAMEBUFFER,s),r.bindTexture(r.TEXTURE_2D,a),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE);for(var l=null,u=0;u<i.length;u++)if(r.texImage2D(r.TEXTURE_2D,0,r.RGBA,32,32,0,r.RGBA,i[u].type,null),r.framebufferTexture2D(r.FRAMEBUFFER,r.COLOR_ATTACHMENT0,r.TEXTURE_2D,a,0),r.checkFramebufferStatus(r.FRAMEBUFFER)===r.FRAMEBUFFER_COMPLETE){l=i[u];break}return l}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function h(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,m(n.key),n)}}function d(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function p(e,t,r){return(t=m(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e){var t=function(e){if("object"!=f(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==f(t)?t:t+""}var v="lmssee_ripper_element_style",g=d((function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),p(this,"styleElement",document.createElement("style")),p(this,"canvas",void 0),p(this,"gl",void 0),p(this,"config",void 0),p(this,"transparentPixels",function(){try{return new ImageData(32,32)}catch(e){return console.log(e&&""),document.createElement("canvas").getContext("2d").createImageData(32,32)}}()),p(this,"initState",!0),this.canvas=t;var r=t.getContext("webgl");if(null===r)return this.initState=!1,void(this.config=null);if(this.gl=r,null===document.querySelector("style#".concat(v))){var n=this.styleElement;n.id=v,n.innerHTML="\n      .lmssee-ripples { \n        position: relative; \n        z-index: 0; \n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        transform: translate(0,0);\n      }\n      ";var i=document.head;i.prepend?i.prepend(n):i.insertBefore(n,i.firstChild)}this.config=Reflect.apply(c,this,[])})),E={imageUrl:"",resolution:360,dropRadius:10,perturbance:.03,interactive:!0,crossOrigin:"",playingState:!0,accelerating:3,raindropsTimeInterval:660,idleFluctuations:!0};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 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 T(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){A(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}function R(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,O(n.key),n)}}function w(e,t){if(t&&("object"==b(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)}function _(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(_=function(){return!!e})()}function x(e){return x=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},x(e)}function P(e,t){return P=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},P(e,t)}function S(e,t,r){F(e,t),t.set(e,r)}function F(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function A(e,t,r){return(t=O(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){var t=function(e){if("object"!=b(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==b(t)?t:t+""}function D(e,t){return e.get(U(e,t))}function k(e,t,r){return e.set(U(e,t),r),r}function U(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")}Object.freeze(E);var M=new WeakMap,C=new WeakMap,L=new WeakMap,I=new WeakMap,W=new WeakMap,X=new WeakMap,j=new WeakMap,B=new WeakMap,N=new WeakMap,G=new WeakMap,z=new WeakMap,H=new WeakMap,Y=new WeakMap,q=new WeakMap,K=new WeakMap,V=new WeakMap,J=new WeakMap,Q=new WeakMap,Z=new WeakMap,$=new WeakMap,ee=new WeakMap,te=new WeakMap,re=new WeakMap,ne=new WeakMap,ie=new WeakSet,oe=function(e){function t(e,r){var n,i,a;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),n=function(e,t,r){return t=x(t),w(e,_()?Reflect.construct(t,r||[],x(e).constructor):t.apply(e,r))}(this,t,[e]),F(i=n,a=ie),a.add(i),A(n,"defaults",E),A(n,"interactive",n.defaults.interactive),S(n,M,n.defaults.accelerating),S(n,C,n.defaults.resolution),S(n,L,n.defaults.perturbance),A(n,"dropRadius",void 0),A(n,"crossOrigin",""),A(n,"imageUrl",void 0),A(n,"idleFluctuations",!0),S(n,I,void 0),S(n,W,void 0),S(n,X,[]),S(n,j,[]),S(n,B,0),S(n,N,1),S(n,G,void 0),S(n,z,!1),S(n,H,!1),S(n,Y,!1),S(n,q,0),S(n,K,""),A(n,"imageSource",""),A(n,"renderProgram",void 0),S(n,V,void 0),S(n,J,void 0),S(n,Q,void 0),S(n,Z,void 0),S(n,$,void 0),S(n,ee,void 0),S(n,te,Date.now()),S(n,re,n.defaults.raindropsTimeInterval),S(n,ne,{mousemove:function(e){return console.log(e)},mousedown:function(e){return console.log(e)},touchmove:function(e){return console.log(e)},touchstart:function(e){return console.log(e)}}),Object.defineProperties(n,{defaults:{value:n.defaults,writable:!1,enumerable:!1,configurable:!1}}),r&&"boolean"!=typeof r.interactive&&delete r.interactive;var s=T(T({},n.defaults),r);if(n.interactive=s.interactive,n.resolution=s.resolution,n.perturbance=s.perturbance,n.dropRadius=s.dropRadius,n.crossOrigin=s.crossOrigin,n.imageUrl=s.imageUrl,n.idleFluctuations=s.idleFluctuations,!1===n.initState||null===e.parentElement||null===n.config||null===n.gl)return n.initState=!1,w(n);var l=n.gl,u=1/D(C,n);k(W,n,new Float32Array([u,u])),k(I,n,e.parentElement),function(e){var t=e.parentElement;e.width=t.clientWidth,e.height=t.clientHeight,(0,o.setStyle)(e,{position:"absolute",left:0,top:0,right:0,bottom:0,pointerEvents:"none"})}(e),n.config.extensions.forEach((function(e){return l.getExtension(e)})),n.updateSize=n.updateSize.bind(n),window.addEventListener("resize",n.updateSize);for(var c=n.config.arrayType,f=c?new c(D(C,n)*D(C,n)*4):null,h=n.config,d=0;d<2;d++){var p=l.createTexture(),m=l.createFramebuffer();l.bindFramebuffer(l.FRAMEBUFFER,m),l.bindTexture(l.TEXTURE_2D,p),l.texParameteri(l.TEXTURE_2D,l.TEXTURE_MIN_FILTER,h.linearSupport?l.LINEAR:l.NEAREST),l.texParameteri(l.TEXTURE_2D,l.TEXTURE_MAG_FILTER,h.linearSupport?l.LINEAR:l.NEAREST),l.texParameteri(l.TEXTURE_2D,l.TEXTURE_WRAP_S,l.CLAMP_TO_EDGE),l.texParameteri(l.TEXTURE_2D,l.TEXTURE_WRAP_T,l.CLAMP_TO_EDGE),l.texImage2D(l.TEXTURE_2D,0,l.RGBA,D(C,n),D(C,n),0,l.RGBA,h.type,f),l.framebufferTexture2D(l.FRAMEBUFFER,l.COLOR_ATTACHMENT0,l.TEXTURE_2D,p,0),D(X,n).push(p),D(j,n).push(m)}return k(G,n,l.createBuffer()),l.bindBuffer(l.ARRAY_BUFFER,D(G,n)),l.bufferData(l.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,1,1,-1,1]),l.STATIC_DRAW),U(ie,n,pe).call(n),U(ie,n,me).call(n),U(ie,n,ve).call(n),U(ie,n,se).call(n),l.clearColor(0,0,0,0),l.blendFunc(l.SRC_ALPHA,l.ONE_MINUS_SRC_ALPHA),k(z,n,!0),k(H,n,!0),k(Y,n,!0),U(ie,n,ae).call(n),k(q,n,requestAnimationFrame((function(){return U(ie,n,le).call(n)}))),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&P(e,t)}(t,e),r=t,n=[{key:"accelerating",set:function(e){e>100||e<2||k(M,this,e)}},{key:"resolution",set:function(e){e<100||e>550||k(C,this,e)}},{key:"perturbance",set:function(e){e<1e-4||e>1||k(L,this,e)}},{key:"playingState",set:function(e){k(H,this,!1!==e)}},{key:"initialized",get:function(){return D(Y,this)}},{key:"raindropsTimeInterval",set:function(e){e<10||e>12e3||k(re,this,e)}},{key:"raindropsFall",value:function(){var e=window.getComputedStyle(D(I,this)),t=function(e){return function(e=1,t=0){let r=Math.ceil(Number(t)),n=Math.floor(Number(e));return r>n&&([n,r]=[r,n]),Math.floor(Math.random()*(n-r+1)+r)}(parseInt(e))},r=e.width,n=e.height;this.drop(t(r),t(n),1.5*this.dropRadius,.14)}},{key:"drop",value:function(e,t,r,n){var i=this.gl,o=D(I,this).offsetWidth,a=D(I,this).offsetHeight,s=Math.max(o,a);r/=s;var u=new Float32Array([(2*e-o)/s,(a-2*t)/s]);i.viewport(0,0,D(C,this),D(C,this)),i.bindFramebuffer(i.FRAMEBUFFER,D(j,this)[D(B,this)]),Reflect.apply(l,this,[D(X,this)[D(N,this)]]),i.useProgram(D(Q,this).id),i.uniform2fv(D(Q,this).locations.center,u),i.uniform1f(D(Q,this).locations.radius,r),i.uniform1f(D(Q,this).locations.strength,n),U(ie,this,ue).call(this),U(ie,this,he).call(this)}},{key:"updateSize",value:function(){var e=D(I,this).offsetWidth,t=D(I,this).offsetHeight;e==this.canvas.width&&t==this.canvas.height||(this.canvas.width=e,this.canvas.height=t)}},{key:"destroy",value:function(){var e=this,t=D(I,this);t&&(Object.keys(D(ne,this)).forEach((function(r){return t.removeEventListener&&t.removeEventListener(r,D(ne,e)[r])})),t.removeAttribute&&t.removeAttribute("data-ripples")),this.styleElement&&this.styleElement.remove(),this.gl=null,this.gl&&(this.gl=null),window.removeEventListener("resize",this.updateSize),U(ie,this,Ee).call(this),D(q,this)&&window.cancelAnimationFrame(D(q,this))}},{key:"show",value:function(){k(z,this,!0),this.canvas.style.visibility="visible",U(ie,this,ge).call(this)}},{key:"hide",value:function(){k(z,this,!1),this.canvas.style.visibility="hidden",U(ie,this,Ee).call(this)}},{key:"pause",value:function(){k(H,this,!1)}},{key:"play",value:function(){k(H,this,!0)}},{key:"changePlayingState",value:function(){k(H,this,!D(H,this))}},{key:"set",value:function(e,t){"imageUrl"===e?(this.imageUrl=t,U(ie,this,se).call(this)):this[e]=t}}],n&&R(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(g);function ae(){var e=this,t=function(t){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];D(z,e)&&D(H,e)&&e.interactive&&(k(te,e,Date.now()),U(ie,e,be).call(e,t,e.dropRadius*(r?1.5:1),r?.14:.01))};D(ne,this).mousemove=function(r){for(var n=D(M,e);n--;)t(r)},D(ne,this).touchmove=D(ne,this).touchstart=function(e){for(var r=e.touches,n=0;n<r.length;n++)t(r[n])},D(ne,this).mousedown=function(e){return t(e,!0)},Object.keys(D(ne,this)).forEach((function(t){return D(I,e)&&D(I,e).addEventListener(t,D(ne,e)[t],{passive:!0})}))}function se(){var e=this,t=this.gl,r=this.imageUrl||a(D(K,this))||a(window.getComputedStyle(D(I,this)).backgroundImage);if(r!==this.imageSource)if(this.imageSource=r,this.imageSource){var n=new Image;n.onload=function(){var r=function(e){return!(e&e-1)},i=r(n.width)&&r(n.height)?t.REPEAT:t.CLAMP_TO_EDGE;t.bindTexture(t.TEXTURE_2D,D(V,e)),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,i),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,n),k(Z,e,n.width),k($,e,n.height),U(ie,e,ge).call(e)},n.onerror=function(){return U(ie,e,ve).call(e)},n.crossOrigin=this.imageSource.match(/^data:/)?null:this.crossOrigin,n.src=this.imageSource}else U(ie,this,ve).call(this)}function le(){var e=this;D(z,this)&&(U(ie,this,de).call(this),D(H,this)&&U(ie,this,fe).call(this),U(ie,this,ce).call(this),k(q,this,requestAnimationFrame((function(){return U(ie,e,le).call(e)}))))}function ue(){var e=this.gl;e.bindBuffer(e.ARRAY_BUFFER,D(G,this)),e.vertexAttribPointer(0,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLE_FAN,0,4)}function ce(){var e=this.gl;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(this.renderProgram.id),Reflect.apply(l,this,[D(V,this),0]),Reflect.apply(l,this,[D(X,this)[0],1]),e.uniform1f(this.renderProgram.locations.perturbance,D(L,this)),e.uniform2fv(this.renderProgram.locations.topLeft,this.renderProgram.uniforms.topLeft),e.uniform2fv(this.renderProgram.locations.bottomRight,this.renderProgram.uniforms.bottomRight),e.uniform2fv(this.renderProgram.locations.containerRatio,this.renderProgram.uniforms.containerRatio),e.uniform1i(this.renderProgram.locations.samplerBackground,0),e.uniform1i(this.renderProgram.locations.samplerRipples,1),U(ie,this,ue).call(this),e.disable(e.BLEND)}function fe(){if(this.idleFluctuations){var e=Date.now();e-D(te,this)>D(re,this)&&(k(te,this,e),this.raindropsFall())}var t=this.gl;t.viewport(0,0,D(C,this),D(C,this)),t.bindFramebuffer(t.FRAMEBUFFER,D(j,this)[D(B,this)]),Reflect.apply(l,this,[D(X,this)[D(N,this)]]),t.useProgram(D(J,this).id),U(ie,this,ue).call(this),U(ie,this,he).call(this)}function he(){k(B,this,1-D(B,this)),k(N,this,1-D(N,this))}function de(){var e,t,r,n=window.getComputedStyle(D(I,this)).backgroundSize,i=window.getComputedStyle(D(I,this)).backgroundAttachment,o=(e=window.getComputedStyle(D(I,this)).backgroundPosition,/\s+/.test(e)?e.replace(/center/,"50%").replace(/top|left/,"0%").replace(/bottom/,"100%").replace(/\s+/," ").split(" "):u(e)?[e,"50%"]:{center:["50%","50%"],top:["50%","0%"],bottom:["50%","100%"],left:["0%","50%"],right:["100%","50%"]}[e]),a="fixed"==i?{left:window.scrollX,top:window.scrollY,width:window.innerWidth,height:window.innerHeight}:{left:D(I,this).getBoundingClientRect().left,top:D(I,this).getBoundingClientRect().top,width:D(I,this).scrollWidth,height:D(I,this).scrollHeight};if("cover"==n){var s=Math.max(a.width/D(Z,this),a.height/D($,this));t=D(Z,this)*s,r=D($,this)*s}else if("contain"==n){var l=Math.min(a.width/D(Z,this),a.height/D($,this));t=D(Z,this)*l,r=D($,this)*l}else{var c=n.split(" ");t=c[0]||"",r=c[1]||t,u(t)?t=a.width*parseFloat(t)/100:"auto"!==t&&(t=parseFloat(t)),u(r)?r=a.height*parseFloat(r)/100:"auto"!==r&&(r=parseFloat(r)),"auto"==t&&"auto"==r?(t=D(Z,this),r=D($,this)):("auto"==t&&(t=D(Z,this)*(Number(r)/D($,this))),"auto"==r&&(r=D($,this)*(Number(t)/D(Z,this))))}var f=o&&o[0]||"0%",h=o&&o[1]||"0%";f=u(f)?(a.left+(a.width-Number(t))*parseFloat(f)/100).toString():(a.left+parseFloat(f)).toString(),h=u(h)?(a.top+(a.height-Number(r))*parseFloat(h)/100).toString():(a.top+parseFloat(h)).toString(),this.renderProgram.uniforms.topLeft=new Float32Array([(D(I,this).offsetLeft-Number(f))/Number(t),(D(I,this).offsetTop-Number(h))/Number(r)]),this.renderProgram.uniforms.bottomRight=new Float32Array([this.renderProgram.uniforms.topLeft[0]+D(I,this).clientWidth/Number(t),this.renderProgram.uniforms.topLeft[1]+D(I,this).clientHeight/Number(r)]);var d=Math.max(this.canvas.width,this.canvas.height);this.renderProgram.uniforms.containerRatio=new Float32Array([this.canvas.width/d,this.canvas.height/d])}function pe(){var e=this.gl,t="\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      }";k(Q,this,s(t,"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)),k(J,this,s(t,"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(D(J,this).locations.delta,D(W,this)),this.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        }",e),e.uniform2fv(this.renderProgram.locations.delta,D(W,this))}function me(){var e=this.gl;k(V,this,e.createTexture()),e.bindTexture(e.TEXTURE_2D,D(V,this)),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 ve(){var e=this.gl;e.bindTexture(e.TEXTURE_2D,D(V,this)),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.transparentPixels)}function ge(){var e=D(I,this).style.backgroundImage;"none"!=e&&(k(ee,this,e),k(K,this,window.getComputedStyle(D(I,this)).backgroundImage),D(I,this).style.backgroundImage="none")}function Ee(){D(I,this).style.backgroundImage=D(ee,this)||""}function be(e,t,r){var n=window.getComputedStyle(D(I,this)),i=parseInt(n.borderLeftWidth)||0,o=parseInt(n.borderTopWidth)||0,a=D(I,this).getBoundingClientRect(),s=e.clientX-a.left-i,l=e.clientY-a.top-o;this.drop(s,l,t,r)}function ye(e,t){var r=(0,i.useRef)(null);return(0,i.useEffect)((function(){return r.current=new oe(e.current,t&&t.option),function(){return r.current&&r.current.destroy()||void 0}}),[]),r}module.exports["oops-ui"]=n})();
+(()=>{"use strict";var e={953:e=>{e.exports=require("react")}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.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})};var n={};r.r(n),r.d(n,{useRipples:()=>ee});var i=r(953);const o=require("a-element-inline-style");function a(e,t,r,n){function i(e,t){var n=r.createShader(e);if(r.shaderSource(n,t),r.compileShader(n),!r.getShaderParameter(n,r.COMPILE_STATUS))throw new Error("compile error: "+r.getShaderInfoLog(n));return n}var o,a={id:r.createProgram(),uniforms:{},locations:{}};if(r.attachShader(a.id,i(r.VERTEX_SHADER,e)),r.attachShader(a.id,i(r.FRAGMENT_SHADER,t)),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 l=e+t,s=/uniform (\w+) (\w+)/g;null!==(o=s.exec(l));){var u=o[2];a.locations[u]=r.getUniformLocation(a.id,u)}return a}function l(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(){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(),l=r.createFramebuffer();r.bindFramebuffer(r.FRAMEBUFFER,l),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 s=null,u=0;u<i.length;u++)if(r.texImage2D(r.TEXTURE_2D,0,r.RGBA,32,32,0,r.RGBA,i[u].type,null),r.framebufferTexture2D(r.FRAMEBUFFER,r.COLOR_ATTACHMENT0,r.TEXTURE_2D,a,0),r.checkFramebufferStatus(r.FRAMEBUFFER)===r.FRAMEBUFFER_COMPLETE){s=i[u];break}return s}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(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 f(e,t,r){return t&&c(e.prototype,t),r&&c(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function p(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){if("object"!=u(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}var d="lmssee_ripper_element_style",m=f((function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),p(this,"styleElement",document.createElement("style")),p(this,"canvas",void 0),p(this,"gl",void 0),p(this,"config",void 0),p(this,"transparentPixels",function(){try{return new ImageData(32,32)}catch(e){return console.log(e&&""),document.createElement("canvas").getContext("2d").createImageData(32,32)}}()),p(this,"initState",!0),this.canvas=t;var r=t.getContext("webgl");if(null===r)return this.initState=!1,void(this.config=null);if(this.gl=r,null===document.querySelector("style#".concat(d))){var n=this.styleElement;n.id=d,n.innerHTML="\n      .lmssee-ripples { \n        position: relative; \n        z-index: 0; \n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        transform: translate(0,0);\n      }\n      ";var i=document.head;i.prepend?i.prepend(n):i.insertBefore(n,i.firstChild)}this.config=Reflect.apply(s,this,[])})),g={imageUrl:"",resolution:256,dropRadius:10,perturbance:.03,interactive:!0,crossOrigin:"",playingState:!0,accelerating:1,raindropsTimeInterval:3600,idleFluctuations:!0};function v(e){return v="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},v(e)}function y(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,R(n.key),n)}}function b(e,t,r){return t&&y(e.prototype,t),r&&y(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function E(e,t,r){return(t=R(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function R(e){var t=function(e){if("object"!=v(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}Object.freeze(g);var T=b((function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),E(this,"visible",!1),E(this,"running",!1),E(this,"perturbance",void 0),E(this,"resolution",void 0),E(this,"raindropsTimeInterval",void 0),E(this,"animationFrameId",0),E(this,"quad",null),E(this,"lastRaindropsFallTime",0),E(this,"parentElement",null),E(this,"backgroundInfo",{width:0,height:0}),E(this,"dropProgram",null),E(this,"updateProgram",null),E(this,"textures",[]),E(this,"backgroundTexture",[]),E(this,"textureDelta",null),E(this,"framebuffers",[]),E(this,"bufferWriteIndex",0),E(this,"bufferReadIndex",1),E(this,"originalInlineCss",""),E(this,"originalCssBackgroundImage",""),E(this,"events",{}),E(this,"accelerating",void 0),this.perturbance=t.perturbance,this.resolution=t.resolution,this.raindropsTimeInterval=t.raindropsTimeInterval,this.accelerating=t.accelerating})),x={};function _(){var e=this.gl,t=x[this.sole];e.bindBuffer(e.ARRAY_BUFFER,t.quad),e.vertexAttribPointer(0,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLE_FAN,0,4)}function w(){var e=x[this.sole],t=e.bufferWriteIndex,r=e.bufferReadIndex;e.bufferWriteIndex=1-t,e.bufferReadIndex=1-r}function P(){var e=(x[this.sole]||{}).parentElement;if(e){var t=e.style.backgroundImage;if("none"!=t){var r=x[this.sole];r.originalInlineCss=t,r.originalCssBackgroundImage=window.getComputedStyle(e).backgroundImage,e.style.backgroundImage="none"}}}function S(){var e=x[this.sole],t=e.parentElement,r=e.originalInlineCss;t.style.backgroundImage=r||""}function F(){var e=this,t=this.gl,r=x[this.sole],n=r.parentElement,i=r.backgroundTexture,o=r.originalCssBackgroundImage,a=this.imageUrl||O(o)||O(window.getComputedStyle(n).backgroundImage);if(a!==this.imageSource)if(this.imageSource=a,this.imageSource){var l=new Image;l.onload=function(){var n=function(e){return!(e&e-1)},o=n(l.width)&&n(l.height)?t.REPEAT:t.CLAMP_TO_EDGE;t.bindTexture(t.TEXTURE_2D,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,o),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,o),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,l),r.backgroundInfo={width:l.width,height:l.height},Reflect.apply(P,e,[])},l.onerror=function(){return Reflect.apply(A,e,[])},l.crossOrigin=this.imageSource.match(/^data:/)?null:this.crossOrigin,l.src=this.imageSource}else Reflect.apply(A,this,[])}function A(){var e=this.gl,t=x[this.sole].backgroundTexture;e.bindTexture(e.TEXTURE_2D,t),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.transparentPixels)}function O(e){var t=/url\(["']?([^"']*)["']?\)/.exec(e);return null==t?null:t[1]}function I(){var e,t,r,n=x[this.sole],i=n.parentElement,o=window.getComputedStyle(i).backgroundSize,a=window.getComputedStyle(i).backgroundAttachment,l=(e=window.getComputedStyle(i).backgroundPosition,/\s+/.test(e)?e.replace(/center/,"50%").replace(/top|left/,"0%").replace(/bottom/,"100%").replace(/\s+/," ").split(" "):D(e)?[e,"50%"]:{center:["50%","50%"],top:["50%","0%"],bottom:["50%","100%"],left:["0%","50%"],right:["100%","50%"]}[e]),s={left:0,top:0,width:0,height:0};if("fixed"==a)s.height=window.innerHeight,s.left=window.screenX,s.top=window.screenY,s.width=window.innerWidth;else{var u=i.getBoundingClientRect();s.left=u.left,s.top=u.top,s.width=i.scrollWidth,s.height=i.scrollHeight}var c=n.backgroundInfo||{width:100,height:100},f=c.width,p=c.height;if("cover"==o){var h=Math.max(s.width/f,s.height/p);t=f*h,r=p*h}else if("contain"==o){var d=Math.min(s.width/f,s.height/p);t=f*d,r=p*d}else{var m=o.split(" ");t=m[0]||"",r=m[1]||t,D(t)?t=s.width*parseFloat(t)/100:"auto"!==t&&(t=parseFloat(t)),D(r)?r=s.height*parseFloat(r)/100:"auto"!==r&&(r=parseFloat(r)),"auto"==t&&"auto"==r?(t=f,r=p):("auto"==t&&(t=f*(Number(r)/p)),"auto"==r&&(r=p*(Number(t)/f)))}var g=l&&l[0]||"0%",v=l&&l[1]||"0%";g=D(g)?(s.left+(s.width-Number(t))*parseFloat(g)/100).toString():(s.left+parseFloat(g)).toString(),v=D(v)?(s.top+(s.height-Number(r))*parseFloat(v)/100).toString():(s.top+parseFloat(v)).toString(),this.renderProgram.uniforms.topLeft=new Float32Array([(i.offsetLeft-Number(g))/t,(i.offsetTop-Number(v))/r]),this.renderProgram.uniforms.bottomRight=new Float32Array([this.renderProgram.uniforms.topLeft[0]+i.clientWidth/t,this.renderProgram.uniforms.topLeft[1]+i.clientHeight/r]);var y=Math.max(this.canvas.width,this.canvas.height);this.renderProgram.uniforms.containerRatio=new Float32Array([this.canvas.width/y,this.canvas.height/y])}function D(e){return e.endsWith("%")}function U(){var e=this.gl,t=x[this.sole],r=t.perturbance,n=t.textures,i=t.backgroundTexture;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(this.renderProgram.id),Reflect.apply(l,this,[i,0]),Reflect.apply(l,this,[n[0],1]),e.uniform1f(this.renderProgram.locations.perturbance,r),e.uniform2fv(this.renderProgram.locations.topLeft,this.renderProgram.uniforms.topLeft),e.uniform2fv(this.renderProgram.locations.bottomRight,this.renderProgram.uniforms.bottomRight),e.uniform2fv(this.renderProgram.locations.containerRatio,this.renderProgram.uniforms.containerRatio),e.uniform1i(this.renderProgram.locations.samplerBackground,0),e.uniform1i(this.renderProgram.locations.samplerRipples,1),Reflect.apply(_,this,[]),e.disable(e.BLEND)}function k(){var e=this.gl,t=x[this.sole],r=t.resolution,n=t.updateProgram,i=t.textures,o=t.framebuffers,a=t.bufferWriteIndex,s=t.bufferReadIndex;e.viewport(0,0,r,r),e.bindFramebuffer(e.FRAMEBUFFER,o[a]),Reflect.apply(l,this,[i[s]]),e.useProgram(n.id),Reflect.apply(_,this,[]),Reflect.apply(w,this,[])}function C(){var e=this,t=x[this.sole],r=t.visible,n=t.raindropsTimeInterval,i=t.running,o=t.lastRaindropsFallTime;if(r){if(Reflect.apply(I,this,[]),this.idleFluctuations&&i){var a=Date.now();a-o>n&&(t.lastRaindropsFallTime=a,this.raindropsFall())}Reflect.apply(k,this,[]),Reflect.apply(U,this,[]),t.animationFrameId=requestAnimationFrame((function(){return Reflect.apply(C,e,[])}))}}function L(e,t,r){var n=x[this.sole].parentElement,i=window.getComputedStyle(n),o=parseInt(i.borderLeftWidth)||0,a=parseInt(i.borderTopWidth)||0,l=n.getBoundingClientRect(),s=e.clientX-l.left-o,u=e.clientY-l.top-a;this.drop(s,u,t,r)}function j(){var e=this,t=x[this.sole],r=t.visible,n=t.running,i=t.accelerating,o=t.parentElement,a=t.events,l=function(i){var o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];r&&n&&e.interactive&&(t.lastRaindropsFallTime=Date.now(),Reflect.apply(L,e,[i,e.dropRadius*(o?1.5:1),o?.14:.01]))};a.mousemove=function(e){for(var t=i;t--;)l(e)},a.touchmove=a.touchstart=function(e){for(var t=e.touches,r=0;r<t.length;r++)l(t[r])},a.mousedown=function(e){return l(e,!0)},Object.keys(a).forEach((function(e){return o&&o.addEventListener(e,a[e],{passive:!0})}))}var B="\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 X(){var e=this.gl,t=x[this.sole],r=t.textureDelta;t.dropProgram=a(B,"precision highp float;\n\n      const float PI = 3.141592653589793;\n      uniform sampler2D texture;\n      uniform vec2 center;\n      uniform float radius;\n      uniform float strength;\n\n      varying vec2 coord;\n\n      void main() {\n        vec4 info = texture2D(texture, coord);\n\n        float drop = max(0.0, 1.0 - length(center * 0.5 + 0.5 - coord) / radius);\n        drop = 0.5 - cos(drop * PI) * 0.5;\n        info.r += drop * strength;\n        gl_FragColor = info;\n      }",e);var n=t.updateProgram=a(B,"\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),this.renderProgram=a("\n        precision highp float;\n\n        attribute vec2 vertex;\n        uniform vec2 topLeft;\n        uniform vec2 bottomRight;\n        uniform vec2 containerRatio;\n        varying vec2 ripplesCoord;\n        varying vec2 backgroundCoord;\n        void main() {\n          backgroundCoord = mix(topLeft, bottomRight, vertex * 0.5 + 0.5);\n          backgroundCoord.y = 1.0 - backgroundCoord.y;\n          ripplesCoord = vec2(vertex.x, -vertex.y) * containerRatio * 0.5 + 0.5;\n          gl_Position = vec4(vertex.x, -vertex.y, 0.0, 1.0);\n        }\n      ","\n        precision highp float;\n\n        uniform sampler2D samplerBackground;\n        uniform sampler2D samplerRipples;\n        uniform vec2 delta;\n\n        uniform float perturbance;\n        varying vec2 ripplesCoord;\n        varying vec2 backgroundCoord;\n\n        void main() {\n          float height = texture2D(samplerRipples, ripplesCoord).r;\n          float heightX = texture2D(samplerRipples, vec2(ripplesCoord.x + delta.x, ripplesCoord.y)).r;\n          float heightY = texture2D(samplerRipples, vec2(ripplesCoord.x, ripplesCoord.y + delta.y)).r;\n          vec3 dx = vec3(delta.x, heightX - height, 0.0);\n          vec3 dy = vec3(0.0, heightY - height, delta.y);\n          vec2 offset = -normalize(cross(dy, dx)).xz;\n          float specular = pow(max(0.0, dot(offset, normalize(vec2(-0.6, 1.0)))), 4.0);\n          gl_FragColor = texture2D(samplerBackground, backgroundCoord + offset * perturbance) + specular;\n        }",e),e.uniform2fv(this.renderProgram.locations.delta,r)}function M(){var e=this.gl,t=x[this.sole].backgroundTexture=e.createTexture();e.bindTexture(e.TEXTURE_2D,t),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 N(){var e=this;if(this.config){var t=x[this.sole],r=t.resolution,n=t.textures,i=t.framebuffers,o=this.gl,a=1/r;t.textureDelta=new Float32Array([a,a]),this.config.extensions.forEach((function(e){return o.getExtension(e)})),this.updateSize=this.updateSize.bind(this),window.addEventListener("resize",this.updateSize);for(var l=this.config.arrayType,s=l?new l(r*r*4):null,u=this.config,c=0;c<2;c++){var f=o.createTexture(),p=o.createFramebuffer();o.bindFramebuffer(o.FRAMEBUFFER,p),o.bindTexture(o.TEXTURE_2D,f),o.texParameteri(o.TEXTURE_2D,o.TEXTURE_MIN_FILTER,u.linearSupport?o.LINEAR:o.NEAREST),o.texParameteri(o.TEXTURE_2D,o.TEXTURE_MAG_FILTER,u.linearSupport?o.LINEAR:o.NEAREST),o.texParameteri(o.TEXTURE_2D,o.TEXTURE_WRAP_S,o.CLAMP_TO_EDGE),o.texParameteri(o.TEXTURE_2D,o.TEXTURE_WRAP_T,o.CLAMP_TO_EDGE),o.texImage2D(o.TEXTURE_2D,0,o.RGBA,r,r,0,o.RGBA,u.type,s),o.framebufferTexture2D(o.FRAMEBUFFER,o.COLOR_ATTACHMENT0,o.TEXTURE_2D,f,0),n.push(f),i.push(p)}t.quad=o.createBuffer(),o.bindBuffer(o.ARRAY_BUFFER,t.quad),o.bufferData(o.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,1,1,-1,1]),o.STATIC_DRAW),Reflect.apply(X,this,[]),Reflect.apply(M,this,[]),Reflect.apply(A,this,[]),Reflect.apply(F,this,[]),o.clearColor(0,0,0,0),o.blendFunc(o.SRC_ALPHA,o.ONE_MINUS_SRC_ALPHA),t.visible=!0,t.running=!0,Reflect.apply(j,this,[]),t.animationFrameId=requestAnimationFrame((function(){return Reflect.apply(C,e,[])}))}}function W(e){return W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},W(e)}function G(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 z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?G(Object(r),!0).forEach((function(t){J(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function H(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,Q(n.key),n)}}function Y(e,t){if(t&&("object"==W(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)}function q(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(q=function(){return!!e})()}function K(e){return K=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},K(e)}function V(e,t){return V=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},V(e,t)}function J(e,t,r){return(t=Q(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Q(e){var t=function(e){if("object"!=W(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=W(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==W(t)?t:t+""}var Z=new WeakMap,$=function(e){function t(e,r){var n,i,a,l;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),i=this,l=[e],a=K(a=t),J(n=Y(i,q()?Reflect.construct(a,l||[],K(i).constructor):a.apply(i,l)),"sole",Symbol("ripple")),J(n,"defaults",g),J(n,"interactive",n.defaults.interactive),J(n,"dropRadius",void 0),J(n,"crossOrigin",""),J(n,"imageUrl",void 0),J(n,"idleFluctuations",!0),function(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)}(n,Z,!1),J(n,"imageSource",""),J(n,"renderProgram",void 0),console.log("初始化参数",r),x[n.sole]=new T(g),Object.defineProperties(n,{defaults:{value:n.defaults,writable:!1,enumerable:!1,configurable:!1}}),r&&"boolean"!=typeof r.interactive&&delete r.interactive;var s=z(z({},n.defaults),r);return n.accelerating=s.accelerating,n.dropRadius=s.dropRadius,n.resolution=s.resolution,n.interactive=s.interactive,n.perturbance=s.perturbance,n.crossOrigin=s.crossOrigin,n.imageUrl=s.imageUrl,n.idleFluctuations=s.idleFluctuations,n.playingState=s.playingState,n.raindropsTimeInterval=s.raindropsTimeInterval,!1===n.initState||null===e.parentElement||null===n.config||null===n.gl?(n.initState=!1,Y(n)):(x[n.sole].parentElement=e.parentElement,function(e){var t=e.parentElement;e.width=t.clientWidth,e.height=t.clientHeight,(0,o.setStyle)(e,{position:"absolute",left:0,top:0,right:0,bottom:0,zIndex:-1,pointerEvents:"none"})}(e),Reflect.apply(N,n,[]),n)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&V(e,t)}(t,e),r=t,n=[{key:"accelerating",set:function(e){e>100||e<2||(x[this.sole].accelerating=e)}},{key:"resolution",set:function(e){e<100||e>550||(x[this.sole].resolution=e)}},{key:"perturbance",set:function(e){e<1e-4||e>1||(x[this.sole].perturbance=e)}},{key:"playingState",set:function(e){x[this.sole].running=!1!==e}},{key:"initialized",get:function(){return t=this,(e=Z).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 e,t}},{key:"raindropsTimeInterval",set:function(e){e<10||e>12e3||(x[this.sole].raindropsTimeInterval=e)}},{key:"raindropsFall",value:function(){var e=x[this.sole].parentElement,t=window.getComputedStyle(e),r=function(e){return function(e=1,t=0){let r=Math.ceil(Number(t)),n=Math.floor(Number(e));return r>n&&([n,r]=[r,n]),Math.floor(Math.random()*(n-r+1)+r)}(parseInt(e))},n=t.width,i=t.height;this.drop(r(n),r(i),this.dropRadius,.03)}},{key:"drop",value:function(e,t,r,n){var i=this.gl,o=x[this.sole],a=o.resolution,s=o.parentElement,u=o.dropProgram,c=o.textures,f=o.framebuffers,p=o.bufferWriteIndex,h=o.bufferReadIndex,d=s.offsetWidth,m=s.offsetHeight,g=Math.max(d,m);r/=g;var v=new Float32Array([(2*e-d)/g,(m-2*t)/g]);i.viewport(0,0,a,a),i.bindFramebuffer(i.FRAMEBUFFER,f[p]),Reflect.apply(l,this,[c[h]]),i.useProgram(u.id),i.uniform2fv(u.locations.center,v),i.uniform1f(u.locations.radius,r),i.uniform1f(u.locations.strength,n),Reflect.apply(_,this,[]),Reflect.apply(w,this,[])}},{key:"updateSize",value:function(){var e=x[this.sole].parentElement,t=e.offsetWidth,r=e.offsetHeight;t==this.canvas.width&&r==this.canvas.height||(this.canvas.width=t,this.canvas.height=r)}},{key:"destroy",value:function(){x[this.sole].animationFrameId&&window.cancelAnimationFrame(x[this.sole].animationFrameId);var e=x[this.sole],t=e.parentElement,r=e.events;t&&(Object.keys(r).forEach((function(e){return t.removeEventListener&&t.removeEventListener(e,r[e])})),t.removeAttribute&&t.removeAttribute("data-ripples")),this.styleElement&&this.styleElement.remove(),this.gl=null,Reflect.apply(S,this,[]);var n=x[this.sole];Object.keys(n).forEach((function(e){return n[e]=null})),x[this.sole]=null,this.gl&&(this.gl=null),window.removeEventListener("resize",this.updateSize)}},{key:"show",value:function(){x[this.sole].visible=!0,this.canvas.style.visibility="visible",Reflect.apply(P,this,[])}},{key:"hide",value:function(){x[this.sole].visible=!1,this.canvas.style.visibility="hidden",Reflect.apply(S,this,[])}},{key:"pause",value:function(){this.playingState=!1}},{key:"play",value:function(){this.playingState=!0}},{key:"changePlayingState",value:function(){this.playingState=!x[this.sole].running}},{key:"set",value:function(e,t){"imageUrl"===e?(this.imageUrl=t,Reflect.apply(F,this,[])):this[e]=t}}],n&&H(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(m);function ee(e,t){var r=(0,i.useRef)(null);return(0,i.useEffect)((function(){var n=e.current;return r.current=new $(n,t&&t.option),function(){return r.current&&r.current.destroy()||void 0}}),[]),r}module.exports["oops-ui"]=n})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oops-ui",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -64,12 +64,8 @@
       "require": "./dist/useInputIsComposing/index.cjs",
       "import": "./dist/useInputIsComposing/index.mjs"
     },
-    "./oopsScss": {
-      "style": "./css/common.scss"
-    },
-    "./oopsCss": {
-      "style": "./dist/styles/common.css"
-    }
+    "./scss": "./css/common.scss",
+    "./css": "./dist/styles/common.css"
   },
   "publishConfig": {
     "access": "public",

package/dist/BackgroundRipple/index.mjs

@@ -1 +0,0 @@
-import*as e from"a-element-inline-style";import*as t from"react";var r={566:(t,r,n)=>{n.d(r,{n:()=>Re});var i=n(649);const o=(a={setStyle:()=>e.setStyle},s={},n.d(s,a),s);var a,s;function l(e){var t=/url\(["']?([^"']*)["']?\)/.exec(e);return null==t?null:t[1]}function u(e,t,r,n){function i(e,t){var n=r.createShader(e);if(r.shaderSource(n,t),r.compileShader(n),!r.getShaderParameter(n,r.COMPILE_STATUS))throw new Error("compile error: "+r.getShaderInfoLog(n));return n}var o,a={id:r.createProgram(),uniforms:{},locations:{}};if(r.attachShader(a.id,i(r.VERTEX_SHADER,e)),r.attachShader(a.id,i(r.FRAGMENT_SHADER,t)),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 s=e+t,l=/uniform (\w+) (\w+)/g;null!==(o=l.exec(s));){var u=o[2];a.locations[u]=r.getUniformLocation(a.id,u)}return a}function c(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 f(e){return e.endsWith("%")}function h(){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 l=null,u=0;u<i.length;u++)if(r.texImage2D(r.TEXTURE_2D,0,r.RGBA,32,32,0,r.RGBA,i[u].type,null),r.framebufferTexture2D(r.FRAMEBUFFER,r.COLOR_ATTACHMENT0,r.TEXTURE_2D,a,0),r.checkFramebufferStatus(r.FRAMEBUFFER)===r.FRAMEBUFFER_COMPLETE){l=i[u];break}return l}function d(e){return d="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},d(e)}function p(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,g(n.key),n)}}function m(e,t,r){return t&&p(e.prototype,t),r&&p(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function v(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){if("object"!=d(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==d(t)?t:t+""}var E="lmssee_ripper_element_style",y=m((function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),v(this,"styleElement",document.createElement("style")),v(this,"canvas",void 0),v(this,"gl",void 0),v(this,"config",void 0),v(this,"transparentPixels",function(){try{return new ImageData(32,32)}catch(e){return console.log(e&&""),document.createElement("canvas").getContext("2d").createImageData(32,32)}}()),v(this,"initState",!0),this.canvas=t;var r=t.getContext("webgl");if(null===r)return this.initState=!1,void(this.config=null);if(this.gl=r,null===document.querySelector("style#".concat(E))){var n=this.styleElement;n.id=E,n.innerHTML="\n      .lmssee-ripples { \n        position: relative; \n        z-index: 0; \n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        transform: translate(0,0);\n      }\n      ";var i=document.head;i.prepend?i.prepend(n):i.insertBefore(n,i.firstChild)}this.config=Reflect.apply(h,this,[])})),b={imageUrl:"",resolution:360,dropRadius:10,perturbance:.03,interactive:!0,crossOrigin:"",playingState:!0,accelerating:3,raindropsTimeInterval:660,idleFluctuations:!0};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 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 w(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){k(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 _(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,D(n.key),n)}}function x(e,t){if(t&&("object"==T(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)}function P(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(P=function(){return!!e})()}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},S(e)}function F(e,t){return F=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},F(e,t)}function A(e,t,r){O(e,t),t.set(e,r)}function O(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function k(e,t,r){return(t=D(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function D(e){var t=function(e){if("object"!=T(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=T(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==T(t)?t:t+""}function U(e,t){return e.get(C(e,t))}function M(e,t,r){return e.set(C(e,t),r),r}function C(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")}Object.freeze(b);var L=new WeakMap,I=new WeakMap,B=new WeakMap,W=new WeakMap,X=new WeakMap,j=new WeakMap,N=new WeakMap,G=new WeakMap,z=new WeakMap,H=new WeakMap,Y=new WeakMap,q=new WeakMap,K=new WeakMap,V=new WeakMap,J=new WeakMap,Q=new WeakMap,Z=new WeakMap,$=new WeakMap,ee=new WeakMap,te=new WeakMap,re=new WeakMap,ne=new WeakMap,ie=new WeakMap,oe=new WeakMap,ae=new WeakSet,se=function(e){function t(e,r){var n,i,a;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),n=function(e,t,r){return t=S(t),x(e,P()?Reflect.construct(t,r||[],S(e).constructor):t.apply(e,r))}(this,t,[e]),O(i=n,a=ae),a.add(i),k(n,"defaults",b),k(n,"interactive",n.defaults.interactive),A(n,L,n.defaults.accelerating),A(n,I,n.defaults.resolution),A(n,B,n.defaults.perturbance),k(n,"dropRadius",void 0),k(n,"crossOrigin",""),k(n,"imageUrl",void 0),k(n,"idleFluctuations",!0),A(n,W,void 0),A(n,X,void 0),A(n,j,[]),A(n,N,[]),A(n,G,0),A(n,z,1),A(n,H,void 0),A(n,Y,!1),A(n,q,!1),A(n,K,!1),A(n,V,0),A(n,J,""),k(n,"imageSource",""),k(n,"renderProgram",void 0),A(n,Q,void 0),A(n,Z,void 0),A(n,$,void 0),A(n,ee,void 0),A(n,te,void 0),A(n,re,void 0),A(n,ne,Date.now()),A(n,ie,n.defaults.raindropsTimeInterval),A(n,oe,{mousemove:function(e){return console.log(e)},mousedown:function(e){return console.log(e)},touchmove:function(e){return console.log(e)},touchstart:function(e){return console.log(e)}}),Object.defineProperties(n,{defaults:{value:n.defaults,writable:!1,enumerable:!1,configurable:!1}}),r&&"boolean"!=typeof r.interactive&&delete r.interactive;var s=w(w({},n.defaults),r);if(n.interactive=s.interactive,n.resolution=s.resolution,n.perturbance=s.perturbance,n.dropRadius=s.dropRadius,n.crossOrigin=s.crossOrigin,n.imageUrl=s.imageUrl,n.idleFluctuations=s.idleFluctuations,!1===n.initState||null===e.parentElement||null===n.config||null===n.gl)return n.initState=!1,x(n);var l=n.gl,u=1/U(I,n);M(X,n,new Float32Array([u,u])),M(W,n,e.parentElement),function(e){var t=e.parentElement;e.width=t.clientWidth,e.height=t.clientHeight,(0,o.setStyle)(e,{position:"absolute",left:0,top:0,right:0,bottom:0,pointerEvents:"none"})}(e),n.config.extensions.forEach((function(e){return l.getExtension(e)})),n.updateSize=n.updateSize.bind(n),window.addEventListener("resize",n.updateSize);for(var c=n.config.arrayType,f=c?new c(U(I,n)*U(I,n)*4):null,h=n.config,d=0;d<2;d++){var p=l.createTexture(),m=l.createFramebuffer();l.bindFramebuffer(l.FRAMEBUFFER,m),l.bindTexture(l.TEXTURE_2D,p),l.texParameteri(l.TEXTURE_2D,l.TEXTURE_MIN_FILTER,h.linearSupport?l.LINEAR:l.NEAREST),l.texParameteri(l.TEXTURE_2D,l.TEXTURE_MAG_FILTER,h.linearSupport?l.LINEAR:l.NEAREST),l.texParameteri(l.TEXTURE_2D,l.TEXTURE_WRAP_S,l.CLAMP_TO_EDGE),l.texParameteri(l.TEXTURE_2D,l.TEXTURE_WRAP_T,l.CLAMP_TO_EDGE),l.texImage2D(l.TEXTURE_2D,0,l.RGBA,U(I,n),U(I,n),0,l.RGBA,h.type,f),l.framebufferTexture2D(l.FRAMEBUFFER,l.COLOR_ATTACHMENT0,l.TEXTURE_2D,p,0),U(j,n).push(p),U(N,n).push(m)}return M(H,n,l.createBuffer()),l.bindBuffer(l.ARRAY_BUFFER,U(H,n)),l.bufferData(l.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,1,1,-1,1]),l.STATIC_DRAW),C(ae,n,ve).call(n),C(ae,n,ge).call(n),C(ae,n,Ee).call(n),C(ae,n,ue).call(n),l.clearColor(0,0,0,0),l.blendFunc(l.SRC_ALPHA,l.ONE_MINUS_SRC_ALPHA),M(Y,n,!0),M(q,n,!0),M(K,n,!0),C(ae,n,le).call(n),M(V,n,requestAnimationFrame((function(){return C(ae,n,ce).call(n)}))),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&F(e,t)}(t,e),r=t,n=[{key:"accelerating",set:function(e){e>100||e<2||M(L,this,e)}},{key:"resolution",set:function(e){e<100||e>550||M(I,this,e)}},{key:"perturbance",set:function(e){e<1e-4||e>1||M(B,this,e)}},{key:"playingState",set:function(e){M(q,this,!1!==e)}},{key:"initialized",get:function(){return U(K,this)}},{key:"raindropsTimeInterval",set:function(e){e<10||e>12e3||M(ie,this,e)}},{key:"raindropsFall",value:function(){var e=window.getComputedStyle(U(W,this)),t=function(e){return function(e=1,t=0){let r=Math.ceil(Number(t)),n=Math.floor(Number(e));return r>n&&([n,r]=[r,n]),Math.floor(Math.random()*(n-r+1)+r)}(parseInt(e))},r=e.width,n=e.height;this.drop(t(r),t(n),1.5*this.dropRadius,.14)}},{key:"drop",value:function(e,t,r,n){var i=this.gl,o=U(W,this).offsetWidth,a=U(W,this).offsetHeight,s=Math.max(o,a);r/=s;var l=new Float32Array([(2*e-o)/s,(a-2*t)/s]);i.viewport(0,0,U(I,this),U(I,this)),i.bindFramebuffer(i.FRAMEBUFFER,U(N,this)[U(G,this)]),Reflect.apply(c,this,[U(j,this)[U(z,this)]]),i.useProgram(U($,this).id),i.uniform2fv(U($,this).locations.center,l),i.uniform1f(U($,this).locations.radius,r),i.uniform1f(U($,this).locations.strength,n),C(ae,this,fe).call(this),C(ae,this,pe).call(this)}},{key:"updateSize",value:function(){var e=U(W,this).offsetWidth,t=U(W,this).offsetHeight;e==this.canvas.width&&t==this.canvas.height||(this.canvas.width=e,this.canvas.height=t)}},{key:"destroy",value:function(){var e=this,t=U(W,this);t&&(Object.keys(U(oe,this)).forEach((function(r){return t.removeEventListener&&t.removeEventListener(r,U(oe,e)[r])})),t.removeAttribute&&t.removeAttribute("data-ripples")),this.styleElement&&this.styleElement.remove(),this.gl=null,this.gl&&(this.gl=null),window.removeEventListener("resize",this.updateSize),C(ae,this,be).call(this),U(V,this)&&window.cancelAnimationFrame(U(V,this))}},{key:"show",value:function(){M(Y,this,!0),this.canvas.style.visibility="visible",C(ae,this,ye).call(this)}},{key:"hide",value:function(){M(Y,this,!1),this.canvas.style.visibility="hidden",C(ae,this,be).call(this)}},{key:"pause",value:function(){M(q,this,!1)}},{key:"play",value:function(){M(q,this,!0)}},{key:"changePlayingState",value:function(){M(q,this,!U(q,this))}},{key:"set",value:function(e,t){"imageUrl"===e?(this.imageUrl=t,C(ae,this,ue).call(this)):this[e]=t}}],n&&_(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(y);function le(){var e=this,t=function(t){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];U(Y,e)&&U(q,e)&&e.interactive&&(M(ne,e,Date.now()),C(ae,e,Te).call(e,t,e.dropRadius*(r?1.5:1),r?.14:.01))};U(oe,this).mousemove=function(r){for(var n=U(L,e);n--;)t(r)},U(oe,this).touchmove=U(oe,this).touchstart=function(e){for(var r=e.touches,n=0;n<r.length;n++)t(r[n])},U(oe,this).mousedown=function(e){return t(e,!0)},Object.keys(U(oe,this)).forEach((function(t){return U(W,e)&&U(W,e).addEventListener(t,U(oe,e)[t],{passive:!0})}))}function ue(){var e=this,t=this.gl,r=this.imageUrl||l(U(J,this))||l(window.getComputedStyle(U(W,this)).backgroundImage);if(r!==this.imageSource)if(this.imageSource=r,this.imageSource){var n=new Image;n.onload=function(){var r=function(e){return!(e&e-1)},i=r(n.width)&&r(n.height)?t.REPEAT:t.CLAMP_TO_EDGE;t.bindTexture(t.TEXTURE_2D,U(Q,e)),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,i),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,n),M(ee,e,n.width),M(te,e,n.height),C(ae,e,ye).call(e)},n.onerror=function(){return C(ae,e,Ee).call(e)},n.crossOrigin=this.imageSource.match(/^data:/)?null:this.crossOrigin,n.src=this.imageSource}else C(ae,this,Ee).call(this)}function ce(){var e=this;U(Y,this)&&(C(ae,this,me).call(this),U(q,this)&&C(ae,this,de).call(this),C(ae,this,he).call(this),M(V,this,requestAnimationFrame((function(){return C(ae,e,ce).call(e)}))))}function fe(){var e=this.gl;e.bindBuffer(e.ARRAY_BUFFER,U(H,this)),e.vertexAttribPointer(0,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLE_FAN,0,4)}function he(){var e=this.gl;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(this.renderProgram.id),Reflect.apply(c,this,[U(Q,this),0]),Reflect.apply(c,this,[U(j,this)[0],1]),e.uniform1f(this.renderProgram.locations.perturbance,U(B,this)),e.uniform2fv(this.renderProgram.locations.topLeft,this.renderProgram.uniforms.topLeft),e.uniform2fv(this.renderProgram.locations.bottomRight,this.renderProgram.uniforms.bottomRight),e.uniform2fv(this.renderProgram.locations.containerRatio,this.renderProgram.uniforms.containerRatio),e.uniform1i(this.renderProgram.locations.samplerBackground,0),e.uniform1i(this.renderProgram.locations.samplerRipples,1),C(ae,this,fe).call(this),e.disable(e.BLEND)}function de(){if(this.idleFluctuations){var e=Date.now();e-U(ne,this)>U(ie,this)&&(M(ne,this,e),this.raindropsFall())}var t=this.gl;t.viewport(0,0,U(I,this),U(I,this)),t.bindFramebuffer(t.FRAMEBUFFER,U(N,this)[U(G,this)]),Reflect.apply(c,this,[U(j,this)[U(z,this)]]),t.useProgram(U(Z,this).id),C(ae,this,fe).call(this),C(ae,this,pe).call(this)}function pe(){M(G,this,1-U(G,this)),M(z,this,1-U(z,this))}function me(){var e,t,r,n=window.getComputedStyle(U(W,this)).backgroundSize,i=window.getComputedStyle(U(W,this)).backgroundAttachment,o=(e=window.getComputedStyle(U(W,this)).backgroundPosition,/\s+/.test(e)?e.replace(/center/,"50%").replace(/top|left/,"0%").replace(/bottom/,"100%").replace(/\s+/," ").split(" "):f(e)?[e,"50%"]:{center:["50%","50%"],top:["50%","0%"],bottom:["50%","100%"],left:["0%","50%"],right:["100%","50%"]}[e]),a="fixed"==i?{left:window.scrollX,top:window.scrollY,width:window.innerWidth,height:window.innerHeight}:{left:U(W,this).getBoundingClientRect().left,top:U(W,this).getBoundingClientRect().top,width:U(W,this).scrollWidth,height:U(W,this).scrollHeight};if("cover"==n){var s=Math.max(a.width/U(ee,this),a.height/U(te,this));t=U(ee,this)*s,r=U(te,this)*s}else if("contain"==n){var l=Math.min(a.width/U(ee,this),a.height/U(te,this));t=U(ee,this)*l,r=U(te,this)*l}else{var u=n.split(" ");t=u[0]||"",r=u[1]||t,f(t)?t=a.width*parseFloat(t)/100:"auto"!==t&&(t=parseFloat(t)),f(r)?r=a.height*parseFloat(r)/100:"auto"!==r&&(r=parseFloat(r)),"auto"==t&&"auto"==r?(t=U(ee,this),r=U(te,this)):("auto"==t&&(t=U(ee,this)*(Number(r)/U(te,this))),"auto"==r&&(r=U(te,this)*(Number(t)/U(ee,this))))}var c=o&&o[0]||"0%",h=o&&o[1]||"0%";c=f(c)?(a.left+(a.width-Number(t))*parseFloat(c)/100).toString():(a.left+parseFloat(c)).toString(),h=f(h)?(a.top+(a.height-Number(r))*parseFloat(h)/100).toString():(a.top+parseFloat(h)).toString(),this.renderProgram.uniforms.topLeft=new Float32Array([(U(W,this).offsetLeft-Number(c))/Number(t),(U(W,this).offsetTop-Number(h))/Number(r)]),this.renderProgram.uniforms.bottomRight=new Float32Array([this.renderProgram.uniforms.topLeft[0]+U(W,this).clientWidth/Number(t),this.renderProgram.uniforms.topLeft[1]+U(W,this).clientHeight/Number(r)]);var d=Math.max(this.canvas.width,this.canvas.height);this.renderProgram.uniforms.containerRatio=new Float32Array([this.canvas.width/d,this.canvas.height/d])}function ve(){var e=this.gl,t="\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      }";M($,this,u(t,"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)),M(Z,this,u(t,"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(U(Z,this).locations.delta,U(X,this)),this.renderProgram=u("\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(this.renderProgram.locations.delta,U(X,this))}function ge(){var e=this.gl;M(Q,this,e.createTexture()),e.bindTexture(e.TEXTURE_2D,U(Q,this)),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 Ee(){var e=this.gl;e.bindTexture(e.TEXTURE_2D,U(Q,this)),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.transparentPixels)}function ye(){var e=U(W,this).style.backgroundImage;"none"!=e&&(M(re,this,e),M(J,this,window.getComputedStyle(U(W,this)).backgroundImage),U(W,this).style.backgroundImage="none")}function be(){U(W,this).style.backgroundImage=U(re,this)||""}function Te(e,t,r){var n=window.getComputedStyle(U(W,this)),i=parseInt(n.borderLeftWidth)||0,o=parseInt(n.borderTopWidth)||0,a=U(W,this).getBoundingClientRect(),s=e.clientX-a.left-i,l=e.clientY-a.top-o;this.drop(s,l,t,r)}function Re(e,t){var r=(0,i.useRef)(null);return(0,i.useEffect)((function(){return r.current=new se(e.current,t&&t.option),function(){return r.current&&r.current.destroy()||void 0}}),[]),r}},649:(e,r,n)=>{var i,o;e.exports=(i={default:()=>t.default,useEffect:()=>t.useEffect,useRef:()=>t.useRef},o={},n.d(o,i),o)}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};i.d(o,{z:()=>l});var a=i(649),s=i(566);function l(e){var t=(0,a.useRef)(null);return function(e,t){(0,a.useEffect)((function(){if(t.option&&e.current){var r=t.option;Object.keys(e.current.defaults).forEach((function(t){void 0!==r[t]&&e.current&&e.current.set(t,r[t])}))}}),[t.option])}((0,s.n)(t,e),e),e.children?a.default.createElement("div",{style:e.style,className:"lmssee-ripples"},e.children,a.default.createElement("canvas",{ref:t})):a.default.createElement("canvas",{ref:t})}var u=o.z;export{u as BackgroundRipple};

package/dist/types/customHooks/useRipples/interface.d.ts

@@ -1,159 +0,0 @@
-/****************************************************************************
- * @Author lmssee
- * @Email lmssee@outlook.com
- * @ProjectName react-ripples
- * @FileName interface.ts
- * @CreateDate  周二  12/17/2024
- * @Description BackgroundRipples 的类型声明文件
- ****************************************************************************/
-import { CSSProperties, ReactElement } from 'react';
-/**************************************
- *
- *  背景涟漪的 props 类型
- *
- * - children  可选属性，定义子组件或子组件们
- * - style     可选属性，定义自定义外壳的样式，在内含 `children` 时生效
- * - option    可选属性，自定义涟漪的初始化属性
- *    - resolution 分辨率,纹理的尺寸，该项目中该值为纹理的宽和高，缺省为 `360`
- *    - dropRadius 扩撒半径，缺省值为 `20`
- *    - perturbance 扰动系数，缺省为   `0.03`
- *    - interactive 光标交互，缺省为 `true` ，关闭须显示传入 `false` 值
- *    - accelerating  加速光标移动触发，缺省为 `3`
- *    - crossOrigin 原始样式
- *    - imageUrl    原始背景图片地址
- *    - playingState 当前的播放状态，缺省为 `true` ，设定为 `false` 时并不关闭，而是暂停
- *    - raindropsTimeInterval 雨滴滴落的间隔，缺省为 `660`，可设置区间为 `10 ~ 12000`
- *    - idleFluctuations  闲置波动，在光标交互不触发时，将触发模拟雨滴，缺省为 `true`
- *
- **************************************/
-export interface BackgroundRipplesProps {
-    /**************************
-     * 内嵌的子元素
-     **************************/
-    children?: ReactElement | ReactElement[];
-    /**************************
-     * 用于设定外层的样式
-     **************************/
-    style?: CSSProperties;
-    /**************************
-     * ## 可设定涟漪的参数
-     *
-     * - resolution 分辨率,纹理的尺寸，该项目中该值为纹理的宽和高，缺省为 `360`
-     * - dropRadius 扩撒半径，缺省值为 `20`
-     * - perturbance 扰动系数，缺省为   `0.03`
-     * - interactive 光标交互，缺省为 `true` ，关闭须显示传入 `false` 值
-     * - accelerating  加速光标移动触发，缺省为 `3`
-     * - crossOrigin 原始样式
-     * - imageUrl    原始背景图片地址
-     * - playingState 当前的播放状态，缺省为 `true` ，设定为 `false` 时并不关闭，而是暂停
-     * - raindropsTimeInterval 雨滴滴落的间隔，缺省为 `660`，可设置区间为 `10 ~ 12000`
-     * - idleFluctuations  闲置波动，在光标交互不触发时，将触发模拟雨滴，缺省为 `true`
-     **************************/
-    option?: RipplesOptions;
-}
-/**************************************
- *
- * WebGLProgram
- *
- **************************************/
-export interface Program {
-    id: WebGLProgram;
-    uniforms: {
-        [x: string]: Float32Array;
-    };
-    locations: {
-        [x: string]: WebGLUniformLocation;
-    };
-}
-/**************************************
- *
- * 涟漪设定参数
- *
- * - resolution 分辨率,纹理的尺寸，该项目中该值为纹理的宽和高，缺省为 `360`
- * - dropRadius 扩撒半径，缺省值为 `20`
- * - perturbance 扰动系数，缺省为   `0.03`
- * - interactive 光标交互，缺省为 `true` ，关闭须显示传入 `false` 值
- * - crossOrigin 原始样式
- * - imageUrl    原始背景图片地址
- * - playingState 当前的播放状态，缺省为 `true` ，设定为 `false` 时并不关闭，而是暂停
- * - accelerating  加速光标移动触发，缺省为 `3`
- * - raindropsTimeInterval 雨滴滴落的间隔，缺省为 `660`，可设置区间为 `10 ~ 12000`
- * - idleFluctuations  闲置波动，在光标交互不触发时，将触发模拟雨滴，缺省为 `true`
- **************************************/
-export interface RipplesOptions {
-    /**************************
-     * 分辨率
-     *
-     * 纹理的尺寸，该项目中该值为纹理的宽和高
-     *
-     * 缺省为 `360`
-     **************************/
-    resolution?: number;
-    /**************************
-     * 扩散半径
-     *
-     * 缺省为 `20`
-     **************************/
-    dropRadius?: number;
-    /**************************
-     * 扰动系数
-     *
-     * 缺省 `0.03`
-     *
-     * 取之范围 `0.01 - 1`
-     **************************/
-    perturbance?: number;
-    /**************************
-     * 是否开启光标滑动轨迹
-     *
-     * 缺省为  `true`
-     **************************/
-    interactive?: boolean;
-    /**************************
-     * 加速光标移动触发，缺省为 `3`
-     *
-     *
-     * 由于大佬原方法在光标触发 mousemove 时不怎么明显
-     *
-     * 所以以倍级触发会让波动更加明显
-     *
-     * 可设置区间为 `2 - 100`
-     **************************/
-    accelerating?: number;
-    /**************************
-     *  原设定的背景图片
-     *
-     * 缺省为 `''`
-     **************************/
-    crossOrigin?: string;
-    /**************************
-     * 设定的元素背景的 url 地址
-     *
-     * 缺省为 `''`
-     **************************/
-    imageUrl?: string;
-    /**************************
-     * 当前涟漪的状态
-     *
-     * 缺省为 `true` ， 即涟漪触发正在执行
-     **************************/
-    playingState?: boolean;
-    /**************************
-     * 雨滴滴落的时间间隔
-     *
-     * 单位为 ms
-     *
-     * 缺省值为 `660`
-     *
-     * 可设置区间为 `10 ~ 12000`
-     **************************/
-    raindropsTimeInterval?: number;
-    /**************************
-     *  闲置波动
-     *
-     * 在光标交互不触发时，将触发模拟雨滴
-     *
-     * 缺省为 `true`
-     **************************/
-    idleFluctuations?: boolean;
-}

package/dist/useAnimationFrame/index.mjs

@@ -1 +0,0 @@
-import*as e from"react";var r={649:(r,t,n)=>{var o,a;r.exports=(o={useEffect:()=>e.useEffect,useRef:()=>e.useRef},a={},n.d(a,o),a)}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var a=t[e]={exports:{}};return r[e](a,a.exports,n),a.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r);var o={};n.d(o,{M:()=>u});var a=n(649);function u(){var e=(0,a.useRef)(0);return(0,a.useEffect)((function(){return function(){e.current&&window.cancelAnimationFrame(e.current)}}),[]),e}var f=o.M;export{f as useAnimationFrameId};

package/dist/useInputIsComposing/index.mjs

@@ -1 +0,0 @@
-import*as e from"react";var r={649:(r,t,n)=>{var o,s;r.exports=(o={useEffect:()=>e.useEffect,useRef:()=>e.useRef},s={},n.d(s,o),s)}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var s=t[e]={exports:{}};return r[e](s,s.exports,n),s.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r);var o={};n.d(o,{t:()=>i});var s=n(649);function i(e){var r=(0,s.useRef)(!1);return(0,s.useEffect)((function(){var t=e.current;if(t){var n=function(){return r.current=!0},o=function(){return r.current=!1};return t.addEventListener("compositionstart",n),t.addEventListener("compositionend",o),function(){t.removeEventListener("compositionstart",n),t.removeEventListener("compositionend",o)}}}),[]),r}var u=o.t;export{u as useInputIsComposing};