npm - nexabase-report - Versions diffs - 0.2.10 → 0.2.12 - Mend

nexabase-report 0.2.10 → 0.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/examples/integration-vanilla.html CHANGED Viewed

@@ -1,66 +1,66 @@
-<!DOCTYPE html>
-<html lang="es">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>NexaReport — HTML puro</title>
-  <link rel="stylesheet" href="../dist/style.css">
-  <style>
-    body { margin: 0; font-family: system-ui, sans-serif; }
-    #app { height: 100vh; display: flex; flex-direction: column; }
-    header { padding: 12px 20px; background: #1e293b; color: #fff; display: flex; align-items: center; gap: 12px; }
-    header h1 { margin: 0; font-size: 18px; font-weight: 600; }
-    header small { opacity: 0.7; }
-    nexa-viewer { flex: 1; display: block; }
-  </style>
-</head>
-<body>
-  <div id="app">
-    <header>
-      <h1>NexaReport</h1>
-      <small>Vanilla HTML · Demo</small>
-    </header>
-    <nexa-viewer id="viewer" minimal></nexa-viewer>
-  </div>
-  <script src="../dist/nexabase-report.umd.js"></script>
-  <script>
-    window.NexaReport.registerNexaReport();
-    const viewer = document.getElementById('viewer');
-    // Definición inline del reporte
-    viewer.definition = {
-      metadata: { version: '1', name: 'Productos', createdAt: new Date().toISOString() },
-      layout: {
-        page: { format: 'A4', orientation: 'portrait', margins: { top: 1, right: 1, bottom: 1, left: 1 } },
-        bands: [
-          { id: 'b_hdr', type: 'ReportHeader', height: 60, elements: [
-            { id: 'e_titulo', type: 'Text', x: 20, y: 10, width: 500, height: 30,
-              content: 'Listado de Productos', style: { fontSize: '22px', fontWeight: 'bold' } }
-          ]},
-          { id: 'b_data', type: 'DataBand', height: 30, dataSource: 'main', elements: [
-            { id: 'e_nombre', type: 'Text', x: 20, y: 5, width: 250, height: 20,
-              binding: 'nombre', style: { fontSize: '12px' } },
-            { id: 'e_precio', type: 'Text', x: 300, y: 5, width: 100, height: 20,
-              binding: 'precio', style: { fontSize: '12px', textAlign: 'right' } }
-          ]},
-          { id: 'b_ftr', type: 'PageFooter', height: 30, elements: [
-            { id: 'e_page', type: 'Text', x: 20, y: 5, width: 200, height: 20,
-              content: 'Página {[Page]} de {[TotalPages]}', style: { fontSize: '10px', color: '#666' } }
-          ]}
-        ]
-      },
-      dataSources: [{ id: 'ds1', collection: '', alias: 'main', enabled: true }]
-    };
-    viewer.data = [
-      { nombre: 'Laptop Gamer', precio: 25000 },
-      { nombre: 'Mouse Inalámbrico', precio: 850 },
-      { nombre: 'Teclado Mecánico', precio: 1200 },
-      { nombre: 'Monitor 27"', precio: 5800 },
-      { nombre: 'Audífonos Bluetooth', precio: 990 },
-    ];
-  </script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>NexaReport — HTML puro</title>
+  <link rel="stylesheet" href="../dist/style.css">
+  <style>
+    body { margin: 0; font-family: system-ui, sans-serif; }
+    #app { height: 100vh; display: flex; flex-direction: column; }
+    header { padding: 12px 20px; background: #1e293b; color: #fff; display: flex; align-items: center; gap: 12px; }
+    header h1 { margin: 0; font-size: 18px; font-weight: 600; }
+    header small { opacity: 0.7; }
+    nexa-viewer { flex: 1; display: block; }
+  </style>
+</head>
+<body>
+  <div id="app">
+    <header>
+      <h1>NexaReport</h1>
+      <small>Vanilla HTML · Demo</small>
+    </header>
+    <nexa-viewer id="viewer" minimal></nexa-viewer>
+  </div>
+  <script src="../dist/nexabase-report.umd.js"></script>
+  <script>
+    window.NexaReport.registerNexaReport();
+    const viewer = document.getElementById('viewer');
+    // Definición inline del reporte
+    viewer.definition = {
+      metadata: { version: '1', name: 'Productos', createdAt: new Date().toISOString() },
+      layout: {
+        page: { format: 'A4', orientation: 'portrait', margins: { top: 1, right: 1, bottom: 1, left: 1 } },
+        bands: [
+          { id: 'b_hdr', type: 'ReportHeader', height: 60, elements: [
+            { id: 'e_titulo', type: 'Text', x: 20, y: 10, width: 500, height: 30,
+              content: 'Listado de Productos', style: { fontSize: '22px', fontWeight: 'bold' } }
+          ]},
+          { id: 'b_data', type: 'DataBand', height: 30, dataSource: 'main', elements: [
+            { id: 'e_nombre', type: 'Text', x: 20, y: 5, width: 250, height: 20,
+              binding: 'nombre', style: { fontSize: '12px' } },
+            { id: 'e_precio', type: 'Text', x: 300, y: 5, width: 100, height: 20,
+              binding: 'precio', style: { fontSize: '12px', textAlign: 'right' } }
+          ]},
+          { id: 'b_ftr', type: 'PageFooter', height: 30, elements: [
+            { id: 'e_page', type: 'Text', x: 20, y: 5, width: 200, height: 20,
+              content: 'Página {[Page]} de {[TotalPages]}', style: { fontSize: '10px', color: '#666' } }
+          ]}
+        ]
+      },
+      dataSources: [{ id: 'ds1', collection: '', alias: 'main', enabled: true }]
+    };
+    viewer.data = [
+      { nombre: 'Laptop Gamer', precio: 25000 },
+      { nombre: 'Mouse Inalámbrico', precio: 850 },
+      { nombre: 'Teclado Mecánico', precio: 1200 },
+      { nombre: 'Monitor 27"', precio: 5800 },
+      { nombre: 'Audífonos Bluetooth', precio: 990 },
+    ];
+  </script>
+</body>
+</html>

package/examples/integration-vue.html CHANGED Viewed

@@ -1,85 +1,85 @@
-<!DOCTYPE html>
-<html lang="es">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>NexaReport — Vue 3</title>
-  <link rel="stylesheet" href="../dist/style.css">
-  <style>
-    body { margin: 0; font-family: system-ui, sans-serif; }
-    #app { height: 100vh; display: flex; flex-direction: column; }
-    header { padding: 12px 20px; background: #1e293b; color: #fff; display: flex; align-items: center; gap: 12px; }
-    header h1 { margin: 0; font-size: 18px; font-weight: 600; }
-    header small { opacity: 0.7; }
-    nexa-viewer { flex: 1; display: block; }
-  </style>
-</head>
-<body>
-  <div id="app">
-    <header>
-      <h1>NexaReport</h1>
-      <small>Vue 3 · Demo</small>
-    </header>
-    <nexa-viewer id="viewer" minimal></nexa-viewer>
-  </div>
-  <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
-  <script src="../dist/nexabase-report.umd.js"></script>
-  <script>
-    const { createApp, ref } = Vue;
-    NexaReport.registerNexaReport();
-    const reportDef = {
-      metadata: { version: '1', name: 'Ventas', createdAt: new Date().toISOString() },
-      layout: {
-        page: { format: 'A4', orientation: 'portrait', margins: { top: 1, right: 1, bottom: 1, left: 1 } },
-        bands: [
-          { id: 'b_hdr', type: 'ReportHeader', height: 60, elements: [
-            { id: 'e_titulo', type: 'Text', x: 20, y: 10, width: 500, height: 30,
-              content: 'Reporte de Ventas', style: { fontSize: '22px', fontWeight: 'bold' } }
-          ]},
-          { id: 'b_data', type: 'DataBand', height: 30, dataSource: 'main', elements: [
-            { id: 'e_prod', type: 'Text', x: 20, y: 5, width: 200, height: 20,
-              binding: 'producto', style: { fontSize: '12px' } },
-            { id: 'e_cant', type: 'Text', x: 250, y: 5, width: 80, height: 20,
-              binding: 'cantidad', style: { fontSize: '12px', textAlign: 'center' } },
-            { id: 'e_total', type: 'Text', x: 350, y: 5, width: 100, height: 20,
-              binding: 'total', style: { fontSize: '12px', textAlign: 'right' } }
-          ]},
-          { id: 'b_ftr', type: 'PageFooter', height: 30, elements: [
-            { id: 'e_page', type: 'Text', x: 20, y: 5, width: 200, height: 20,
-              content: 'Página {[Page]} de {[TotalPages]}', style: { fontSize: '10px', color: '#666' } }
-          ]}
-        ]
-      },
-      dataSources: [{ id: 'ds1', collection: '', alias: 'main', enabled: true }]
-    };
-    const data = [
-      { producto: 'Laptop', cantidad: 2, total: 50000 },
-      { producto: 'Mouse', cantidad: 10, total: 8500 },
-      { producto: 'Teclado', cantidad: 5, total: 6000 },
-      { producto: 'Monitor', cantidad: 3, total: 17400 },
-    ];
-    const app = createApp({
-      setup() {
-        const definition = ref(null);
-        const reportData = ref([]);
-        definition.value = reportDef;
-        reportData.value = data;
-        return { definition, reportData };
-      }
-    });
-    app.mount('#app');
-    // Sincronizar props con el custom element
-    const viewer = document.getElementById('viewer');
-    viewer.definition = reportDef;
-    viewer.data = data;
-  </script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>NexaReport — Vue 3</title>
+  <link rel="stylesheet" href="../dist/style.css">
+  <style>
+    body { margin: 0; font-family: system-ui, sans-serif; }
+    #app { height: 100vh; display: flex; flex-direction: column; }
+    header { padding: 12px 20px; background: #1e293b; color: #fff; display: flex; align-items: center; gap: 12px; }
+    header h1 { margin: 0; font-size: 18px; font-weight: 600; }
+    header small { opacity: 0.7; }
+    nexa-viewer { flex: 1; display: block; }
+  </style>
+</head>
+<body>
+  <div id="app">
+    <header>
+      <h1>NexaReport</h1>
+      <small>Vue 3 · Demo</small>
+    </header>
+    <nexa-viewer id="viewer" minimal></nexa-viewer>
+  </div>
+  <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
+  <script src="../dist/nexabase-report.umd.js"></script>
+  <script>
+    const { createApp, ref } = Vue;
+    NexaReport.registerNexaReport();
+    const reportDef = {
+      metadata: { version: '1', name: 'Ventas', createdAt: new Date().toISOString() },
+      layout: {
+        page: { format: 'A4', orientation: 'portrait', margins: { top: 1, right: 1, bottom: 1, left: 1 } },
+        bands: [
+          { id: 'b_hdr', type: 'ReportHeader', height: 60, elements: [
+            { id: 'e_titulo', type: 'Text', x: 20, y: 10, width: 500, height: 30,
+              content: 'Reporte de Ventas', style: { fontSize: '22px', fontWeight: 'bold' } }
+          ]},
+          { id: 'b_data', type: 'DataBand', height: 30, dataSource: 'main', elements: [
+            { id: 'e_prod', type: 'Text', x: 20, y: 5, width: 200, height: 20,
+              binding: 'producto', style: { fontSize: '12px' } },
+            { id: 'e_cant', type: 'Text', x: 250, y: 5, width: 80, height: 20,
+              binding: 'cantidad', style: { fontSize: '12px', textAlign: 'center' } },
+            { id: 'e_total', type: 'Text', x: 350, y: 5, width: 100, height: 20,
+              binding: 'total', style: { fontSize: '12px', textAlign: 'right' } }
+          ]},
+          { id: 'b_ftr', type: 'PageFooter', height: 30, elements: [
+            { id: 'e_page', type: 'Text', x: 20, y: 5, width: 200, height: 20,
+              content: 'Página {[Page]} de {[TotalPages]}', style: { fontSize: '10px', color: '#666' } }
+          ]}
+        ]
+      },
+      dataSources: [{ id: 'ds1', collection: '', alias: 'main', enabled: true }]
+    };
+    const data = [
+      { producto: 'Laptop', cantidad: 2, total: 50000 },
+      { producto: 'Mouse', cantidad: 10, total: 8500 },
+      { producto: 'Teclado', cantidad: 5, total: 6000 },
+      { producto: 'Monitor', cantidad: 3, total: 17400 },
+    ];
+    const app = createApp({
+      setup() {
+        const definition = ref(null);
+        const reportData = ref([]);
+        definition.value = reportDef;
+        reportData.value = data;
+        return { definition, reportData };
+      }
+    });
+    app.mount('#app');
+    // Sincronizar props con el custom element
+    const viewer = document.getElementById('viewer');
+    viewer.definition = reportDef;
+    viewer.data = data;
+  </script>
+</body>
+</html>

package/examples/viewer.html CHANGED Viewed

@@ -1,58 +1,58 @@
-<!DOCTYPE html>
-<html lang="es">
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Factura - nexabase-report</title>
-    <style>
-        body { font-family: system-ui; margin: 0; padding: 20px; background: #f8fafc; }
-        .container { max-width: 900px; margin: 0 auto; }
-        h1 { color: #1e3a8a; }
-        #viewer-container { height: 850px; background: white; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; }
-        nexa-viewer { display: block; height: 100%; }
-        .btn { padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; margin-right: 8px; }
-        .btn-pdf { background: #1e40af; color: white; }
-        .btn-excel { background: #16a34a; color: white; }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <h1>Factura de Recolección de Residuos</h1>
-        <div id="viewer-container">
-            <nexa-viewer id="viewer"></nexa-viewer>
-        </div>
-        <div style="margin-top:16px;">
-            <button class="btn btn-pdf" onclick="window._viewer?.exportPdf()">Exportar PDF</button>
-            <button class="btn btn-excel" onclick="window._viewer?.exportExcel()">Exportar Excel</button>
-        </div>
-    </div>
-    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.9/dist/nexabase-report.umd.js"></script>
-    <script>
-        $(function() {
-            $.getJSON('factura_de_recolección_de_residuos.json', function(definition) {
-                var data = {
-                    cliente: [{ nofactura: "34", nombre: "CLIENTE EJEMPLO S.A.S.", nit: "900.123.456-7", direccion: "Calle 100 # 15-20", ciudad: "Bogotá D.C.", fechaRecoleccion: "2025-05-01" }],
-                    residuos: [
-                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "ÁCIDO CLORHÍDRICO", cantidad: 5, documentoRelacionado: "25" },
-                        { nofactura: "34", fechaRecoleccion: "2025-05-02", nombreResiduo: "ÁCIDO CLORHÍDRICO", cantidad: 3, documentoRelacionado: "26" },
-                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "BIO SANITARIOS", cantidad: 5, documentoRelacionado: "28" },
-                        { nofactura: "34", fechaRecoleccion: "2025-05-03", nombreResiduo: "BIO SANITARIOS", cantidad: 2, documentoRelacionado: "30" },
-                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "CLORURO FÉRRICO", cantidad: 8, documentoRelacionado: "31" }
-                    ],
-                    tarifas: [
-                        { nofactura: "34", facturacionMinima: 0, kilosMinimos: 0, precio: 52200, residuo: "ÁCIDO CLORHÍDRICO", tipoTarifa: "Tarifa x Kilo" },
-                        { nofactura: "34", facturacionMinima: 0, kilosMinimos: 0, precio: 52200, residuo: "BIO SANITARIOS", tipoTarifa: "Tarifa x Kilo" }
-                    ]
-                };
-                var viewer = document.getElementById('viewer');
-                window._viewer = viewer;
-                viewer.definition = definition;
-                viewer.data = data;
-            });
-        });
-    </script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Factura - nexabase-report</title>
+    <style>
+        body { font-family: system-ui; margin: 0; padding: 20px; background: #f8fafc; }
+        .container { max-width: 900px; margin: 0 auto; }
+        h1 { color: #1e3a8a; }
+        #viewer-container { height: 850px; background: white; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; }
+        nexa-viewer { display: block; height: 100%; }
+        .btn { padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; margin-right: 8px; }
+        .btn-pdf { background: #1e40af; color: white; }
+        .btn-excel { background: #16a34a; color: white; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Factura de Recolección de Residuos</h1>
+        <div id="viewer-container">
+            <nexa-viewer id="viewer"></nexa-viewer>
+        </div>
+        <div style="margin-top:16px;">
+            <button class="btn btn-pdf" onclick="window._viewer?.exportPdf()">Exportar PDF</button>
+            <button class="btn btn-excel" onclick="window._viewer?.exportExcel()">Exportar Excel</button>
+        </div>
+    </div>
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.12/dist/nexabase-report.umd.js"></script>
+    <script>
+        $(function() {
+            $.getJSON('factura_de_recolección_de_residuos.json', function(definition) {
+                var data = {
+                    cliente: [{ nofactura: "34", nombre: "CLIENTE EJEMPLO S.A.S.", nit: "900.123.456-7", direccion: "Calle 100 # 15-20", ciudad: "Bogotá D.C.", fechaRecoleccion: "2025-05-01" }],
+                    residuos: [
+                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "ÁCIDO CLORHÍDRICO", cantidad: 5, documentoRelacionado: "25" },
+                        { nofactura: "34", fechaRecoleccion: "2025-05-02", nombreResiduo: "ÁCIDO CLORHÍDRICO", cantidad: 3, documentoRelacionado: "26" },
+                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "BIO SANITARIOS", cantidad: 5, documentoRelacionado: "28" },
+                        { nofactura: "34", fechaRecoleccion: "2025-05-03", nombreResiduo: "BIO SANITARIOS", cantidad: 2, documentoRelacionado: "30" },
+                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "CLORURO FÉRRICO", cantidad: 8, documentoRelacionado: "31" }
+                    ],
+                    tarifas: [
+                        { nofactura: "34", facturacionMinima: 0, kilosMinimos: 0, precio: 52200, residuo: "ÁCIDO CLORHÍDRICO", tipoTarifa: "Tarifa x Kilo" },
+                        { nofactura: "34", facturacionMinima: 0, kilosMinimos: 0, precio: 52200, residuo: "BIO SANITARIOS", tipoTarifa: "Tarifa x Kilo" }
+                    ]
+                };
+                var viewer = document.getElementById('viewer');
+                window._viewer = viewer;
+                viewer.definition = definition;
+                viewer.data = data;
+            });
+        });
+    </script>
+</body>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "nexabase-report",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "Professional report designer and viewer for NexaBase — drag & drop designer, PDF/Excel export, charts, crosstabs, subreports.",
   "license": "MIT",
   "author": "NexaBase Team",

package/examples/blazor-report/obj/Debug/net10.0/compressed/4oukg00khs-{0}-p3yawhb8cp-p3yawhb8cp.gz DELETED Viewed

Binary file

package/examples/blazor-report/obj/Debug/net10.0/compressed/6vz3ynifev-{0}-z72ixxujkx-z72ixxujkx.gz DELETED Viewed

Binary file