@design.estate/dees-document 1.5.3 → 1.6.3

package/dist_watch/bundle.js

@@ -38327,7 +38327,8 @@ var EN_translations = {
   yourVatId: "Your vat id on file:",
   continuesOnPage: "Continues on page",
   finalPageStatement: "This is the final page of this document.",
-  page: "Page"
+  page: "Page",
+  vatShort: "VAT"
 };
 var DE_translations = {
   address: "Adresse",
@@ -38339,14 +38340,15 @@ var DE_translations = {
   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",
+  totalNetPrice: "Summe netto",
+  unitNetPrice: "Einheit netto",
   unitType: "Einheit",
   yourCustomerId: "Ihre Kundennummer:",
   yourVatId: "Ihre Umsatzsteuer-ID:",
   continuesOnPage: "Fortsetzung auf Seite",
   finalPageStatement: "Dies ist die letzte Seite dieses Dokuments.",
-  page: "Seite"
+  page: "Seite",
+  vatShort: "USt"
 };
 var ES_translations = {
   address: "Direcci\xF3n",
@@ -38365,7 +38367,8 @@ var ES_translations = {
   yourVatId: "Su ID de IVA:",
   continuesOnPage: "Contin\xFAa en la p\xE1gina",
   finalPageStatement: "Esta es la \xFAltima p\xE1gina de este documento.",
-  page: "P\xE1gina"
+  page: "P\xE1gina",
+  vatShort: "IVA"
 };
 var FR_translations = {
   address: "Adresse",
@@ -38384,7 +38387,8 @@ var FR_translations = {
   yourVatId: "Votre num\xE9ro de TVA :",
   continuesOnPage: "Continue sur la page",
   finalPageStatement: "Ceci est la derni\xE8re page de ce document.",
-  page: "Page"
+  page: "Page",
+  vatShort: "TVA"
 };
 var IT_translations = {
   address: "Indirizzo",
@@ -38403,22 +38407,19 @@ var IT_translations = {
   yourVatId: "Il tuo numero di partita IVA:",
   continuesOnPage: "Continua alla pagina",
   finalPageStatement: "Questa \xE8 l'ultima pagina di questo documento.",
-  page: "Pagina"
+  page: "Pagina",
+  vatShort: "IVA"
 };
 var languageCodeMap = {
-  "DE": DE_translations,
-  "EN": EN_translations,
-  "ES": ES_translations,
-  "FR": FR_translations,
-  "IT": IT_translations
+  EN: EN_translations,
+  DE: DE_translations,
+  ES: ES_translations,
+  FR: FR_translations,
+  IT: IT_translations
 };
 var translate = (languageCode, key2, defaultValue) => {
   const translations = languageCodeMap[languageCode] || EN_translations;
-  if (translations && translations[key2]) {
-    return translations[key2];
-  } else {
-    return defaultValue;
-  }
+  return translations[key2] || defaultValue;
 };
 
 // dist_ts_shared/demoletter.js
@@ -38630,8 +38631,8 @@ var demoLetter = {
 };
 var demoDocumentSettings = {
   enableTopDraftText: true,
-  enableDefaultHeader: false,
-  enableDefaultFooter: false,
+  enableDefaultHeader: true,
+  enableDefaultFooter: true,
   languageCode: "DE"
 };
 
@@ -38755,7 +38756,7 @@ var DeContentInvoice = class extends DeesElement {
         <style>
           .grid {
             display: grid;
-            grid-template-columns: 40px auto 80px 80px 90px 90px;
+            grid-template-columns: 40px auto 60px 60px 84px 84px 46px;
           }
           .topLine {
             margin-top: 5px;
@@ -38765,6 +38766,11 @@ var DeContentInvoice = class extends DeesElement {
           .lineItem {
             font-size: 12px;
             padding: 5px;
+            border-right: 1px dashed #ccc;
+          }
+
+          .lineItem.rightAlign {
+            text-align: right;
           }
 
           .invoiceLine {
@@ -38775,6 +38781,7 @@ var DeContentInvoice = class extends DeesElement {
             margin-top: 5px;
             font-size: 12px;
             padding-left: 50%;
+            font-family: 'Dees Code', monospace;
           }
 
           .sums .sumline {
@@ -38830,26 +38837,30 @@ 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">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "itemPos", "Item Pos.")}</div>
+          <div class="lineItem rightAlign">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "itemPos", "Item Pos.")}</div>
           <div class="lineItem">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "description", "Description")}</div>
-          <div class="lineItem">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "quantity", "Quantity")}</div>
+          <div class="lineItem rightAlign">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "quantity", "Quantity")}</div>
           <div class="lineItem">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "unitType", "Unit Type")}</div>
-          <div class="lineItem">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "unitNetPrice", "Unit Net Price")}</div>
-          <div class="lineItem">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "totalNetPrice", "Total Net Price")}</div>
+          <div class="lineItem rightAlign">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "unitNetPrice", "Unit Net Price")}</div>
+          <div class="lineItem rightAlign">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "totalNetPrice", "Total Net Price")}</div>
+          <div class="lineItem rightAlign">${dist_ts_shared_exports.translation.translate(this.documentSettings.languageCode, "vatShort", "VAT")}</div>
         </div>
         ${(() => {
         let counter = 1;
         return this.letterData?.content.invoiceData?.items?.map(
           (invoiceItem) => x`
               <div class="grid invoiceLine needsDataHeader">
-                <div class="lineItem">${counter++}</div>
+                <div class="lineItem rightAlign">${counter++}</div>
                 <div class="lineItem">${invoiceItem.name}</div>
-                <div class="lineItem">${invoiceItem.unitQuantity}</div>
+                <div class="lineItem rightAlign">${invoiceItem.unitQuantity}</div>
                 <div class="lineItem">${invoiceItem.unitType}</div>
-                <div class="lineItem">${invoiceItem.unitNetPrice} ${this.letterData?.content.invoiceData.currency}</div>
-                <div class="lineItem">
+                <div class="lineItem rightAlign">${invoiceItem.unitNetPrice} ${this.letterData?.content.invoiceData.currency}</div>
+                <div class="lineItem rightAlign">
                   ${invoiceItem.unitQuantity * invoiceItem.unitNetPrice} ${this.letterData?.content.invoiceData.currency}
                 </div>
+                <div class="lineItem rightAlign">
+                  ${invoiceItem.vatPercentage}%
+                </div>
               </div>
             `
         );
@@ -38868,8 +38879,10 @@ var DeContentInvoice = class extends DeesElement {
         return x`
               <div class="sumline">
                 <div class="label">
-                  Vat ${vatGroupArg.vatPercentage}%<br />
-                  <span style="font-weight: normal">(on item positions: ${itemNumbers})</span>
+                  Vat ${vatGroupArg.vatPercentage}%
+                  ${this.documentSettings.vatGroupPositions ? x`
+                    <br /><span style="font-weight: normal">(on item positions: ${itemNumbers})</span>
+                  ` : x``}
                 </div>
                 <div class="value">${vatGroupArg.vatAmountSum} EUR</div>
               </div>
@@ -38949,6 +38962,7 @@ DeContentInvoice.styles = [
   i`
       :host {
         color: #333;
+        font-family: 'Exo 2';
       }
 
       .trimmedContent {
@@ -39074,6 +39088,7 @@ DePage.styles = [
   i`
       :host {
         display: block;
+        font-family: inherit;
       }
 
       #scaleWrapper {
@@ -39166,7 +39181,9 @@ var demoFunc = () => x`
 var defaultDocumentSettings = {
   enableTopDraftText: true,
   enableDefaultHeader: true,
-  enableDefaultFooter: true
+  enableDefaultFooter: true,
+  languageCode: "EN",
+  vatGroupPositions: true
 };
 var DeDocument = class extends DeesElement {
   constructor() {
@@ -39176,6 +39193,7 @@ var DeDocument = class extends DeesElement {
     this.viewHeight = null;
     this.printMode = false;
     this.documentSettings = defaultDocumentSettings;
+    this.latestDocumentSettings = null;
     this.latestRenderedLetterData = null;
     dist_ts_exports27.DomTools.setupDomTools();
   }
@@ -39185,6 +39203,12 @@ var DeDocument = class extends DeesElement {
     `;
   }
   async firstUpdated(_changedProperties) {
+    dist_ts_exports27.plugins.smartdelay.delayFor(0).then(() => {
+      this.documentSettings = {
+        ...defaultDocumentSettings,
+        ...this.documentSettings
+      };
+    });
     const resizeObserver = new ResizeObserver((entries) => {
       for (const entry of entries) {
         const width = entry.contentRect.width;
@@ -39198,6 +39222,10 @@ var DeDocument = class extends DeesElement {
     });
   }
   async renderDocument() {
+    this.latestDocumentSettings = this.documentSettings;
+    this.latestRenderedLetterData = this.letterData;
+    console.log(`rendering with settings:`);
+    console.log(this.latestDocumentSettings);
     const domtools = await this.domtoolsPromise;
     const documentBuildContainer = document.createElement("div");
     document.body.appendChild(documentBuildContainer);
@@ -39257,12 +39285,11 @@ var DeDocument = class extends DeesElement {
       }
     }
     this.adjustDePageScaling();
-    this.latestRenderedLetterData = this.letterData;
   }
   async updated(changedProperties) {
     super.updated(changedProperties);
     const domtools = await this.domtoolsPromise;
-    const renderedDocIsUpToDate = domtools.convenience.smartjson.deepEqualObjects(this.letterData, this.latestRenderedLetterData);
+    let renderedDocIsUpToDate = domtools.convenience.smartjson.deepEqualObjects(this.letterData, this.latestRenderedLetterData) && domtools.convenience.smartjson.deepEqualObjects(this.documentSettings, this.latestDocumentSettings);
     if (!renderedDocIsUpToDate) {
       this.renderDocument();
     }
@@ -39296,6 +39323,7 @@ DeDocument.styles = [
         color: #333;
         padding: 0px;
         position: relative;
+        font-family: 'Dees Sans', sans-serif;
       }
 
       .betweenPagesSpacer {
@@ -39566,6 +39594,7 @@ DePageContent.styles = [
   i`
       :host {
         color: #333;
+        font-family: inherit;
       }
 
       .content {