@frybynite/image-cloud 0.1.2 → 0.1.3

package/dist/image-cloud.js

@@ -252,7 +252,7 @@ function rt(n, t) {
   const e = { ...n };
   return t.border !== void 0 && (e.border = { ...n.border, ...t.border }), t.borderTop !== void 0 && (e.borderTop = { ...n.borderTop, ...t.borderTop }), t.borderRight !== void 0 && (e.borderRight = { ...n.borderRight, ...t.borderRight }), t.borderBottom !== void 0 && (e.borderBottom = { ...n.borderBottom, ...t.borderBottom }), t.borderLeft !== void 0 && (e.borderLeft = { ...n.borderLeft, ...t.borderLeft }), t.filter !== void 0 && (e.filter = { ...n.filter, ...t.filter }), t.outline !== void 0 && (e.outline = { ...n.outline, ...t.outline }), t.shadow !== void 0 && (e.shadow = t.shadow), t.opacity !== void 0 && (e.opacity = t.opacity), t.cursor !== void 0 && (e.cursor = t.cursor), t.className !== void 0 && (e.className = t.className), t.objectFit !== void 0 && (e.objectFit = t.objectFit), t.aspectRatio !== void 0 && (e.aspectRatio = t.aspectRatio), t.borderRadiusTopLeft !== void 0 && (e.borderRadiusTopLeft = t.borderRadiusTopLeft), t.borderRadiusTopRight !== void 0 && (e.borderRadiusTopRight = t.borderRadiusTopRight), t.borderRadiusBottomRight !== void 0 && (e.borderRadiusBottomRight = t.borderRadiusBottomRight), t.borderRadiusBottomLeft !== void 0 && (e.borderRadiusBottomLeft = t.borderRadiusBottomLeft), e;
 }
-function Gt(n, t) {
+function kt(n, t) {
   if (!t) return { ...n };
   const e = rt(n.default, t.default), i = rt(
     rt(e, n.hover),
@@ -267,7 +267,7 @@ function Gt(n, t) {
     focused: o
   };
 }
-function kt(n, t) {
+function Gt(n, t) {
   var i, o, s, c, a, h, l, g;
   if (!t) return { ...n };
   const e = { ...n };
@@ -322,12 +322,12 @@ function qt(n = {}) {
   }));
   const o = {
     loader: { ...b.loader },
-    image: kt($t, i),
+    image: Gt($t, i),
     layout: { ...b.layout },
     animation: { ...b.animation },
     interaction: { ...b.interaction },
     rendering: { ...b.rendering },
-    styling: Gt(Lt, n.styling),
+    styling: kt(Lt, n.styling),
     debug: b.debug
   };
   return n.loader && (o.loader = {
@@ -674,14 +674,14 @@ function ne(n) {
     startRotation: d,
     scaleConfig: f,
     startScale: y
-  } = n, p = o.type, u = d !== void 0 && d !== h, m = (r == null ? void 0 : r.mode) === "wobble", w = (r == null ? void 0 : r.wobble) || { amplitude: 15, frequency: 3, decay: !0 }, v = u || m, E = y !== void 0 && y !== l, M = (f == null ? void 0 : f.mode) === "pop", x = (f == null ? void 0 : f.pop) || { overshoot: 1.2, bounces: 1 };
-  if ((p === "linear" || p === "arc") && !v && !(E || M)) {
+  } = n, p = o.type, u = d !== void 0 && d !== h, m = (r == null ? void 0 : r.mode) === "wobble", w = (r == null ? void 0 : r.wobble) || { amplitude: 15, frequency: 3, decay: !0 }, v = u || m, E = y !== void 0 && y !== l, z = (f == null ? void 0 : f.mode) === "pop", x = (f == null ? void 0 : f.pop) || { overshoot: 1.2, bounces: 1 };
+  if ((p === "linear" || p === "arc") && !v && !(E || z)) {
     g && g();
     return;
   }
-  const G = performance.now(), j = -c / 2, P = -a / 2;
-  function U(k) {
-    const F = k - G, I = Math.min(F / s, 1);
+  const k = performance.now(), j = -c / 2, U = -a / 2;
+  function P(G) {
+    const F = G - k, I = Math.min(F / s, 1);
     let A;
     switch (p) {
       case "bounce": {
@@ -715,12 +715,12 @@ function ne(n) {
         };
     }
     const O = A.x - i.x, S = A.y - i.y;
-    let z;
-    m ? z = ee(I, h, w) : u ? z = st(d, h, I) : z = h;
     let T;
-    M ? T = ie(I, l, x) : E ? T = st(y, l, I) : T = l, t.style.transform = `translate(${j}px, ${P}px) translate(${O}px, ${S}px) rotate(${z}deg) scale(${T})`, I < 1 ? requestAnimationFrame(U) : (t.style.transform = `translate(${j}px, ${P}px) rotate(${h}deg) scale(${l})`, g && g());
+    m ? T = ee(I, h, w) : u ? T = st(d, h, I) : T = h;
+    let M;
+    z ? M = ie(I, l, x) : E ? M = st(y, l, I) : M = l, t.style.transform = `translate(${j}px, ${U}px) translate(${O}px, ${S}px) rotate(${T}deg) scale(${M})`, I < 1 ? requestAnimationFrame(P) : (t.style.transform = `translate(${j}px, ${U}px) rotate(${h}deg) scale(${l})`, g && g());
   }
-  requestAnimationFrame(U);
+  requestAnimationFrame(P);
 }
 function oe(n) {
   return n === "bounce" || n === "elastic" || n === "wave";
@@ -1089,15 +1089,15 @@ class re {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var x, L, G, j, P, U, k, F, I;
-    const o = [], { width: s, height: c } = e, a = this.config.spacing.padding, h = i.fixedHeight ?? this.config.sizing.base, l = ((x = this.imageConfig.rotation) == null ? void 0 : x.mode) ?? "none", g = ((G = (L = this.imageConfig.rotation) == null ? void 0 : L.range) == null ? void 0 : G.min) ?? -15, r = ((P = (j = this.imageConfig.rotation) == null ? void 0 : j.range) == null ? void 0 : P.max) ?? 15, d = ((k = (U = this.imageConfig.sizing) == null ? void 0 : U.variance) == null ? void 0 : k.min) ?? 1, f = ((I = (F = this.imageConfig.sizing) == null ? void 0 : F.variance) == null ? void 0 : I.max) ?? 1, y = d !== 1 || f !== 1, u = h * 1.5 / 2, m = h / 2, w = s - a - u, v = c - a - m, E = a + u, M = a + m;
+    var x, L, k, j, U, P, G, F, I;
+    const o = [], { width: s, height: c } = e, a = this.config.spacing.padding, h = i.fixedHeight ?? this.config.sizing.base, l = ((x = this.imageConfig.rotation) == null ? void 0 : x.mode) ?? "none", g = ((k = (L = this.imageConfig.rotation) == null ? void 0 : L.range) == null ? void 0 : k.min) ?? -15, r = ((U = (j = this.imageConfig.rotation) == null ? void 0 : j.range) == null ? void 0 : U.max) ?? 15, d = ((G = (P = this.imageConfig.sizing) == null ? void 0 : P.variance) == null ? void 0 : G.min) ?? 1, f = ((I = (F = this.imageConfig.sizing) == null ? void 0 : F.variance) == null ? void 0 : I.max) ?? 1, y = d !== 1 || f !== 1, u = h * 1.5 / 2, m = h / 2, w = s - a - u, v = c - a - m, E = a + u, z = a + m;
     for (let A = 0; A < t; A++) {
-      const O = this.random(E, w), S = this.random(M, v), z = l === "random" ? this.random(g, r) : 0, T = y ? this.random(d, f) : 1, D = h * T, Z = {
+      const O = this.random(E, w), S = this.random(z, v), T = l === "random" ? this.random(g, r) : 0, M = y ? this.random(d, f) : 1, D = h * M, Z = {
         id: A,
         x: O,
         y: S,
-        rotation: z,
-        scale: T,
+        rotation: T,
+        scale: M,
         baseSize: D
       };
       o.push(Z);
@@ -1126,10 +1126,10 @@ class ce {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var L, G, j, P, U, k, F, I, A, O;
-    const o = [], { width: s, height: c } = e, { debugRadials: a } = this.config, h = this.config.sizing.base, l = ((L = this.imageConfig.rotation) == null ? void 0 : L.mode) ?? "none", g = ((j = (G = this.imageConfig.rotation) == null ? void 0 : G.range) == null ? void 0 : j.min) ?? -15, r = ((U = (P = this.imageConfig.rotation) == null ? void 0 : P.range) == null ? void 0 : U.max) ?? 15, d = ((F = (k = this.imageConfig.sizing) == null ? void 0 : k.variance) == null ? void 0 : F.min) ?? 1, f = ((A = (I = this.imageConfig.sizing) == null ? void 0 : I.variance) == null ? void 0 : A.max) ?? 1, y = d !== 1 || f !== 1, p = ((O = this.imageConfig.sizing) == null ? void 0 : O.scaleDecay) ?? 0, u = ["green", "blue", "red", "yellow", "orange", "purple"], m = i.fixedHeight ?? h, w = s / 2, v = c / 2, E = Math.ceil(Math.sqrt(t));
+    var L, k, j, U, P, G, F, I, A, O;
+    const o = [], { width: s, height: c } = e, { debugRadials: a } = this.config, h = this.config.sizing.base, l = ((L = this.imageConfig.rotation) == null ? void 0 : L.mode) ?? "none", g = ((j = (k = this.imageConfig.rotation) == null ? void 0 : k.range) == null ? void 0 : j.min) ?? -15, r = ((P = (U = this.imageConfig.rotation) == null ? void 0 : U.range) == null ? void 0 : P.max) ?? 15, d = ((F = (G = this.imageConfig.sizing) == null ? void 0 : G.variance) == null ? void 0 : F.min) ?? 1, f = ((A = (I = this.imageConfig.sizing) == null ? void 0 : I.variance) == null ? void 0 : A.max) ?? 1, y = d !== 1 || f !== 1, p = ((O = this.imageConfig.sizing) == null ? void 0 : O.scaleDecay) ?? 0, u = ["green", "blue", "red", "yellow", "orange", "purple"], m = i.fixedHeight ?? h, w = s / 2, v = c / 2, E = Math.ceil(Math.sqrt(t));
     if (t > 0) {
-      const S = y ? this.random(d, f) : 1, z = m * S;
+      const S = y ? this.random(d, f) : 1, T = m * S;
       o.push({
         id: 0,
         x: w,
@@ -1137,28 +1137,28 @@ class ce {
         rotation: l === "random" ? this.random(g * 0.33, r * 0.33) : 0,
         // Less rotation for center
         scale: S,
-        baseSize: z,
+        baseSize: T,
         zIndex: 100,
         // Center image is highest
         borderColor: a ? "cyan" : void 0
       });
     }
-    let M = 1, x = 1;
-    for (; M < t; ) {
-      const S = x / E, z = p > 0 ? 1 - S * p * 0.5 : 1, T = x * (m * 0.8), D = T * 1.5, Z = Math.PI * (3 * (D + T) - Math.sqrt((3 * D + T) * (D + 3 * T))), et = this.estimateWidth(m), W = Math.floor(Z / (et * 0.7));
+    let z = 1, x = 1;
+    for (; z < t; ) {
+      const S = x / E, T = p > 0 ? 1 - S * p * 0.5 : 1, M = x * (m * 0.8), D = M * 1.5, Z = Math.PI * (3 * (D + M) - Math.sqrt((3 * D + M) * (D + 3 * M))), et = this.estimateWidth(m), W = Math.floor(Z / (et * 0.7));
       if (W === 0) {
         x++;
         continue;
       }
       const N = 2 * Math.PI / W, it = x * (20 * Math.PI / 180);
-      for (let Q = 0; Q < W && M < t; Q++) {
-        const B = Q * N + it, q = y ? this.random(d, f) : 1, nt = z * q, V = m * nt;
-        let C = w + Math.cos(B) * D, H = v + Math.sin(B) * T;
+      for (let Q = 0; Q < W && z < t; Q++) {
+        const B = Q * N + it, q = y ? this.random(d, f) : 1, nt = T * q, V = m * nt;
+        let C = w + Math.cos(B) * D, H = v + Math.sin(B) * M;
         const $ = this.config.spacing.padding ?? 50, K = V * 1.5 / 2, _ = V / 2;
         C - K < $ ? C = $ + K : C + K > s - $ && (C = s - $ - K), H - _ < $ ? H = $ + _ : H + _ > c - $ && (H = c - $ - _);
         const tt = l === "random" ? this.random(g, r) : 0;
         o.push({
-          id: M,
+          id: z,
           x: C,
           y: H,
           rotation: tt,
@@ -1167,7 +1167,7 @@ class ce {
           zIndex: Math.max(1, 100 - x),
           // Outer rings have lower z-index
           borderColor: a ? u[(x - 1) % u.length] : void 0
-        }), M++;
+        }), z++;
       }
       x++;
     }
@@ -1192,7 +1192,6 @@ class ce {
     return Math.random() * (e - t) + t;
   }
 }
-console.log("[GridPlacementGenerator] Module loaded");
 const le = {
   columns: "auto",
   rows: "auto",
@@ -1240,21 +1239,21 @@ class he {
       p,
       l,
       a
-    ), w = a.stagger === "row", v = a.stagger === "column", E = w ? u + 0.5 : u, M = v ? m + 0.5 : m, x = (y - a.gap * (u - 1)) / E, L = (p - a.gap * (m - 1)) / M, G = w ? x / 2 : 0, j = v ? L / 2 : 0, P = 1 + a.overlap, U = Math.min(x, L) * P, k = i.fixedHeight ? Math.min(i.fixedHeight, U) : U, F = u * x + (u - 1) * a.gap + G, I = m * L + (m - 1) * a.gap + j, A = h + (y - F) / 2, O = h + (p - I) / 2, S = u * m, z = a.columns !== "auto" && a.rows !== "auto", T = z && t > S;
-    console.log("[GridGen] generate called, imageCount:", t, "gridConfig:", JSON.stringify({ columns: a.columns, rows: a.rows })), console.log("[GridGen] cellCount:", S, "hasFixedGrid:", z, "isOverflowMode:", T), typeof window < "u" && (window.__gridOverflowDebug = {
+    ), w = a.stagger === "row", v = a.stagger === "column", E = w ? u + 0.5 : u, z = v ? m + 0.5 : m, x = (y - a.gap * (u - 1)) / E, L = (p - a.gap * (m - 1)) / z, k = w ? x / 2 : 0, j = v ? L / 2 : 0, U = 1 + a.overlap, P = Math.min(x, L) * U, G = i.fixedHeight ? Math.min(i.fixedHeight, P) : P, F = u * x + (u - 1) * a.gap + k, I = m * L + (m - 1) * a.gap + j, A = h + (y - F) / 2, O = h + (p - I) / 2, S = u * m, T = a.columns !== "auto" && a.rows !== "auto", M = T && t > S;
+    typeof window < "u" && (window.__gridOverflowDebug = {
       gridConfigColumns: a.columns,
       gridConfigRows: a.rows,
       columns: u,
       rows: m,
       cellCount: S,
-      hasFixedGrid: z,
+      hasFixedGrid: T,
       imageCount: t,
-      isOverflowMode: T
+      isOverflowMode: M
     });
-    const D = T ? new Array(S).fill(0) : [], Z = Math.min(x, L) * a.overflowOffset;
+    const D = M ? new Array(S).fill(0) : [], Z = Math.min(x, L) * a.overflowOffset;
     for (let C = 0; C < t; C++) {
       let H, $, Y = 0;
-      if (T && C >= S) {
+      if (M && C >= S) {
         const J = C - S, X = J % S;
         Y = Math.floor(J / S) + 1, D[X]++, a.fillDirection === "row" ? (H = X % u, $ = Math.floor(X / u)) : ($ = X % m, H = Math.floor(X / m));
       } else
@@ -1269,7 +1268,7 @@ class he {
         K += this.random(-J, J), _ += this.random(-X, X);
       }
       let tt = K, ot = _;
-      if (!T && a.fillDirection === "row") {
+      if (!M && a.fillDirection === "row") {
         const J = t % u || u;
         if ($ === Math.floor((t - 1) / u) && J < u) {
           const At = J * x + (J - 1) * a.gap;
@@ -1277,15 +1276,15 @@ class he {
           a.alignment === "center" ? xt = (F - At) / 2 : a.alignment === "end" && (xt = F - At), tt += xt;
         }
       }
-      const ft = f ? this.random(r, d) : 1, at = k * ft, dt = at * 1.5 / 2, gt = at / 2, yt = h + dt, bt = s - h - dt, Pt = h + gt, Ut = c - h - gt;
-      tt = Math.max(yt, Math.min(tt, bt)), ot = Math.max(Pt, Math.min(ot, Ut));
+      const ft = f ? this.random(r, d) : 1, at = G * ft, dt = at * 1.5 / 2, gt = at / 2, yt = h + dt, bt = s - h - dt, Ut = h + gt, Pt = c - h - gt;
+      tt = Math.max(yt, Math.min(tt, bt)), ot = Math.max(Ut, Math.min(ot, Pt));
       let vt = 0;
       if (g === "random") {
         const J = ((q = (B = this.imageConfig.rotation) == null ? void 0 : B.range) == null ? void 0 : q.min) ?? -15, X = ((V = (nt = this.imageConfig.rotation) == null ? void 0 : nt.range) == null ? void 0 : V.max) ?? 15;
         a.jitter > 0 ? vt = this.random(J * a.jitter, X * a.jitter) : vt = this.random(J, X);
       }
       let wt;
-      T && Y > 0 ? wt = 50 - Y : wt = T ? 100 + C : C + 1, o.push({
+      M && Y > 0 ? wt = 50 - Y : wt = M ? 100 + C : C + 1, o.push({
         id: C,
         x: tt,
         y: ot,
@@ -1341,8 +1340,8 @@ class ue {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var M, x, L, G, j, P, U, k, F, I;
-    const o = [], { width: s, height: c } = e, a = { ...ge, ...this.config.spiral }, h = this.config.spacing.padding, l = i.fixedHeight ?? this.config.sizing.base, g = ((M = this.imageConfig.rotation) == null ? void 0 : M.mode) ?? "none", r = ((L = (x = this.imageConfig.rotation) == null ? void 0 : x.range) == null ? void 0 : L.min) ?? -15, d = ((j = (G = this.imageConfig.rotation) == null ? void 0 : G.range) == null ? void 0 : j.max) ?? 15, f = ((U = (P = this.imageConfig.sizing) == null ? void 0 : P.variance) == null ? void 0 : U.min) ?? 1, y = ((F = (k = this.imageConfig.sizing) == null ? void 0 : k.variance) == null ? void 0 : F.max) ?? 1, p = f !== 1 || y !== 1, u = ((I = this.imageConfig.sizing) == null ? void 0 : I.scaleDecay) ?? a.scaleDecay, m = s / 2, w = c / 2, v = Math.min(
+    var z, x, L, k, j, U, P, G, F, I;
+    const o = [], { width: s, height: c } = e, a = { ...ge, ...this.config.spiral }, h = this.config.spacing.padding, l = i.fixedHeight ?? this.config.sizing.base, g = ((z = this.imageConfig.rotation) == null ? void 0 : z.mode) ?? "none", r = ((L = (x = this.imageConfig.rotation) == null ? void 0 : x.range) == null ? void 0 : L.min) ?? -15, d = ((j = (k = this.imageConfig.rotation) == null ? void 0 : k.range) == null ? void 0 : j.max) ?? 15, f = ((P = (U = this.imageConfig.sizing) == null ? void 0 : U.variance) == null ? void 0 : P.min) ?? 1, y = ((F = (G = this.imageConfig.sizing) == null ? void 0 : G.variance) == null ? void 0 : F.max) ?? 1, p = f !== 1 || y !== 1, u = ((I = this.imageConfig.sizing) == null ? void 0 : I.scaleDecay) ?? a.scaleDecay, m = s / 2, w = c / 2, v = Math.min(
       m - h - l / 2,
       w - h - l / 2
     ), E = a.direction === "clockwise" ? -1 : 1;
@@ -1357,7 +1356,7 @@ class ue {
         const _ = A * 0.3 * a.tightness;
         O = _ * E + a.startAngle, S = this.calculateLogarithmicRadius(_, t, v, a.tightness);
       }
-      const z = m + Math.cos(O) * S, T = w + Math.sin(O) * S, D = S / v, Z = u > 0 ? 1 - D * u * 0.5 : 1, et = p ? this.random(f, y) : 1, W = Z * et, N = l * W, Q = N * 1.5 / 2, B = N / 2, q = h + Q, nt = s - h - Q, V = h + B, C = c - h - B, H = Math.max(q, Math.min(z, nt)), $ = Math.max(V, Math.min(T, C));
+      const T = m + Math.cos(O) * S, M = w + Math.sin(O) * S, D = S / v, Z = u > 0 ? 1 - D * u * 0.5 : 1, et = p ? this.random(f, y) : 1, W = Z * et, N = l * W, Q = N * 1.5 / 2, B = N / 2, q = h + Q, nt = s - h - Q, V = h + B, C = c - h - B, H = Math.max(q, Math.min(T, nt)), $ = Math.max(V, Math.min(M, C));
       let Y = 0;
       if (g === "random") {
         const _ = O * 180 / Math.PI % 360, tt = this.random(r, d);
@@ -1444,8 +1443,8 @@ class fe {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var E, M, x, L, G, j, P, U, k;
-    const o = [], { width: s, height: c } = e, a = { ...me, ...this.config.cluster }, h = this.config.spacing.padding, l = i.fixedHeight ?? this.config.sizing.base, g = ((E = this.imageConfig.rotation) == null ? void 0 : E.mode) ?? "none", r = ((x = (M = this.imageConfig.rotation) == null ? void 0 : M.range) == null ? void 0 : x.min) ?? -15, d = ((G = (L = this.imageConfig.rotation) == null ? void 0 : L.range) == null ? void 0 : G.max) ?? 15, f = ((P = (j = this.imageConfig.sizing) == null ? void 0 : j.variance) == null ? void 0 : P.min) ?? 1, y = ((k = (U = this.imageConfig.sizing) == null ? void 0 : U.variance) == null ? void 0 : k.max) ?? 1, p = f !== 1 || y !== 1, u = this.calculateClusterCount(
+    var E, z, x, L, k, j, U, P, G;
+    const o = [], { width: s, height: c } = e, a = { ...me, ...this.config.cluster }, h = this.config.spacing.padding, l = i.fixedHeight ?? this.config.sizing.base, g = ((E = this.imageConfig.rotation) == null ? void 0 : E.mode) ?? "none", r = ((x = (z = this.imageConfig.rotation) == null ? void 0 : z.range) == null ? void 0 : x.min) ?? -15, d = ((k = (L = this.imageConfig.rotation) == null ? void 0 : L.range) == null ? void 0 : k.max) ?? 15, f = ((U = (j = this.imageConfig.sizing) == null ? void 0 : j.variance) == null ? void 0 : U.min) ?? 1, y = ((G = (P = this.imageConfig.sizing) == null ? void 0 : P.variance) == null ? void 0 : G.max) ?? 1, p = f !== 1 || y !== 1, u = this.calculateClusterCount(
       t,
       a.clusterCount,
       s,
@@ -1464,20 +1463,20 @@ class fe {
     for (let F = 0; F < u; F++) {
       const I = m[F], A = w[F];
       for (let O = 0; O < A; O++) {
-        let S, z;
+        let S, T;
         if (a.distribution === "gaussian")
-          S = this.gaussianRandom() * I.spread, z = this.gaussianRandom() * I.spread;
+          S = this.gaussianRandom() * I.spread, T = this.gaussianRandom() * I.spread;
         else {
           const $ = this.random(0, Math.PI * 2), Y = this.random(0, I.spread);
-          S = Math.cos($) * Y, z = Math.sin($) * Y;
+          S = Math.cos($) * Y, T = Math.sin($) * Y;
         }
-        const T = 1 + a.overlap * 0.5, D = 1 + a.overlap * 0.3;
-        S /= T, z /= T;
+        const M = 1 + a.overlap * 0.5, D = 1 + a.overlap * 0.3;
+        S /= M, T /= M;
         const Z = p ? this.random(f, y) : 1, et = D * Z, W = l * et;
-        let N = I.x + S, it = I.y + z;
+        let N = I.x + S, it = I.y + T;
         const B = W * 1.5 / 2, q = W / 2;
         N = Math.max(h + B, Math.min(N, s - h - B)), it = Math.max(h + q, Math.min(it, c - h - q));
-        const nt = g === "random" ? this.random(r, d) : 0, C = Math.sqrt(S * S + z * z) / I.spread, H = Math.round((1 - C) * 50) + 1;
+        const nt = g === "random" ? this.random(r, d) : 0, C = Math.sqrt(S * S + T * T) / I.spread, H = Math.round((1 - C) * 50) + 1;
         o.push({
           id: v,
           x: N,
@@ -1517,8 +1516,8 @@ class fe {
         };
         let m = 1 / 0;
         for (const w of c) {
-          const v = u.x - w.x, E = u.y - w.y, M = Math.sqrt(v * v + E * E);
-          m = Math.min(m, M);
+          const v = u.x - w.x, E = u.y - w.y, z = Math.sqrt(v * v + E * E);
+          m = Math.min(m, z);
         }
         if ((c.length === 0 || m > y) && (f = u, y = m), m >= s.clusterSpacing)
           break;
@@ -1563,30 +1562,30 @@ class pe {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var T, D, Z, et, W, N, it, Q, B;
-    const o = [], { width: s, height: c } = e, a = this.config.sizing.base, h = this.config.spacing.padding ?? 50, l = ((T = this.imageConfig.rotation) == null ? void 0 : T.mode) ?? "none", g = ((Z = (D = this.imageConfig.rotation) == null ? void 0 : D.range) == null ? void 0 : Z.min) ?? -15, r = ((W = (et = this.imageConfig.rotation) == null ? void 0 : et.range) == null ? void 0 : W.max) ?? 15, d = ((it = (N = this.imageConfig.sizing) == null ? void 0 : N.variance) == null ? void 0 : it.min) ?? 1, f = ((B = (Q = this.imageConfig.sizing) == null ? void 0 : Q.variance) == null ? void 0 : B.max) ?? 1, y = d !== 1 || f !== 1, p = i.fixedHeight ?? a, u = {
+    var M, D, Z, et, W, N, it, Q, B;
+    const o = [], { width: s, height: c } = e, a = this.config.sizing.base, h = this.config.spacing.padding ?? 50, l = ((M = this.imageConfig.rotation) == null ? void 0 : M.mode) ?? "none", g = ((Z = (D = this.imageConfig.rotation) == null ? void 0 : D.range) == null ? void 0 : Z.min) ?? -15, r = ((W = (et = this.imageConfig.rotation) == null ? void 0 : et.range) == null ? void 0 : W.max) ?? 15, d = ((it = (N = this.imageConfig.sizing) == null ? void 0 : N.variance) == null ? void 0 : it.min) ?? 1, f = ((B = (Q = this.imageConfig.sizing) == null ? void 0 : Q.variance) == null ? void 0 : B.max) ?? 1, y = d !== 1 || f !== 1, p = i.fixedHeight ?? a, u = {
       ...Ht,
       ...this.config.wave
-    }, { rows: m, amplitude: w, frequency: v, phaseShift: E, synchronization: M } = u, x = Math.ceil(t / m), j = p * 1.5 / 2, P = h + j, U = s - h - j, k = U - P, F = x > 1 ? k / (x - 1) : 0, I = h + w + p / 2, A = c - h - w - p / 2, O = A - I, S = m > 1 ? O / (m - 1) : 0;
-    let z = 0;
-    for (let q = 0; q < m && z < t; q++) {
+    }, { rows: m, amplitude: w, frequency: v, phaseShift: E, synchronization: z } = u, x = Math.ceil(t / m), j = p * 1.5 / 2, U = h + j, P = s - h - j, G = P - U, F = x > 1 ? G / (x - 1) : 0, I = h + w + p / 2, A = c - h - w - p / 2, O = A - I, S = m > 1 ? O / (m - 1) : 0;
+    let T = 0;
+    for (let q = 0; q < m && T < t; q++) {
       const nt = m === 1 ? (I + A) / 2 : I + q * S;
       let V = 0;
-      M === "offset" ? V = q * E : M === "alternating" && (V = q * Math.PI);
-      for (let C = 0; C < x && z < t; C++) {
-        const H = x === 1 ? (P + U) / 2 : P + C * F, $ = this.calculateWaveY(H, s, w, v, V), Y = H, K = nt + $, _ = y ? this.random(d, f) : 1, tt = p * _;
+      z === "offset" ? V = q * E : z === "alternating" && (V = q * Math.PI);
+      for (let C = 0; C < x && T < t; C++) {
+        const H = x === 1 ? (U + P) / 2 : U + C * F, $ = this.calculateWaveY(H, s, w, v, V), Y = H, K = nt + $, _ = y ? this.random(d, f) : 1, tt = p * _;
         let ot = 0;
         l === "tangent" ? ot = this.calculateRotation(H, s, w, v, V) : l === "random" && (ot = this.random(g, r));
         const at = tt * 1.5 / 2, pt = tt / 2, dt = h + at, gt = s - h - at, yt = h + pt, bt = c - h - pt;
         o.push({
-          id: z,
+          id: T,
           x: Math.max(dt, Math.min(Y, gt)),
           y: Math.max(yt, Math.min(K, bt)),
           rotation: ot,
           scale: _,
           baseSize: tt,
-          zIndex: z + 1
-        }), z++;
+          zIndex: T + 1
+        }), T++;
       }
     }
     return o;
@@ -2084,7 +2083,7 @@ class xe {
             height: t.offsetHeight
           };
           if (this.incoming) {
-            const E = this.animationEngine.cancelAnimation(this.incoming.animationHandle, !0), M = {
+            const E = this.animationEngine.cancelAnimation(this.incoming.animationHandle, !0), z = {
               x: E.x,
               y: E.y,
               rotation: E.rotation,
@@ -2097,7 +2096,7 @@ class xe {
             this.outgoing = this.startUnfocusAnimation(
               this.incoming.element,
               this.incoming.originalState,
-              M,
+              z,
               x
             );
           } else
@@ -2990,7 +2989,7 @@ class Ae {
           i,
           g,
           t.length
-        ), E = this.entryAnimationEngine.calculateStartRotation(d.rotation), M = this.entryAnimationEngine.calculateStartScale(d.scale), x = this.entryAnimationEngine.buildFinalTransform(
+        ), E = this.entryAnimationEngine.calculateStartRotation(d.rotation), z = this.entryAnimationEngine.calculateStartScale(d.scale), x = this.entryAnimationEngine.buildFinalTransform(
           d.rotation,
           d.scale,
           u,
@@ -3003,7 +3002,7 @@ class Ae {
           u,
           e,
           E,
-          M
+          z
         );
         this.fullConfig.debug && g < 3 && console.log(`Image ${g}:`, {
           finalPosition: m,
@@ -3013,7 +3012,7 @@ class Ae {
           finalTransform: x,
           renderedWidth: u,
           renderedHeight: e
-        }), r.style.transform = L, r.dataset.finalTransform = x, (this.entryAnimationEngine.requiresJSAnimation() || this.entryAnimationEngine.requiresJSRotation() || this.entryAnimationEngine.requiresJSScale() || E !== d.rotation || M !== d.scale) && (r.dataset.startX = String(v.x), r.dataset.startY = String(v.y), r.dataset.endX = String(m.x), r.dataset.endY = String(m.y), r.dataset.imageWidth = String(u), r.dataset.imageHeight = String(e), r.dataset.rotation = String(d.rotation), r.dataset.scale = String(d.scale), r.dataset.startRotation = String(E), r.dataset.startScale = String(M)), this.displayQueue.push(r);
+        }), r.style.transform = L, r.dataset.finalTransform = x, (this.entryAnimationEngine.requiresJSAnimation() || this.entryAnimationEngine.requiresJSRotation() || this.entryAnimationEngine.requiresJSScale() || E !== d.rotation || z !== d.scale) && (r.dataset.startX = String(v.x), r.dataset.startY = String(v.y), r.dataset.endX = String(m.x), r.dataset.endY = String(m.y), r.dataset.imageWidth = String(u), r.dataset.imageHeight = String(e), r.dataset.rotation = String(d.rotation), r.dataset.scale = String(d.scale), r.dataset.startRotation = String(E), r.dataset.startScale = String(z)), this.displayQueue.push(r);
       }, r.onerror = () => c++, r.src = l;
     });
   }