vue-print-designer 1.2.20 → 1.2.21

package/dist/{web-component-vXArjVKy.js → web-component-DWJYttcR.js}

@@ -34633,7 +34633,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     const renderBarcode = async () => {
       if (!barcodeRef.value) return;
       try {
-        const jsBarcodeModule = await import("./JsBarcode-CvbXC6Zv.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-vgX9_Af1.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const content = resolvedContent.value;
         const style = props.element.style;
@@ -34779,7 +34779,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     });
     const renderQR = async () => {
       try {
-        const qrcodeModule = await import("./browser-DlBpvWkr.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-DGNDbP3U.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         const content = resolvedContent.value;
         qrSrc.value = await QRCode.toDataURL(content, {
@@ -38102,6 +38102,7 @@ const createPagination = ({ store }) => {
             syncElementsBelowTables();
             return;
           }
+          updatePageSums(table);
           let splitIndex = -1;
           const tbody = table.querySelector("tbody");
           if (!tbody) return;
@@ -38109,35 +38110,37 @@ const createPagination = ({ store }) => {
           const tfoot = table.querySelector("tfoot");
           const isFooterRepeated = table.getAttribute("data-tfoot-repeat") === "true";
           let repeatedFooterHeight = 0;
-          let totalFooterHeight = 0;
           if (tfoot) {
-            totalFooterHeight = tfoot.getBoundingClientRect().height;
             if (isFooterRepeated) {
-              repeatedFooterHeight = totalFooterHeight;
+              repeatedFooterHeight = tfoot.getBoundingClientRect().height;
             }
           }
+          const tableRect = table.getBoundingClientRect();
           for (let r = 0; r < rows.length; r++) {
             const row = rows[r];
             const rowRect = row.getBoundingClientRect();
-            let currentFooterHeight = repeatedFooterHeight;
             if (!isFooterRepeated && r === rows.length - 1) {
-              currentFooterHeight = totalFooterHeight;
-            }
-            if (rowRect.bottom + currentFooterHeight > limitBottom + 1) {
-              splitIndex = r;
-              break;
+              if (tableRect.bottom > limitBottom + 1) {
+                splitIndex = r;
+                break;
+              }
+            } else {
+              if (rowRect.bottom + repeatedFooterHeight > limitBottom + 1) {
+                splitIndex = r;
+                break;
+              }
             }
           }
-          const resolvedStartY = resolveFlowChunkStartY(wrapper);
+          resolveFlowChunkStartY(wrapper);
+          const minTop = copyHeader && headerHeight > 0 ? headerHeight + (store.pageSpacingY || 0) : store.pageSpacingY || 0;
           if (splitIndex === 0) {
-            if (wrapperTopInPage <= resolvedStartY + 5) {
+            if (wrapperTopInPage <= minTop + 5) {
               splitIndex = 1;
             }
           }
           if (splitIndex === -1 && rows.length > 0) {
-            const tableRect = table.getBoundingClientRect();
             if (tableRect.bottom > limitBottom + 2) {
-              if (wrapperTopInPage > resolvedStartY + 5) {
+              if (wrapperTopInPage > minTop + 5) {
                 splitIndex = 0;
               } else if (rows.length > 1) {
                 splitIndex = rows.length - 1;
@@ -38307,7 +38310,7 @@ const createImageRenderer = (deps) => {
   const svgToCanvas = async (root) => {
     const svgs = root.querySelectorAll("svg");
     if (svgs.length === 0) return;
-    const { Canvg } = await import("./index.es-CZrTfO_R.js");
+    const { Canvg } = await import("./index.es-C4KWgcHt.js");
     svgs.forEach((svg) => {
       const parent = svg.parentElement;
       if (!parent) return;
@@ -38633,7 +38636,7 @@ const createImageRenderer = (deps) => {
     }
     try {
       const generatePageImage = async (page) => {
-        const domToImageModule = await import("./dom-to-image-more.min-CAIm_yfT.js").then((n) => n.domToImageMore_min);
+        const domToImageModule = await import("./dom-to-image-more.min-BZ9FRhxR.js").then((n) => n.domToImageMore_min);
         const domtoimage = (domToImageModule == null ? void 0 : domToImageModule.default) || domToImageModule;
         const canvas = await domtoimage.toCanvas(page, {
           filter: (node) => {
@@ -38702,7 +38705,7 @@ const createImageRenderer = (deps) => {
         source.getComputedStyleFn
       );
       tempWrapper = wrapper;
-      const jsPdfModule = await import("./jspdf.es.min-BZJ-oRe-.js");
+      const jsPdfModule = await import("./jspdf.es.min-ChNFtJOU.js");
       const jsPDF = (jsPdfModule == null ? void 0 : jsPdfModule.default) || (jsPdfModule == null ? void 0 : jsPdfModule.jsPDF) || jsPdfModule;
       const pdf = new jsPDF({
         orientation: width > height ? "l" : "p",
@@ -39084,7 +39087,7 @@ const usePrint = () => {
           link.click();
           document.body.removeChild(link);
         } else {
-          const jsZipModule = await import("./jszip.min-Bq1RKpC9.js").then((n) => n.jszip_min);
+          const jsZipModule = await import("./jszip.min-BV1cV44d.js").then((n) => n.jszip_min);
           const JSZip = (jsZipModule == null ? void 0 : jsZipModule.default) || jsZipModule;
           const zip = new JSZip();
           await Promise.all(
@@ -39385,7 +39388,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   emits: ["update:visible", "update:value", "close", "save"],
   setup(__props, { emit: __emit }) {
     const Editor = /* @__PURE__ */ defineAsyncComponent(
-      () => import("./index-U9t6PBD9.js").then((m) => m.Editor)
+      () => import("./index-eOImZGkP.js").then((m) => m.Editor)
     );
     const { t } = useI18n();
     const { isDark: isDark2 } = useTheme();
@@ -45492,7 +45495,7 @@ function render$d(_ctx, _cache) {
 }
 const InfoIcon = markRaw({ name: "material-symbols-info", render: render$d });
 const name = "vue-print-designer";
-const version = "1.2.20";
+const version = "1.2.21";
 const dependencies = { "@guolao/vue-monaco-editor": "^1.6.0", "canvg": "^3.0.11", "dom-to-image-more": "^3.7.2", "jsbarcode": "^3.12.3", "jspdf": "4.2", "jszip": "^3.10.1", "lodash": "^4.17.21", "pinia": "^2.3.0", "qrcode": "^1.5.4", "uuid": "^11.0.3", "vue": "^3.5.13", "vue-i18n": "^11.2.8" };
 const devDependencies = { "@iconify-json/material-symbols": "^1.2.53", "@types/jsbarcode": "^3.11.4", "@types/lodash": "^4.17.13", "@types/node": "^22.10.2", "@types/qrcode": "^1.5.6", "@types/uuid": "^10.0.0", "@vitejs/plugin-vue": "^5.2.1", "@vue/tsconfig": "^0.7.0", "autoprefixer": "^10.4.20", "postcss": "^8.4.49", "rollup-plugin-visualizer": "^7.0.1", "sharp": "^0.34.5", "tailwindcss": "^3.4.17", "terser": "^5.46.1", "typescript": "~5.6.2", "unplugin-icons": "^23.0.1", "vite": "^6.0.1", "vue-tsc": "^2.1.10" };
 const pkg = {
@@ -48346,7 +48349,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   emits: ["update:value"],
   setup(__props, { emit: __emit }) {
     const Editor = /* @__PURE__ */ defineAsyncComponent(
-      () => import("./index-U9t6PBD9.js").then((m) => m.Editor)
+      () => import("./index-eOImZGkP.js").then((m) => m.Editor)
     );
     const emit2 = __emit;
     useDesignerStore();
@@ -50901,7 +50904,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     const renderBarcodeDataUrl = async (element) => {
       try {
-        const jsBarcodeModule = await import("./JsBarcode-CvbXC6Zv.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-vgX9_Af1.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const canvas = document.createElement("canvas");
         const style = element.style || {};
@@ -50928,7 +50931,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const renderQrDataUrl = async (element) => {
       var _a2, _b;
       try {
-        const qrcodeModule = await import("./browser-DlBpvWkr.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-DGNDbP3U.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         return await QRCode.toDataURL(getResolvedContent(element), {
           margin: 0,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-print-designer",
   "private": false,
-  "version": "1.2.20",
+  "version": "1.2.21",
   "license": "AGPL-3.0-only",
   "type": "module",
   "main": "dist/print-designer.umd.js",