@design.estate/dees-document 1.1.0 → 1.3.0

package/dist_watch/bundle.js

@@ -38283,6 +38283,7 @@ __export(elements_exports, {
   a4Height: () => a4Height,
   a4Width: () => a4Width,
   defaultDocumentSettings: () => defaultDocumentSettings,
+  demoDocumentSettings: () => demoDocumentSettings,
   demoLetter: () => demoLetter,
   leftMargin: () => leftMargin,
   rightMargin: () => rightMargin,
@@ -38292,25 +38293,76 @@ __export(elements_exports, {
 // ts_web/plugins.ts
 var qrcode = __toESM(require_browser2(), 1);
 
-// ts_web/elements/shared/translation.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",
-  quantity: "Quantity"
+  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",
-  quantity: "Anzahl"
+  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
+  "EN": EN_translations,
+  "ES": ES_translations
 };
 var translate = (languageCode, key2, defaultValue) => {
   const translations = languageCodeMap[languageCode] || EN_translations;
@@ -38321,7 +38373,7 @@ var translate = (languageCode, key2, defaultValue) => {
   }
 };
 
-// ts_web/elements/shared/demoletter.ts
+// ts/shared/demoletter.ts
 var fromContact = {
   name: "Awesome From Company",
   type: "company",
@@ -38528,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;
@@ -38721,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">${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>
+          <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;
@@ -38774,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">
@@ -38856,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);
@@ -38882,6 +38946,7 @@ var DePage = class extends DeesElement {
                 ${this.documentSettings.enableDefaultHeader ? x`
                       <dedocument-pageheader
                         .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
                         .pageNumber="${this.pageNumber}"
                         .pageTotalNumber="${this.pageTotalNumber}"
                       ></dedocument-pageheader>
@@ -38890,18 +38955,21 @@ var DePage = class extends DeesElement {
                       <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>
                 ${this.documentSettings.enableDefaultFooter ? x`
                       <dedocument-pagefooter
                         .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
                         .pageNumber="${this.pageNumber}"
                         .pageTotalNumber="${this.pageTotalNumber}"
                       ></dedocument-pagefooter>
@@ -39087,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;
@@ -39098,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);
@@ -39524,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 />
@@ -39568,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;
@@ -39618,6 +39688,12 @@ __decorateClass([
     type: Object
   })
 ], DePageFooter.prototype, "letterData", 2);
+__decorateClass([
+  n4({
+    type: Object,
+    reflect: true
+  })
+], DePageFooter.prototype, "documentSettings", 2);
 __decorateClass([
   n4({
     type: Number
@@ -39639,7 +39715,7 @@ var DePageHeader = class extends DeesElement {
     this.letterData = null;
     this.pageNumber = 1;
     this.pageTotalNumber = 1;
-    DomTools.setupDomTools();
+    dist_ts_exports27.DomTools.setupDomTools();
   }
   render() {
     return x`
@@ -39656,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;
@@ -39703,6 +39779,12 @@ __decorateClass([
     type: Object
   })
 ], DePageHeader.prototype, "letterData", 2);
+__decorateClass([
+  n4({
+    type: Object,
+    reflect: true
+  })
+], DePageHeader.prototype, "documentSettings", 2);
 __decorateClass([
   n4({
     type: Number
@@ -39719,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
@@ -39732,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>