viewof timeline = { const timelineHTML = html`

${Object.entries(groupedByFechaAndAutoria).map(([year, authors]) => { const filteredExhibiciones = exhibiciones.filter(expo => +expo["Año"] === +year); return html` ${filteredExhibiciones.length > 0 ? html`

${[expo["Exhibición"], expo["Ciudad"], expo["Lugar"]].filter(item => item.trim() !== '' && item !== '-').join(', ')}

` : ''}

${year}

${Object.entries(authors).map(([author, items]) => html`

${author}

${item["Archivo"] && item["Archivo"] !== '-' ? html` ` : ''}
${item["Título"]}

${[item["Técnica"], item["Dimensiones"]].filter(item => item.trim() !== '' && item !== '-').join(', ')}
${item["Colección"]} ${obraExpos.length > 0 ? html`
Exposiciones
` : ''}
- ${expo["Exhibición"]}

`)}

`; })}

`; // Create a div element and set its innerHTML to the generated timeline const div = html`

${timelineHTML}

`; return div; }

${[expo["Exhibición"], expo["Ciudad"], expo["Lugar"]].filter(item => item.trim() !== '' && item !== '-').join(', ')}

${year}

${author}

${item["Título"]}

Exposiciones