/* ============================================================
JIT BATCH — Schema impianto animato (SVG)
Silos, tramogge, nastro, mescolatore, autobetoniera con
livelli live + flusso materiali reattivo alla fase di ciclo.
Exposes window.PlantSchema
phase: idle | aggregati | cemento | acqua | miscelazione | scarico | completato
============================================================ */
const { useEffect: usePE, useState: usePS, useRef: usePR } = React;
const MAT_COL = {
cemento: "#C7CCD3", cemento2: "#AEB4BD",
acqua: "#5BA7D6", additivo: "#F2A23E",
sabbia: "#D9BD8C", ghiaiaF: "#B4ADA1", ghiaiaG: "#938D81",
cls: "#8E949C", clsWet: "#7E848C",
};
const REDUCE = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
function lvColor(pct) {
if (pct <= 15) return "var(--status-alarm)";
if (pct <= 30) return "var(--status-warn)";
return "var(--status-run)";
}
/* material pellets travelling along a pipe path (SMIL motion) */
function Flow({ d, color, active, count = 5, dur = 1.0, r = 2.7 }) {
if (!active || REDUCE) return null;
return (
{Array.from({ length: count }).map((_, i) => (
))}
);
}
function PlantSchema({ phase = "idle", levels = {}, auto = false, height = 440 }) {
const AUTO_SEQ = ["aggregati", "cemento", "acqua", "miscelazione", "scarico", "idle"];
const [autoPhase, setAutoPhase] = usePS("aggregati");
usePE(() => {
if (!auto) return;
let i = 0;
const t = setInterval(() => { i = (i + 1) % AUTO_SEQ.length; setAutoPhase(AUTO_SEQ[i]); }, 2800);
return () => clearInterval(t);
}, [auto]);
const ph = auto ? autoPhase : phase;
const L = (id, def) => (levels[id] != null ? levels[id] : def);
const act = {
agg: ph === "aggregati", cem: ph === "cemento", water: ph === "acqua",
mix: ph === "miscelazione", disc: ph === "scarico",
};
const anyDose = act.agg || act.cem || act.water;
// mixer fill fraction by phase (0..1 of interior)
const mixFrac = { idle: 0.0, aggregati: 0.42, cemento: 0.62, acqua: 0.82, miscelazione: 0.84, scarico: 0.06, completato: 0.0 }[ph] ?? 0;
const truckFrac = act.disc ? 0.74 : 0.05;
const fillRect = (x, yTop, yBot, w, pct, color, clip) => {
const h = (yBot - yTop) * (pct / 100);
return ;
};
const Pipe = ({ d, active, color, count, dur }) => (
{active && }
);
const dotFor = (pct, activeGlow) => (
{activeGlow && }
);
const cem1 = L("S1", 60), cem2 = L("S2", 23), water = L("VA", 73), addi = L("AD", 64);
const sab = L("TS", 66), gf = L("TF", 49), gg = L("TG", 19);
// mixer interior region
const MIX_X = 416, MIX_W = 108, MIX_TOP = 340, MIX_BOT = 390;
const mixH = (MIX_BOT - MIX_TOP) * mixFrac;
const mixY = MIX_BOT - mixH;
return (
);
}
window.PlantSchema = PlantSchema;