@firecms/neat 0.7.1 → 0.8.0

package/dist/index.es.js

@@ -1,4 +1,4 @@
-const he = `void main() {
+const Ce = `void main() {
     vUv = uv;
 
     // SCROLLING LOGIC
@@ -72,12 +72,15 @@ const he = `void main() {
 
     v_color = color;
 
-    // 4. VERTEX POSITION
+    // 4. FRESNEL (rim glow)
+    // (Calculated in fragment shader using displacement slope approximation)
+
+    // 5. VERTEX POSITION
     vec3 newPosition = position + normal * v_displacement_amount * u_wave_amplitude;
     gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0);
     v_new_position = gl_Position;
 }
-`, de = `float random(vec2 p) {
+`, Pe = `float random(vec2 p) {
     return fract(sin(dot(p, vec2(12.9898,78.233))) * 43758.5453);
 }
 
@@ -93,31 +96,32 @@ float fbm(vec3 x) {
     return value;
 }
 
+// Branchless HSL to RGB for iridescence
+vec3 hsl2rgb(float h, float s, float l) {
+    vec3 rgb = clamp(abs(mod(h * 6.0 + vec3(0.0, 4.0, 2.0), 6.0) - 3.0) - 1.0, 0.0, 1.0);
+    return l + s * (rgb - 0.5) * (1.0 - abs(2.0 * l - 1.0));
+}
+
 void main() {
     vec2 finalUv = vFlowUv;
     
     vec3 baseColor;
 
     if (u_enable_procedural_texture > 0.5) {
-        // Calculate flow field distance for ease effect
         vec2 ppp = -1.0 + 2.0 * finalUv;
         ppp += 0.1 * cos((1.5 * u_flow_scale) * ppp.yx + 1.1 * u_time + vec2(0.1, 1.1));
         ppp += 0.1 * cos((2.3 * u_flow_scale) * ppp.yx + 1.3 * u_time + vec2(3.2, 3.4));
         ppp += 0.1 * cos((2.2 * u_flow_scale) * ppp.yx + 1.7 * u_time + vec2(1.8, 5.2));
         ppp += u_flow_distortion_a * cos((u_flow_distortion_b * u_flow_scale) * ppp.yx + 1.4 * u_time + vec2(6.3, 3.9));
-        float r = length(ppp); // Flow distance
+        float r = length(ppp);
         
-        // Ease blending: 0 = topographic (flow), 1 = image (UV)
         float vx = (finalUv.x * u_texture_ease) + (r * (1.0 - u_texture_ease));
         float vy = (finalUv.y * u_texture_ease) + (0.0 * (1.0 - u_texture_ease));
         vec2 texUv = vec2(vx, vy);
 
-        // PARALLAX SCROLLING
-        // We manually apply a smaller offset here to make the texture lag behind
-        float parallaxFactor = 0.25; // 25% speed of the color mixing
+        float parallaxFactor = 0.25;
         texUv.y -= (u_y_offset * u_y_offset_color_multiplier / u_plane_height) * parallaxFactor;
-
-        texUv *= 1.5; // Tiling scale
+        texUv *= 1.5;
 
         vec4 texSample = texture2D(u_procedural_texture, texUv);
         baseColor = texSample.rgb;
@@ -127,24 +131,70 @@ void main() {
 
     vec3 color = baseColor;
 
+    // === DOMAIN WARPING (simplified: 3 fbm calls instead of 5) ===
+    if (u_domain_warp_enabled > 0.5) {
+        vec3 p = vec3(finalUv * u_domain_warp_scale, u_time * 0.15);
+        vec2 q = vec2(fbm(p), fbm(p + vec3(5.2, 1.3, 0.0)));
+        float f = fbm(p + vec3(4.0 * q, 0.0));
+        vec3 warpColor = color * (1.0 + f * 0.8 * u_domain_warp_intensity);
+        float pattern = clamp(f * f * f + 0.6 * f * f + 0.5 * f, 0.0, 1.0);
+        color = mix(color, warpColor * (0.6 + pattern * 0.8), u_domain_warp_intensity * 0.7);
+    }
+
     // Post-processing
     color += v_displacement_amount * u_highlights;
-    // Replace pow() with direct multiplication to avoid negative base undefined behavior in GLSL
     float shadowFactor = 1.0 - v_displacement_amount;
     color -= shadowFactor * shadowFactor * u_shadows;
     color = saturation(color, 1.0 + u_saturation);
     color = color * u_brightness;
 
-    // Grain
-    vec2 noiseCoords = gl_FragCoord.xy / u_grain_scale;
+    // === IRIDESCENCE ===
+    if (u_iridescence_enabled > 0.5) {
+        float hue = fract(v_displacement_amount * 0.5 + 0.5 + u_time * u_iridescence_speed * 0.05);
+        vec3 iriColor = hsl2rgb(hue, 0.8, 0.6);
+        color = mix(color, iriColor, u_iridescence_intensity * abs(v_displacement_amount) * 0.6);
+    }
+
+    // === FRESNEL (Rim glow) ===
+    if (u_fresnel_enabled > 0.5) {
+        float slope = 1.0 - abs(v_displacement_amount);
+        float fresnel = pow(max(slope, 0.0), u_fresnel_power);
+        color += u_fresnel_color * fresnel * u_fresnel_intensity;
+    }
+
+    // === VIGNETTE ===
+    if (u_vignette_intensity > 0.0) {
+        float dist = length(vUv - vec2(0.5));
+        float vig = smoothstep(u_vignette_radius, u_vignette_radius * 0.3, dist);
+        color *= mix(1.0, vig, u_vignette_intensity);
+    }
+
+    // === FAKE BLOOM ===
+    if (u_bloom_intensity > 0.0) {
+        float luma = dot(color, vec3(0.2126, 0.7152, 0.0722));
+        float bloomMask = smoothstep(u_bloom_threshold, 1.0, luma);
+        color += color * bloomMask * u_bloom_intensity;
+    }
+
+    // === CHROMATIC ABERRATION ===
+    if (u_chromatic_aberration > 0.0) {
+        float caAmount = u_chromatic_aberration * 0.008;
+        float dist = length(vUv - vec2(0.5));
+        float rShift = v_displacement_amount + caAmount * dist;
+        float bShift = v_displacement_amount - caAmount * dist;
+        color.r *= 1.0 + rShift * caAmount * 10.0;
+        color.b *= 1.0 - bShift * caAmount * 10.0;
+    }
+
+    // Grain (use cheap hash noise instead of expensive fbm when static)
     float grain = 0.0;
-    
-    // Completely bypass expensive noise generation if grain is disabled
     if (u_grain_intensity > 0.0) {
+        vec2 noiseCoords = gl_FragCoord.xy / u_grain_scale;
         if (u_grain_speed != 0.0) {
             grain = fbm(vec3(noiseCoords, u_time * u_grain_speed));
         } else {
-            grain = fbm(vec3(noiseCoords, 0.0));
+            // Static grain: use cheap hash instead of fbm
+            grain = random(noiseCoords) - 0.5;
         }
 
         grain = grain * 0.5 + 0.5;
@@ -158,7 +208,7 @@ void main() {
     gl_FragColor = vec4(color, 1.0);
 }
 `;
-function me() {
+function De() {
   return `precision highp float;
 
 attribute vec3 position;
@@ -203,9 +253,15 @@ uniform float u_flow_distortion_b;
 uniform float u_flow_scale;
 uniform float u_flow_ease;
 uniform float u_flow_enabled;
+
+// Fresnel uniforms
+uniform float u_fresnel_enabled;
+uniform float u_fresnel_power;
+uniform float u_fresnel_intensity;
+uniform vec3 u_fresnel_color;
 `;
 }
-function pe() {
+function ze() {
   return `precision highp float;
 
 varying vec2 vUv;
@@ -214,6 +270,7 @@ varying vec3 v_color;
 varying float v_displacement_amount;
 
 uniform float u_time;
+uniform vec2 u_resolution;
 uniform float u_plane_height;
 
 uniform float u_shadows;
@@ -237,6 +294,35 @@ uniform float u_flow_scale;
 uniform sampler2D u_procedural_texture;
 uniform float u_enable_procedural_texture;
 uniform float u_texture_ease;
+
+// Domain warping uniforms
+uniform float u_domain_warp_enabled;
+uniform float u_domain_warp_intensity;
+uniform float u_domain_warp_scale;
+
+// Vignette uniforms
+uniform float u_vignette_intensity;
+uniform float u_vignette_radius;
+
+// Fresnel uniforms (fragment side)
+uniform float u_fresnel_enabled;
+uniform float u_fresnel_power;
+uniform float u_fresnel_intensity;
+uniform vec3 u_fresnel_color;
+
+
+
+// Iridescence uniforms
+uniform float u_iridescence_enabled;
+uniform float u_iridescence_intensity;
+uniform float u_iridescence_speed;
+
+// Bloom uniforms
+uniform float u_bloom_intensity;
+uniform float u_bloom_threshold;
+
+// Chromatic aberration
+uniform float u_chromatic_aberration;
 `;
 }
 function Y() {
@@ -425,15 +511,15 @@ class J {
       1
     ]);
   }
-  translate(e, i, o) {
-    return this.elements[12] += this.elements[0] * e + this.elements[4] * i + this.elements[8] * o, this.elements[13] += this.elements[1] * e + this.elements[5] * i + this.elements[9] * o, this.elements[14] += this.elements[2] * e + this.elements[6] * i + this.elements[10] * o, this.elements[15] += this.elements[3] * e + this.elements[7] * i + this.elements[11] * o, this;
+  translate(e, r, s) {
+    return this.elements[12] += this.elements[0] * e + this.elements[4] * r + this.elements[8] * s, this.elements[13] += this.elements[1] * e + this.elements[5] * r + this.elements[9] * s, this.elements[14] += this.elements[2] * e + this.elements[6] * r + this.elements[10] * s, this.elements[15] += this.elements[3] * e + this.elements[7] * r + this.elements[11] * s, this;
   }
   rotateX(e) {
-    const i = Math.cos(e), o = Math.sin(e), t = this.elements[4], b = this.elements[5], y = this.elements[6], n = this.elements[7], p = this.elements[8], v = this.elements[9], T = this.elements[10], x = this.elements[11];
-    return this.elements[4] = i * t + o * p, this.elements[5] = i * b + o * v, this.elements[6] = i * y + o * T, this.elements[7] = i * n + o * x, this.elements[8] = i * p - o * t, this.elements[9] = i * v - o * b, this.elements[10] = i * T - o * y, this.elements[11] = i * x - o * n, this;
+    const r = Math.cos(e), s = Math.sin(e), t = this.elements[4], S = this.elements[5], y = this.elements[6], a = this.elements[7], p = this.elements[8], v = this.elements[9], T = this.elements[10], x = this.elements[11];
+    return this.elements[4] = r * t + s * p, this.elements[5] = r * S + s * v, this.elements[6] = r * y + s * T, this.elements[7] = r * a + s * x, this.elements[8] = r * p - s * t, this.elements[9] = r * v - s * S, this.elements[10] = r * T - s * y, this.elements[11] = r * x - s * a, this;
   }
 }
-class ge {
+class Fe {
   left;
   right;
   top;
@@ -442,63 +528,63 @@ class ge {
   far;
   position;
   projectionMatrix;
-  constructor(e, i, o, t, b, y) {
-    this.left = e, this.right = i, this.top = o, this.bottom = t, this.near = b, this.far = y, this.position = [0, 0, 0], this.projectionMatrix = new J(), this.updateProjectionMatrix();
+  constructor(e, r, s, t, S, y) {
+    this.left = e, this.right = r, this.top = s, this.bottom = t, this.near = S, this.far = y, this.position = [0, 0, 0], this.projectionMatrix = new J(), this.updateProjectionMatrix();
   }
   updateProjectionMatrix() {
-    const e = 1 / (this.right - this.left), i = 1 / (this.top - this.bottom), o = 1 / (this.far - this.near), t = (this.right + this.left) * e, b = (this.top + this.bottom) * i, y = (this.far + this.near) * o;
+    const e = 1 / (this.right - this.left), r = 1 / (this.top - this.bottom), s = 1 / (this.far - this.near), t = (this.right + this.left) * e, S = (this.top + this.bottom) * r, y = (this.far + this.near) * s;
     this.projectionMatrix.elements = new Float32Array([
       2 * e,
       0,
       0,
       0,
       0,
-      2 * i,
+      2 * r,
       0,
       0,
       0,
       0,
-      -2 * o,
+      -2 * s,
       0,
       -t,
-      -b,
+      -S,
       -y,
       1
     ]);
   }
 }
-function H(a, e, i, o = 50, t = 50) {
-  const n = e * i / 1e6 * o * t / 1.5, p = e / i, v = Math.sqrt(n * p), T = n / v;
-  let x = -o / 2, h = Math.min((x + v) / 1.5, o / 2), w = t / 4, R = Math.max((w - T) / 2, -t / 4);
+function H(l, e, r, s = 50, t = 50) {
+  const a = e * r / 1e6 * s * t / 1.5, p = e / r, v = Math.sqrt(a * p), T = a / v;
+  let x = -s / 2, h = Math.min((x + v) / 1.5, s / 2), b = t / 4, R = Math.max((b - T) / 2, -t / 4);
   if (p < 1) {
     const E = p;
     x = x * E, h = h * E;
     const g = 1.05;
-    x = x * g, h = h * g, w = w * g, R = R * g;
+    x = x * g, h = h * g, b = b * g, R = R * g;
   }
-  a.left = x, a.right = h, a.top = w, a.bottom = R, a.near = -100, a.far = 1e3, a.updateProjectionMatrix();
+  l.left = x, l.right = h, l.top = b, l.bottom = R, l.near = -100, l.far = 1e3, l.updateProjectionMatrix();
 }
-function xe(a, e, i, o) {
-  const t = a / 2, b = e / 2, y = Math.floor(i), n = Math.floor(o), p = y + 1, v = n + 1, T = a / y, x = e / n, h = [], w = [], R = [], E = [];
-  for (let c = 0; c < v; c++) {
-    const l = c * x - b;
+function Ie(l, e, r, s) {
+  const t = l / 2, S = e / 2, y = Math.floor(r), a = Math.floor(s), p = y + 1, v = a + 1, T = l / y, x = e / a, h = [], b = [], R = [], E = [];
+  for (let _ = 0; _ < v; _++) {
+    const u = _ * x - S;
     for (let m = 0; m < p; m++) {
-      const s = m * T - t;
-      w.push(s, -l, 0), R.push(0, 0, 1), E.push(m / y), E.push(1 - c / n);
+      const n = m * T - t;
+      b.push(n, -u, 0), R.push(0, 0, 1), E.push(m / y), E.push(1 - _ / a);
     }
   }
-  for (let c = 0; c < n; c++)
-    for (let l = 0; l < y; l++) {
-      const m = l + p * c, s = l + p * (c + 1), f = l + 1 + p * (c + 1), _ = l + 1 + p * c;
-      h.push(m, s, _), h.push(s, f, _);
+  for (let _ = 0; _ < a; _++)
+    for (let u = 0; u < y; u++) {
+      const m = u + p * _, n = u + p * (_ + 1), f = u + 1 + p * (_ + 1), c = u + 1 + p * _;
+      h.push(m, n, c), h.push(n, f, c);
     }
-  const g = w.length / 3 > 65535, A = [];
-  for (let c = 0; c < h.length; c += 3) {
-    const l = h[c], m = h[c + 1], s = h[c + 2];
-    A.push(l, m, m, s, s, l);
+  const g = b.length / 3 > 65535, A = [];
+  for (let _ = 0; _ < h.length; _ += 3) {
+    const u = h[_], m = h[_ + 1], n = h[_ + 2];
+    A.push(u, m, m, n, n, u);
   }
   return {
-    position: new Float32Array(w),
+    position: new Float32Array(b),
     normal: new Float32Array(R),
     uv: new Float32Array(E),
     index: g ? new Uint32Array(h) : new Uint16Array(h),
@@ -515,8 +601,8 @@ https://neat.firecms.co`,
   "font-weight: bold; font-size: 14px; color: #FF5772;",
   "color: inherit;"
 );
-const $ = 50, K = 80, O = 6, ye = Se();
-class Te {
+const $ = 50, K = 80, O = 6, Me = Le();
+class We {
   _ref;
   _speed = -1;
   _horizontalPressure = -1;
@@ -552,6 +638,22 @@ class Te {
   _textureColorBlending = 0.01;
   _textureSeed = 333;
   _textureEase = 0.5;
+  _domainWarpEnabled = !1;
+  _domainWarpIntensity = 0.5;
+  _domainWarpScale = 1;
+  _vignetteIntensity = 0.5;
+  _vignetteRadius = 0.8;
+  _fresnelEnabled = !1;
+  _fresnelPower = 2;
+  _fresnelIntensity = 0.5;
+  _fresnelColor = "#FFFFFF";
+  _fresnelColorRgb = [1, 1, 1];
+  _iridescenceEnabled = !1;
+  _iridescenceIntensity = 0.5;
+  _iridescenceSpeed = 1;
+  _bloomIntensity = 0;
+  _bloomThreshold = 0.7;
+  _chromaticAberration = 0;
   _proceduralTexture = null;
   _proceduralBackgroundColor = "#000000";
   _textureShapeTriangles = 20;
@@ -575,38 +677,38 @@ class Te {
   _textureDirty = !0;
   constructor(e) {
     const {
-      ref: i,
-      speed: o = 4,
+      ref: r,
+      speed: s = 4,
       horizontalPressure: t = 3,
-      verticalPressure: b = 3,
+      verticalPressure: S = 3,
       waveFrequencyX: y = 5,
-      waveFrequencyY: n = 5,
+      waveFrequencyY: a = 5,
       waveAmplitude: p = 3,
       colors: v,
       highlights: T = 4,
       shadows: x = 4,
       colorSaturation: h = 0,
-      colorBrightness: w = 1,
+      colorBrightness: b = 1,
       colorBlending: R = 5,
       grainScale: E = 2,
       grainIntensity: g = 0.55,
       grainSparsity: A = 0,
-      grainSpeed: c = 0.1,
-      wireframe: l = !1,
+      grainSpeed: _ = 0.1,
+      wireframe: u = !1,
       backgroundColor: m = "#FFFFFF",
-      backgroundAlpha: s = 1,
+      backgroundAlpha: n = 1,
       resolution: f = 1,
-      seed: _,
+      seed: c,
       yOffset: d = 0,
-      yOffsetWaveMultiplier: z = 4,
-      yOffsetColorMultiplier: C = 4,
+      yOffsetWaveMultiplier: C = 4,
+      yOffsetColorMultiplier: D = 4,
       yOffsetFlowMultiplier: F = 4,
-      flowDistortionA: M = 0,
+      flowDistortionA: I = 0,
       flowDistortionB: N = 0,
       flowScale: W = 1,
-      flowEase: D = 0,
-      flowEnabled: S = !0,
-      enableProceduralTexture: U = !1,
+      flowEase: z = 0,
+      flowEnabled: w = !0,
+      enableProceduralTexture: M = !1,
       textureVoidLikelihood: Q = 0.45,
       textureVoidWidthMin: ee = 200,
       textureVoidWidthMax: te = 486,
@@ -618,42 +720,57 @@ class Te {
       textureShapeTriangles: ae = 20,
       textureShapeCircles: le = 15,
       textureShapeBars: ue = 15,
-      textureShapeSquiggles: fe = 10
+      textureShapeSquiggles: fe = 10,
+      domainWarpEnabled: _e = !1,
+      domainWarpIntensity: ce = 0.5,
+      domainWarpScale: he = 1,
+      vignetteIntensity: de = 0.5,
+      vignetteRadius: me = 0.8,
+      fresnelEnabled: pe = !1,
+      fresnelPower: ge = 2,
+      fresnelIntensity: xe = 0.5,
+      fresnelColor: ye = "#FFFFFF",
+      iridescenceEnabled: ve = !1,
+      iridescenceIntensity: be = 0.5,
+      iridescenceSpeed: we = 1,
+      bloomIntensity: Se = 0,
+      bloomThreshold: Ee = 0.7,
+      chromaticAberration: Te = 0
     } = e;
-    this._ref = i, this.destroy = this.destroy.bind(this), this._initScene = this._initScene.bind(this), this.speed = o, this.horizontalPressure = t, this.verticalPressure = b, this.waveFrequencyX = y, this.waveFrequencyY = n, this.waveAmplitude = p, this.colorBlending = R, this.grainScale = E, this.grainIntensity = g, this.grainSparsity = A, this.grainSpeed = c, this.colors = v, this.shadows = x, this.highlights = T, this.colorSaturation = h, this.colorBrightness = w, this.wireframe = l, this.backgroundColor = m, this.backgroundAlpha = s, this.yOffset = d, this.yOffsetWaveMultiplier = z, this.yOffsetColorMultiplier = C, this.yOffsetFlowMultiplier = F, this.flowDistortionA = M, this.flowDistortionB = N, this.flowScale = W, this.flowEase = D, this.flowEnabled = S, this.enableProceduralTexture = U, this.textureVoidLikelihood = Q, this.textureVoidWidthMin = ee, this.textureVoidWidthMax = te, this.textureBandDensity = ie, this.textureColorBlending = re, this.textureSeed = oe, this.textureEase = se, this._proceduralBackgroundColor = ne, this._textureShapeTriangles = ae, this._textureShapeCircles = le, this._textureShapeBars = ue, this._textureShapeSquiggles = fe, this.glState = this._initScene(f), Ee();
-    let k = _ !== void 0 ? _ : we(), X = performance.now();
-    const q = () => {
-      const { gl: r, program: I, locations: u, indexCount: B, indexType: L } = this.glState;
-      if (this._linkCheckCounter++, this._linkCheckCounter >= 300 && (this._linkCheckCounter = 0, (!this._linkElement || !document.contains(this._linkElement)) && (this._linkElement = ve(i))), this._initialized) {
-        const V = performance.now();
-        if (k += (V - X) / 1e3 * this._speed, X = V, r.useProgram(I), r.uniform1f(u.uniforms.u_time, k), this._uniformsDirty && (r.uniform2f(u.uniforms.u_resolution, this._ref.clientWidth, this._ref.clientHeight), r.uniform2f(u.uniforms.u_color_pressure, this._horizontalPressure, this._verticalPressure), r.uniform1f(u.uniforms.u_wave_frequency_x, this._waveFrequencyX), r.uniform1f(u.uniforms.u_wave_frequency_y, this._waveFrequencyY), r.uniform1f(u.uniforms.u_wave_amplitude, this._waveAmplitude), r.uniform1f(u.uniforms.u_color_blending, this._colorBlending), r.uniform1f(u.uniforms.u_shadows, this._shadows), r.uniform1f(u.uniforms.u_highlights, this._highlights), r.uniform1f(u.uniforms.u_saturation, this._saturation), r.uniform1f(u.uniforms.u_brightness, this._brightness), r.uniform1f(u.uniforms.u_grain_intensity, this._grainIntensity), r.uniform1f(u.uniforms.u_grain_sparsity, this._grainSparsity), r.uniform1f(u.uniforms.u_grain_speed, this._grainSpeed), r.uniform1f(u.uniforms.u_grain_scale, this._grainScale), r.uniform1f(u.uniforms.u_y_offset, this._yOffset), r.uniform1f(u.uniforms.u_y_offset_wave_multiplier, this._yOffsetWaveMultiplier), r.uniform1f(u.uniforms.u_y_offset_color_multiplier, this._yOffsetColorMultiplier), r.uniform1f(u.uniforms.u_y_offset_flow_multiplier, this._yOffsetFlowMultiplier), r.uniform1f(u.uniforms.u_flow_distortion_a, this._flowDistortionA), r.uniform1f(u.uniforms.u_flow_distortion_b, this._flowDistortionB), r.uniform1f(u.uniforms.u_flow_scale, this._flowScale), r.uniform1f(u.uniforms.u_flow_ease, this._flowEase), r.uniform1f(u.uniforms.u_flow_enabled, this._flowEnabled ? 1 : 0), r.uniform1f(u.uniforms.u_enable_procedural_texture, this._enableProceduralTexture ? 1 : 0), r.uniform1f(u.uniforms.u_texture_ease, this._textureEase), this._uniformsDirty = !1), this._textureNeedsUpdate && this._enableProceduralTexture && (this._proceduralTexture && r.deleteTexture(this._proceduralTexture), this._proceduralTexture = this._createProceduralTexture(r), this._textureNeedsUpdate = !1, this._textureDirty = !0), this._textureDirty && this._proceduralTexture && (r.activeTexture(r.TEXTURE1), r.bindTexture(r.TEXTURE_2D, this._proceduralTexture), r.uniform1i(u.uniforms.u_procedural_texture, 1), this._textureDirty = !1), this._colorsChanged) {
+    this._ref = r, this.destroy = this.destroy.bind(this), this._initScene = this._initScene.bind(this), this.speed = s, this.horizontalPressure = t, this.verticalPressure = S, this.waveFrequencyX = y, this.waveFrequencyY = a, this.waveAmplitude = p, this.colorBlending = R, this.grainScale = E, this.grainIntensity = g, this.grainSparsity = A, this.grainSpeed = _, this.colors = v, this.shadows = x, this.highlights = T, this.colorSaturation = h, this.colorBrightness = b, this.wireframe = u, this.backgroundColor = m, this.backgroundAlpha = n, this.yOffset = d, this.yOffsetWaveMultiplier = C, this.yOffsetColorMultiplier = D, this.yOffsetFlowMultiplier = F, this.flowDistortionA = I, this.flowDistortionB = N, this.flowScale = W, this.flowEase = z, this.flowEnabled = w, this.enableProceduralTexture = M, this.textureVoidLikelihood = Q, this.textureVoidWidthMin = ee, this.textureVoidWidthMax = te, this.textureBandDensity = ie, this.textureColorBlending = re, this.textureSeed = oe, this.textureEase = se, this._proceduralBackgroundColor = ne, this._textureShapeTriangles = ae, this._textureShapeCircles = le, this._textureShapeBars = ue, this._textureShapeSquiggles = fe, this.domainWarpEnabled = _e, this.domainWarpIntensity = ce, this.domainWarpScale = he, this.vignetteIntensity = de, this.vignetteRadius = me, this.fresnelEnabled = pe, this.fresnelPower = ge, this.fresnelIntensity = xe, this.fresnelColor = ye, this.iridescenceEnabled = ve, this.iridescenceIntensity = be, this.iridescenceSpeed = we, this.bloomIntensity = Se, this.bloomThreshold = Ee, this.chromaticAberration = Te, this.glState = this._initScene(f), Ne();
+    let k = c !== void 0 ? c : Be(), q = performance.now();
+    const V = () => {
+      const { gl: i, program: B, locations: o, indexCount: U, indexType: L } = this.glState;
+      if (this._linkCheckCounter++, this._linkCheckCounter >= 300 && (this._linkCheckCounter = 0, (!this._linkElement || !document.contains(this._linkElement)) && (this._linkElement = Ue(r))), this._initialized) {
+        const X = performance.now();
+        if (k += (X - q) / 1e3 * this._speed, q = X, i.useProgram(B), i.uniform1f(o.uniforms.u_time, k), this._uniformsDirty && (i.uniform2f(o.uniforms.u_resolution, this._ref.clientWidth, this._ref.clientHeight), i.uniform2f(o.uniforms.u_color_pressure, this._horizontalPressure, this._verticalPressure), i.uniform1f(o.uniforms.u_wave_frequency_x, this._waveFrequencyX), i.uniform1f(o.uniforms.u_wave_frequency_y, this._waveFrequencyY), i.uniform1f(o.uniforms.u_wave_amplitude, this._waveAmplitude), i.uniform1f(o.uniforms.u_color_blending, this._colorBlending), i.uniform1f(o.uniforms.u_shadows, this._shadows), i.uniform1f(o.uniforms.u_highlights, this._highlights), i.uniform1f(o.uniforms.u_saturation, this._saturation), i.uniform1f(o.uniforms.u_brightness, this._brightness), i.uniform1f(o.uniforms.u_grain_intensity, this._grainIntensity), i.uniform1f(o.uniforms.u_grain_sparsity, this._grainSparsity), i.uniform1f(o.uniforms.u_grain_speed, this._grainSpeed), i.uniform1f(o.uniforms.u_grain_scale, this._grainScale), i.uniform1f(o.uniforms.u_y_offset, this._yOffset), i.uniform1f(o.uniforms.u_y_offset_wave_multiplier, this._yOffsetWaveMultiplier), i.uniform1f(o.uniforms.u_y_offset_color_multiplier, this._yOffsetColorMultiplier), i.uniform1f(o.uniforms.u_y_offset_flow_multiplier, this._yOffsetFlowMultiplier), i.uniform1f(o.uniforms.u_flow_distortion_a, this._flowDistortionA), i.uniform1f(o.uniforms.u_flow_distortion_b, this._flowDistortionB), i.uniform1f(o.uniforms.u_flow_scale, this._flowScale), i.uniform1f(o.uniforms.u_flow_ease, this._flowEase), i.uniform1f(o.uniforms.u_flow_enabled, this._flowEnabled ? 1 : 0), i.uniform1f(o.uniforms.u_enable_procedural_texture, this._enableProceduralTexture ? 1 : 0), i.uniform1f(o.uniforms.u_texture_ease, this._textureEase), i.uniform1f(o.uniforms.u_domain_warp_enabled, this._domainWarpEnabled ? 1 : 0), i.uniform1f(o.uniforms.u_domain_warp_intensity, this._domainWarpIntensity), i.uniform1f(o.uniforms.u_domain_warp_scale, this._domainWarpScale), i.uniform1f(o.uniforms.u_vignette_intensity, this._vignetteIntensity), i.uniform1f(o.uniforms.u_vignette_radius, this._vignetteRadius), i.uniform1f(o.uniforms.u_fresnel_enabled, this._fresnelEnabled ? 1 : 0), i.uniform1f(o.uniforms.u_fresnel_power, this._fresnelPower), i.uniform1f(o.uniforms.u_fresnel_intensity, this._fresnelIntensity), i.uniform3fv(o.uniforms.u_fresnel_color, this._fresnelColorRgb), i.uniform1f(o.uniforms.u_iridescence_enabled, this._iridescenceEnabled ? 1 : 0), i.uniform1f(o.uniforms.u_iridescence_intensity, this._iridescenceIntensity), i.uniform1f(o.uniforms.u_iridescence_speed, this._iridescenceSpeed), i.uniform1f(o.uniforms.u_bloom_intensity, this._bloomIntensity), i.uniform1f(o.uniforms.u_bloom_threshold, this._bloomThreshold), i.uniform1f(o.uniforms.u_chromatic_aberration, this._chromaticAberration), this._uniformsDirty = !1), this._textureNeedsUpdate && this._enableProceduralTexture && (this._proceduralTexture && i.deleteTexture(this._proceduralTexture), this._proceduralTexture = this._createProceduralTexture(i), this._textureNeedsUpdate = !1, this._textureDirty = !0), this._textureDirty && this._proceduralTexture && (i.activeTexture(i.TEXTURE1), i.bindTexture(i.TEXTURE_2D, this._proceduralTexture), i.uniform1i(o.uniforms.u_procedural_texture, 1), this._textureDirty = !1), this._colorsChanged) {
           this._colorsChanged = !1;
           for (let P = 0; P < O; P++)
             if (P < this._colors.length) {
-              const G = this._colors[P], _e = this._cachedColorRgb[P] || [0, 0, 0];
-              r.uniform1f(u.uniforms[`u_colors[${P}].is_active`], G.enabled ? 1 : 0), r.uniform3fv(u.uniforms[`u_colors[${P}].color`], _e), r.uniform1f(u.uniforms[`u_colors[${P}].influence`], G.influence || 0);
+              const G = this._colors[P], Ae = this._cachedColorRgb[P] || [0, 0, 0];
+              i.uniform1f(o.uniforms[`u_colors[${P}].is_active`], G.enabled ? 1 : 0), i.uniform3fv(o.uniforms[`u_colors[${P}].color`], Ae), i.uniform1f(o.uniforms[`u_colors[${P}].influence`], G.influence || 0);
             } else
-              r.uniform1f(u.uniforms[`u_colors[${P}].is_active`], 0);
-          r.uniform1i(u.uniforms.u_colors_count, O);
+              i.uniform1f(o.uniforms[`u_colors[${P}].is_active`], 0);
+          i.uniform1i(o.uniforms.u_colors_count, O);
         }
       }
-      r.clearColor(
+      i.clearColor(
         this._backgroundColorRgb[0],
         this._backgroundColorRgb[1],
         this._backgroundColorRgb[2],
         this._backgroundAlpha
-      ), r.clear(r.COLOR_BUFFER_BIT | r.DEPTH_BUFFER_BIT), this._wireframe ? (r.bindBuffer(r.ELEMENT_ARRAY_BUFFER, this.glState.buffers.wireframeIndex), r.drawElements(r.LINES, this.glState.wireframeIndexCount, L, 0), r.bindBuffer(r.ELEMENT_ARRAY_BUFFER, this.glState.buffers.index)) : r.drawElements(r.TRIANGLES, B, L, 0), this.requestRef = requestAnimationFrame(q);
-    }, ce = () => {
-      const { gl: r, camera: I } = this.glState, u = this._ref.clientWidth, B = this._ref.clientHeight;
-      this._ref.width = u, this._ref.height = B, r.viewport(0, 0, u, B), H(I, u, B);
-      const L = r.getUniformLocation(this.glState.program, "projectionMatrix");
-      r.useProgram(this.glState.program), r.uniformMatrix4fv(L, !1, I.projectionMatrix.elements);
+      ), i.clear(i.COLOR_BUFFER_BIT | i.DEPTH_BUFFER_BIT), this._wireframe ? (i.bindBuffer(i.ELEMENT_ARRAY_BUFFER, this.glState.buffers.wireframeIndex), i.drawElements(i.LINES, this.glState.wireframeIndexCount, L, 0), i.bindBuffer(i.ELEMENT_ARRAY_BUFFER, this.glState.buffers.index)) : i.drawElements(i.TRIANGLES, U, L, 0), this.requestRef = requestAnimationFrame(V);
+    }, Re = () => {
+      const { gl: i, camera: B } = this.glState, o = this._ref.clientWidth, U = this._ref.clientHeight;
+      this._ref.width = o, this._ref.height = U, i.viewport(0, 0, o, U), H(B, o, U);
+      const L = i.getUniformLocation(this.glState.program, "projectionMatrix");
+      i.useProgram(this.glState.program), i.uniformMatrix4fv(L, !1, B.projectionMatrix.elements);
     };
     this.sizeObserver = new ResizeObserver(() => {
       this._resizeTimeoutId !== null && clearTimeout(this._resizeTimeoutId), this._resizeTimeoutId = window.setTimeout(() => {
-        ce(), this._resizeTimeoutId = null;
+        Re(), this._resizeTimeoutId = null;
       }, 100);
-    }), this.sizeObserver.observe(i), q();
+    }), this.sizeObserver.observe(r), V();
   }
   destroy() {
     if (cancelAnimationFrame(this.requestRef), this.sizeObserver.disconnect(), this._resizeTimeoutId !== null && (clearTimeout(this._resizeTimeoutId), this._resizeTimeoutId = null), this._linkElement && this._linkElement.parentElement && (this._linkElement.parentElement.removeChild(this._linkElement), this._linkElement = null), this.glState) {
@@ -663,8 +780,8 @@ class Te {
     this._proceduralTexture && this.glState && this.glState.gl.deleteTexture(this._proceduralTexture);
   }
   downloadAsPNG(e = "neat.png") {
-    const i = this._ref.toDataURL("image/png");
-    be(i, e);
+    const r = this._ref.toDataURL("image/png");
+    Oe(r, e);
   }
   set speed(e) {
     this._uniformsDirty = !0, this._speed = e / 20;
@@ -685,7 +802,7 @@ class Te {
     this._uniformsDirty = !0, this._waveAmplitude = e * 0.75;
   }
   set colors(e) {
-    this._uniformsDirty = !0, this._colors = e, this._cachedColorRgb = e.map((i) => this._hexToRgb(i.color)), this._colorsChanged = !0;
+    this._uniformsDirty = !0, this._colors = e, this._cachedColorRgb = e.map((r) => this._hexToRgb(r.color)), this._colorsChanged = !0;
   }
   set highlights(e) {
     this._uniformsDirty = !0, this._highlights = e / 100;
@@ -719,8 +836,8 @@ class Te {
   }
   set resolution(e) {
     if (this._uniformsDirty = !0, this.glState) {
-      const i = this.glState.gl;
-      i.deleteProgram(this.glState.program), i.deleteBuffer(this.glState.buffers.position), i.deleteBuffer(this.glState.buffers.normal), i.deleteBuffer(this.glState.buffers.uv), i.deleteBuffer(this.glState.buffers.index), i.deleteBuffer(this.glState.buffers.wireframeIndex);
+      const r = this.glState.gl;
+      r.deleteProgram(this.glState.program), r.deleteBuffer(this.glState.buffers.position), r.deleteBuffer(this.glState.buffers.normal), r.deleteBuffer(this.glState.buffers.uv), r.deleteBuffer(this.glState.buffers.index), r.deleteBuffer(this.glState.buffers.wireframeIndex);
     }
     this.glState = this._initScene(e);
   }
@@ -812,59 +929,59 @@ class Te {
     this._uniformsDirty = !0, this._textureShapeSquiggles = e, this._enableProceduralTexture && (this._textureNeedsUpdate = !0);
   }
   _hexToRgb(e) {
-    const i = parseInt(e.replace("#", ""), 16);
+    const r = parseInt(e.replace("#", ""), 16);
     return [
-      (i >> 16 & 255) / 255,
-      (i >> 8 & 255) / 255,
-      (i & 255) / 255
+      (r >> 16 & 255) / 255,
+      (r >> 8 & 255) / 255,
+      (r & 255) / 255
     ];
   }
   _initScene(e) {
-    const i = this._ref.clientWidth, o = this._ref.clientHeight, t = this._ref.getContext("webgl2", { alpha: !0, preserveDrawingBuffer: !0, antialias: !0 }) || this._ref.getContext("webgl", { alpha: !0, preserveDrawingBuffer: !0, antialias: !0 });
+    const r = this._ref.clientWidth, s = this._ref.clientHeight, t = this._ref.getContext("webgl2", { alpha: !0, preserveDrawingBuffer: !0, antialias: !0 }) || this._ref.getContext("webgl", { alpha: !0, preserveDrawingBuffer: !0, antialias: !0 });
     if (!t)
       throw new Error("WebGL not supported");
-    t.getExtension("OES_standard_derivatives"), t.getExtension("OES_element_index_uint"), t.viewport(0, 0, i, o);
-    const { position: b, normal: y, uv: n, index: p, wireframeIndex: v } = xe($, K, 240 * e, 240 * e), T = t.createBuffer();
-    t.bindBuffer(t.ARRAY_BUFFER, T), t.bufferData(t.ARRAY_BUFFER, b, t.STATIC_DRAW);
+    t.getExtension("OES_standard_derivatives"), t.getExtension("OES_element_index_uint"), t.viewport(0, 0, r, s);
+    const { position: S, normal: y, uv: a, index: p, wireframeIndex: v } = Ie($, K, 240 * e, 240 * e), T = t.createBuffer();
+    t.bindBuffer(t.ARRAY_BUFFER, T), t.bufferData(t.ARRAY_BUFFER, S, t.STATIC_DRAW);
     const x = t.createBuffer();
     t.bindBuffer(t.ARRAY_BUFFER, x), t.bufferData(t.ARRAY_BUFFER, y, t.STATIC_DRAW);
     const h = t.createBuffer();
-    t.bindBuffer(t.ARRAY_BUFFER, h), t.bufferData(t.ARRAY_BUFFER, n, t.STATIC_DRAW);
-    const w = t.createBuffer();
-    t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, w), t.bufferData(t.ELEMENT_ARRAY_BUFFER, p, t.STATIC_DRAW);
+    t.bindBuffer(t.ARRAY_BUFFER, h), t.bufferData(t.ARRAY_BUFFER, a, t.STATIC_DRAW);
+    const b = t.createBuffer();
+    t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, b), t.bufferData(t.ELEMENT_ARRAY_BUFFER, p, t.STATIC_DRAW);
     const R = t.createBuffer();
-    t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, R), t.bufferData(t.ELEMENT_ARRAY_BUFFER, v, t.STATIC_DRAW), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, w);
-    const E = me() + `
+    t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, R), t.bufferData(t.ELEMENT_ARRAY_BUFFER, v, t.STATIC_DRAW), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, b);
+    const E = De() + `
 ` + Y() + `
 ` + j() + `
-` + he, g = t.createShader(t.VERTEX_SHADER);
+` + Ce, g = t.createShader(t.VERTEX_SHADER);
     t.shaderSource(g, E), t.compileShader(g), t.getShaderParameter(g, t.COMPILE_STATUS) || (console.log("VERTEX_SHADER_ERROR_START"), console.log("Vertex shader error: ", t.getShaderInfoLog(g)), console.log("GL Error Code:", t.getError()), console.log("Vertex Shader Source Dump:"), console.log(E.split(`
-`).map((S, U) => `${U + 1}: ${S}`).join(`
+`).map((w, M) => `${M + 1}: ${w}`).join(`
 `)), console.log("VERTEX_SHADER_ERROR_END"));
-    const A = pe() + `
+    const A = ze() + `
 ` + j() + `
 ` + Y() + `
-` + de, c = t.createShader(t.FRAGMENT_SHADER);
-    t.shaderSource(c, A), t.compileShader(c), t.getShaderParameter(c, t.COMPILE_STATUS) || (console.log("FRAGMENT_SHADER_ERROR_START"), console.log("Fragment shader error: ", t.getShaderInfoLog(c)), console.log("GL Error Code:", t.getError()), console.log("Fragment Shader Source Dump:"), console.log(A.split(`
-`).map((S, U) => `${U + 1}: ${S}`).join(`
+` + Pe, _ = t.createShader(t.FRAGMENT_SHADER);
+    t.shaderSource(_, A), t.compileShader(_), t.getShaderParameter(_, t.COMPILE_STATUS) || (console.log("FRAGMENT_SHADER_ERROR_START"), console.log("Fragment shader error: ", t.getShaderInfoLog(_)), console.log("GL Error Code:", t.getError()), console.log("Fragment Shader Source Dump:"), console.log(A.split(`
+`).map((w, M) => `${M + 1}: ${w}`).join(`
 `)), console.log("FRAGMENT_SHADER_ERROR_END"));
-    const l = t.createProgram();
-    t.attachShader(l, g), t.attachShader(l, c), t.linkProgram(l), t.getProgramParameter(l, t.LINK_STATUS) || (console.log("PROGRAM_LINK_ERROR_START"), console.log("Program linking error: ", t.getProgramInfoLog(l)), console.log("GL Error Code:", t.getError()), console.log("PROGRAM_LINK_ERROR_END")), t.useProgram(l);
-    const m = new ge(0, 0, 0, 0, 0, 1e3);
-    m.position = [0, 0, 5], H(m, i, o);
-    const s = t.getAttribLocation(l, "position"), f = t.getAttribLocation(l, "normal"), _ = t.getAttribLocation(l, "uv");
-    t.enableVertexAttribArray(s), t.bindBuffer(t.ARRAY_BUFFER, T), t.vertexAttribPointer(s, 3, t.FLOAT, !1, 0, 0), t.enableVertexAttribArray(f), t.bindBuffer(t.ARRAY_BUFFER, x), t.vertexAttribPointer(f, 3, t.FLOAT, !1, 0, 0), t.enableVertexAttribArray(_), t.bindBuffer(t.ARRAY_BUFFER, h), t.vertexAttribPointer(_, 2, t.FLOAT, !1, 0, 0), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, w);
+    const u = t.createProgram();
+    t.attachShader(u, g), t.attachShader(u, _), t.linkProgram(u), t.getProgramParameter(u, t.LINK_STATUS) || (console.log("PROGRAM_LINK_ERROR_START"), console.log("Program linking error: ", t.getProgramInfoLog(u)), console.log("GL Error Code:", t.getError()), console.log("PROGRAM_LINK_ERROR_END")), t.useProgram(u);
+    const m = new Fe(0, 0, 0, 0, 0, 1e3);
+    m.position = [0, 0, 5], H(m, r, s);
+    const n = t.getAttribLocation(u, "position"), f = t.getAttribLocation(u, "normal"), c = t.getAttribLocation(u, "uv");
+    t.enableVertexAttribArray(n), t.bindBuffer(t.ARRAY_BUFFER, T), t.vertexAttribPointer(n, 3, t.FLOAT, !1, 0, 0), t.enableVertexAttribArray(f), t.bindBuffer(t.ARRAY_BUFFER, x), t.vertexAttribPointer(f, 3, t.FLOAT, !1, 0, 0), t.enableVertexAttribArray(c), t.bindBuffer(t.ARRAY_BUFFER, h), t.vertexAttribPointer(c, 2, t.FLOAT, !1, 0, 0), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, b);
     const d = new J();
     d.translate(-m.position[0], -m.position[1], -m.position[2]), d.translate(0, 0, -1), d.rotateX(-Math.PI / 3.5);
-    const z = t.getUniformLocation(l, "modelViewMatrix");
-    t.uniformMatrix4fv(z, !1, d.elements);
-    const C = t.getUniformLocation(l, "projectionMatrix");
-    t.uniformMatrix4fv(C, !1, m.projectionMatrix.elements);
-    const F = t.getUniformLocation(l, "u_plane_width");
+    const C = t.getUniformLocation(u, "modelViewMatrix");
+    t.uniformMatrix4fv(C, !1, d.elements);
+    const D = t.getUniformLocation(u, "projectionMatrix");
+    t.uniformMatrix4fv(D, !1, m.projectionMatrix.elements);
+    const F = t.getUniformLocation(u, "u_plane_width");
     t.uniform1f(F, $);
-    const M = t.getUniformLocation(l, "u_plane_height");
-    t.uniform1f(M, K);
-    const N = t.getUniformLocation(l, "u_colors_count");
+    const I = t.getUniformLocation(u, "u_plane_height");
+    t.uniform1f(I, K);
+    const N = t.getUniformLocation(u, "u_colors_count");
     t.uniform1i(N, O);
     const W = [
       "u_time",
@@ -896,27 +1013,42 @@ class Te {
       "u_texture_ease",
       "u_saturation",
       "u_brightness",
-      "u_color_blending"
-    ], D = {
-      attributes: { position: s, normal: f, uv: _ },
+      "u_color_blending",
+      "u_domain_warp_enabled",
+      "u_domain_warp_intensity",
+      "u_domain_warp_scale",
+      "u_vignette_intensity",
+      "u_vignette_radius",
+      "u_fresnel_enabled",
+      "u_fresnel_power",
+      "u_fresnel_intensity",
+      "u_fresnel_color",
+      "u_iridescence_enabled",
+      "u_iridescence_intensity",
+      "u_iridescence_speed",
+      "u_bloom_intensity",
+      "u_bloom_threshold",
+      "u_chromatic_aberration"
+    ], z = {
+      attributes: { position: n, normal: f, uv: c },
       uniforms: {}
     };
-    W.forEach((S) => {
-      D.uniforms[S] = t.getUniformLocation(l, S);
+    W.forEach((w) => {
+      z.uniforms[w] = t.getUniformLocation(u, w);
     });
-    for (let S = 0; S < O; S++)
-      D.uniforms[`u_colors[${S}].is_active`] = t.getUniformLocation(l, `u_colors[${S}].is_active`), D.uniforms[`u_colors[${S}].color`] = t.getUniformLocation(l, `u_colors[${S}].color`), D.uniforms[`u_colors[${S}].influence`] = t.getUniformLocation(l, `u_colors[${S}].influence`);
+    for (let w = 0; w < O; w++)
+      z.uniforms[`u_colors[${w}].is_active`] = t.getUniformLocation(u, `u_colors[${w}].is_active`), z.uniforms[`u_colors[${w}].color`] = t.getUniformLocation(u, `u_colors[${w}].color`), z.uniforms[`u_colors[${w}].influence`] = t.getUniformLocation(u, `u_colors[${w}].influence`);
     return this._initialized = !0, this._uniformsDirty = !0, this._colorsChanged = !0, this._textureDirty = !0, t.enable(t.BLEND), t.blendFunc(t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA), t.enable(t.DEPTH_TEST), {
       gl: t,
-      program: l,
+      program: u,
       buffers: {
         position: T,
         normal: x,
         uv: h,
-        index: w,
+        index: b,
         wireframeIndex: R
       },
-      locations: D,
+      locations: z,
       camera: m,
       indexCount: p.length,
       wireframeIndexCount: v.length,
@@ -924,66 +1056,66 @@ class Te {
     };
   }
   _createProceduralTexture(e) {
-    const o = document.createElement("canvas");
-    o.width = 1024, o.height = 1024;
-    const t = o.getContext("2d", { willReadFrequently: !0 });
+    const s = document.createElement("canvas");
+    s.width = 1024, s.height = 1024;
+    const t = s.getContext("2d", { willReadFrequently: !0 });
     if (!t)
       return null;
-    let b = this._textureSeed;
+    let S = this._textureSeed;
     const y = this._textureSeed;
-    function n() {
-      const s = Math.sin(b++) * 1e4;
-      return s - Math.floor(s);
+    function a() {
+      const n = Math.sin(S++) * 1e4;
+      return n - Math.floor(n);
     }
-    const p = (s) => {
-      b = y + s;
-    }, v = this._colors.filter((s) => s.enabled).map((s) => s.color);
+    const p = (n) => {
+      S = y + n;
+    }, v = this._colors.filter((n) => n.enabled).map((n) => n.color);
     if (v.length === 0)
       return null;
-    function T(s) {
-      const f = parseInt(s.replace("#", ""), 16);
+    function T(n) {
+      const f = parseInt(n.replace("#", ""), 16);
       return {
         r: f >> 16 & 255,
         g: f >> 8 & 255,
         b: f & 255
       };
     }
-    function x(s, f, _) {
-      return "#" + ((1 << 24) + (Math.round(s) << 16) + (Math.round(f) << 8) + Math.round(_)).toString(16).slice(1).padStart(6, "0");
+    function x(n, f, c) {
+      return "#" + ((1 << 24) + (Math.round(n) << 16) + (Math.round(f) << 8) + Math.round(c)).toString(16).slice(1).padStart(6, "0");
     }
     const h = () => {
-      const s = v[Math.floor(n() * v.length)], f = v[Math.floor(n() * v.length)], _ = n() * this._textureColorBlending, d = T(s), z = T(f), C = d.r + (z.r - d.r) * _, F = d.g + (z.g - d.g) * _, M = d.b + (z.b - d.b) * _;
-      return x(C, F, M);
-    }, w = this._proceduralBackgroundColor || "#000000";
-    t.fillStyle = w, t.fillRect(0, 0, 1024, 1024);
+      const n = v[Math.floor(a() * v.length)], f = v[Math.floor(a() * v.length)], c = a() * this._textureColorBlending, d = T(n), C = T(f), D = d.r + (C.r - d.r) * c, F = d.g + (C.g - d.g) * c, I = d.b + (C.b - d.b) * c;
+      return x(D, F, I);
+    }, b = this._proceduralBackgroundColor || "#000000";
+    t.fillStyle = b, t.fillRect(0, 0, 1024, 1024);
     const R = t.createLinearGradient(0, 0, 0, 1024);
     R.addColorStop(0, h()), R.addColorStop(1, h()), t.fillStyle = R, t.fillRect(0, 0, 1024, 1024);
-    for (let s = 0; s < this._textureShapeTriangles; s++) {
+    for (let n = 0; n < this._textureShapeTriangles; n++) {
       t.fillStyle = h(), t.beginPath();
-      const f = n() * 1024, _ = n() * 1024, d = 100 + n() * 300;
-      t.moveTo(f, _), t.lineTo(f + (n() - 0.5) * d, _ + (n() - 0.5) * d), t.lineTo(f + (n() - 0.5) * d, _ + (n() - 0.5) * d), t.fill();
+      const f = a() * 1024, c = a() * 1024, d = 100 + a() * 300;
+      t.moveTo(f, c), t.lineTo(f + (a() - 0.5) * d, c + (a() - 0.5) * d), t.lineTo(f + (a() - 0.5) * d, c + (a() - 0.5) * d), t.fill();
     }
-    for (let s = 0; s < this._textureShapeCircles; s++) {
-      t.strokeStyle = h(), t.lineWidth = 10 + n() * 50, t.beginPath();
-      const f = n() * 1024, _ = n() * 1024, d = 50 + n() * 150;
-      t.arc(f, _, d, 0, Math.PI * 2), t.stroke();
+    for (let n = 0; n < this._textureShapeCircles; n++) {
+      t.strokeStyle = h(), t.lineWidth = 10 + a() * 50, t.beginPath();
+      const f = a() * 1024, c = a() * 1024, d = 50 + a() * 150;
+      t.arc(f, c, d, 0, Math.PI * 2), t.stroke();
     }
-    for (let s = 0; s < this._textureShapeBars; s++)
-      t.fillStyle = h(), t.save(), t.translate(n() * 1024, n() * 1024), t.rotate(n() * Math.PI), t.fillRect(-150, -25, 300, 50), t.restore();
+    for (let n = 0; n < this._textureShapeBars; n++)
+      t.fillStyle = h(), t.save(), t.translate(a() * 1024, a() * 1024), t.rotate(a() * Math.PI), t.fillRect(-150, -25, 300, 50), t.restore();
     t.lineWidth = 15, t.lineCap = "round";
-    for (let s = 0; s < this._textureShapeSquiggles; s++) {
+    for (let n = 0; n < this._textureShapeSquiggles; n++) {
       t.strokeStyle = h(), t.beginPath();
-      let f = n() * 1024, _ = n() * 1024;
-      t.moveTo(f, _);
+      let f = a() * 1024, c = a() * 1024;
+      t.moveTo(f, c);
       for (let d = 0; d < 4; d++)
         t.bezierCurveTo(
-          f + (n() - 0.5) * 300,
-          _ + (n() - 0.5) * 300,
-          f + (n() - 0.5) * 300,
-          _ + (n() - 0.5) * 300,
-          f + (n() - 0.5) * 300,
-          _ + (n() - 0.5) * 300
-        ), f += (n() - 0.5) * 300, _ += (n() - 0.5) * 300;
+          f + (a() - 0.5) * 300,
+          c + (a() - 0.5) * 300,
+          f + (a() - 0.5) * 300,
+          c + (a() - 0.5) * 300,
+          f + (a() - 0.5) * 300,
+          c + (a() - 0.5) * 300
+        ), f += (a() - 0.5) * 300, c += (a() - 0.5) * 300;
       t.stroke();
     }
     p(5e4);
@@ -992,80 +1124,125 @@ class Te {
     const g = E.getContext("2d", { willReadFrequently: !0 });
     if (!g)
       return null;
-    g.fillStyle = w, g.fillRect(0, 0, 1024, 1024);
+    g.fillStyle = b, g.fillRect(0, 0, 1024, 1024);
     let A = 0;
-    const c = [];
+    const _ = [];
     for (; A < 1024; )
-      if (n() < this._textureVoidLikelihood) {
-        const f = this._textureVoidWidthMin + n() * (this._textureVoidWidthMax - this._textureVoidWidthMin);
-        c.push({ type: "void", x: A, width: f }), A += f;
+      if (a() < this._textureVoidLikelihood) {
+        const f = this._textureVoidWidthMin + a() * (this._textureVoidWidthMax - this._textureVoidWidthMin);
+        _.push({ type: "void", x: A, width: f }), A += f;
       } else {
-        const f = 50 + n() * 200;
-        c.push({ type: "matter", x: A, width: f }), A += f;
+        const f = 50 + a() * 200;
+        _.push({ type: "matter", x: A, width: f }), A += f;
       }
-    for (const s of c)
-      if (s.type === "matter") {
-        const f = s.x, _ = Math.min(s.x + s.width, 1024);
+    for (const n of _)
+      if (n.type === "matter") {
+        const f = n.x, c = Math.min(n.x + n.width, 1024);
         let d = f;
-        for (; d < _; ) {
-          const z = (2 + n() * 20) / this._textureBandDensity, C = Math.floor(n() * 1024);
+        for (; d < c; ) {
+          const C = (2 + a() * 20) / this._textureBandDensity, D = Math.floor(a() * 1024);
           g.drawImage(
-            o,
-            C,
+            s,
+            D,
             0,
-            z,
+            C,
             1024,
             d,
             0,
-            z,
+            C,
             1024
-          ), d += z;
+          ), d += C;
         }
       }
-    const l = e.createTexture();
-    e.bindTexture(e.TEXTURE_2D, l), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, E), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.REPEAT), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.REPEAT), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR_MIPMAP_LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), e.generateMipmap(e.TEXTURE_2D);
+    const u = e.createTexture();
+    e.bindTexture(e.TEXTURE_2D, u), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, E), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.REPEAT), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.REPEAT), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR_MIPMAP_LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), e.generateMipmap(e.TEXTURE_2D);
     const m = e.getExtension("EXT_texture_filter_anisotropic") || e.getExtension("MOZ_EXT_texture_filter_anisotropic") || e.getExtension("WEBKIT_EXT_texture_filter_anisotropic");
     if (m) {
-      const s = e.getParameter(m.MAX_TEXTURE_MAX_ANISOTROPY_EXT);
-      e.texParameterf(e.TEXTURE_2D, m.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(16, s));
+      const n = e.getParameter(m.MAX_TEXTURE_MAX_ANISOTROPY_EXT);
+      e.texParameterf(e.TEXTURE_2D, m.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(16, n));
     }
-    return l;
+    return u;
+  }
+  set domainWarpEnabled(e) {
+    this._domainWarpEnabled !== e && (this._domainWarpEnabled = e, this._uniformsDirty = !0);
+  }
+  set domainWarpIntensity(e) {
+    this._domainWarpIntensity !== e && (this._domainWarpIntensity = e, this._uniformsDirty = !0);
+  }
+  set domainWarpScale(e) {
+    this._domainWarpScale !== e && (this._domainWarpScale = e, this._uniformsDirty = !0);
+  }
+  set vignetteIntensity(e) {
+    this._vignetteIntensity !== e && (this._vignetteIntensity = e, this._uniformsDirty = !0);
+  }
+  set vignetteRadius(e) {
+    this._vignetteRadius !== e && (this._vignetteRadius = e, this._uniformsDirty = !0);
+  }
+  set fresnelEnabled(e) {
+    this._fresnelEnabled !== e && (this._fresnelEnabled = e, this._uniformsDirty = !0);
+  }
+  set fresnelPower(e) {
+    this._fresnelPower !== e && (this._fresnelPower = e, this._uniformsDirty = !0);
+  }
+  set fresnelIntensity(e) {
+    this._fresnelIntensity !== e && (this._fresnelIntensity = e, this._uniformsDirty = !0);
+  }
+  set fresnelColor(e) {
+    this._fresnelColor !== e && (this._fresnelColor = e, this._fresnelColorRgb = this._hexToRgb(e), this._uniformsDirty = !0);
+  }
+  set iridescenceEnabled(e) {
+    this._iridescenceEnabled !== e && (this._iridescenceEnabled = e, this._uniformsDirty = !0);
+  }
+  set iridescenceIntensity(e) {
+    this._iridescenceIntensity !== e && (this._iridescenceIntensity = e, this._uniformsDirty = !0);
+  }
+  set iridescenceSpeed(e) {
+    this._iridescenceSpeed !== e && (this._iridescenceSpeed = e, this._uniformsDirty = !0);
+  }
+  set bloomIntensity(e) {
+    this._bloomIntensity !== e && (this._bloomIntensity = e, this._uniformsDirty = !0);
+  }
+  set bloomThreshold(e) {
+    this._bloomThreshold !== e && (this._bloomThreshold = e, this._uniformsDirty = !0);
+  }
+  set chromaticAberration(e) {
+    this._chromaticAberration !== e && (this._chromaticAberration = e, this._uniformsDirty = !0);
   }
 }
-const Z = (a) => {
-  a.id = ye, a.href = "https://neat.firecms.co", a.target = "_blank", a.style.position = "absolute", a.style.display = "block", a.style.bottom = "0", a.style.right = "0", a.style.padding = "10px", a.style.color = "#dcdcdc", a.style.opacity = "0.8", a.style.fontFamily = "sans-serif", a.style.fontSize = "16px", a.style.fontWeight = "bold", a.style.textDecoration = "none", a.style.zIndex = "10000", a.style.pointerEvents = "auto", a.setAttribute("data-n", "1"), a.innerHTML = "NEAT";
-}, ve = (a) => {
-  const e = a.parentElement;
+const Z = (l) => {
+  l.id = Me, l.href = "https://neat.firecms.co", l.target = "_blank", l.style.position = "absolute", l.style.display = "block", l.style.bottom = "0", l.style.right = "0", l.style.padding = "10px", l.style.color = "#dcdcdc", l.style.opacity = "0.8", l.style.fontFamily = "sans-serif", l.style.fontSize = "16px", l.style.fontWeight = "bold", l.style.textDecoration = "none", l.style.zIndex = "10000", l.style.pointerEvents = "auto", l.setAttribute("data-n", "1"), l.innerHTML = "NEAT";
+}, Ue = (l) => {
+  const e = l.parentElement;
   if (e && getComputedStyle(e).position === "static" && (e.style.position = "relative"), e) {
-    const o = e.querySelector("a[data-n]");
-    if (o)
-      return Z(o), o;
+    const s = e.querySelector("a[data-n]");
+    if (s)
+      return Z(s), s;
   }
-  const i = document.createElement("a");
-  return Z(i), e?.appendChild(i), i;
+  const r = document.createElement("a");
+  return Z(r), e?.appendChild(r), r;
 };
-function we() {
-  const a = new Date(), e = a.getMinutes(), i = a.getSeconds();
-  return e * 60 + i;
+function Be() {
+  const l = new Date(), e = l.getMinutes(), r = l.getSeconds();
+  return e * 60 + r;
 }
-function Se(a = 6) {
+function Le(l = 6) {
   const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  let i = "";
-  for (let o = 0; o < a; o++) {
+  let r = "";
+  for (let s = 0; s < l; s++) {
     const t = Math.floor(Math.random() * e.length);
-    i += e.charAt(t);
+    r += e.charAt(t);
   }
-  return i;
+  return r;
 }
-function be(a, e) {
-  const i = document.createElement("a");
-  i.download = e, i.href = a, document.body.appendChild(i), i.click(), document.body.removeChild(i);
+function Oe(l, e) {
+  const r = document.createElement("a");
+  r.download = e, r.href = l, document.body.appendChild(r), r.click(), document.body.removeChild(r);
 }
-function Ee() {
+function Ne() {
   if (document.getElementById("neat-seo-schema"))
     return;
-  const a = document.createElement("script");
-  a.id = "neat-seo-schema", a.type = "application/ld+json", a.text = JSON.stringify({
+  const l = document.createElement("script");
+  l.id = "neat-seo-schema", l.type = "application/ld+json", l.text = JSON.stringify({
     "@context": "https://schema.org",
     "@type": "WebSite",
     name: "NEAT Gradient",
@@ -1076,19 +1253,19 @@ function Ee() {
       url: "https://firecms.co"
     },
     description: "Beautiful, fast, heavily customizable, WebGL based gradients."
-  }), document.head.appendChild(a);
+  }), document.head.appendChild(l);
   const e = document.createElement("div");
   e.style.position = "absolute", e.style.width = "1px", e.style.height = "1px", e.style.padding = "0", e.style.margin = "-1px", e.style.overflow = "hidden", e.style.clip = "rect(0, 0, 0, 0)", e.style.whiteSpace = "nowrap", e.style.borderWidth = "0";
   try {
-    const i = e.attachShadow({ mode: "closed" }), o = document.createElement("a");
-    o.href = "https://firecms.co", o.textContent = "FireCMS", i.appendChild(o);
+    const r = e.attachShadow({ mode: "closed" }), s = document.createElement("a");
+    s.href = "https://firecms.co", s.textContent = "FireCMS", r.appendChild(s);
   } catch {
-    const o = document.createElement("a");
-    o.href = "https://firecms.co", o.textContent = "FireCMS", e.appendChild(o);
+    const s = document.createElement("a");
+    s.href = "https://firecms.co", s.textContent = "FireCMS", e.appendChild(s);
   }
   document.body.appendChild(e);
 }
 export {
-  Te as NeatGradient
+  We as NeatGradient
 };
 //# sourceMappingURL=index.es.js.map