@design.estate/dees-document 1.0.103 → 1.1.0

package/dist_ts/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-document',
-    version: '1.0.103',
-    description: 'A comprehensive solution for generating documents like invoices, integrating elements, templates, and services to streamline document creation.'
+    version: '1.1.0',
+    description: 'A versatile tool for dynamically generating and rendering business documents, such as invoices, using modern web technologies and elements.'
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvMDBfY29tbWl0aW5mb19kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHO0lBQ3hCLElBQUksRUFBRSw4QkFBOEI7SUFDcEMsT0FBTyxFQUFFLFNBQVM7SUFDbEIsV0FBVyxFQUFFLGlKQUFpSjtDQUMvSixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvMDBfY29tbWl0aW5mb19kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHO0lBQ3hCLElBQUksRUFBRSw4QkFBOEI7SUFDcEMsT0FBTyxFQUFFLE9BQU87SUFDaEIsV0FBVyxFQUFFLDZJQUE2STtDQUMzSixDQUFBIn0=

package/dist_ts/classes.pdfservice.d.ts

@@ -1,4 +1,5 @@
 import * as plugins from './plugins.js';
+import * as interfaces from '../ts/interfaces/index.js';
 export interface IPdfServiceConstructorOptions {
 }
 /**
@@ -20,5 +21,8 @@ export declare class PdfService {
     /**
      * creates an letter
      */
-    createPdfFromLetterObject(letterDataArg: plugins.tsclass.business.ILetter): Promise<plugins.tsclass.business.IPdf>;
+    createPdfFromLetterObject(optionsArg: {
+        letterData: plugins.tsclass.business.ILetter;
+        documentSettings: interfaces.IDocumentSettings;
+    }): Promise<plugins.tsclass.business.IPdf>;
 }

package/dist_ts/classes.pdfservice.js

@@ -1,6 +1,7 @@
 import * as plugins from './plugins.js';
 import * as paths from './paths.js';
 import * as helpers from './helpers.js';
+import * as interfaces from '../ts/interfaces/index.js';
 /**
  * a pdf service for generating pdfs
  */
@@ -30,16 +31,16 @@ export class PdfService {
     /**
      * creates an letter
      */
-    async createPdfFromLetterObject(letterDataArg) {
+    async createPdfFromLetterObject(optionsArg) {
         const html = `
       <script type="module">
         ${await helpers.getBundleAsString()}
       </script>
-      <dedocument-dedocument printMode letterData="${plugins.smartjson.stringifyBase64(letterDataArg)}"></dedocument-dedocument>
+      <dedocument-dedocument printMode documentSettings="${plugins.smartjson.stringifyBase64(optionsArg.documentSettings)}" letterData="${plugins.smartjson.stringifyBase64(optionsArg.letterData)}"></dedocument-dedocument>
     `;
         // console.log(html);
         const pdfResult = await this.smartpdfInstance.getA4PdfResultForHtmlString(html);
         return pdfResult;
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy5wZGZzZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvY2xhc3Nlcy5wZGZzZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sY0FBYyxDQUFDO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sWUFBWSxDQUFDO0FBQ3BDLE9BQU8sS0FBSyxPQUFPLE1BQU0sY0FBYyxDQUFDO0FBTXhDOztHQUVHO0FBQ0gsTUFBTSxPQUFPLFVBQVU7SUFDckIsU0FBUztJQUNGLE1BQU0sQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLFVBQXlDO1FBQzFFLE1BQU0sVUFBVSxHQUFHLElBQUksVUFBVSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzlDLE1BQU0sVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3pCLE9BQU8sVUFBVSxDQUFDO0lBQ3BCLENBQUM7SUFPRCxZQUFZLFVBQXlDO1FBQ25ELElBQUksQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUssQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLE9BQU8sQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDeEQsTUFBTSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSyxDQUFDLElBQUk7UUFDZixNQUFNLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxLQUFLLENBQUMseUJBQXlCLENBQUMsYUFBK0M7UUFDcEYsTUFBTSxJQUFJLEdBQUc7O1VBRVAsTUFBTSxPQUFPLENBQUMsaUJBQWlCLEVBQUU7O3FEQUVVLE9BQU8sQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQztLQUNoRyxDQUFDO1FBQ0YscUJBQXFCO1FBQ3JCLE1BQU0sU0FBUyxHQUFHLE1BQU0sSUFBSSxDQUFDLGdCQUFnQixDQUFDLDJCQUEyQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hGLE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7Q0FDRiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy5wZGZzZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvY2xhc3Nlcy5wZGZzZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sY0FBYyxDQUFDO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sWUFBWSxDQUFDO0FBQ3BDLE9BQU8sS0FBSyxPQUFPLE1BQU0sY0FBYyxDQUFDO0FBQ3hDLE9BQU8sS0FBSyxVQUFVLE1BQU0sMkJBQTJCLENBQUM7QUFNeEQ7O0dBRUc7QUFDSCxNQUFNLE9BQU8sVUFBVTtJQUNyQixTQUFTO0lBQ0YsTUFBTSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsVUFBeUM7UUFDMUUsTUFBTSxVQUFVLEdBQUcsSUFBSSxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDOUMsTUFBTSxVQUFVLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDekIsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQztJQU9ELFlBQVksVUFBeUM7UUFDbkQsSUFBSSxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUM7SUFDNUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSyxDQUFDLEtBQUs7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUN4RCxNQUFNLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxLQUFLLENBQUMsSUFBSTtRQUNmLE1BQU0sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUssQ0FBQyx5QkFBeUIsQ0FBQyxVQUd0QztRQUNDLE1BQU0sSUFBSSxHQUFHOztVQUVQLE1BQU0sT0FBTyxDQUFDLGlCQUFpQixFQUFFOzsyREFFZ0IsT0FBTyxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixPQUFPLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDO0tBQzdMLENBQUM7UUFDRixxQkFBcUI7UUFDckIsTUFBTSxTQUFTLEdBQUcsTUFBTSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEYsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztDQUNGIn0=

package/dist_ts/interfaces/document.d.ts

@@ -0,0 +1,5 @@
+export interface IDocumentSettings {
+    enableTopDraftText?: boolean;
+    enableDefaultHeader?: boolean;
+    enableDefaultFooter?: boolean;
+}

package/dist_ts/interfaces/document.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90cy9pbnRlcmZhY2VzL2RvY3VtZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/dist_ts/interfaces/index.d.ts

@@ -0,0 +1,2 @@
+export * from './document.js';
+export * from './translation.js';

package/dist_ts/interfaces/index.js

@@ -0,0 +1,3 @@
+export * from './document.js';
+export * from './translation.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90cy9pbnRlcmZhY2VzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsa0JBQWtCLENBQUMifQ==

package/dist_ts/interfaces/translation.d.ts

@@ -0,0 +1,4 @@
+export interface IDeDocumentTranslations {
+    "invoice": string;
+    "quantity": string;
+}

package/dist_ts/interfaces/translation.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90cy9pbnRlcmZhY2VzL3RyYW5zbGF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/dist_watch/bundle.js

@@ -1998,9 +1998,9 @@ var require_es_define_property = __commonJS({
   }
 });
 
-// node_modules/.pnpm/gopd@1.0.1/node_modules/gopd/index.js
+// node_modules/.pnpm/gopd@1.1.0/node_modules/gopd/index.js
 var require_gopd = __commonJS({
-  "node_modules/.pnpm/gopd@1.0.1/node_modules/gopd/index.js"(exports, module) {
+  "node_modules/.pnpm/gopd@1.1.0/node_modules/gopd/index.js"(exports, module) {
     "use strict";
     var GetIntrinsic = require_get_intrinsic();
     var $gOPD = GetIntrinsic("%Object.getOwnPropertyDescriptor%", true);
@@ -38282,14 +38282,45 @@ __export(elements_exports, {
   DePageHeader: () => DePageHeader,
   a4Height: () => a4Height,
   a4Width: () => a4Width,
+  defaultDocumentSettings: () => defaultDocumentSettings,
   demoLetter: () => demoLetter,
   leftMargin: () => leftMargin,
-  rightMargin: () => rightMargin
+  rightMargin: () => rightMargin,
+  translation: () => translation_exports
 });
 
 // ts_web/plugins.ts
 var qrcode = __toESM(require_browser2(), 1);
 
+// ts_web/elements/shared/translation.ts
+var translation_exports = {};
+__export(translation_exports, {
+  DE_translations: () => DE_translations,
+  EN_translations: () => EN_translations,
+  languageCodeMap: () => languageCodeMap,
+  translate: () => translate
+});
+var EN_translations = {
+  invoice: "Invoice",
+  quantity: "Quantity"
+};
+var DE_translations = {
+  invoice: "Rechnung",
+  quantity: "Anzahl"
+};
+var languageCodeMap = {
+  "DE": DE_translations,
+  "EN": EN_translations
+};
+var translate = (languageCode, key2, defaultValue) => {
+  const translations = languageCodeMap[languageCode] || EN_translations;
+  if (translations && translations[key2]) {
+    return translations[key2];
+  } else {
+    return defaultValue;
+  }
+};
+
 // ts_web/elements/shared/demoletter.ts
 var fromContact = {
   name: "Awesome From Company",
@@ -38553,7 +38584,7 @@ var DeContentInvoice = class extends DeesElement {
       }
       return vatGroups;
     };
-    DomTools.setupDomTools();
+    dist_ts_exports27.DomTools.setupDomTools();
   }
   render() {
     return x`
@@ -38691,8 +38722,8 @@ var DeContentInvoice = class extends DeesElement {
         <div>We hereby invoice products and services provided to you by Lossless GmbH:</div>
         <div class="grid topLine dataHeader">
           <div class="lineItem">Item Pos.</div>
-          <div class="lineItem">Description</div>
-          <div class="lineItem">Quantity</div>
+          <div class="lineItem">${translation_exports.translate("DE", "description", "Description")}</div>
+          <div class="lineItem">${translation_exports.translate("DE", "quantity", "Quantity")}</div>
           <div class="lineItem">Unit Type</div>
           <div class="lineItem">Unit Net Price</div>
           <div class="lineItem">Total Net Price</div>
@@ -38805,7 +38836,7 @@ DeContentInvoice.demo = () => x`
     </div>
   `;
 DeContentInvoice.styles = [
-  domtools_elementbasic_exports.staticStyles,
+  dist_ts_exports27.elementBasic.staticStyles,
   i`
       :host {
         color: #333;
@@ -38840,18 +38871,21 @@ var DePage = class extends DeesElement {
     this.pageTotalNumber = 1;
     this.letterData = null;
     this.printMode = false;
-    DomTools.setupDomTools();
+    this.documentSettings = defaultDocumentSettings;
+    dist_ts_exports27.DomTools.setupDomTools();
   }
   render() {
     return x`
       <div id="scaleWrapper">
         <dedocument-pagecontainer .printMode=${this.printMode}>
           ${this.letterData ? x`
-                <dedocument-pageheader
-                  .letterData=${this.letterData}
-                  .pageNumber="${this.pageNumber}"
-                  .pageTotalNumber="${this.pageTotalNumber}"
-                ></dedocument-pageheader>
+                ${this.documentSettings.enableDefaultHeader ? x`
+                      <dedocument-pageheader
+                        .letterData=${this.letterData}
+                        .pageNumber="${this.pageNumber}"
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-pageheader>
+                    ` : ``}
                 ${this.pageNumber === 1 ? x`
                       <dedocument-letterheader
                         .pageNumber="${this.pageNumber}"
@@ -38865,23 +38899,26 @@ var DePage = class extends DeesElement {
                   .letterData=${this.letterData}
                   ><slot></slot
                 ></dedocument-pagecontent>
-                <dedocument-pagefooter
-                  .letterData=${this.letterData}
-                  .pageNumber="${this.pageNumber}"
-                  .pageTotalNumber="${this.pageTotalNumber}"
-                ></dedocument-pagefooter>
+                ${this.documentSettings.enableDefaultFooter ? x`
+                      <dedocument-pagefooter
+                        .letterData=${this.letterData}
+                        .pageNumber="${this.pageNumber}"
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-pagefooter>
+                    ` : ``}
                 <div class="versionOverlay">
                   ${this.letterData.versionInfo.type === "draft" ? x`
-                        <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>
+                        ${this.documentSettings.enableTopDraftText ? x`
+                              <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>
                       ` : x``}
                 </div>
-              ` : x`
-              <slot></slot>
-            `}
+              ` : x` <slot></slot> `}
         </dedocument-pagecontainer>
       </div>
     `;
@@ -38914,7 +38951,7 @@ var DePage = class extends DeesElement {
 };
 DePage.demo = () => x` <dedocument-page .format="${"a4"}"></dedocument-page> `;
 DePage.styles = [
-  domtools_elementbasic_exports.staticStyles,
+  dist_ts_exports27.elementBasic.staticStyles,
   i`
       :host {
         display: block;
@@ -38956,10 +38993,14 @@ DePage.styles = [
     `
 ];
 __decorateClass([
-  n4()
+  n4({
+    type: Number
+  })
 ], DePage.prototype, "viewWidth", 2);
 __decorateClass([
-  n4()
+  n4({
+    type: Number
+  })
 ], DePage.prototype, "viewHeight", 2);
 __decorateClass([
   n4({
@@ -38987,6 +39028,12 @@ __decorateClass([
     reflect: true
   })
 ], DePage.prototype, "printMode", 2);
+__decorateClass([
+  n4({
+    type: Object,
+    reflect: true
+  })
+], DePage.prototype, "documentSettings", 2);
 DePage = __decorateClass([
   t4("dedocument-page")
 ], DePage);
@@ -38997,6 +39044,11 @@ var demoFunc = () => x`
 `;
 
 // ts_web/elements/document.ts
+var defaultDocumentSettings = {
+  enableTopDraftText: true,
+  enableDefaultHeader: true,
+  enableDefaultFooter: true
+};
 var DeDocument = class extends DeesElement {
   constructor() {
     super();
@@ -39004,6 +39056,7 @@ var DeDocument = class extends DeesElement {
     this.viewWidth = null;
     this.viewHeight = null;
     this.printMode = false;
+    this.documentSettings = defaultDocumentSettings;
     this.latestRenderedLetterData = null;
     dist_ts_exports27.DomTools.setupDomTools();
   }
@@ -39024,10 +39077,6 @@ var DeDocument = class extends DeesElement {
     this.registerGarbageFunction(() => {
       resizeObserver.disconnect();
     });
-    if (this.letterDataUrl) {
-      const response = await fetch(this.letterDataUrl);
-      this.letterData = await response.json();
-    }
   }
   async renderDocument() {
     const domtools = await this.domtoolsPromise;
@@ -39172,9 +39221,17 @@ __decorateClass([
 ], DeDocument.prototype, "letterData", 2);
 __decorateClass([
   n4({
-    type: String
+    type: Object,
+    reflect: true,
+    converter: (valueArg) => {
+      if (typeof valueArg === "string") {
+        return dist_ts_exports11.parseBase64(valueArg);
+      } else {
+        return valueArg;
+      }
+    }
   })
-], DeDocument.prototype, "letterDataUrl", 2);
+], DeDocument.prototype, "documentSettings", 2);
 DeDocument = __decorateClass([
   t4("dedocument-dedocument")
 ], DeDocument);
@@ -39587,7 +39644,9 @@ var DePageHeader = class extends DeesElement {
   render() {
     return x`
       <div class="topstripe">
-        <img src="https://assetbroker.lossless.one/brandfiles/lossless/svg-minimal-bright.svg" />
+        <div class="logo">
+          No logo set!
+        </div>
       </div>
       <div class="topstripe2">${this.letterData?.from?.description || "[no letterData.from.description set]"}</div>
     `;
@@ -39625,13 +39684,17 @@ DePageHeader.styles = [
         color: #333;
         font-size: 10px;
       }
-      .topstripe img {
-        filter: invert(1);
+      .topstripe .logo {
         position: absolute;
         bottom: 10px;
         height: 25px;
         left: auto;
         right: ${r(rightMargin + "px")};
+        font-family: 'Courier New', Courier, monospace;
+      }
+      .topstripe .logo img {
+        position: relative;
+        height: 25px;
       }
     `
 ];