cloud-ide-element 1.1.14 → 1.1.16

package/fesm2022/cloud-ide-element.mjs

@@ -843,6 +843,7 @@ class CideInputComponent {
         else if (type == 'datetime-local') {
             if (typeof (value) == 'string') {
                 if (value?.length > 0) {
+                    console.log(value, "value, datetime-local");
                     // Validate datetime-local format (YYYY-MM-DDTHH:mm:ss or YYYY-MM-DDTHH:mm)
                     const datetimeRegex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/;
                     return datetimeRegex.test(value) && !isNaN(Date.parse(value));
@@ -6069,19 +6070,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
  */
 class ExportService {
     /**
-     * Export data to Excel (XLSX) format
-     * Uses native Excel XML format for compatibility
+     * Export data to Excel format
+     * Uses HTML table with Excel MIME type for better compatibility
+     * This approach is more reliable than XML across different Excel versions
      */
     exportToExcel(data, columns, filename = 'export') {
         if (!data || data.length === 0) {
             console.warn('No data to export');
             return;
         }
-        // Create Excel XML content
-        const excelContent = this.generateExcelXML(data, columns);
-        // Create blob and download
-        const blob = new Blob([excelContent], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-        this.downloadFile(blob, `${filename}.xlsx`);
+        // Create HTML table for Excel with UTF-8 BOM for proper encoding
+        try {
+            const htmlContent = this.generateExcelXML(data, columns);
+            // Add UTF-8 BOM for Excel to recognize the file properly
+            const BOM = '\uFEFF';
+            const blob = new Blob([BOM + htmlContent], { type: 'application/vnd.ms-excel;charset=utf-8;' });
+            this.downloadFile(blob, `${filename}.xls`);
+        }
+        catch (error) {
+            console.error('Error exporting to Excel:', error);
+            // Fallback to CSV if Excel export fails
+            console.warn('Falling back to CSV export');
+            this.exportToCSV(data, columns, filename);
+        }
     }
     /**
      * Export data to PDF format
@@ -6124,41 +6135,60 @@ class ExportService {
         this.downloadFile(blob, `${filename}.csv`);
     }
     /**
-     * Generate Excel XML format content
+     * Generate Excel HTML format content
+     * This approach uses HTML tables with Excel-specific MIME type and namespace
+     * More compatible across Excel versions (2003, 2007, 2010, 2016, Office 365)
+     * Also works with Google Sheets and LibreOffice Calc
      */
     generateExcelXML(data, columns) {
-        const worksheetName = 'Sheet1';
-        // Build header row
-        const headerRow = columns.map(col => `<Cell><Data ss:Type="String">${this.escapeXML(col.label)}</Data></Cell>`).join('');
-        // Build data rows
+        const currentDate = new Date().toLocaleDateString();
+        const currentTime = new Date().toLocaleTimeString();
+        // Build table rows with proper Excel formatting
+        const headerCells = columns.map(col => `<th style="background-color: #4A90E2; color: white; font-weight: bold; padding: 8px; border: 1px solid #ddd;">${col.label}</th>`).join('');
         const dataRows = data.map(row => {
             const cells = columns.map(col => {
                 const value = row[col.key] || '';
-                const isNumber = typeof value === 'number';
-                return `<Cell><Data ss:Type="${isNumber ? 'Number' : 'String'}">${this.escapeXML(String(value))}</Data></Cell>`;
+                // Determine if value is numeric
+                const isNumber = !isNaN(Number(value)) && value !== '' && value !== null;
+                return `<td style="padding: 6px; border: 1px solid #ddd;"${isNumber ? ' x:num' : ''}>${value}</td>`;
             }).join('');
-            return `<Row>${cells}</Row>`;
+            return `<tr>${cells}</tr>`;
         }).join('');
-        // Excel 2003 XML format
-        const xml = `<?xml version="1.0"?>
-<?mso-application progid="Excel.Sheet"?>
-<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
- xmlns:o="urn:schemas-microsoft-com:office:office"
- xmlns:x="urn:schemas-microsoft-com:office:excel"
- xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet"
- xmlns:html="http://www.w3.org/TR/REC-html40">
- <DocumentProperties xmlns="urn:schemas-microsoft-com:office:office">
-  <Title>Export</Title>
-  <Created>${new Date().toISOString()}</Created>
- </DocumentProperties>
- <Worksheet ss:Name="${worksheetName}">
-  <Table>
-   <Row>${headerRow}</Row>
-   ${dataRows}
-  </Table>
- </Worksheet>
-</Workbook>`;
-        return xml;
+        const html = `<!DOCTYPE html>
+<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel">
+<head>
+  <meta charset="UTF-8">
+  <!--[if gte mso 9]><xml>
+    <x:ExcelWorkbook>
+      <x:ExcelWorksheets>
+        <x:ExcelWorksheet>
+          <x:Name>Export</x:Name>
+          <x:WorksheetOptions>
+            <x:DefaultRowHeight>400</x:DefaultRowHeight>
+          </x:WorksheetOptions>
+        </x:ExcelWorksheet>
+      </x:ExcelWorksheets>
+    </x:ExcelWorkbook>
+  </xml><![endif]-->
+  <title>Data Export</title>
+</head>
+<body>
+  <table border="1" style="font-family: Arial, sans-serif; font-size: 12px; border-collapse: collapse; width: 100%;">
+    <thead>
+      <tr>
+        ${headerCells}
+      </tr>
+    </thead>
+    <tbody>
+      ${dataRows}
+    </tbody>
+  </table>
+  <div style="margin-top: 20px; font-size: 10px; color: #666;">
+    Generated: ${currentDate} at ${currentTime} | Total Records: ${data.length}
+  </div>
+</body>
+</html>`;
+        return html;
     }
     /**
      * Generate HTML content for PDF printing
@@ -6279,15 +6309,19 @@ class ExportService {
         window.URL.revokeObjectURL(url);
     }
     /**
-     * Escape XML special characters
+     * Escape HTML special characters
      */
-    escapeXML(text) {
-        return String(text)
+    escapeHTML(text) {
+        if (text === null || text === undefined) {
+            return '';
+        }
+        const stringValue = String(text);
+        return stringValue
             .replace(/&/g, '&amp;')
             .replace(/</g, '&lt;')
             .replace(/>/g, '&gt;')
             .replace(/"/g, '&quot;')
-            .replace(/'/g, '&apos;');
+            .replace(/'/g, '&#39;');
     }
     /**
      * Escape CSV special characters