@frybynite/image-cloud 0.1.1 → 0.1.3

package/dist/image-cloud-auto-init.js

@@ -8,12 +8,12 @@ const Ht = ".fbn-ic-gallery{--fbn-ic-bg-primary: #05060F;--fbn-ic-bg-secondary:
   energetic: Object.freeze({ overshoot: 0.25, bounces: 2, decayRatio: 0.5 }),
   playful: Object.freeze({ overshoot: 0.15, bounces: 1, decayRatio: 0.5 }),
   subtle: Object.freeze({ overshoot: 0.08, bounces: 1, decayRatio: 0.5 })
-}), Mt = Object.freeze({
+}), Tt = Object.freeze({
   gentle: Object.freeze({ stiffness: 150, damping: 30, mass: 1, oscillations: 2 }),
   bouncy: Object.freeze({ stiffness: 300, damping: 15, mass: 1, oscillations: 4 }),
   wobbly: Object.freeze({ stiffness: 180, damping: 12, mass: 1.5, oscillations: 5 }),
   snappy: Object.freeze({ stiffness: 400, damping: 25, mass: 0.8, oscillations: 2 })
-}), Tt = Object.freeze({
+}), Mt = Object.freeze({
   gentle: Object.freeze({ amplitude: 30, frequency: 1.5, decay: !0, decayRate: 0.9, phase: 0 }),
   playful: Object.freeze({ amplitude: 50, frequency: 2.5, decay: !0, decayRate: 0.7, phase: 0 }),
   serpentine: Object.freeze({ amplitude: 60, frequency: 3, decay: !1, decayRate: 1, phase: 0 }),
@@ -410,10 +410,10 @@ function Xt(n, t) {
   return { ...n ? zt[n] : zt.playful, ...t };
 }
 function Bt(n, t) {
-  return { ...n ? Mt[n] : Mt.gentle, ...t };
+  return { ...n ? Tt[n] : Tt.gentle, ...t };
 }
 function Vt(n, t) {
-  return { ...n ? Tt[n] : Tt.gentle, ...t };
+  return { ...n ? Mt[n] : Mt.gentle, ...t };
 }
 class Jt {
   constructor(t) {
@@ -674,13 +674,13 @@ function oe(n) {
     startRotation: d,
     scaleConfig: m,
     startScale: b
-  } = n, p = o.type, u = d !== void 0 && d !== h, f = (r == null ? void 0 : r.mode) === "wobble", w = (r == null ? void 0 : r.wobble) || { amplitude: 15, frequency: 3, decay: !0 }, v = u || f, R = b !== void 0 && b !== l, T = (m == null ? void 0 : m.mode) === "pop", x = (m == null ? void 0 : m.pop) || { overshoot: 1.2, bounces: 1 };
-  if ((p === "linear" || p === "arc") && !v && !(R || T)) {
+  } = n, p = o.type, u = d !== void 0 && d !== h, f = (r == null ? void 0 : r.mode) === "wobble", w = (r == null ? void 0 : r.wobble) || { amplitude: 15, frequency: 3, decay: !0 }, v = u || f, R = b !== void 0 && b !== l, z = (m == null ? void 0 : m.mode) === "pop", x = (m == null ? void 0 : m.pop) || { overshoot: 1.2, bounces: 1 };
+  if ((p === "linear" || p === "arc") && !v && !(R || z)) {
     g && g();
     return;
   }
-  const _ = performance.now(), j = -c / 2, P = -s / 2;
-  function U(G) {
+  const _ = performance.now(), j = -c / 2, U = -s / 2;
+  function P(G) {
     const F = G - _, I = Math.min(F / a, 1);
     let A;
     switch (p) {
@@ -715,12 +715,12 @@ function oe(n) {
         };
     }
     const O = A.x - i.x, S = A.y - i.y;
-    let z;
-    f ? z = ie(I, h, w) : u ? z = st(d, h, I) : z = h;
+    let T;
+    f ? T = ie(I, h, w) : u ? T = st(d, h, I) : T = h;
     let M;
-    T ? M = ne(I, l, x) : R ? M = st(b, l, I) : M = l, t.style.transform = `translate(${j}px, ${P}px) translate(${O}px, ${S}px) rotate(${z}deg) scale(${M})`, I < 1 ? requestAnimationFrame(U) : (t.style.transform = `translate(${j}px, ${P}px) rotate(${h}deg) scale(${l})`, g && g());
+    z ? M = ne(I, l, x) : R ? M = st(b, 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 se(n) {
   return n === "bounce" || n === "elastic" || n === "wave";
@@ -1089,14 +1089,14 @@ class ce {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var x, L, _, j, P, U, G, F, I;
-    const o = [], { width: a, height: c } = e, s = this.config.spacing.padding, h = i.fixedHeight ?? this.config.sizing.base, l = ((x = this.imageConfig.rotation) == null ? void 0 : x.mode) ?? "none", g = ((_ = (L = this.imageConfig.rotation) == null ? void 0 : L.range) == null ? void 0 : _.min) ?? -15, r = ((P = (j = this.imageConfig.rotation) == null ? void 0 : j.range) == null ? void 0 : P.max) ?? 15, d = ((G = (U = this.imageConfig.sizing) == null ? void 0 : U.variance) == null ? void 0 : G.min) ?? 1, m = ((I = (F = this.imageConfig.sizing) == null ? void 0 : F.variance) == null ? void 0 : I.max) ?? 1, b = d !== 1 || m !== 1, u = h * 1.5 / 2, f = h / 2, w = a - s - u, v = c - s - f, R = s + u, T = s + f;
+    var x, L, _, j, U, P, G, F, I;
+    const o = [], { width: a, height: c } = e, s = this.config.spacing.padding, h = i.fixedHeight ?? this.config.sizing.base, l = ((x = this.imageConfig.rotation) == null ? void 0 : x.mode) ?? "none", g = ((_ = (L = this.imageConfig.rotation) == null ? void 0 : L.range) == null ? void 0 : _.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, m = ((I = (F = this.imageConfig.sizing) == null ? void 0 : F.variance) == null ? void 0 : I.max) ?? 1, b = d !== 1 || m !== 1, u = h * 1.5 / 2, f = h / 2, w = a - s - u, v = c - s - f, R = s + u, z = s + f;
     for (let A = 0; A < t; A++) {
-      const O = this.random(R, w), S = this.random(T, v), z = l === "random" ? this.random(g, r) : 0, M = b ? this.random(d, m) : 1, D = h * M, Z = {
+      const O = this.random(R, w), S = this.random(z, v), T = l === "random" ? this.random(g, r) : 0, M = b ? this.random(d, m) : 1, D = h * M, Z = {
         id: A,
         x: O,
         y: S,
-        rotation: z,
+        rotation: T,
         scale: M,
         baseSize: D
       };
@@ -1126,10 +1126,10 @@ class le {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var L, _, j, P, U, G, F, I, A, O;
-    const o = [], { width: a, height: c } = e, { debugRadials: s } = this.config, h = this.config.sizing.base, l = ((L = this.imageConfig.rotation) == null ? void 0 : L.mode) ?? "none", g = ((j = (_ = this.imageConfig.rotation) == null ? void 0 : _.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 = (G = this.imageConfig.sizing) == null ? void 0 : G.variance) == null ? void 0 : F.min) ?? 1, m = ((A = (I = this.imageConfig.sizing) == null ? void 0 : I.variance) == null ? void 0 : A.max) ?? 1, b = d !== 1 || m !== 1, p = ((O = this.imageConfig.sizing) == null ? void 0 : O.scaleDecay) ?? 0, u = ["green", "blue", "red", "yellow", "orange", "purple"], f = i.fixedHeight ?? h, w = a / 2, v = c / 2, R = Math.ceil(Math.sqrt(t));
+    var L, _, j, U, P, G, F, I, A, O;
+    const o = [], { width: a, height: c } = e, { debugRadials: s } = this.config, h = this.config.sizing.base, l = ((L = this.imageConfig.rotation) == null ? void 0 : L.mode) ?? "none", g = ((j = (_ = this.imageConfig.rotation) == null ? void 0 : _.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, m = ((A = (I = this.imageConfig.sizing) == null ? void 0 : I.variance) == null ? void 0 : A.max) ?? 1, b = d !== 1 || m !== 1, p = ((O = this.imageConfig.sizing) == null ? void 0 : O.scaleDecay) ?? 0, u = ["green", "blue", "red", "yellow", "orange", "purple"], f = i.fixedHeight ?? h, w = a / 2, v = c / 2, R = Math.ceil(Math.sqrt(t));
     if (t > 0) {
-      const S = b ? this.random(d, m) : 1, z = f * S;
+      const S = b ? this.random(d, m) : 1, T = f * S;
       o.push({
         id: 0,
         x: w,
@@ -1137,28 +1137,28 @@ class le {
         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: s ? "cyan" : void 0
       });
     }
-    let T = 1, x = 1;
-    for (; T < t; ) {
-      const S = x / R, z = p > 0 ? 1 - S * p * 0.5 : 1, M = x * (f * 0.8), D = M * 1.5, Z = Math.PI * (3 * (D + M) - Math.sqrt((3 * D + M) * (D + 3 * M))), et = this.estimateWidth(f), W = Math.floor(Z / (et * 0.7));
+    let z = 1, x = 1;
+    for (; z < t; ) {
+      const S = x / R, T = p > 0 ? 1 - S * p * 0.5 : 1, M = x * (f * 0.8), D = M * 1.5, Z = Math.PI * (3 * (D + M) - Math.sqrt((3 * D + M) * (D + 3 * M))), et = this.estimateWidth(f), 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 && T < t; Q++) {
-        const B = Q * N + it, q = b ? this.random(d, m) : 1, nt = z * q, V = f * nt;
+      for (let Q = 0; Q < W && z < t; Q++) {
+        const B = Q * N + it, q = b ? this.random(d, m) : 1, nt = T * q, V = f * 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, k = V / 2;
         C - K < $ ? C = $ + K : C + K > a - $ && (C = a - $ - K), H - k < $ ? H = $ + k : H + k > c - $ && (H = c - $ - k);
         const tt = l === "random" ? this.random(g, r) : 0;
         o.push({
-          id: T,
+          id: z,
           x: C,
           y: H,
           rotation: tt,
@@ -1167,7 +1167,7 @@ class le {
           zIndex: Math.max(1, 100 - x),
           // Outer rings have lower z-index
           borderColor: s ? u[(x - 1) % u.length] : void 0
-        }), T++;
+        }), z++;
       }
       x++;
     }
@@ -1192,7 +1192,6 @@ class le {
     return Math.random() * (e - t) + t;
   }
 }
-console.log("[GridPlacementGenerator] Module loaded");
 const he = {
   columns: "auto",
   rows: "auto",
@@ -1240,14 +1239,14 @@ class de {
       p,
       l,
       s
-    ), w = s.stagger === "row", v = s.stagger === "column", R = w ? u + 0.5 : u, T = v ? f + 0.5 : f, x = (b - s.gap * (u - 1)) / R, L = (p - s.gap * (f - 1)) / T, _ = w ? x / 2 : 0, j = v ? L / 2 : 0, P = 1 + s.overlap, U = Math.min(x, L) * P, G = i.fixedHeight ? Math.min(i.fixedHeight, U) : U, F = u * x + (u - 1) * s.gap + _, I = f * L + (f - 1) * s.gap + j, A = h + (b - F) / 2, O = h + (p - I) / 2, S = u * f, z = s.columns !== "auto" && s.rows !== "auto", M = z && t > S;
-    console.log("[GridGen] generate called, imageCount:", t, "gridConfig:", JSON.stringify({ columns: s.columns, rows: s.rows })), console.log("[GridGen] cellCount:", S, "hasFixedGrid:", z, "isOverflowMode:", M), typeof window < "u" && (window.__gridOverflowDebug = {
+    ), w = s.stagger === "row", v = s.stagger === "column", R = w ? u + 0.5 : u, z = v ? f + 0.5 : f, x = (b - s.gap * (u - 1)) / R, L = (p - s.gap * (f - 1)) / z, _ = w ? x / 2 : 0, j = v ? L / 2 : 0, U = 1 + s.overlap, P = Math.min(x, L) * U, G = i.fixedHeight ? Math.min(i.fixedHeight, P) : P, F = u * x + (u - 1) * s.gap + _, I = f * L + (f - 1) * s.gap + j, A = h + (b - F) / 2, O = h + (p - I) / 2, S = u * f, T = s.columns !== "auto" && s.rows !== "auto", M = T && t > S;
+    typeof window < "u" && (window.__gridOverflowDebug = {
       gridConfigColumns: s.columns,
       gridConfigRows: s.rows,
       columns: u,
       rows: f,
       cellCount: S,
-      hasFixedGrid: z,
+      hasFixedGrid: T,
       imageCount: t,
       isOverflowMode: M
     });
@@ -1277,8 +1276,8 @@ class de {
           s.alignment === "center" ? xt = (F - At) / 2 : s.alignment === "end" && (xt = F - At), tt += xt;
         }
       }
-      const mt = m ? this.random(r, d) : 1, at = G * mt, dt = at * 1.5 / 2, gt = at / 2, bt = h + dt, yt = a - h - dt, Pt = h + gt, Ut = c - h - gt;
-      tt = Math.max(bt, Math.min(tt, yt)), ot = Math.max(Pt, Math.min(ot, Ut));
+      const mt = m ? this.random(r, d) : 1, at = G * mt, dt = at * 1.5 / 2, gt = at / 2, bt = h + dt, yt = a - h - dt, Ut = h + gt, Pt = c - h - gt;
+      tt = Math.max(bt, Math.min(tt, yt)), 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;
@@ -1341,8 +1340,8 @@ class fe {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var T, x, L, _, j, P, U, G, F, I;
-    const o = [], { width: a, height: c } = e, s = { ...ue, ...this.config.spiral }, h = this.config.spacing.padding, l = i.fixedHeight ?? this.config.sizing.base, g = ((T = this.imageConfig.rotation) == null ? void 0 : T.mode) ?? "none", r = ((L = (x = this.imageConfig.rotation) == null ? void 0 : x.range) == null ? void 0 : L.min) ?? -15, d = ((j = (_ = this.imageConfig.rotation) == null ? void 0 : _.range) == null ? void 0 : j.max) ?? 15, m = ((U = (P = this.imageConfig.sizing) == null ? void 0 : P.variance) == null ? void 0 : U.min) ?? 1, b = ((F = (G = this.imageConfig.sizing) == null ? void 0 : G.variance) == null ? void 0 : F.max) ?? 1, p = m !== 1 || b !== 1, u = ((I = this.imageConfig.sizing) == null ? void 0 : I.scaleDecay) ?? s.scaleDecay, f = a / 2, w = c / 2, v = Math.min(
+    var z, x, L, _, j, U, P, G, F, I;
+    const o = [], { width: a, height: c } = e, s = { ...ue, ...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 = (_ = this.imageConfig.rotation) == null ? void 0 : _.range) == null ? void 0 : j.max) ?? 15, m = ((P = (U = this.imageConfig.sizing) == null ? void 0 : U.variance) == null ? void 0 : P.min) ?? 1, b = ((F = (G = this.imageConfig.sizing) == null ? void 0 : G.variance) == null ? void 0 : F.max) ?? 1, p = m !== 1 || b !== 1, u = ((I = this.imageConfig.sizing) == null ? void 0 : I.scaleDecay) ?? s.scaleDecay, f = a / 2, w = c / 2, v = Math.min(
       f - h - l / 2,
       w - h - l / 2
     ), R = s.direction === "clockwise" ? -1 : 1;
@@ -1357,7 +1356,7 @@ class fe {
         const k = A * 0.3 * s.tightness;
         O = k * R + s.startAngle, S = this.calculateLogarithmicRadius(k, t, v, s.tightness);
       }
-      const z = f + 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(m, b) : 1, W = Z * et, N = l * W, Q = N * 1.5 / 2, B = N / 2, q = h + Q, nt = a - h - Q, V = h + B, C = c - h - B, H = Math.max(q, Math.min(z, nt)), $ = Math.max(V, Math.min(M, C));
+      const T = f + 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(m, b) : 1, W = Z * et, N = l * W, Q = N * 1.5 / 2, B = N / 2, q = h + Q, nt = a - 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 k = O * 180 / Math.PI % 360, tt = this.random(r, d);
@@ -1444,8 +1443,8 @@ class pe {
    * @returns Array of layout objects with position, rotation, scale
    */
   generate(t, e, i = {}) {
-    var R, T, x, L, _, j, P, U, G;
-    const o = [], { width: a, height: c } = e, s = { ...me, ...this.config.cluster }, h = this.config.spacing.padding, l = i.fixedHeight ?? this.config.sizing.base, g = ((R = this.imageConfig.rotation) == null ? void 0 : R.mode) ?? "none", r = ((x = (T = this.imageConfig.rotation) == null ? void 0 : T.range) == null ? void 0 : x.min) ?? -15, d = ((_ = (L = this.imageConfig.rotation) == null ? void 0 : L.range) == null ? void 0 : _.max) ?? 15, m = ((P = (j = this.imageConfig.sizing) == null ? void 0 : j.variance) == null ? void 0 : P.min) ?? 1, b = ((G = (U = this.imageConfig.sizing) == null ? void 0 : U.variance) == null ? void 0 : G.max) ?? 1, p = m !== 1 || b !== 1, u = this.calculateClusterCount(
+    var R, z, x, L, _, j, U, P, G;
+    const o = [], { width: a, height: c } = e, s = { ...me, ...this.config.cluster }, h = this.config.spacing.padding, l = i.fixedHeight ?? this.config.sizing.base, g = ((R = this.imageConfig.rotation) == null ? void 0 : R.mode) ?? "none", r = ((x = (z = this.imageConfig.rotation) == null ? void 0 : z.range) == null ? void 0 : x.min) ?? -15, d = ((_ = (L = this.imageConfig.rotation) == null ? void 0 : L.range) == null ? void 0 : _.max) ?? 15, m = ((U = (j = this.imageConfig.sizing) == null ? void 0 : j.variance) == null ? void 0 : U.min) ?? 1, b = ((G = (P = this.imageConfig.sizing) == null ? void 0 : P.variance) == null ? void 0 : G.max) ?? 1, p = m !== 1 || b !== 1, u = this.calculateClusterCount(
       t,
       s.clusterCount,
       a,
@@ -1464,20 +1463,20 @@ class pe {
     for (let F = 0; F < u; F++) {
       const I = f[F], A = w[F];
       for (let O = 0; O < A; O++) {
-        let S, z;
+        let S, T;
         if (s.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 M = 1 + s.overlap * 0.5, D = 1 + s.overlap * 0.3;
-        S /= M, z /= M;
+        S /= M, T /= M;
         const Z = p ? this.random(m, b) : 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, a - 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 pe {
         };
         let f = 1 / 0;
         for (const w of c) {
-          const v = u.x - w.x, R = u.y - w.y, T = Math.sqrt(v * v + R * R);
-          f = Math.min(f, T);
+          const v = u.x - w.x, R = u.y - w.y, z = Math.sqrt(v * v + R * R);
+          f = Math.min(f, z);
         }
         if ((c.length === 0 || f > b) && (m = u, b = f), f >= a.clusterSpacing)
           break;
@@ -1567,26 +1566,26 @@ class be {
     const o = [], { width: a, height: c } = e, s = 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, m = ((B = (Q = this.imageConfig.sizing) == null ? void 0 : Q.variance) == null ? void 0 : B.max) ?? 1, b = d !== 1 || m !== 1, p = i.fixedHeight ?? s, u = {
       ...kt,
       ...this.config.wave
-    }, { rows: f, amplitude: w, frequency: v, phaseShift: R, synchronization: T } = u, x = Math.ceil(t / f), j = p * 1.5 / 2, P = h + j, U = a - h - j, G = U - P, F = x > 1 ? G / (x - 1) : 0, I = h + w + p / 2, A = c - h - w - p / 2, O = A - I, S = f > 1 ? O / (f - 1) : 0;
-    let z = 0;
-    for (let q = 0; q < f && z < t; q++) {
+    }, { rows: f, amplitude: w, frequency: v, phaseShift: R, synchronization: z } = u, x = Math.ceil(t / f), j = p * 1.5 / 2, U = h + j, P = a - 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 = f > 1 ? O / (f - 1) : 0;
+    let T = 0;
+    for (let q = 0; q < f && T < t; q++) {
       const nt = f === 1 ? (I + A) / 2 : I + q * S;
       let V = 0;
-      T === "offset" ? V = q * R : T === "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, a, w, v, V), Y = H, K = nt + $, k = b ? this.random(d, m) : 1, tt = p * k;
+      z === "offset" ? V = q * R : 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, a, w, v, V), Y = H, K = nt + $, k = b ? this.random(d, m) : 1, tt = p * k;
         let ot = 0;
         l === "tangent" ? ot = this.calculateRotation(H, a, w, v, V) : l === "random" && (ot = this.random(g, r));
         const at = tt * 1.5 / 2, pt = tt / 2, dt = h + at, gt = a - h - at, bt = h + pt, yt = c - h - pt;
         o.push({
-          id: z,
+          id: T,
           x: Math.max(dt, Math.min(Y, gt)),
           y: Math.max(bt, Math.min(K, yt)),
           rotation: ot,
           scale: k,
           baseSize: tt,
-          zIndex: z + 1
-        }), z++;
+          zIndex: T + 1
+        }), T++;
       }
     }
     return o;
@@ -2084,7 +2083,7 @@ class Se {
             height: t.offsetHeight
           };
           if (this.incoming) {
-            const R = this.animationEngine.cancelAnimation(this.incoming.animationHandle, !0), T = {
+            const R = this.animationEngine.cancelAnimation(this.incoming.animationHandle, !0), z = {
               x: R.x,
               y: R.y,
               rotation: R.rotation,
@@ -2097,7 +2096,7 @@ class Se {
             this.outgoing = this.startUnfocusAnimation(
               this.incoming.element,
               this.incoming.originalState,
-              T,
+              z,
               x
             );
           } else
@@ -2990,7 +2989,7 @@ class ze {
           i,
           g,
           t.length
-        ), R = this.entryAnimationEngine.calculateStartRotation(d.rotation), T = this.entryAnimationEngine.calculateStartScale(d.scale), x = this.entryAnimationEngine.buildFinalTransform(
+        ), R = 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 ze {
           u,
           e,
           R,
-          T
+          z
         );
         this.fullConfig.debug && g < 3 && console.log(`Image ${g}:`, {
           finalPosition: f,
@@ -3013,7 +3012,7 @@ class ze {
           finalTransform: x,
           renderedWidth: u,
           renderedHeight: e
-        }), r.style.transform = L, r.dataset.finalTransform = x, (this.entryAnimationEngine.requiresJSAnimation() || this.entryAnimationEngine.requiresJSRotation() || this.entryAnimationEngine.requiresJSScale() || R !== d.rotation || T !== d.scale) && (r.dataset.startX = String(v.x), r.dataset.startY = String(v.y), r.dataset.endX = String(f.x), r.dataset.endY = String(f.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(R), r.dataset.startScale = String(T)), this.displayQueue.push(r);
+        }), r.style.transform = L, r.dataset.finalTransform = x, (this.entryAnimationEngine.requiresJSAnimation() || this.entryAnimationEngine.requiresJSRotation() || this.entryAnimationEngine.requiresJSScale() || R !== d.rotation || z !== d.scale) && (r.dataset.startX = String(v.x), r.dataset.startY = String(v.y), r.dataset.endX = String(f.x), r.dataset.endY = String(f.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(R), r.dataset.startScale = String(z)), this.displayQueue.push(r);
       }, r.onerror = () => c++, r.src = l;
     });
   }
@@ -3052,15 +3051,15 @@ class ze {
     this.clearImageCloud(), this.resizeTimeout !== null && clearTimeout(this.resizeTimeout);
   }
 }
-function Me() {
+function Te() {
   if (typeof document > "u") return;
   const n = "fbn-ic-styles";
   if (document.getElementById(n)) return;
   const t = document.createElement("style");
   t.id = n, t.textContent = Ht, document.head.appendChild(t);
 }
-Me();
-function Te() {
+Te();
+function Me() {
   if (typeof document > "u") {
     console.warn("ImageCloud: Document not available (not in browser environment)");
     return;
@@ -3097,10 +3096,10 @@ function Te() {
   };
   document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", n) : n();
 }
-Te();
+Me();
 export {
   ze as ImageCloud,
   ze as ImageGallery,
-  Te as autoInitialize
+  Me as autoInitialize
 };
 //# sourceMappingURL=image-cloud-auto-init.js.map