@design.estate/dees-document 1.5.3 → 1.6.2

package/dist_watch/bundle.js

@@ -38339,8 +38339,8 @@ 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:",
@@ -38406,19 +38406,15 @@ var IT_translations = {
   page: "Pagina"
 };
 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 +38626,8 @@ var demoLetter = {
 };
 var demoDocumentSettings = {
   enableTopDraftText: true,
-  enableDefaultHeader: false,
-  enableDefaultFooter: false,
+  enableDefaultHeader: true,
+  enableDefaultFooter: true,
   languageCode: "DE"
 };
 
@@ -38755,7 +38751,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 +38761,12 @@ var DeContentInvoice = class extends DeesElement {
           .lineItem {
             font-size: 12px;
             padding: 5px;
+            font-family: 'Dees Code', monospace;
+            border-right: 1px dashed #ccc;
+          }
+
+          .lineItem.rightAlign {
+            text-align: right;
           }
 
           .invoiceLine {
@@ -38775,6 +38777,7 @@ var DeContentInvoice = class extends DeesElement {
             margin-top: 5px;
             font-size: 12px;
             padding-left: 50%;
+            font-family: 'Dees Code', monospace;
           }
 
           .sums .sumline {
@@ -38830,26 +38833,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 +38875,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 +38958,7 @@ DeContentInvoice.styles = [
   i`
       :host {
         color: #333;
+        font-family: inherit;
       }
 
       .trimmedContent {
@@ -39074,6 +39084,7 @@ DePage.styles = [
   i`
       :host {
         display: block;
+        font-family: inherit;
       }
 
       #scaleWrapper {
@@ -39166,7 +39177,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 +39189,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 +39199,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 +39218,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 +39281,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 +39319,7 @@ DeDocument.styles = [
         color: #333;
         padding: 0px;
         position: relative;
+        font-family: 'Dees Sans', sans-serif;
       }
 
       .betweenPagesSpacer {
@@ -39566,6 +39590,7 @@ DePageContent.styles = [
   i`
       :host {
         color: #333;
+        font-family: inherit;
       }
 
       .content {