vue-print-designer 1.2.21 → 1.2.22

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

@@ -34633,7 +34633,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     const renderBarcode = async () => {
       if (!barcodeRef.value) return;
       try {
-        const jsBarcodeModule = await import("./JsBarcode-vgX9_Af1.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-QNk1KY2s.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-DGNDbP3U.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-DM8FlFgO.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         const content = resolvedContent.value;
         qrSrc.value = await QRCode.toDataURL(content, {
@@ -37469,6 +37469,16 @@ const createPagination = ({ store }) => {
       const value = parseFloat(el.getAttribute(attr) || "");
       return Number.isFinite(value) ? value : fallback;
     };
+    const getPageScaleY = (pageRect) => {
+      if (pageHeight <= 0 || pageRect.height <= 0) return 1;
+      return pageRect.height / pageHeight;
+    };
+    const pageYToViewportY = (pageRect, pageY) => {
+      return pageRect.top + pageY * getPageScaleY(pageRect);
+    };
+    const viewportYToPageY = (pageRect, viewportY) => {
+      return (viewportY - pageRect.top) / getPageScaleY(pageRect);
+    };
     const getFlowKind = (wrapper) => wrapper.getAttribute("data-flow-kind") || "";
     const resolveAutoHeightContentEl = (wrapper) => {
       return wrapper.querySelector('[data-auto-height="true"]') || wrapper.querySelector(
@@ -37592,7 +37602,10 @@ const createPagination = ({ store }) => {
           );
           const originalBottom = originalTop + originalHeight;
           const contentRect = (table || autoHeightEl).getBoundingClientRect();
-          const finalBottomInPage = contentRect.bottom - pageRect.top;
+          const finalBottomInPage = viewportYToPageY(
+            pageRect,
+            contentRect.bottom
+          );
           const finalGlobalBottom = pageIndex * pageHeight + finalBottomInPage;
           const list = tableEntriesByOrigin.get(originPage) || [];
           const existing = list.find(
@@ -37876,7 +37889,10 @@ const createPagination = ({ store }) => {
         const pageRect = page.getBoundingClientRect();
         const marginBottom2 = store.pageSpacingY || 0;
         const effectiveFooterHeight = copyFooter ? footerHeight : 0;
-        const limitBottom = pageRect.top + pageHeight - effectiveFooterHeight - marginBottom2;
+        const limitBottom = pageYToViewportY(
+          pageRect,
+          pageHeight - effectiveFooterHeight - marginBottom2
+        );
         const wrappers = Array.from(
           page.querySelectorAll(
             "[data-print-wrapper][data-flow-id][data-flow-paginated]"
@@ -38026,9 +38042,12 @@ const createPagination = ({ store }) => {
           const pageRect = page.getBoundingClientRect();
           const marginBottom2 = store.pageSpacingY || 0;
           const effectiveFooterHeight = copyFooter ? footerHeight : 0;
-          const limitBottom = pageRect.top + pageHeight - effectiveFooterHeight - marginBottom2;
+          const limitBottom = pageYToViewportY(
+            pageRect,
+            pageHeight - effectiveFooterHeight - marginBottom2
+          );
           const wrapperRect = wrapper.getBoundingClientRect();
-          const wrapperTopInPage = wrapperRect.top - pageRect.top;
+          const wrapperTopInPage = viewportYToPageY(pageRect, wrapperRect.top);
           if (isAutoHeight) {
             if (!autoHeightEl) return;
             const contentRect = autoHeightEl.getBoundingClientRect();
@@ -38310,7 +38329,7 @@ const createImageRenderer = (deps) => {
   const svgToCanvas = async (root) => {
     const svgs = root.querySelectorAll("svg");
     if (svgs.length === 0) return;
-    const { Canvg } = await import("./index.es-C4KWgcHt.js");
+    const { Canvg } = await import("./index.es-CdZAYKDy.js");
     svgs.forEach((svg) => {
       const parent = svg.parentElement;
       if (!parent) return;
@@ -38636,7 +38655,7 @@ const createImageRenderer = (deps) => {
     }
     try {
       const generatePageImage = async (page) => {
-        const domToImageModule = await import("./dom-to-image-more.min-BZ9FRhxR.js").then((n) => n.domToImageMore_min);
+        const domToImageModule = await import("./dom-to-image-more.min-Do1m7QvX.js").then((n) => n.domToImageMore_min);
         const domtoimage = (domToImageModule == null ? void 0 : domToImageModule.default) || domToImageModule;
         const canvas = await domtoimage.toCanvas(page, {
           filter: (node) => {
@@ -38705,7 +38724,7 @@ const createImageRenderer = (deps) => {
         source.getComputedStyleFn
       );
       tempWrapper = wrapper;
-      const jsPdfModule = await import("./jspdf.es.min-ChNFtJOU.js");
+      const jsPdfModule = await import("./jspdf.es.min-DOpJYsPq.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",
@@ -39087,7 +39106,7 @@ const usePrint = () => {
           link.click();
           document.body.removeChild(link);
         } else {
-          const jsZipModule = await import("./jszip.min-BV1cV44d.js").then((n) => n.jszip_min);
+          const jsZipModule = await import("./jszip.min-BgpyKvVn.js").then((n) => n.jszip_min);
           const JSZip = (jsZipModule == null ? void 0 : jsZipModule.default) || jsZipModule;
           const zip = new JSZip();
           await Promise.all(
@@ -39388,7 +39407,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   emits: ["update:visible", "update:value", "close", "save"],
   setup(__props, { emit: __emit }) {
     const Editor = /* @__PURE__ */ defineAsyncComponent(
-      () => import("./index-eOImZGkP.js").then((m) => m.Editor)
+      () => import("./index-B_AgEYHd.js").then((m) => m.Editor)
     );
     const { t } = useI18n();
     const { isDark: isDark2 } = useTheme();
@@ -45495,7 +45514,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.21";
+const version = "1.2.22";
 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 = {
@@ -48349,7 +48368,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   emits: ["update:value"],
   setup(__props, { emit: __emit }) {
     const Editor = /* @__PURE__ */ defineAsyncComponent(
-      () => import("./index-eOImZGkP.js").then((m) => m.Editor)
+      () => import("./index-B_AgEYHd.js").then((m) => m.Editor)
     );
     const emit2 = __emit;
     useDesignerStore();
@@ -50904,7 +50923,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     const renderBarcodeDataUrl = async (element) => {
       try {
-        const jsBarcodeModule = await import("./JsBarcode-vgX9_Af1.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-QNk1KY2s.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const canvas = document.createElement("canvas");
         const style = element.style || {};
@@ -50931,7 +50950,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const renderQrDataUrl = async (element) => {
       var _a2, _b;
       try {
-        const qrcodeModule = await import("./browser-DGNDbP3U.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-DM8FlFgO.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.21",
+  "version": "1.2.22",
   "license": "AGPL-3.0-only",
   "type": "module",
   "main": "dist/print-designer.umd.js",