three-slicer-viewer 0.3.1 → 0.3.3

package/dist/toolpath.js

@@ -1,191 +1,113 @@
-import { U as St, b as It, a as kt } from "./viewer_defaults-B7UUZ582.js";
-import { r as bt, S as nt, R as et, t as Tt } from "./toolpath_encoding-BuYs95qZ.js";
-import { T as Pt } from "./theme-2oyfMuvf.js";
-const O = {
-  0: [0.35, 0.38, 0.44],
-  // travel
-  1: [0.98, 0.45, 0.16],
-  // wall
-  2: [0.36, 0.72, 0.94],
-  // sparse infill
-  3: [0.2, 0.55, 0.86],
-  // solid infill
-  4: [0.62, 0.66, 0.72],
-  // skirt / brim
-  5: [0.5, 0.54, 0.6],
-  // support
-  6: [0.42, 0.46, 0.52],
-  // raft
-  7: [0.96, 0.76, 0.22],
-  // gap fill
-  8: [0.88, 0.55, 0.3],
-  // thin wall
-  9: [0.3, 0.8, 0.62],
-  // bridge
-  10: [0.8, 0.42, 0.72],
-  // ironing
-  11: [0.58, 0.5, 0.88]
-  // prime tower
-}, Ot = {
-  0: "Travel",
-  1: "Wall",
-  2: "Sparse",
-  3: "Solid",
-  4: "Skirt",
-  5: "Support",
-  6: "Raft",
-  7: "Gap",
-  8: "Thin",
-  9: "Bridge",
-  10: "Ironing",
-  11: "Prime"
-}, gt = [
-  [0.9, 0.26, 0.3],
-  [0.27, 0.6, 0.93],
-  [0.36, 0.78, 0.42],
-  [0.98, 0.72, 0.2],
-  [0.72, 0.42, 0.9],
-  [0.2, 0.78, 0.8],
-  [0.95, 0.5, 0.72],
-  [0.6, 0.6, 0.64]
-];
-function Lt(t) {
-  const e = /^#?([0-9a-f]{6})$/i.exec(String(t ?? "").trim());
-  if (!e) return Lt(St);
-  const n = parseInt(e[1], 16);
-  return [(n >> 16 & 255) / 255, (n >> 8 & 255) / 255, (n & 255) / 255];
-}
-function ot(t) {
-  const e = (n) => Math.max(0, Math.min(255, Math.round((Number(n) || 0) * 255)));
-  return e(t?.[0]) * 65536 + e(t?.[1]) * 256 + e(t?.[2]);
-}
-const xt = [
-  [0.043, 0.173, 0.478],
-  [0.055, 0.325, 0.639],
-  [0.067, 0.478, 0.8],
-  [0.078, 0.631, 0.961],
-  [0.118, 0.749, 0.804],
-  [0.157, 0.867, 0.647],
-  [0.376, 0.902, 0.4],
-  [0.667, 0.898, 0.157],
-  [0.988, 0.976, 0.012],
-  [0.988, 0.663, 0.012],
-  [0.58, 0.149, 0.086]
-];
-function _t(t, e, n, r = xt) {
-  const o = r.length - 1;
-  if (o < 0) return [0, 0, 0];
-  if (!Number.isFinite(t) || !Number.isFinite(e) || !Number.isFinite(n) || n <= e || t <= e) return r[0];
-  if (t >= n) return r[o];
-  const i = (t - e) / (n - e) * o, f = Math.min(o - 1, Math.floor(i)), u = i - f, l = r[f], m = r[f + 1];
-  return [l[0] + (m[0] - l[0]) * u, l[1] + (m[1] - l[1]) * u, l[2] + (m[2] - l[2]) * u];
-}
-const rt = {};
-for (const t of Object.keys(O)) rt[t] = ot(O[t]);
-function Vt(t) {
+import { a as Z, b as It, p as at, h as St, T as wt, r as Nt, D as Pt } from "./toolpath_palette-B8xEl-qa.js";
+import { b as Bt, a as Vt } from "./viewer_defaults-B7UUZ582.js";
+import { r as At, S as lt, R as et, t as _t } from "./toolpath_encoding-BuYs95qZ.js";
+import { T as kt } from "./theme-2oyfMuvf.js";
+const ct = {};
+for (const t of Object.keys(Z)) ct[t] = at(Z[t]);
+function Wt(t) {
   const e = new Float32Array(t.length);
-  for (let n = 0; n < t.length; n++) {
-    const r = Number(t[n]?.z) || 0, o = n > 0 && Number(t[n - 1]?.z) || 0, i = n > 0 ? r - o : r;
-    e[n] = i > 1e-6 ? i : kt;
+  for (let o = 0; o < t.length; o++) {
+    const n = Number(t[o]?.z) || 0, r = o > 0 && Number(t[o - 1]?.z) || 0, c = o > 0 ? n - r : n;
+    e[o] = c > 1e-6 ? c : Vt;
   }
   return e;
 }
-const it = (t) => t?.paths?.length ? t.paths : null, wt = (t) => {
-  const e = it(t);
-  return e ? Math.floor(e.length / nt) : 0;
+const ft = (t) => t?.paths?.length ? t.paths : null, gt = (t) => {
+  const e = ft(t);
+  return e ? Math.floor(e.length / lt) : 0;
 };
-function Rt(t, e) {
-  const n = Array.isArray(t) ? t : [], r = n.length, o = Number(e) > 0 ? Number(e) : It, i = Vt(n), f = new Uint32Array(r + 1), u = new Uint32Array(r + 1), l = new Uint32Array(r + 1);
-  let m = 0, c = 0, h = 0;
-  for (let y = 0; y < r; y++) {
-    const U = it(n[y]), w = wt(n[y]);
-    for (let D = 0; D < w; D++)
-      bt(U[D * nt + 3]) === et.TRAVEL ? c++ : m++;
-    h += w, f[y + 1] = m, u[y + 1] = c, l[y + 1] = h;
+function Ht(t, e) {
+  const o = Array.isArray(t) ? t : [], n = o.length, r = Number(e) > 0 ? Number(e) : Bt, c = Wt(o), h = new Uint32Array(n + 1), d = new Uint32Array(n + 1), u = new Uint32Array(n + 1);
+  let m = 0, s = 0, f = 0;
+  for (let p = 0; p < n; p++) {
+    const P = ft(o[p]), C = gt(o[p]);
+    for (let A = 0; A < C; A++)
+      At(P[A * lt + 3]) === et.TRAVEL ? s++ : m++;
+    f += C, h[p + 1] = m, d[p + 1] = s, u[p + 1] = f;
   }
-  const a = m * 2, b = new Float32Array(a * 4), x = new Float32Array(a * 4), v = new Uint32Array(a * 2), _ = new Uint8Array(a), F = new Uint8Array(a), V = new Float32Array(a), M = new Float32Array(a), W = new Int32Array(a), g = new Float32Array(c * 6), C = new Float32Array(h * 3), s = new Uint8Array(h), p = new Float64Array(16);
-  let A = !1, S = 0, I = 1 / 0, T = 1 / 0, z = 1 / 0, $ = -1 / 0, J = -1 / 0, Q = -1 / 0, L = 0, st = 0, lt = 0, B = 0;
-  for (let y = 0; y < r; y++) {
-    const U = n[y], w = it(U), D = wt(U), ct = U?.widths, E = i[y], ft = E / 2;
-    for (let j = 0; j < D; j++) {
-      const k = j * nt, X = w[k], Z = w[k + 1], q = w[k + 2], G = w[k + 4], Y = w[k + 5], H = w[k + 6], ut = w[k + 3] | 0, R = bt(ut), Nt = Tt(ut);
-      if (Number.isFinite(X + Z + q + G + Y + H) || (A = !0), s[B] = R === et.TRAVEL ? 0 : 1, C[B * 3] = G, C[B * 3 + 1] = Y, C[B * 3 + 2] = H, B++, R === et.TRAVEL) {
-        const d = lt * 6;
-        g[d] = X, g[d + 1] = Z, g[d + 2] = q, g[d + 3] = G, g[d + 4] = Y, g[d + 5] = H, lt++;
+  const l = m * 2, L = new Float32Array(l * 4), I = new Float32Array(l * 4), v = new Uint32Array(l * 2), q = new Uint8Array(l), B = new Uint8Array(l), V = new Float32Array(l), ot = new Float32Array(l), T = new Int32Array(l), F = new Float32Array(s * 6), _ = new Float32Array(f * 3), j = new Uint8Array(f), nt = new Float64Array(16);
+  let J = !1, Y = 0, z = 1 / 0, k = 1 / 0, X = 1 / 0, W = -1 / 0, D = -1 / 0, i = -1 / 0, a = 0, b = 0, w = 0, x = 0;
+  for (let p = 0; p < n; p++) {
+    const P = o[p], C = ft(P), A = gt(P), Q = P?.widths, O = c[p], y = O / 2;
+    for (let g = 0; g < A; g++) {
+      const S = g * lt, G = C[S], rt = C[S + 1], it = C[S + 2], $ = C[S + 4], H = C[S + 5], R = C[S + 6], ht = C[S + 3] | 0, E = At(ht), Ct = _t(ht);
+      if (Number.isFinite(G + rt + it + $ + H + R) || (J = !0), j[x] = E === et.TRAVEL ? 0 : 1, _[x * 3] = $, _[x * 3 + 1] = H, _[x * 3 + 2] = R, x++, E === et.TRAVEL) {
+        const M = w * 6;
+        F[M] = G, F[M + 1] = rt, F[M + 2] = it, F[M + 3] = $, F[M + 4] = H, F[M + 5] = R, w++;
         continue;
       }
-      const tt = ct ? Number(ct[j]) : NaN, mt = Number.isFinite(tt) && tt > 0 ? tt : o, ht = G - X, pt = Y - Z, Ft = Math.atan2(pt, ht), vt = Math.hypot(ht, pt, H - q);
-      Number.isFinite(vt) && (p[R] += vt);
-      const Mt = rt[R] ?? rt[1];
-      for (const [d, P, yt] of [[X, Z, q], [G, Y, H]]) {
-        const N = L * 4;
-        b[N] = d, b[N + 1] = P, b[N + 2] = yt - ft, b[N + 3] = 0, x[N] = E, x[N + 1] = mt, x[N + 2] = Ft, x[N + 3] = Mt, v[L * 2] = st, v[L * 2 + 1] = y, _[L] = R, F[L] = Nt, V[L] = mt, M[L] = E, W[L] = y, L++;
-        const K = yt - ft;
-        d < I && (I = d), d > $ && ($ = d), P < T && (T = P), P > J && (J = P), K < z && (z = K), K > Q && (Q = K);
-        const dt = Math.max(Math.abs(d), Math.abs(P), Math.abs(K));
-        dt > S && (S = dt);
+      const st = Q ? Number(Q[g]) : NaN, mt = Number.isFinite(st) && st > 0 ? st : r, pt = $ - G, yt = H - rt, Mt = Math.atan2(yt, pt), vt = Math.hypot(pt, yt, R - it);
+      Number.isFinite(vt) && (nt[E] += vt);
+      const Ft = ct[E] ?? ct[1];
+      for (const [M, K, dt] of [[G, rt, it], [$, H, R]]) {
+        const U = a * 4;
+        L[U] = M, L[U + 1] = K, L[U + 2] = dt - y, L[U + 3] = 0, I[U] = O, I[U + 1] = mt, I[U + 2] = Mt, I[U + 3] = Ft, v[a * 2] = b, v[a * 2 + 1] = p, q[a] = E, B[a] = Ct, V[a] = mt, ot[a] = O, T[a] = p, a++;
+        const tt = dt - y;
+        M < z && (z = M), M > W && (W = M), K < k && (k = K), K > D && (D = K), tt < X && (X = tt), tt > i && (i = tt);
+        const bt = Math.max(Math.abs(M), Math.abs(K), Math.abs(tt));
+        bt > Y && (Y = bt);
       }
-      st++;
+      b++;
     }
   }
-  const Ct = a > 0 && Number.isFinite(I) ? { min: [I, T, z], max: [$, J, Q] } : null;
+  const N = l > 0 && Number.isFinite(z) ? { min: [z, k, X], max: [W, D, i] } : null;
   return {
-    position: b,
-    hwa: x,
+    position: L,
+    hwa: I,
     segIndex: v,
-    nV: a,
+    nV: l,
     nSeg: m,
-    layerSegPrefix: f,
-    travelPos: g,
-    travelPrefix: u,
-    nTrav: c,
-    movePos: C,
-    moveKind: s,
-    movePrefix: l,
-    layerCount: r,
-    maxAbs: S,
-    hasNaN: A,
-    typeLengths: p,
-    bbox: Ct,
-    meta: { vType: _, vTool: F, vWidth: V, vHeight: M, vLayer: W }
+    layerSegPrefix: h,
+    travelPos: F,
+    travelPrefix: d,
+    nTrav: s,
+    movePos: _,
+    moveKind: j,
+    movePrefix: u,
+    layerCount: n,
+    maxAbs: Y,
+    hasNaN: J,
+    typeLengths: nt,
+    bbox: N,
+    meta: { vType: q, vTool: B, vWidth: V, vHeight: ot, vLayer: T }
   };
 }
-function Kt(t) {
+function Rt(t) {
   const e = t ?? [];
-  let n = 0;
-  for (let o = 0; o < 16; o++) n += Number(e[o]) || 0;
-  if (n <= 0) return [];
-  const r = [];
-  for (let o = 0; o < 16; o++) {
-    const i = Number(e[o]) || 0;
-    i <= 0 || r.push({ type: o, label: Ot[o] ?? String(o), pct: i / n * 100, color: O[o] ?? O[1] });
+  let o = 0;
+  for (let r = 0; r < 16; r++) o += Number(e[r]) || 0;
+  if (o <= 0) return [];
+  const n = [];
+  for (let r = 0; r < 16; r++) {
+    const c = Number(e[r]) || 0;
+    c <= 0 || n.push({ type: r, label: It[r] ?? String(r), pct: c / o * 100, color: Z[r] ?? Z[1] });
   }
-  return r.sort((o, i) => i.pct - o.pct);
+  return n.sort((r, c) => c.pct - r.pct);
 }
-const at = (t, e) => e >= 0 && e < t.layerCount ? t.movePrefix[e + 1] - t.movePrefix[e] : 0;
-function jt(t, e) {
-  return at(t, e);
+const ut = (t, e) => e >= 0 && e < t.layerCount ? t.movePrefix[e + 1] - t.movePrefix[e] : 0;
+function Et(t, e) {
+  return ut(t, e);
 }
-function Xt(t, e, n) {
-  const r = Math.min(n, t.layerCount - 1);
-  for (let o = r; o >= e; o--) if (at(t, o) > 0) return o;
+function te(t, e, o) {
+  const n = Math.min(o, t.layerCount - 1);
+  for (let r = n; r >= e; r--) if (ut(t, r) > 0) return r;
   return e;
 }
-function Zt(t, e, n) {
-  const r = at(t, e), o = Math.max(0, Math.min(Number(n) || 0, r)), i = e >= 0 && e < t.layerCount ? t.movePrefix[e] : 0;
-  let f = 0, u = 0;
-  for (let m = 0; m < o; m++)
-    t.moveKind[i + m] === 0 ? u++ : f++;
-  if (o === 0) return { point: null, segCount: 0, travCount: 0, onTravel: !1 };
-  const l = i + o - 1;
+function ee(t, e, o) {
+  const n = ut(t, e), r = Math.max(0, Math.min(Number(o) || 0, n)), c = e >= 0 && e < t.layerCount ? t.movePrefix[e] : 0;
+  let h = 0, d = 0;
+  for (let m = 0; m < r; m++)
+    t.moveKind[c + m] === 0 ? d++ : h++;
+  if (r === 0) return { point: null, segCount: 0, travCount: 0, onTravel: !1 };
+  const u = c + r - 1;
   return {
-    point: [t.movePos[l * 3], t.movePos[l * 3 + 1], t.movePos[l * 3 + 2]],
-    segCount: f,
-    travCount: u,
-    onTravel: t.moveKind[l] === 0
+    point: [t.movePos[u * 3], t.movePos[u * 3 + 1], t.movePos[u * 3 + 2]],
+    segCount: h,
+    travCount: d,
+    onTravel: t.moveKind[u] === 0
   };
 }
-const At = [
+const Lt = [
   { key: "feature", label: "Feature type", cont: !1, unit: "" },
   { key: "speed", label: "Speed", cont: !0, unit: "mm/s" },
   { key: "height", label: "Layer Height", cont: !0, unit: "mm" },
@@ -197,47 +119,47 @@ const At = [
   //  extruder index is a label, and a heatmap over it would imply tool 2 sits "between" tools 1 and 3.
   { key: "filament", label: "Filament", cont: !1, unit: "" }
 ];
-function Wt(t, e, n, r) {
-  const o = e.vType[n], i = e.vLayer[n], f = i === 0;
+function Ot(t, e, o, n) {
+  const r = e.vType[o], c = e.vLayer[o], h = c === 0;
   switch (t) {
     case "height":
-      return e.vHeight[n];
+      return e.vHeight[o];
     case "width":
-      return e.vWidth[n];
+      return e.vWidth[o];
     case "speed":
-      return f ? r.firstLayerSpeed : r.speedByType[o] ?? r.speedByType[1];
+      return h ? n.firstLayerSpeed : n.speedByType[r] ?? n.speedByType[1];
     case "fan":
-      return i < r.closeFanLayers ? 0 : o === 9 ? 100 : r.fanNormal;
+      return c < n.closeFanLayers ? 0 : r === 9 ? 100 : n.fanNormal;
     case "temp":
-      return f ? r.tempFirst : r.tempNormal;
+      return h ? n.tempFirst : n.tempNormal;
     default:
       return 0;
   }
 }
-function qt(t, e, n) {
-  const { meta: r, nV: o } = t, i = new Float32Array(o * 4), f = At.find((c) => c.key === e) || At[0];
-  if (!f.cont) {
-    const c = (n?.toolColors ?? []).map(Lt), h = f.key === "filament" ? (a) => {
-      const b = r.vTool ? r.vTool[a] : 0;
-      return c[b] || gt[b % gt.length];
-    } : (a) => O[r.vType[a]] || O[1];
-    for (let a = 0; a < o; a++) i[a * 4] = ot(h(a));
-    return { color: i, min: 0, max: 0, viewType: e, label: f.label, unit: f.unit, cont: !1 };
+function oe(t, e, o) {
+  const { meta: n, nV: r } = t, c = new Float32Array(r * 4), h = Lt.find((s) => s.key === e) || Lt[0];
+  if (!h.cont) {
+    const s = (o?.toolColors ?? []).map((l) => l && St(l)), f = h.key === "filament" ? (l) => {
+      const L = n.vTool ? n.vTool[l] : 0;
+      return s[L] || wt[L % wt.length];
+    } : (l) => Z[n.vType[l]] || Z[1];
+    for (let l = 0; l < r; l++) c[l * 4] = at(f(l));
+    return { color: c, min: 0, max: 0, viewType: e, label: h.label, unit: h.unit, cont: !1 };
   }
-  let u = 1 / 0, l = -1 / 0;
-  const m = new Float32Array(o);
-  for (let c = 0; c < o; c++) {
-    const h = Wt(e, r, c, n), a = Number.isFinite(h) ? h : 0;
-    m[c] = a, a < u && (u = a), a > l && (l = a);
+  let d = 1 / 0, u = -1 / 0;
+  const m = new Float32Array(r);
+  for (let s = 0; s < r; s++) {
+    const f = Ot(e, n, s, o), l = Number.isFinite(f) ? f : 0;
+    m[s] = l, l < d && (d = l), l > u && (u = l);
   }
-  Number.isFinite(u) || (u = 0, l = 1);
-  for (let c = 0; c < o; c++) {
-    const h = _t(m[c], u, l, xt);
-    i[c * 4] = ot(h);
+  Number.isFinite(d) || (d = 0, u = 1);
+  for (let s = 0; s < r; s++) {
+    const f = Nt(m[s], d, u, Pt);
+    c[s * 4] = at(f);
   }
-  return { color: i, min: u, max: l, viewType: e, label: f.label, unit: f.unit, cont: !0 };
+  return { color: c, min: d, max: u, viewType: e, label: h.label, unit: h.unit, cont: !0 };
 }
-const zt = `
+const Ut = `
 precision highp float;
 
 uniform mat4 projectionMatrix;
@@ -297,7 +219,7 @@ void main() {
   vColor = unpackColor(iColor);
   gl_Position = projectionMatrix * modelViewMatrix * vec4(world, 1.0);
 }
-`, Bt = `
+`, zt = `
 precision highp float;
 
 in vec3 vColor;
@@ -305,15 +227,48 @@ in vec3 vNormal;
 out vec4 fragColor;
 
 void main() {
-  // Two-sided: the layer slider cuts the plate open, so back faces are seen and must not go black.
+  // Front faces only (the material culls the rest), so the normal never needs flipping.
   vec3 n = normalize(vNormal);
-  if (!gl_FrontFacing) n = -n;
   // A single head-on light plus a generous ambient. The point is to read the bead's ROUNDING — which
   //  face is up, which is the side — not to look lit.
   float lambert = max(dot(n, normalize(vec3(0.35, 0.35, 1.0))), 0.0);
   fragColor = vec4(vColor * (0.55 + 0.45 * lambert), 1.0);
 }
-`, Ut = new Float32Array([
+`, xt = [2, 4], Dt = 1.5;
+function Gt(t, e) {
+  let o = 0;
+  for (let n = 0; n < t.length; n += 2)
+    (t[n] === et.RAFT || t[n] === et.SKIRT) && e[n] > o && (o = e[n]);
+  return o;
+}
+function Tt(t, e, o, n) {
+  let r = 0;
+  for (let s = 0; s < e; s++) t(s) > r && (r = t(s));
+  const c = (s) => s <= n || (r - s) % o === 0;
+  let h = 0;
+  for (let s = 0; s < e; s++) c(t(s)) && h++;
+  const d = new Uint32Array(h), u = new Uint8Array(h);
+  let m = 0;
+  for (let s = 0; s < e; s++) {
+    const f = t(s);
+    c(f) && (d[m] = s, u[m] = 1, f > n && (u[m] = Math.min(o, f - n)), m++);
+  }
+  return { source: d, layers: u };
+}
+function jt(t, e) {
+  const o = Math.max(1, Math.floor(e / 4096)), n = [];
+  for (let r = 0; r < e; r += o) n.push(t(r));
+  return n.length ? (n.sort((r, c) => r - c), n[n.length >> 1]) : 0;
+}
+function Yt(t, e, o, n) {
+  return e > 0 ? t * (n / 2) / (e * Math.tan(o * Math.PI / 360)) : 1 / 0;
+}
+function Xt(t, e = xt) {
+  let o = 1;
+  for (const n of e) n * t <= Dt && n > o && (o = n);
+  return o;
+}
+const Kt = new Float32Array([
   0,
   0,
   0,
@@ -332,80 +287,119 @@ void main() {
   1,
   3
   // end ring
-]), Dt = (() => {
+]), Zt = (() => {
   const t = [];
   for (let e = 0; e < 4; e++) {
-    const n = e, r = (e + 1) % 4, o = 4 + (e + 1) % 4, i = 4 + e;
-    t.push(n, r, o, n, o, i);
+    const o = e, n = (e + 1) % 4, r = 4 + (e + 1) % 4, c = 4 + e;
+    t.push(o, n, r, o, r, c);
   }
   return t;
 })();
-function $t(t, e) {
-  const { nSeg: n, nV: r, position: o, hwa: i, travelPos: f, travelPrefix: u, layerCount: l, meta: m } = e, c = new Float32Array(n * 3), h = new Float32Array(n * 3), a = new Float32Array(n * 2), b = new Float32Array(n), x = new Float32Array(n);
-  for (let s = 0; s < n; s++) {
-    const p = s * 2 * 4, A = (s * 2 + 1) * 4;
-    c[s * 3] = o[p], c[s * 3 + 1] = o[p + 1], c[s * 3 + 2] = o[p + 2], h[s * 3] = o[A], h[s * 3 + 1] = o[A + 1], h[s * 3 + 2] = o[A + 2], a[s * 2] = i[p], a[s * 2 + 1] = i[p + 1], b[s] = i[p + 3], x[s] = m.vLayer[s * 2];
+function ne(t, e) {
+  const { nSeg: o, nV: n, position: r, hwa: c, travelPos: h, travelPrefix: d, layerCount: u, meta: m } = e, s = new Float32Array(o * 3), f = new Float32Array(o * 3), l = new Float32Array(o * 2), L = new Float32Array(o), I = new Float32Array(o);
+  for (let i = 0; i < o; i++) {
+    const a = i * 2 * 4, b = (i * 2 + 1) * 4;
+    s[i * 3] = r[a], s[i * 3 + 1] = r[a + 1], s[i * 3 + 2] = r[a + 2], f[i * 3] = r[b], f[i * 3 + 1] = r[b + 1], f[i * 3 + 2] = r[b + 2], l[i * 2] = c[a], l[i * 2 + 1] = c[a + 1], L[i] = c[a + 3], I[i] = m.vLayer[i * 2];
   }
   const v = new t.InstancedBufferGeometry();
-  v.setAttribute("tpl", new t.BufferAttribute(Ut, 2)), v.setIndex(Dt), v.setAttribute("iStart", new t.InstancedBufferAttribute(c, 3)), v.setAttribute("iEnd", new t.InstancedBufferAttribute(h, 3)), v.setAttribute("iHW", new t.InstancedBufferAttribute(a, 2));
-  const _ = new t.InstancedBufferAttribute(b, 1);
-  v.setAttribute("iColor", _), v.setAttribute("iLayer", new t.InstancedBufferAttribute(x, 1)), v.instanceCount = n, v.boundingSphere = new t.Sphere(new t.Vector3(0, 0, 0), (e.maxAbs || 1) * 2);
-  const F = new t.RawShaderMaterial({
-    vertexShader: zt,
-    fragmentShader: Bt,
+  v.setAttribute("tpl", new t.BufferAttribute(Kt, 2)), v.setIndex(Zt), v.setAttribute("iStart", new t.InstancedBufferAttribute(s, 3)), v.setAttribute("iEnd", new t.InstancedBufferAttribute(f, 3)), v.setAttribute("iHW", new t.InstancedBufferAttribute(l, 2));
+  const q = new t.InstancedBufferAttribute(L, 1);
+  v.setAttribute("iColor", q), v.setAttribute("iLayer", new t.InstancedBufferAttribute(I, 1)), v.instanceCount = o, v.boundingSphere = new t.Sphere(new t.Vector3(0, 0, 0), (e.maxAbs || 1) * 2);
+  const B = new t.RawShaderMaterial({
+    vertexShader: Ut,
+    fragmentShader: zt,
     glslVersion: t.GLSL3,
-    side: t.DoubleSide,
-    uniforms: { uLayerLo: { value: 0 }, uLayerHi: { value: Math.max(0, l - 1) } }
-  }), V = new t.Mesh(v, F);
+    // Every face of the template winds outward (test_toolpath_contract.mjs), so a back face is only ever the
+    //  inside of a bead seen through its open end. Drawing those doubled the GPU time of a frame: measured on a
+    //  14.6M-segment scene (6 plates, M5 Pro, DPR 2), 53.6 -> 29.4 ms with back faces culled.
+    side: t.FrontSide,
+    uniforms: { uLayerLo: { value: 0 }, uLayerHi: { value: Math.max(0, u - 1) } }
+  }), V = new t.Mesh(v, B);
   V.frustumCulled = !1;
-  const M = new t.BufferGeometry();
-  M.setAttribute("position", new t.BufferAttribute(f, 3));
-  const W = new t.LineBasicMaterial({ color: Pt.travel, transparent: !0, opacity: 0.6 }), g = new t.LineSegments(M, W);
-  g.visible = !1, g.frustumCulled = !1;
-  const C = (s, p) => {
-    const A = Math.max(0, l - 1), S = Math.max(0, Math.min(s | 0, A)), I = Math.max(S, Math.min(p | 0, A));
-    F.uniforms.uLayerLo.value = S, F.uniforms.uLayerHi.value = I;
-    const T = u[S] * 2, z = u[I + 1] * 2;
-    M.setDrawRange(T, Math.max(0, z - T));
+  const ot = Gt(m.vType, m.vLayer), T = xt.map((i) => {
+    const { source: a, layers: b } = Tt((y) => I[y], o, i, ot), w = a.length, x = new Float32Array(w * 3), N = new Float32Array(w * 3), p = new Float32Array(w * 2), P = new Float32Array(w), C = new Float32Array(w);
+    for (let y = 0; y < w; y++) {
+      const g = a[y], S = l[g * 2], G = (b[y] - 1) * S / 2;
+      x[y * 3] = s[g * 3], x[y * 3 + 1] = s[g * 3 + 1], x[y * 3 + 2] = s[g * 3 + 2] - G, N[y * 3] = f[g * 3], N[y * 3 + 1] = f[g * 3 + 1], N[y * 3 + 2] = f[g * 3 + 2] - G, p[y * 2] = S * b[y], p[y * 2 + 1] = l[g * 2 + 1], P[y] = L[g], C[y] = I[g];
+    }
+    const A = new t.InstancedBufferGeometry();
+    A.setAttribute("tpl", v.attributes.tpl), A.setIndex(v.index), A.setAttribute("iStart", new t.InstancedBufferAttribute(x, 3)), A.setAttribute("iEnd", new t.InstancedBufferAttribute(N, 3)), A.setAttribute("iHW", new t.InstancedBufferAttribute(p, 2));
+    const Q = new t.InstancedBufferAttribute(P, 1);
+    A.setAttribute("iColor", Q), A.setAttribute("iLayer", new t.InstancedBufferAttribute(C, 1)), A.instanceCount = w;
+    const O = new t.Mesh(A, B);
+    return O.frustumCulled = !1, O.visible = !1, V.add(O), { k: i, mesh: O, source: a, colors: P, colorAttr: Q };
+  });
+  let F = 1, _ = !0;
+  const j = (i) => {
+    if (i !== F) {
+      F = i;
+      for (const a of T) a.mesh.visible = a.k === i;
+      v.instanceCount = 0, i === 1 && (v.instanceCount = o);
+    }
+  }, nt = jt((i) => l[i * 2], o), J = e.bbox && new t.Box3(new t.Vector3(...e.bbox.min), new t.Vector3(...e.bbox.max)), Y = new t.Box3(), z = (i, a) => {
+    if (!_ || !J || !i?.isPerspectiveCamera) {
+      j(1);
+      return;
+    }
+    Y.copy(J).applyMatrix4(V.matrixWorld), j(Xt(Yt(nt, Y.distanceToPoint(i.position), i.fov, a)));
+  };
+  V.userData.updateLod = z;
+  const k = new t.BufferGeometry();
+  k.setAttribute("position", new t.BufferAttribute(h, 3));
+  const X = new t.LineBasicMaterial({ color: kt.travel, transparent: !0, opacity: 0.6 }), W = new t.LineSegments(k, X);
+  W.visible = !1, W.frustumCulled = !1;
+  const D = (i, a) => {
+    const b = Math.max(0, u - 1), w = Math.max(0, Math.min(i | 0, b)), x = Math.max(w, Math.min(a | 0, b));
+    B.uniforms.uLayerLo.value = w, B.uniforms.uLayerHi.value = x, _ = w === 0 && x === b, _ || j(1);
+    const N = d[w] * 2, p = d[x + 1] * 2;
+    k.setDrawRange(N, Math.max(0, p - N));
   };
-  return C(0, l - 1), {
+  return D(0, u - 1), {
     mesh: V,
-    travLines: g,
-    setLayerRange: C,
-    setVisibleLayers: (s) => C(0, (s | 0) - 1),
-    setTravelVisible: (s) => {
-      g.visible = !!s;
+    travLines: W,
+    setLayerRange: D,
+    setVisibleLayers: (i) => D(0, (i | 0) - 1),
+    setTravelVisible: (i) => {
+      W.visible = !!i;
     },
     /** color is Float32Array(nV*4) with the packed value in .r — computeColors' output shape. One instance
      *  takes the colour of its first vertex; the two agree, since a segment is one colour. */
-    setColors: (s) => {
-      if (!(!s || s.length < r * 4)) {
-        for (let p = 0; p < n; p++) b[p] = s[p * 2 * 4];
-        _.needsUpdate = !0;
+    setColors: (i) => {
+      if (!(!i || i.length < n * 4)) {
+        for (let a = 0; a < o; a++) L[a] = i[a * 2 * 4];
+        q.needsUpdate = !0;
+        for (const a of T) {
+          for (let b = 0; b < a.source.length; b++) a.colors[b] = L[a.source[b]];
+          a.colorAttr.needsUpdate = !0;
+        }
       }
     },
+    /** Call once per frame before rendering; viewportPixels is the drawing buffer's height. */
+    updateLod: z,
+    lodLevel: () => F,
     dispose: () => {
-      v.dispose(), F.dispose(), M.dispose(), W.dispose();
+      for (const i of T) i.mesh.geometry.dispose();
+      v.dispose(), B.dispose(), k.dispose(), X.dispose();
     },
-    nSeg: n,
-    layerCount: l
+    nSeg: o,
+    layerCount: u
   };
 }
 export {
-  xt as DEFAULT_RANGES_COLORS,
-  gt as TOOL_COLOR,
-  O as TYPE_COLOR,
-  Ot as TYPE_LABEL,
-  Dt as VERTEX_DATA,
-  At as VIEW_TYPES,
-  Rt as buildSegmentData,
-  qt as computeColors,
-  Lt as hexToRgb,
-  jt as layerMoveCount,
-  $t as makeToolpath,
-  Zt as moveCursor,
-  ot as packColor,
-  _t as rangeColorAt,
-  Kt as roleRatios,
-  Xt as topMoveLayer
+  Pt as DEFAULT_RANGES_COLORS,
+  wt as TOOL_COLOR,
+  Z as TYPE_COLOR,
+  It as TYPE_LABEL,
+  Zt as VERTEX_DATA,
+  Lt as VIEW_TYPES,
+  Ht as buildSegmentData,
+  oe as computeColors,
+  St as hexToRgb,
+  Et as layerMoveCount,
+  ne as makeToolpath,
+  ee as moveCursor,
+  at as packColor,
+  Nt as rangeColorAt,
+  Rt as roleRatios,
+  te as topMoveLayer
 };