For the sectors you noted (${sectorValue}), consider how the overall predicted policy directions (fiscal, regulatory, trade) might specifically impact them. This tool provides a general market sentiment; detailed sectoral analysis based on these broader trends is recommended.

`; } else { sectorConsiderationEl.innerHTML = ''; } } // Enable and switch to results tab if (resultsTabLink) { resultsTabLink.disabled = false; currentTab = tabs.length - 1; // Set currentTab to results tab index showTab(currentTab, resultsTabLink); // Show the results tab and mark its link active } } async function generatePdf() { const { jsPDF } = window.jspdf; const pdfContent = document.getElementById('pdf-content'); const downloadBtn = document.getElementById('downloadPdfBtn'); if (!pdfContent) { console.error("PDF content area not found."); // Using a custom modal or message area would be better than alert in a real app // For now, sticking to spec of no alerts unless for critical PDF errors. // This is a critical PDF error. if (typeof alert === 'function') alert("Error: Could not find content to generate PDF."); return; } if (!html2canvas) { console.error("html2canvas library not found."); if (typeof alert === 'function') alert("Error: PDF generation library (html2canvas) not loaded."); return; } if (!jsPDF) { // Check if jsPDF constructor is available console.error("jsPDF library not found or not loaded correctly."); if (typeof alert === 'function') alert("Error: PDF generation library (jsPDF) not loaded."); return; } if(downloadBtn) downloadBtn.textContent = "Generating PDF..."; if(downloadBtn) downloadBtn.disabled = true; try { // Temporarily ensure all content is visible for capture const originalStyles = new Map(); const elementsToEnsureVisible = [pdfContent]; elementsToEnsureVisible.forEach(el => { if (el) { originalStyles.set(el, { display: el.style.display, visibility: el.style.visibility }); el.style.display = 'block'; el.style.visibility = 'visible'; } }); let pdfTitleElement = document.getElementById('pdfOnlyTitle'); if (!pdfTitleElement) { pdfTitleElement = document.createElement('h1'); pdfTitleElement.id = 'pdfOnlyTitle'; pdfTitleElement.className = 'text-2xl font-bold text-center text-indigo-700 mb-6'; pdfTitleElement.style.display = 'block'; pdfTitleElement.textContent = 'Election Impact on Market Sentiment Report'; pdfContent.insertBefore(pdfTitleElement, pdfContent.firstChild); } const canvas = await html2canvas(pdfContent, { scale: 2, useCORS: true, logging: false, onclone: (documentClone) => { // Attempt to re-apply Tailwind styles in the cloned document if issues arise // This can be complex. For now, assume direct styles and CDN link are sufficient. // Example: if a specific class isn't rendering, one might try to find and re-apply its definition. } }); if (pdfTitleElement && pdfTitleElement.parentNode) { pdfTitleElement.parentNode.removeChild(pdfTitleElement); } const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF({ // Use the constructor directly orientation: 'p', unit: 'mm', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const imgProps = pdf.getImageProperties(imgData); const canvasWidth = imgProps.width; const canvasHeight = imgProps.height; // Calculate the aspect ratio const aspectRatio = canvasWidth / canvasHeight; // Calculate image dimensions to fit PDF page width (with margin) const margin = 10; // mm const availableWidth = pdfWidth - 2 * margin; let imgRenderWidth = availableWidth; let imgRenderHeight = imgRenderWidth / aspectRatio; // Check if the image height exceeds the page height (with margin) const availableHeight = pdfHeight - 2 * margin; if (imgRenderHeight > availableHeight) { imgRenderHeight = availableHeight; imgRenderWidth = imgRenderHeight * aspectRatio; } let currentPosition = margin; // For this tool, the content is expected to fit on one page. // If multi-page was a strong requirement, a more robust splitting logic would be needed. // The current html2canvas captures the entire #pdf-content as one image. // We'll add it, scaling to fit. If it's too long, it will be clipped or scaled down significantly. // For simplicity, we'll scale to fit width and let it flow. // If it's longer than one page, the user will get a very tall image on the first page. // A more advanced approach would be to split the HTML content or the canvas itself. const pageImageHeight = (canvasHeight * (pdfWidth - 2 * margin)) / canvasWidth; pdf.addImage(imgData, 'PNG', margin, currentPosition, pdfWidth - 2*margin , pageImageHeight); // This simple addImage won't auto-paginate the single large image from html2canvas. // For true pagination of long content, one would typically iterate over sections of the HTML, // capture them to separate canvases, or use jsPDF's text/element rendering features more directly. // Given the current structure, we're adding the whole captured content as one image. elementsToEnsureVisible.forEach(el => { if (el && originalStyles.has(el)) { const styles = originalStyles.get(el); el.style.display = styles.display; el.style.visibility = styles.visibility; } }); pdf.save('election-sentiment-report.pdf'); } catch (error) { console.error("Error generating PDF:", error); if (typeof alert === 'function') alert("An error occurred while generating the PDF. Please try again. Details: " + error.message); } finally { if(downloadBtn) downloadBtn.textContent = "Download Results as PDF"; if(downloadBtn) downloadBtn.disabled = false; } }