nexabase-report 0.2.10 → 0.2.12

package/examples/BlazorServer/Pages/FacturaReport.razor

@@ -1,52 +1,52 @@
-@page "/reports/factura"
-@inject IHttpClientFactory HttpFactory
-@inject IJSRuntime JS
-
-<h1 style="color:#1e3a8a; margin-bottom:16px;">Factura de Recolección</h1>
-
-<div style="height:800px; border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; background:white;">
-    <nexa-viewer id="viewer"></nexa-viewer>
-</div>
-
-<div style="margin-top:16px; display:flex; gap:8px;">
-    <button @onclick="ExportPdf" style="padding:8px 16px; background:#1e40af; color:white; border:none; border-radius:6px; cursor:pointer;">PDF</button>
-    <button @onclick="ExportExcel" style="padding:8px 16px; background:#16a34a; color:white; border:none; border-radius:6px; cursor:pointer;">Excel</button>
-    <button @onclick="LoadReport" style="padding:8px 16px; background:#fff; border:1px solid #d1d5db; border-radius:6px; cursor:pointer;">Recargar</button>
-</div>
-
-@code {
-    private bool _loaded = false;
-
-    protected override async Task OnAfterRenderAsync(bool firstRender)
-    {
-        if (firstRender && !_loaded)
-        {
-            _loaded = true;
-            await LoadReport();
-        }
-    }
-
-    private async Task LoadReport()
-    {
-        var http = HttpFactory.CreateClient();
-        var definition = await http.GetFromJsonAsync<object>("/examples/invoice-report.json");
-        var data = new Dictionary<string, object[]>
-        {
-            ["main"] = new object[] { new { nofactura = "34", nombre = "CLIENTE EJEMPLO S.A.S.", nit = "900.123.456-7", direccion = "Calle 100 # 15-20" } }
-        };
-        await JS.InvokeVoidAsync("nexaReportRender", "viewer", definition, data);
-    }
-
-    private async Task ExportPdf() => await JS.InvokeVoidAsync("nexaReportExportPdf", "viewer");
-    private async Task ExportExcel() => await JS.InvokeVoidAsync("nexaReportExportExcel", "viewer");
-}
-
-<script src="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.9/dist/nexabase-report.umd.js"></script>
-<script>
-    window.nexaReportRender = function(id, def, data) {
-        if (!window._nexaReg) { NexaReport.registerNexaReport(); window._nexaReg = true; }
-        setTimeout(() => { const v = document.getElementById(id); if (v) { v.definition = def; v.data = data; } }, 100);
-    };
-    window.nexaReportExportPdf = (id) => { const v = document.getElementById(id); v && v.exportPdf(); };
-    window.nexaReportExportExcel = (id) => { const v = document.getElementById(id); v && v.exportExcel(); };
-</script>
+@page "/reports/factura"
+@inject IHttpClientFactory HttpFactory
+@inject IJSRuntime JS
+
+<h1 style="color:#1e3a8a; margin-bottom:16px;">Factura de Recolección</h1>
+
+<div style="height:800px; border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; background:white;">
+    <nexa-viewer id="viewer"></nexa-viewer>
+</div>
+
+<div style="margin-top:16px; display:flex; gap:8px;">
+    <button @onclick="ExportPdf" style="padding:8px 16px; background:#1e40af; color:white; border:none; border-radius:6px; cursor:pointer;">PDF</button>
+    <button @onclick="ExportExcel" style="padding:8px 16px; background:#16a34a; color:white; border:none; border-radius:6px; cursor:pointer;">Excel</button>
+    <button @onclick="LoadReport" style="padding:8px 16px; background:#fff; border:1px solid #d1d5db; border-radius:6px; cursor:pointer;">Recargar</button>
+</div>
+
+@code {
+    private bool _loaded = false;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender && !_loaded)
+        {
+            _loaded = true;
+            await LoadReport();
+        }
+    }
+
+    private async Task LoadReport()
+    {
+        var http = HttpFactory.CreateClient();
+        var definition = await http.GetFromJsonAsync<object>("/examples/invoice-report.json");
+        var data = new Dictionary<string, object[]>
+        {
+            ["main"] = new object[] { new { nofactura = "34", nombre = "CLIENTE EJEMPLO S.A.S.", nit = "900.123.456-7", direccion = "Calle 100 # 15-20" } }
+        };
+        await JS.InvokeVoidAsync("nexaReportRender", "viewer", definition, data);
+    }
+
+    private async Task ExportPdf() => await JS.InvokeVoidAsync("nexaReportExportPdf", "viewer");
+    private async Task ExportExcel() => await JS.InvokeVoidAsync("nexaReportExportExcel", "viewer");
+}
+
+<script src="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.10/dist/nexabase-report.umd.js"></script>
+<script>
+    window.nexaReportRender = function(id, def, data) {
+        if (!window._nexaReg) { NexaReport.registerNexaReport(); window._nexaReg = true; }
+        setTimeout(() => { const v = document.getElementById(id); if (v) { v.definition = def; v.data = data; } }, 100);
+    };
+    window.nexaReportExportPdf = (id) => { const v = document.getElementById(id); v && v.exportPdf(); };
+    window.nexaReportExportExcel = (id) => { const v = document.getElementById(id); v && v.exportExcel(); };
+</script>

package/examples/blazor-report/Components/App.razor

@@ -1,19 +1,19 @@
-<!DOCTYPE html>
-<html lang="es">
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <base href="/" />
-    <ImportMap />
-    <link rel="icon" type="image/png" href="favicon.png" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.9/dist/style.css" />
-    <HeadOutlet />
-</head>
-<body>
-    <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>
-    <Routes />
-    <ReconnectModal />
-    <script src="_framework/blazor.web.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+    <ImportMap />
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.10/dist/style.css" />
+    <HeadOutlet />
+</head>
+<body>
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.10/dist/nexabase-report.umd.js"></script>
+    <Routes />
+    <ReconnectModal />
+    <script src="_framework/blazor.web.js"></script>
+</body>
+</html>

package/examples/blazor-report/Components/Layout/MainLayout.razor

@@ -1,7 +1,7 @@
-@inherits LayoutComponentBase
-
-<div style="display:flex; flex-direction:column; height:100vh;">
-    <main style="flex:1; overflow:auto;">
-        @Body
-    </main>
-</div>
+@inherits LayoutComponentBase
+
+<div style="display:flex; flex-direction:column; height:100vh;">
+    <main style="flex:1; overflow:auto;">
+        @Body
+    </main>
+</div>

package/examples/blazor-report/Components/Layout/NavMenu.razor

@@ -1,4 +1,4 @@
-<div class="top-row ps-3 navbar navbar-dark">
+<div class="top-row ps-3 navbar navbar-dark">
     <div class="container-fluid">
         <a class="navbar-brand" href="">blazor-report</a>
     </div>

package/examples/blazor-report/Components/Layout/ReconnectModal.razor

@@ -1,4 +1,4 @@
-<script type="module" src="@Assets["Components/Layout/ReconnectModal.razor.js"]"></script>
+<script type="module" src="@Assets["Components/Layout/ReconnectModal.razor.js"]"></script>
 
 <dialog id="components-reconnect-modal" data-nosnippet>
     <div class="components-reconnect-container">

package/examples/blazor-report/Components/Pages/Counter.razor

@@ -1,4 +1,4 @@
-@page "/counter"
+@page "/counter"
 @rendermode InteractiveServer
 
 <PageTitle>Counter</PageTitle>

package/examples/blazor-report/Components/Pages/Error.razor

@@ -1,4 +1,4 @@
-@page "/Error"
+@page "/Error"
 @using System.Diagnostics
 
 <PageTitle>Error</PageTitle>

package/examples/blazor-report/Components/Pages/Factura.razor

@@ -1,37 +1,36 @@
-@page "/factura"
-
-<div style="padding:20px;">
-    <a href="/">← Volver</a>
-    <h1 style="color:#1e3a8a; margin-top:16px;">Factura de Recolección de Residuos</h1>
-    <nexa-viewer id="viewer" style="width:100%; height:1200px;"></nexa-viewer>
-</div>
-
-<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
-<script src="/style.css" rel="stylesheet"></script>
-<script src="/nexabase-report.umd.js"></script>
-<script>
-    $.getJSON('factura_de_recolección_de_residuos.json', function(definition) {
-        var residuos = [];
-        var tipos = ['ÁCIDO CLORHÍDRICO', 'BIO SANITARIOS', 'CLORURO FÉRRICO', 'RESIDUO INDUSTRIAL', 'MATERIAL RECICLABLE'];
-        for (var i = 1; i <= 5000; i++) {
-            residuos.push({
-                nofactura: "34",
-                fechaRecoleccion: "2025-05-" + String(i % 30 + 1).padStart(2, '0'),
-                nombreResiduo: tipos[i % tipos.length],
-                cantidad: Math.floor(Math.random() * 20) + 1,
-                documentoRelacionado: String(20 + i)
-            });
-        }
-
-        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: residuos,
-            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" }
-            ]
-        };
-        document.getElementById('viewer').definition = definition;
-        document.getElementById('viewer').data = data;
-    });
-</script>
+@page "/factura"
+
+<div style="padding:20px;">
+    <a href="/">← Volver</a>
+    <h1 style="color:#1e3a8a; margin-top:16px;">Factura de Recolección de Residuos</h1>
+    <nexa-viewer id="viewer" style="width:100%; height:1200px;"></nexa-viewer>
+</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>
+    $.getJSON('factura_de_recolección_de_residuos.json', function(definition) {
+        var residuos = [];
+        var tipos = ['ÁCIDO CLORHÍDRICO', 'BIO SANITARIOS', 'CLORURO FÉRRICO', 'RESIDUO INDUSTRIAL', 'MATERIAL RECICLABLE'];
+        for (var i = 1; i <= 5000; i++) {
+            residuos.push({
+                nofactura: "34",
+                fechaRecoleccion: "2025-05-" + String(i % 30 + 1).padStart(2, '0'),
+                nombreResiduo: tipos[i % tipos.length],
+                cantidad: Math.floor(Math.random() * 20) + 1,
+                documentoRelacionado: String(20 + i)
+            });
+        }
+
+        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: residuos,
+            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" }
+            ]
+        };
+        document.getElementById('viewer').definition = definition;
+        document.getElementById('viewer').data = data;
+    });
+</script>

package/examples/blazor-report/Components/Pages/Home.razor

@@ -1,16 +1,16 @@
-@page "/"
-
-<PageTitle>nexabase-report</PageTitle>
-
-<div style="max-width:800px; margin:40px auto; font-family:system-ui; padding:20px;">
-    <h1 style="color:#1e3a8a; font-size:28px; margin-bottom:10px;">nexabase-report</h1>
-    <p style="color:#666; margin-bottom:30px;">Visor de reportes en Blazor Server</p>
-
-    <div style="background:#f8fafc; border-radius:8px; padding:24px; border:1px solid #e2e8f0;">
-        <h2 style="color:#374151; font-size:18px; margin-bottom:16px;">Factura de Recolección de Residuos</h2>
-        <a href="/factura"
-           style="display:inline-block; padding:12px 24px; background:#1e40af; color:white; text-decoration:none; border-radius:6px; font-weight:500;">
-            Ver Reporte →
-        </a>
-    </div>
-</div>
+@page "/"
+
+<PageTitle>nexabase-report</PageTitle>
+
+<div style="max-width:800px; margin:40px auto; font-family:system-ui; padding:20px;">
+    <h1 style="color:#1e3a8a; font-size:28px; margin-bottom:10px;">nexabase-report</h1>
+    <p style="color:#666; margin-bottom:30px;">Visor de reportes en Blazor Server</p>
+
+    <div style="background:#f8fafc; border-radius:8px; padding:24px; border:1px solid #e2e8f0;">
+        <h2 style="color:#374151; font-size:18px; margin-bottom:16px;">Factura de Recolecci�n de Residuos</h2>
+        <a href="/factura"
+           style="display:inline-block; padding:12px 24px; background:#1e40af; color:white; text-decoration:none; border-radius:6px; font-weight:500;">
+            Ver Reporte ?
+        </a>
+    </div>
+</div>

package/examples/blazor-report/Components/Pages/NotFound.razor

@@ -1,5 +1,5 @@
-@page "/not-found"
+@page "/not-found"
 @layout MainLayout
 
 <h3>Not Found</h3>
-<p>Sorry, the content you are looking for does not exist.</p>
+<p>Sorry, the content you are looking for does not exist.</p>

package/examples/blazor-report/Components/Pages/Weather.razor

@@ -1,4 +1,4 @@
-@page "/weather"
+@page "/weather"
 @attribute [StreamRendering]
 
 <PageTitle>Weather</PageTitle>

package/examples/blazor-report/Components/Routes.razor

@@ -1,4 +1,4 @@
-<Router AppAssembly="typeof(Program).Assembly" NotFoundPage="typeof(Pages.NotFound)">
+<Router AppAssembly="typeof(Program).Assembly" NotFoundPage="typeof(Pages.NotFound)">
     <Found Context="routeData">
         <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
         <FocusOnNavigate RouteData="routeData" Selector="h1" />

package/examples/blazor-report/Components/_Imports.razor

@@ -1,4 +1,4 @@
-@using System.Net.Http
+@using System.Net.Http
 @using System.Net.Http.Json
 @using Microsoft.AspNetCore.Components.Forms
 @using Microsoft.AspNetCore.Components.Routing