// === Escena 05 — "Imprimir, enviar, firmar" ===
// En play, la ficha de la factura: el icono `print` con badge de recuento es el PRIMERO de una
// fila de tres (print · comentarios · archivos) y solo sale si el registro existe y hay plantilla
// compatible (DNZ\...\Forms\DnzFormView.razor:41, 44-53); al pulsar abre el visor con el primer
// documento puesto y la lista entera en el desplegable (:706-728).
// El visor: «Seleccionar plantilla...» (:17-27), el destinatario visible antes de tocar nada
// (:30-36, 200-208), y en el pie DOS botones: «Imprimir» (:80-81) y UNO de los dos excluyentes
// (:84-95), con «Cerrar» separado a la derecha (:98).
// Para esta factura el segundo botón es SIEMPRE «Enviar por email»: define email_body y no
// email_sign, y email_sign no aparece ni una vez en todo DOCD\. Por eso la alternancia se dibuja
// como REGLA rotulada al lado, nunca como pantalla de la persona.
// Con la tarjeta «Información necesaria» arriba, el pie se queda solo con «Cerrar» (:78).
function EscenaPL05({ t }){
const T = {
boton:1.5, // "un botón de imprimir con un número al lado"
badge:3.7, // "cuántas plantillas encajan"
click:7.3, // (el clic en el icono de imprimir)
visor:7.7, // "se abre el visor"
primera:8.4, // "con la primera puesta"
desplegable:9.5, // "las demás en el desplegable"
correo:13.3, // "a quién va el correo"
antes:14.5, // "antes de tocar nada"
dosBotones:17.2, // "dos botones, no tres"
imprimir:19.7, // "Imprimir, siempre"
regla:23.4, // "o enviar por correo, o enviar a firmar"
nunca:26.7, // "Nunca los dos a la vez"
decide:29.0, // "Lo decide la plantilla"
preguntas:32.3, // "si la plantilla hace preguntas"
tarjeta:34.0, // "el visor las pide antes"
salida:38.0, // "lo que esto no hace solo"
iconoStep:0.12, // cascada de los tres iconos de la ficha
tercerDur:0.30, // lo que tarda en irse el tercer botón rechazado
};
// ── Geometría ──
const BX=60, BY=150, BW=1360, BH=870; // navegador
const VX=180, VY=372, VW=1120, VH=620; // el visor
const RX=1470, RW=410; // la regla rotulada, al lado
const ICO = { x:1200, y:310, s:52, gap:14 };
// ── Progresos ──
const bnP = clamp((t-T.boton)/0.6,0,1);
const bgPulse = t >= T.badge && t < T.badge+1.2 ? Math.sin((t-T.badge)/1.2*Math.PI) : 0;
const vsP = clamp((t-T.visor)/0.75,0,1), vsE = Easing.easeOutBack(vsP);
const priGlow = t >= T.primera && t < T.primera+1.0 ? Math.sin((t-T.primera)/1.0*Math.PI) : 0;
const dpP = clamp((t-T.desplegable)/0.35,0,1);
const dpAbierto = t >= T.desplegable && t < T.desplegable+1.7;
const coP = clamp((t-T.correo)/0.5,0,1);
const coGlow = t >= T.correo && t < T.correo+1.5 ? Math.sin((t-T.correo)/1.5*Math.PI) : 0;
const coFijo = t >= T.antes; // "antes de tocar nada": el foco se queda quieto
const preP = clamp((t-T.preguntas)/0.7,0,1); // el documento cede sitio antes de que entre la tarjeta
const pieP = clamp((t-T.dosBotones)/0.5,0,1), pieE = Easing.easeOutBack(pieP);
// el tercer botón intenta entrar y es rechazado
const t3in = clamp((t-T.dosBotones-0.25)/0.35,0,1);
const t3out = clamp((t-T.dosBotones-0.95)/T.tercerDur,0,1);
const t3op = t3in*(1-t3out)*0.40;
const imGlow = t >= T.imprimir && t < T.imprimir+1.3 ? Math.sin((t-T.imprimir)/1.3*Math.PI) : 0;
const rgP = clamp((t-T.regla)/0.6,0,1), rgE = Easing.easeOutBack(rgP);
const nuP = clamp((t-T.nunca)/0.5,0,1);
const deP = clamp((t-T.decide)/0.55,0,1), deE = Easing.easeOutBack(deP);
const deDraw = Easing.easeInOutCubic(clamp((t-T.decide-0.2)/0.8,0,1));
const tjP = clamp((t-T.tarjeta)/0.6,0,1), tjE = Easing.easeOutBack(tjP);
const salP = clamp((t-T.salida)/0.6,0,1), salE = Easing.easeOutCubic(salP);
const ICONOS = [
{ n:'print', badge:'3', d:'M7 9 V4 H17 V9 M7 17 H5 A2 2 0 0 1 3 15 V11 A2 2 0 0 1 5 9 H19 A2 2 0 0 1 21 11 V15 A2 2 0 0 1 19 17 H17 M7 14 H17 V21 H7 Z' },
{ n:'chat', badge:'2', d:'M21 12 A8 8 0 0 1 13 20 H4 L6.5 16.8 A8 8 0 1 1 21 12 Z' },
{ n:'archivos',badge:'5', d:'M4 6 A2 2 0 0 1 6 4 H10 L12 6.5 H18 A2 2 0 0 1 20 8.5 V18 A2 2 0 0 1 18 20 H6 A2 2 0 0 1 4 18 Z' },
];
// ── Un botón del pie del visor ──
const Pie = ({ children, tono='claro', op=1, sc=1, glow=0 })=>(
0 ? `0 0 ${glow*30}px rgba(0,133,255,0.55)` : '0 2px 6px rgba(15,23,42,0.05)'}}>
{children}
);
return (
Del registro al documento}/>
PLAY
{/* ─────────── El navegador con la ficha de la factura ─────────── */}
0 ? 'saturate(0.85)' : 'none'}}>
{/* Cabecera de la ficha */}
Factura V-2026-0184
Talleres Quijada, S.L. · 12/08/2026
{/* Campos de la ficha — atrezzo: solo se resalta lo que la voz nombra */}
{/* La fila de tres iconos de anotación — print es el primero, con su badge */}
{bnP > 0 && ICONOS.map((ic,i)=>{
const p = clamp((t-T.boton-i*T.iconoStep)/0.4,0,1), e = Easing.easeOutBack(p);
const foco = i === 0;
return (
)}
{/* Quién lo decide: la propia plantilla, con su metadato */}
{deP > 0 && (
<>
EN LA PLANTILLA
F.MetaData_Set("email_body", …)
)}
{/* Salida: la pantalla da un paso atrás — lo que viene son los límites */}
{salP > 0 && (
)}
{t < T.dosBotones && (
)}
);
}
Object.assign(window, { EscenaPL05 });