1.0.97

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-document",
-  "version": "1.0.96",
+  "version": "1.0.97",
   "private": false,
   "description": "a catalog for creating documents like invoices",
   "main": "dist_ts_web/index.js",

ts/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-document',
-  version: '1.0.96',
+  version: '1.0.97',
   description: 'a catalog for creating documents like invoices'
 }

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-document',
-  version: '1.0.96',
+  version: '1.0.97',
   description: 'a catalog for creating documents like invoices'
 }

ts_web/elements/page.ts

@@ -47,7 +47,7 @@ export class DePage extends DeesElement {
   @property({
     type: Object,
   })
-  public letterData: tsclass.business.ILetter = shared.demoLetter;
+  public letterData: tsclass.business.ILetter = null;
 
   @property({
     type: Boolean,
@@ -109,6 +109,8 @@ export class DePage extends DeesElement {
     return html`
       <div id="scaleWrapper">
         <dedocument-pagecontainer .printMode=${this.printMode}>
+          ${this.letterData
+            ? html`
                 <dedocument-pageheader
                   .letterData=${this.letterData}
                   .pageNumber="${this.pageNumber}"
@@ -145,6 +147,10 @@ export class DePage extends DeesElement {
                       `
                     : html``}
                 </div>
+              `
+            : html`
+              <slot></slot>
+            `}
         </dedocument-pagecontainer>
       </div>
     `;
@@ -158,14 +164,14 @@ export class DePage extends DeesElement {
 
   updated(changedProperties: Map<string | number | symbol, unknown>): void {
     super.updated(changedProperties);
-    if (changedProperties.has("viewHeight") || changedProperties.has("viewWidth")) {
+    if (changedProperties.has('viewHeight') || changedProperties.has('viewWidth')) {
       this.adjustScaling();
     }
   }
 
   private adjustScaling() {
-    console.log('page scale adjustment triggered.')
+    console.log('page scale adjustment triggered.');
-    const scaleWrapper: HTMLDivElement = this.shadowRoot.querySelector("#scaleWrapper");
+    const scaleWrapper: HTMLDivElement = this.shadowRoot.querySelector('#scaleWrapper');
 
     if (!scaleWrapper) return;