vue-print-designer 1.2.19 → 1.2.21

package/dist/{web-component-CCWQ_k_l.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-BUKlXhMh.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-D_SQvwq-.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, {
@@ -38028,7 +38028,7 @@ const createPagination = ({ store }) => {
           const effectiveFooterHeight = copyFooter ? footerHeight : 0;
           const limitBottom = pageRect.top + pageHeight - effectiveFooterHeight - marginBottom2;
           const wrapperRect = wrapper.getBoundingClientRect();
-          const wrapperTop = wrapperRect.top;
+          const wrapperTopInPage = wrapperRect.top - pageRect.top;
           if (isAutoHeight) {
             if (!autoHeightEl) return;
             const contentRect = autoHeightEl.getBoundingClientRect();
@@ -38051,7 +38051,7 @@ const createPagination = ({ store }) => {
             );
             if (splitIndex2 <= 0) {
               const startY2 = resolveFlowChunkStartY(wrapper);
-              if (wrapperTop <= startY2 + 5) {
+              if (wrapperTopInPage <= startY2 + 5) {
                 splitIndex2 = 1;
               } else {
                 const newPage2 = createFlowOverflowPage(page, i);
@@ -38102,6 +38102,7 @@ const createPagination = ({ store }) => {
             syncElementsBelowTables();
             return;
           }
+          updatePageSums(table);
           let splitIndex = -1;
           const tbody = table.querySelector("tbody");
           if (!tbody) return;
@@ -38109,39 +38110,43 @@ 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 (tableRect.bottom > limitBottom + 1) {
+                splitIndex = r;
+                break;
+              }
+            } else {
+              if (rowRect.bottom + repeatedFooterHeight > limitBottom + 1) {
+                splitIndex = r;
+                break;
+              }
             }
-            if (rowRect.bottom + currentFooterHeight > limitBottom + 1) {
-              splitIndex = r;
-              if (splitIndex === 0) {
-                const marginTop2 = store.pageSpacingY || 0;
-                const minTop = copyHeader && headerHeight > 0 ? headerHeight + marginTop2 : marginTop2;
-                let startY = minTop;
-                const originalTopVal = parseAttrNumber(
-                  wrapper,
-                  "data-original-top",
-                  parseFloat(wrapper.style.top || "") || 0
-                );
-                if (originalTopVal >= minTop && originalTopVal <= minTop + 100) {
-                  startY = originalTopVal;
-                }
-                if (wrapperTop <= startY + 5) {
-                  splitIndex = 1;
-                }
+          }
+          resolveFlowChunkStartY(wrapper);
+          const minTop = copyHeader && headerHeight > 0 ? headerHeight + (store.pageSpacingY || 0) : store.pageSpacingY || 0;
+          if (splitIndex === 0) {
+            if (wrapperTopInPage <= minTop + 5) {
+              splitIndex = 1;
+            }
+          }
+          if (splitIndex === -1 && rows.length > 0) {
+            if (tableRect.bottom > limitBottom + 2) {
+              if (wrapperTopInPage > minTop + 5) {
+                splitIndex = 0;
+              } else if (rows.length > 1) {
+                splitIndex = rows.length - 1;
+              } else {
+                splitIndex = 1;
               }
-              break;
             }
           }
           if (splitIndex !== -1) {
@@ -38305,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-D6hl4zo7.js");
+    const { Canvg } = await import("./index.es-C4KWgcHt.js");
     svgs.forEach((svg) => {
       const parent = svg.parentElement;
       if (!parent) return;
@@ -38631,7 +38636,7 @@ const createImageRenderer = (deps) => {
     }
     try {
       const generatePageImage = async (page) => {
-        const domToImageModule = await import("./dom-to-image-more.min-FrJGZaQY.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) => {
@@ -38700,7 +38705,7 @@ const createImageRenderer = (deps) => {
         source.getComputedStyleFn
       );
       tempWrapper = wrapper;
-      const jsPdfModule = await import("./jspdf.es.min-D1018ALZ.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",
@@ -39082,7 +39087,7 @@ const usePrint = () => {
           link.click();
           document.body.removeChild(link);
         } else {
-          const jsZipModule = await import("./jszip.min-Bs6QN_vp.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(
@@ -39383,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-2nN-UkTy.js").then((m) => m.Editor)
+      () => import("./index-eOImZGkP.js").then((m) => m.Editor)
     );
     const { t } = useI18n();
     const { isDark: isDark2 } = useTheme();
@@ -45490,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.19";
+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 = {
@@ -48344,7 +48349,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   emits: ["update:value"],
   setup(__props, { emit: __emit }) {
     const Editor = /* @__PURE__ */ defineAsyncComponent(
-      () => import("./index-2nN-UkTy.js").then((m) => m.Editor)
+      () => import("./index-eOImZGkP.js").then((m) => m.Editor)
     );
     const emit2 = __emit;
     useDesignerStore();
@@ -50899,7 +50904,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     const renderBarcodeDataUrl = async (element) => {
       try {
-        const jsBarcodeModule = await import("./JsBarcode-BUKlXhMh.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 || {};
@@ -50926,7 +50931,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const renderQrDataUrl = async (element) => {
       var _a2, _b;
       try {
-        const qrcodeModule = await import("./browser-D_SQvwq-.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.19",
+  "version": "1.2.21",
   "license": "AGPL-3.0-only",
   "type": "module",
   "main": "dist/print-designer.umd.js",