@design.estate/dees-document 1.0.96 → 1.0.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-document",
-  "version": "1.0.96",
+  "version": "1.0.98",
   "private": false,
   "description": "a catalog for creating documents like invoices",
   "main": "dist_ts_web/index.js",
@@ -9,35 +9,29 @@
     "./ts": "./dist_ts/index.js",
     "./ts_web": "./dist_ts_web/index.js"
   },
-  "scripts": {
-    "test": "npm run build && tstest test/",
-    "build": "tsbuild --allowimplicitany && tsbuild element --allowimplicitany && tsbundle element --production",
-    "watch": "tswatch element",
-    "buildDocs": "tsdoc"
-  },
   "author": "Lossless GmbH",
   "license": "MIT",
   "dependencies": {
     "@design.estate/dees-domtools": "^2.0.55",
-    "@design.estate/dees-element": "^2.0.32",
-    "@design.estate/dees-wcctools": "^1.0.76",
-    "@git.zone/tsrun": "^1.2.44",
-    "@push.rocks/smartfile": "^10.0.26",
+    "@design.estate/dees-element": "^2.0.33",
+    "@design.estate/dees-wcctools": "^1.0.85",
+    "@git.zone/tsrun": "^1.2.46",
+    "@push.rocks/smartfile": "^11.0.4",
     "@push.rocks/smartjson": "^5.0.10",
-    "@push.rocks/smartpath": "^5.0.5",
+    "@push.rocks/smartpath": "^5.0.11",
     "@push.rocks/smartpdf": "^3.0.16",
     "@push.rocks/smarttime": "^4.0.6",
     "@tsclass/tsclass": "^4.0.46",
-    "@types/qrcode": "^1.5.4",
+    "@types/qrcode": "^1.5.5",
     "qrcode": "^1.5.3"
   },
   "devDependencies": {
-    "@git.zone/tsbuild": "^2.1.66",
-    "@git.zone/tsbundle": "^2.0.8",
-    "@git.zone/tstest": "^1.0.77",
-    "@git.zone/tswatch": "^2.0.7",
-    "@push.rocks/projectinfo": "^5.0.1",
-    "@push.rocks/tapbundle": "^5.0.8"
+    "@git.zone/tsbuild": "^2.1.72",
+    "@git.zone/tsbundle": "^2.0.15",
+    "@git.zone/tstest": "^1.0.84",
+    "@git.zone/tswatch": "^2.0.21",
+    "@push.rocks/projectinfo": "^5.0.2",
+    "@push.rocks/tapbundle": "^5.0.15"
   },
   "files": [
     "ts/**/*",
@@ -62,5 +56,11 @@
   "bugs": {
     "url": "https://gitlab.com/designestate/private/dedocument-catalog/issues"
   },
-  "homepage": "https://gitlab.com/designestate/private/dedocument-catalog#readme"
-}
+  "homepage": "https://gitlab.com/designestate/private/dedocument-catalog#readme",
+  "scripts": {
+    "test": "npm run build && tstest test/",
+    "build": "tsbuild --allowimplicitany && tsbuild element --allowimplicitany && tsbundle element --production",
+    "watch": "tswatch element",
+    "buildDocs": "tsdoc"
+  }
+}

package/ts/00_commitinfo_data.ts

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

package/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.98',
   description: 'a catalog for creating documents like invoices'
 }

package/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,42 +109,48 @@ export class DePage extends DeesElement {
     return html`
       <div id="scaleWrapper">
         <dedocument-pagecontainer .printMode=${this.printMode}>
-          <dedocument-pageheader
-            .letterData=${this.letterData}
-            .pageNumber="${this.pageNumber}"
-            .pageTotalNumber="${this.pageTotalNumber}"
-          ></dedocument-pageheader>
-          ${this.pageNumber === 1
+          ${this.letterData
             ? html`
-                <dedocument-letterheader
+                <dedocument-pageheader
+                  .letterData=${this.letterData}
+                  .pageNumber="${this.pageNumber}"
+                  .pageTotalNumber="${this.pageTotalNumber}"
+                ></dedocument-pageheader>
+                ${this.pageNumber === 1
+                  ? html`
+                      <dedocument-letterheader
+                        .pageNumber="${this.pageNumber}"
+                        .letterData=${this.letterData}
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-letterheader>
+                    `
+                  : html``}
+                <dedocument-pagecontent
                   .pageNumber="${this.pageNumber}"
+                  .pageTotalNumber="${this.pageTotalNumber}"
+                  .letterData=${this.letterData}
+                  ><slot></slot
+                ></dedocument-pagecontent>
+                <dedocument-pagefooter
                   .letterData=${this.letterData}
+                  .pageNumber="${this.pageNumber}"
                   .pageTotalNumber="${this.pageTotalNumber}"
-                ></dedocument-letterheader>
+                ></dedocument-pagefooter>
+                <div class="versionOverlay">
+                  ${this.letterData.versionInfo.type === 'draft'
+                    ? html`
+                        <div class="topInfo">
+                          Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM THIS.<br />
+                          -> Revision/Document version: ${this.letterData.versionInfo.version}
+                        </div>
+                        <div class="bigDraftText">DRAFT</div>
+                      `
+                    : html``}
+                </div>
               `
-            : html``}
-          <dedocument-pagecontent
-            .pageNumber="${this.pageNumber}"
-            .pageTotalNumber="${this.pageTotalNumber}"
-            .letterData=${this.letterData}
-            ><slot></slot
-          ></dedocument-pagecontent>
-          <dedocument-pagefooter
-            .letterData=${this.letterData}
-            .pageNumber="${this.pageNumber}"
-            .pageTotalNumber="${this.pageTotalNumber}"
-          ></dedocument-pagefooter>
-          <div class="versionOverlay">
-            ${this.letterData.versionInfo.type === 'draft'
-              ? html`
-                  <div class="topInfo">
-                    Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM THIS.<br />
-                    -> Revision/Document version: ${this.letterData.versionInfo.version}
-                  </div>
-                  <div class="bigDraftText">DRAFT</div>
-                `
-              : html``}
-          </div>
+            : html`
+              <slot></slot>
+            `}
         </dedocument-pagecontainer>
       </div>
     `;
@@ -158,17 +164,17 @@ 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.')
-    const scaleWrapper: HTMLDivElement = this.shadowRoot.querySelector("#scaleWrapper");
-  
+    console.log('page scale adjustment triggered.');
+    const scaleWrapper: HTMLDivElement = this.shadowRoot.querySelector('#scaleWrapper');
+
     if (!scaleWrapper) return;
-  
+
     let scale = 1;
     if (this.viewHeight) {
       scale = this.viewHeight / shared.a4Height;
@@ -177,9 +183,9 @@ export class DePage extends DeesElement {
     }
     console.log(`new scale is ${scale}`);
     scaleWrapper.style.transform = `scale(${scale})`;
-  
+
     // Adjust the outer dimensions so they match the scaled content
-    
+
     // this.style.width = `${shared.a4Width * scale}px`;
     this.style.height = `${shared.a4Height * scale}px`;
   }

package/ts_web/pages/page2.ts

@@ -1,5 +1,18 @@
 import { html } from "@design.estate/dees-element";
 
 export const page2 = () => html`
-  <first-element></first-element>
+  <style>
+    .demoPort {
+      margin: auto;
+      width: 400px;
+    }
+    dedocument-page {
+      margin-top: 16px;
+      margin-bottom: 16px;
+    }
+  </style>
+  <div class="demoPort">
+    <dedocument-page .format="${"a4"}" .viewWidth=${400}></dedocument-page>
+    <dedocument-page .format="${"a4"}" .viewWidth=${400}></dedocument-page>
+  </div>
 `;