fix(page-render): Fix layout scaling adjustment for page component

changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2024-12-07 - 1.6.6 - fix(page-render)
+Fix layout scaling adjustment for page component
+
+- Ensure `font-family` is no longer explicitly set to inherit in `DePage` component.
+- Adjust scaling logic to properly set width and overflow based on calculated scale.
+
 ## 2024-12-05 - 1.6.5 - fix(contentinvoice)
 Fix VAT group item number formatting and remove custom font style in invoice sums.
 

ts/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-document',
-  version: '1.6.5',
+  version: '1.6.6',
   description: 'A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.'
 }

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-document',
-  version: '1.6.5',
+  version: '1.6.6',
   description: 'A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.'
 }

ts_web/elements/page.ts

@@ -77,7 +77,6 @@ export class DePage extends DeesElement {
     css`
       :host {
         display: block;
-        font-family: inherit;
       }
 
       #scaleWrapper {
@@ -212,7 +211,8 @@ export class DePage extends DeesElement {
 
     // Adjust the outer dimensions so they match the scaled content
 
-    // this.style.width = `${shared.a4Width * scale}px`;
+    this.style.overflow = 'hidden';
+    this.style.width = `${plugins.shared.a4Width * scale}px`;
     this.style.height = `${plugins.shared.a4Height * scale}px`;
   }
 }