@design.estate/dees-document 1.0.103 → 1.3.0

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,15 +38282,98 @@ __export(elements_exports, {
   DePageHeader: () => DePageHeader,
   a4Height: () => a4Height,
   a4Width: () => a4Width,
+  defaultDocumentSettings: () => defaultDocumentSettings,
+  demoDocumentSettings: () => demoDocumentSettings,
   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/demoletter.ts
+// ts/shared/translation.ts
+var translation_exports = {};
+__export(translation_exports, {
+  DE_translations: () => DE_translations,
+  EN_translations: () => EN_translations,
+  ES_translations: () => ES_translations,
+  languageCodeMap: () => languageCodeMap,
+  translate: () => translate
+});
+var EN_translations = {
+  address: "Address",
+  bankConnection: "Bank Connection",
+  contactInfo: "Contact Info",
+  description: "Description",
+  invoice: "Invoice",
+  itemPos: "Item Pos.",
+  quantity: "Quantity",
+  registrationInfo: "Registration Info",
+  reverseVatNote: "VAT arises on a reverse charge basis and is payable by the customer.",
+  totalNetPrice: "Total Net Price",
+  unitNetPrice: "Unit Net Price",
+  unitType: "Unit Type",
+  yourCustomerId: "Your Customer ID:",
+  yourVatId: "Your vat id on file:",
+  continuesOnPage: "Continues on page",
+  finalPageStatement: "This is the final page of this document.",
+  page: "Page"
+};
+var DE_translations = {
+  address: "Adresse",
+  bankConnection: "Bankverbindung",
+  contactInfo: "Kontaktinformationen",
+  description: "Beschreibung",
+  invoice: "Rechnung",
+  itemPos: "Pos.",
+  quantity: "Anzahl",
+  registrationInfo: "HRA/HRB Info",
+  reverseVatNote: "Umkehr der Umsatzsteuerpflicht: Der Rechnungsempf\xE4nger ist f\xFCr die korrekte Abrechnung der Umsatzsteuer zust\xE4ndig.",
+  totalNetPrice: "Nettopreis Summe",
+  unitNetPrice: "Nettopreis",
+  unitType: "Einheit",
+  yourCustomerId: "Ihre Kundennummer:",
+  yourVatId: "Ihre Umsatzsteuer-ID:",
+  continuesOnPage: "Fortsetzung auf Seite",
+  finalPageStatement: "Diese ist die letzte Seite einer Dokumente.",
+  page: "Seite"
+};
+var ES_translations = {
+  address: "Direcci\xF3n",
+  bankConnection: "Conexi\xF3n bancaria",
+  contactInfo: "Informaci\xF3n de contacto",
+  description: "Descripci\xF3n",
+  invoice: "Factura",
+  itemPos: "Pos.",
+  quantity: "Cantidad",
+  registrationInfo: "Informaci\xF3n de registro",
+  reverseVatNote: "La declaraci\xF3n de IVA se aplica en base a la factura de venta, y se paga por el cliente.",
+  totalNetPrice: "Precio total neto",
+  unitNetPrice: "Precio unitario neto",
+  unitType: "Tipo de unidad",
+  yourCustomerId: "Su n\xFAmero de cliente:",
+  yourVatId: "Su ID de IVA:",
+  continuesOnPage: "Continues on page",
+  finalPageStatement: "This is the final page of this document.",
+  page: "Page"
+};
+var languageCodeMap = {
+  "DE": DE_translations,
+  "EN": EN_translations,
+  "ES": ES_translations
+};
+var translate = (languageCode, key2, defaultValue) => {
+  const translations = languageCodeMap[languageCode] || EN_translations;
+  if (translations && translations[key2]) {
+    return translations[key2];
+  } else {
+    return defaultValue;
+  }
+};
+
+// ts/shared/demoletter.ts
 var fromContact = {
   name: "Awesome From Company",
   type: "company",
@@ -38497,8 +38580,14 @@ var demoLetter = {
   pdfAttachments: null,
   subject: "Invoice: LL-INV-48765"
 };
+var demoDocumentSettings = {
+  enableTopDraftText: true,
+  enableDefaultHeader: true,
+  enableDefaultFooter: true,
+  languageCode: "DE"
+};
 
-// ts_web/elements/shared/index.ts
+// ts/shared/index.ts
 var a4Height = 1122;
 var a4Width = 794;
 var rightMargin = 70;
@@ -38553,7 +38642,7 @@ var DeContentInvoice = class extends DeesElement {
       }
       return vatGroups;
     };
-    DomTools.setupDomTools();
+    dist_ts_exports27.DomTools.setupDomTools();
   }
   render() {
     return x`
@@ -38690,12 +38779,12 @@ var DeContentInvoice = class extends DeesElement {
         </style>
         <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">Unit Type</div>
-          <div class="lineItem">Unit Net Price</div>
-          <div class="lineItem">Total Net Price</div>
+          <div class="lineItem">${translation_exports.translate(this.documentSettings.languageCode, "itemPos", "Item Pos.")}</div>
+          <div class="lineItem">${translation_exports.translate(this.documentSettings.languageCode, "description", "Description")}</div>
+          <div class="lineItem">${translation_exports.translate(this.documentSettings.languageCode, "quantity", "Quantity")}</div>
+          <div class="lineItem">${translation_exports.translate(this.documentSettings.languageCode, "unitType", "Unit Type")}</div>
+          <div class="lineItem">${translation_exports.translate(this.documentSettings.languageCode, "unitNetPrice", "Unit Net Price")}</div>
+          <div class="lineItem">${translation_exports.translate(this.documentSettings.languageCode, "totalNetPrice", "Total Net Price")}</div>
         </div>
         ${(() => {
         let counter = 1;
@@ -38743,7 +38832,7 @@ var DeContentInvoice = class extends DeesElement {
         <div class="divider"></div>
         ${this.letterData?.content.invoiceData.reverseCharge ? x`
               <div class="taxNote">
-                VAT arises on a reverse charge basis and is payable by the customer.
+                ${translation_exports.translate(this.documentSettings.languageCode, "reverseVatNote", "VAT arises on a reverse charge basis and is payable by the customer.")}
               </div>
             ` : ``}
         <div class="infoBox">
@@ -38805,7 +38894,7 @@ DeContentInvoice.demo = () => x`
     </div>
   `;
 DeContentInvoice.styles = [
-  domtools_elementbasic_exports.staticStyles,
+  dist_ts_exports27.elementBasic.staticStyles,
   i`
       :host {
         color: #333;
@@ -38825,6 +38914,12 @@ __decorateClass([
     reflect: true
   })
 ], DeContentInvoice.prototype, "letterData", 2);
+__decorateClass([
+  n4({
+    type: Object,
+    reflect: true
+  })
+], DeContentInvoice.prototype, "documentSettings", 2);
 DeContentInvoice = __decorateClass([
   t4("dedocument-contentinvoice")
 ], DeContentInvoice);
@@ -38840,48 +38935,58 @@ 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}
+                        .documentSettings=${this.documentSettings}
+                        .pageNumber="${this.pageNumber}"
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-pageheader>
+                    ` : ``}
                 ${this.pageNumber === 1 ? x`
                       <dedocument-letterheader
                         .pageNumber="${this.pageNumber}"
                         .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
                         .pageTotalNumber="${this.pageTotalNumber}"
                       ></dedocument-letterheader>
                     ` : x``}
                 <dedocument-pagecontent
+                  .letterData=${this.letterData}
+                  .documentSettings=${this.documentSettings}
                   .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>
+                ${this.documentSettings.enableDefaultFooter ? x`
+                      <dedocument-pagefooter
+                        .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
+                        .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 +39019,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 +39061,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 +39096,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 +39112,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 +39124,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 +39145,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;
@@ -39038,6 +39155,7 @@ var DeDocument = class extends DeesElement {
     let complete = false;
     const content3 = new DeContentInvoice();
     content3.letterData = this.letterData;
+    content3.documentSettings = this.documentSettings;
     document.body.appendChild(content3);
     await domtools.convenience.smartdelay.delayFor(0);
     let overallContentOffset = 0;
@@ -39049,6 +39167,7 @@ var DeDocument = class extends DeesElement {
       const newPage = new DePage();
       newPage.printMode = this.printMode;
       newPage.letterData = this.letterData;
+      newPage.documentSettings = this.documentSettings;
       pages.push(newPage);
       newPage.pageNumber = pageCounter;
       newPage.append(currentContent);
@@ -39172,9 +39291,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);
@@ -39467,32 +39594,32 @@ var DePageFooter = class extends DeesElement {
     super();
     this.pageNumber = 1;
     this.pageTotalNumber = 1;
-    DomTools.setupDomTools();
+    dist_ts_exports27.DomTools.setupDomTools();
   }
   render() {
     return x`
       <div class="bottomstripe">
         <div>
-          <strong>Address:</strong><br />
+          <strong>${translation_exports.translate(this.documentSettings.languageCode, "address", "Address")}:</strong><br />
           ${this.letterData.from.name}<br />
           ${this.letterData.from.address.streetName} ${this.letterData.from.address.houseNumber}<br />
           ${this.letterData.from.address.postalCode} ${this.letterData.from.address.city}<br />
           ${this.letterData.from.address.country}
         </div>
         <div>
-          <strong>Registration Info:</strong><br />
+          <strong>${translation_exports.translate(this.documentSettings.languageCode, "registrationInfo", "Registration Info")}:</strong><br />
           Amtsgericht Bremen<br />
           <i>reg-#:</i> HRB 35230 HB<br />
           <i>vat-id:</i> ${this.letterData.from.vatId}
         </div>
         <div>
-          <strong>Contact Info:</strong><br />
+          <strong>${translation_exports.translate(this.documentSettings.languageCode, "contactInfo", "Contact Info")}:</strong><br />
           <i>email:</i> ${this.letterData.from.email}<br />
           <i>phone:</i> ${this.letterData.from.phone}<br />
           <i>fax:</i> ${this.letterData.from.fax}
         </div>
         <div>
-          <strong>Bank Connection:</strong><br />
+          <strong>${translation_exports.translate(this.documentSettings.languageCode, "bankConnection", "Bank Connection")}:</strong><br />
           <i>beneficiary:</i> ${this.letterData?.from?.name}<br />
           <i>institution:</i> ${this.letterData?.from?.sepaConnection?.institution}<br />
           <i>iban:</i> ${this.letterData?.from?.sepaConnection?.iban}<br />
@@ -39511,7 +39638,7 @@ DePageFooter.demo = () => x`
     <dedocument-pagefooter .format="${"a4"}"></dedocument-pagefooter>
   `;
 DePageFooter.styles = [
-  domtools_elementbasic_exports.staticStyles,
+  dist_ts_exports27.elementBasic.staticStyles,
   i`
       :host {
         color: #333;
@@ -39561,6 +39688,12 @@ __decorateClass([
     type: Object
   })
 ], DePageFooter.prototype, "letterData", 2);
+__decorateClass([
+  n4({
+    type: Object,
+    reflect: true
+  })
+], DePageFooter.prototype, "documentSettings", 2);
 __decorateClass([
   n4({
     type: Number
@@ -39582,12 +39715,14 @@ var DePageHeader = class extends DeesElement {
     this.letterData = null;
     this.pageNumber = 1;
     this.pageTotalNumber = 1;
-    DomTools.setupDomTools();
+    dist_ts_exports27.DomTools.setupDomTools();
   }
   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>
     `;
@@ -39597,7 +39732,7 @@ DePageHeader.demo = () => x`
     <dedocument-pageheader .format="${"a4"}"></dedocument-pageheader>
   `;
 DePageHeader.styles = [
-  domtools_elementbasic_exports.staticStyles,
+  dist_ts_exports27.elementBasic.staticStyles,
   i`
       :host {
         color: #333;
@@ -39625,13 +39760,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;
       }
     `
 ];
@@ -39640,6 +39779,12 @@ __decorateClass([
     type: Object
   })
 ], DePageHeader.prototype, "letterData", 2);
+__decorateClass([
+  n4({
+    type: Object,
+    reflect: true
+  })
+], DePageHeader.prototype, "documentSettings", 2);
 __decorateClass([
   n4({
     type: Number
@@ -39656,7 +39801,7 @@ DePageHeader = __decorateClass([
 
 // ts_web/elements/viewer.demo.ts
 var demoFunc2 = () => x`
-  <dedocument-viewer .letterData=${demoLetter}></dedocument-viewer>
+  <dedocument-viewer .letterData=${demoLetter} .documentSettings=${demoDocumentSettings}></dedocument-viewer>
 `;
 
 // ts_web/elements/viewer.ts
@@ -39669,7 +39814,7 @@ var DeDocumentViewer = class extends DeesElement {
       return x`
       <div class="maincontainer">
         <div class="viewport">
-          ${this.letterData ? x` <dedocument-dedocument .letterData=${this.letterData}></dedocument-dedocument> ` : x``}
+          ${this.letterData ? x` <dedocument-dedocument .letterData=${this.letterData} .documentSettings=${this.documentSettings}></dedocument-dedocument> ` : x``}
         </div>
         <div class="controls"></div>
       </div>