@erplora/outfitkit - npm Package Compare versions

Comparing version 0.1.30 to 0.1.31

dist/components/ok-invoice/ok-invoice.print.test.d.ts

+export {};

dist/ok-invoice.js

@@ -103,2 +103,33 @@ import { LitElement, css, html, nothing } from "lit";
     .empty { padding: 12mm; text-align: center; color: #999; font-style: italic; }
+
+    /* ── Papel ──────────────────────────────────────────────────────────────────────────────
+       Una factura es un documento fiscal: acaba impresa, y en pantalla y en papel no se
+       comporta igual. Lo que hay aquí resuelve lo que rompe al imprimir.
+
+       NOTA: aquí NO va \`@page\` (tamaño y márgenes del folio). Es una at-rule de DOCUMENTO y
+       dentro de un shadow root se IGNORA en silencio; la pone quien monta el documento —en el
+       Hub, \`lib/print.ts\` al escribir el iframe aislado. */
+    @media print {
+      .sheet {
+        /* En papel el ancho lo manda \`@page\`; forzar 210mm aquí provoca una segunda página
+           en blanco cuando el navegador ya ha restado los márgenes. */
+        width: auto;
+        max-width: none;
+        padding: 0;
+      }
+      /* Fondos y sombras: en pantalla ayudan a leer, en papel gastan tóner y salen sucios en
+         láser monocroma. Se sustituye el relleno del bloque de receptor por un filete. */
+      .bill-to {
+        background: transparent;
+        border: 1px solid var(--rule);
+      }
+      /* Que las cabeceras de la tabla se repitan en cada folio: una factura larga sin esto deja
+         las columnas sin rotular a partir de la página 2. */
+      table.lines thead { display: table-header-group; }
+      table.lines tbody tr { break-inside: avoid; page-break-inside: avoid; }
+      /* Los bloques que se leen como una unidad no se parten a la mitad. */
+      .summary, .foot, .legal, .bill-to { break-inside: avoid; page-break-inside: avoid; }
+      /* El total y el QR son lo que se comprueba de un vistazo: no deben quedar huérfanos. */
+      .summary { break-before: avoid; page-break-before: avoid; }
+    }
   `;
@@ -105,0 +136,0 @@ }

package.json

 {
   "name": "@erplora/outfitkit",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "description": "OutfitKit — librería de Web Components (Lit) que CONSTRUYE lo que Ionic no tiene (tree, data-table rica, inline-feedback, kpi/stat, stepper/wizard, calendar, kanban…) sobre primitivos de Ionic. Ionic es la base; OutfitKit cubre los huecos. npm + CDN, imports individuales, CSP-safe. Tema vía tokens --ok-* (fallback a --ion-*).",
@@ -5,0 +5,0 @@ "type": "module",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Improved metrics

Total package byte prevSize

2098334

0.18%

Number of package files

290

0.35%

Lines of code

60739

0.1%

No dependency changes