@design.estate/dees-document 1.6.9 → 2.0.3

package/dist_ts_web/ts_web/elements/contentinvoice.js

@@ -0,0 +1,466 @@
+/**
+ * content for invoices
+ */
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, property, html, customElement, css, render, domtools, } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+import { dedocumentSharedStyle } from "../style.js";
+let DeContentInvoice = (() => {
+    let _classDecorators = [customElement("dedocument-contentinvoice")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _letterData_decorators;
+    let _letterData_initializers = [];
+    let _letterData_extraInitializers = [];
+    let _documentSettings_decorators;
+    let _documentSettings_initializers = [];
+    let _documentSettings_extraInitializers = [];
+    var DeContentInvoice = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _letterData_decorators = [property({
+                    type: Object,
+                    reflect: true,
+                })];
+            _documentSettings_decorators = [property({
+                    type: Object,
+                    reflect: true,
+                })];
+            __esDecorate(this, null, _letterData_decorators, { kind: "accessor", name: "letterData", static: false, private: false, access: { has: obj => "letterData" in obj, get: obj => obj.letterData, set: (obj, value) => { obj.letterData = value; } }, metadata: _metadata }, _letterData_initializers, _letterData_extraInitializers);
+            __esDecorate(this, null, _documentSettings_decorators, { kind: "accessor", name: "documentSettings", static: false, private: false, access: { has: obj => "documentSettings" in obj, get: obj => obj.documentSettings, set: (obj, value) => { obj.documentSettings = value; } }, metadata: _metadata }, _documentSettings_initializers, _documentSettings_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeContentInvoice = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <style>
+      .demoContainer {
+        background: white;
+        padding: 50px;
+      }
+    </style>
+    <div class="demoContainer">
+      <dedocument-contentinvoice></dedocument-contentinvoice>
+    </div>
+  `;
+        #letterData_accessor_storage = __runInitializers(this, _letterData_initializers, void 0);
+        get letterData() { return this.#letterData_accessor_storage; }
+        set letterData(value) { this.#letterData_accessor_storage = value; }
+        #documentSettings_accessor_storage = (__runInitializers(this, _letterData_extraInitializers), __runInitializers(this, _documentSettings_initializers, void 0));
+        get documentSettings() { return this.#documentSettings_accessor_storage; }
+        set documentSettings(value) { this.#documentSettings_accessor_storage = value; }
+        constructor() {
+            super();
+            domtools.DomTools.setupDomTools();
+        }
+        static styles = [
+            domtools.elementBasic.staticStyles,
+            dedocumentSharedStyle,
+            css `
+      .trimmedContent {
+        display: none;
+      }
+
+      .grid {
+        display: grid;
+        grid-template-columns: 40px auto 50px 50px 100px 50px 100px;
+      }
+
+      .topLine {
+        margin-top: 5px;
+        background: #e7e7e7;
+        font-weight: bold;
+      }
+
+      .lineItem {
+        font-size: 12px;
+        padding: 5px;
+        border-right: 1px dashed #ccc;
+        white-space: nowrap;
+      }
+
+      .lineItem:last-child {
+        border-right: none;
+      }
+
+      .value.rightAlign,
+      .lineItem.rightAlign {
+        text-align: right;
+      }
+
+      .invoiceLine {
+        background: #ffffff00;
+        border-bottom: 1px dotted #ccc;
+      }
+
+      .invoiceLine.highlighted {
+        transition: background 0.2s;
+        background: #ffc18f;
+        border: 1px solid #ff9d4d;
+        box-sizing: content-box;
+      }
+
+      .sums {
+        margin-top: 5px;
+        font-size: 12px;
+        padding-left: 50%;
+      }
+
+      .sums .sumline {
+        margin-top: 3px;
+        display: grid;
+        grid-template-columns: auto 100px;
+      }
+
+      .sums .sumline .label {
+        padding: 2px 5px;
+        border-right: 1px solid #ccc;
+        text-align: right;
+        font-weight: bold;
+      }
+
+      .sums .sumline .value {
+        padding: 2px 5px;
+      }
+
+      .sums .sumline .value--total {
+        font-weight: bold;
+      }
+
+      .divider {
+        margin-top: 8px;
+        border-top: 1px dotted #ccc;
+      }
+
+      .taxNote {
+        font-size: 12px;
+        padding: 4px;
+        background: #eeeeeb;
+        text-align: center;
+      }
+
+      .infoBox {
+        margin-top: 22px;
+        line-height: 1.4em;
+      }
+
+      .infoBox .label {
+        padding-bottom: 2px;
+        font-weight: bold;
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="trimmedContent"></div>
+      <div class="repeatedContent"></div>
+      <div class="currentContent"></div>
+    `;
+        }
+        formatPrice(value, currency = "EUR", lang = "de-DE") {
+            return new Intl.NumberFormat(lang, {
+                style: "currency",
+                currency,
+            }).format(value);
+        }
+        getTotalNet = (__runInitializers(this, _documentSettings_extraInitializers), () => {
+            let totalNet = 0;
+            if (!this.letterData) {
+                return totalNet;
+            }
+            for (const item of this.letterData.items) {
+                totalNet += item.unitNetPrice * item.unitQuantity;
+            }
+            return totalNet;
+        });
+        getTotalGross = () => {
+            let totalVat = 0;
+            if (!this.letterData) {
+                return totalVat;
+            }
+            for (const taxgroup of this.getVatGroups()) {
+                totalVat += taxgroup.vatAmountSum;
+            }
+            return this.getTotalNet() + totalVat;
+        };
+        getVatGroups = () => {
+            const vatGroups = [];
+            if (!this.letterData) {
+                return vatGroups;
+            }
+            const taxAmounts = [];
+            for (const item of this.letterData.items) {
+                taxAmounts.includes(item.vatPercentage)
+                    ? null
+                    : taxAmounts.push(item.vatPercentage);
+            }
+            for (const taxAmount of taxAmounts) {
+                const matchingItems = this.letterData.items.filter((itemArg) => itemArg.vatPercentage === taxAmount);
+                let sum = 0;
+                for (const matchingItem of matchingItems) {
+                    sum +=
+                        matchingItem.unitNetPrice *
+                            matchingItem.unitQuantity *
+                            (taxAmount / 100);
+                }
+                vatGroups.push({
+                    items: matchingItems,
+                    vatPercentage: taxAmount,
+                    vatAmountSum: Math.round(sum * 100) / 100,
+                });
+            }
+            return vatGroups.sort((a, b) => b.vatPercentage - a.vatPercentage);
+        };
+        async getContentNodes() {
+            await this.elementDomReady;
+            return {
+                currentContent: this.shadowRoot.querySelector(".currentContent"),
+                trimmedContent: this.shadowRoot.querySelector(".trimmedContent"),
+                repeatedContent: this.shadowRoot.querySelector(".repeatedContent"),
+            };
+        }
+        async getContentLength() {
+            await this.elementDomReady;
+            return (await this.getContentNodes()).currentContent.children.length;
+        }
+        async trimEndByOne() {
+            await this.elementDomReady;
+            this.shadowRoot
+                .querySelector(".trimmedContent")
+                .append((await this.getContentNodes()).currentContent.children.item((await this.getContentNodes()).currentContent.children.length - 1));
+        }
+        async trimStartToOffset(contentOffsetArg) {
+            await this.elementDomReady;
+            const beginningLength = (await this.getContentNodes()).currentContent
+                .children.length;
+            while ((await this.getContentNodes()).currentContent.children.length !==
+                beginningLength - contentOffsetArg) {
+                (await this.getContentNodes()).trimmedContent.append((await this.getContentNodes()).currentContent.children.item(0));
+            }
+            if ((await this.getContentNodes()).currentContent.children
+                .item(0)
+                .classList.contains("needsDataHeader")) {
+                const trimmedContent = (await this.getContentNodes()).trimmedContent;
+                let startPoint = trimmedContent.children.length;
+                while (startPoint > 0) {
+                    const element = trimmedContent.children.item(startPoint - 1);
+                    if (element.classList.contains("dataHeader")) {
+                        (await this.getContentNodes()).repeatedContent.append(element);
+                        break;
+                    }
+                    startPoint--;
+                }
+            }
+        }
+        translateKey(key) {
+            return plugins.shared.translation.translate(this.documentSettings.languageCode, key);
+        }
+        async firstUpdated(_changedProperties) {
+            super.firstUpdated(_changedProperties);
+            this.attachInvoiceDom();
+        }
+        renderPaymentTerms() {
+            return html `<div class="infoBox">
+      <div>
+        <div>
+          <div class="label">
+            ${this.translateKey("invoice@@payment.terms")}
+          </div>
+          <span>
+            ${this.translateKey("invoice@@payment.terms.direct")}
+            ${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
+                dateStyle: this.documentSettings.dateStyle,
+            }).format(new Date(this.letterData.date).setDate(new Date(this.letterData.date).getDate() +
+                this.letterData?.dueInDays))}
+          </span>
+        </div>
+      </div>
+    </div>`;
+        }
+        renderPaymentInfo() {
+            const bic = this.letterData?.from.sepaConnection.bic;
+            const name = this.letterData?.from.name;
+            const iban = this.letterData?.from.sepaConnection.iban;
+            const currency = this.letterData?.currency;
+            const totalGross = this.getTotalGross();
+            const reference = this.letterData?.id;
+            return html `<div class="infoBox">
+      <div>
+        <div>
+          <div class="label">${this.translateKey("invoice@@payment.qr")}</div>
+          <span> ${this.translateKey("invoice@@payment.qr.description")} </span>
+        </div>
+        <dedocument-paymentcode
+          bic="${bic}"
+          name="${name}"
+          iban="${iban}"
+          currency="${currency}"
+          totalGross="${totalGross}"
+          reference="${reference}"
+        />
+      </div>
+    </div>`;
+        }
+        renderReferencedContract() {
+            return null;
+            // return this.documentSettings.enableInvoiceContractRefSection &&
+            //   this.invoiceData?.content?.contractData?.contractDate
+            //   ? html`
+            //       <div class="infoBox">
+            //         <div class="label">
+            //           ${this.translateKey("invoice@@referencedContract")}
+            //         </div>
+            //         ${this.translateKey("invoice@@referencedContract.text")}
+            //         ${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
+            //           dateStyle: this.documentSettings.dateStyle,
+            //         }).format(
+            //           new Date(this.invoiceData?.content.contractData.contractDate)
+            //         )}.
+            //       </div>
+            //     `
+            //   : null;
+        }
+        async attachInvoiceDom() {
+            const contentNodes = await this.getContentNodes();
+            render(html `
+        <div>${this.translateKey("invoice@@introStatement")}</div>
+        <div class="grid topLine dataHeader">
+          <div class="lineItem rightAlign">
+            ${this.translateKey("invoice@@item.position")}
+          </div>
+          <div class="lineItem">
+            ${this.translateKey("invoice@@description")}
+          </div>
+          <div class="lineItem rightAlign">
+            ${this.translateKey("invoice@@quantity")}
+          </div>
+          <div class="lineItem">${this.translateKey("invoice@@unit.type")}</div>
+          <div class="lineItem rightAlign">
+            ${this.translateKey("invoice@@price.unit.net")}
+          </div>
+          <div class="lineItem rightAlign">
+            ${this.translateKey("invoice@@vat.short")}
+          </div>
+          <div class="lineItem rightAlign">
+            ${this.translateKey("invoice@@price.total.net")}
+          </div>
+        </div>
+        ${this.letterData?.items?.map((invoiceItem, index) => html `
+            <div class="grid needsDataHeader">
+              <div class="lineItem rightAlign">${index + 1}</div>
+              <div class="lineItem">${invoiceItem.name}</div>
+              <div class="lineItem rightAlign">${invoiceItem.unitQuantity}</div>
+              <div class="lineItem">${invoiceItem.unitType}</div>
+              <div class="lineItem rightAlign">
+                ${this.formatPrice(invoiceItem.unitNetPrice)}
+              </div>
+              <div class="lineItem rightAlign">
+                ${invoiceItem.vatPercentage}%
+              </div>
+              <div class="lineItem rightAlign">
+                ${this.formatPrice(invoiceItem.unitQuantity * invoiceItem.unitNetPrice)}
+              </div>
+            </div>
+          `)}
+        <div class="sums">
+          <div class="sumline">
+            <div class="label">
+              ${this.translateKey("invoice@@sum.total.net")}
+            </div>
+            <div class="value value--total rightAlign">
+              ${this.formatPrice(this.getTotalNet())}
+            </div>
+          </div>
+          ${this.getVatGroups().map((vatGroupArg) => {
+                let itemNumbers = vatGroupArg.items
+                    .map((item) => this.letterData.items.indexOf(item) + 1)
+                    .join(", ");
+                return html `
+              <div class="sumline">
+                <div class="label">
+                  ${this.translateKey("vat.short")}
+                  ${vatGroupArg.vatPercentage}%
+                  ${this.documentSettings.vatGroupPositions
+                    ? html `
+                        <br /><span style="font-weight: normal"
+                          >(${this.translateKey("invoice@@vat.position")}:
+                          ${itemNumbers})</span
+                        >
+                      `
+                    : html ``}
+                </div>
+                <div class="value rightAlign">
+                  ${this.formatPrice(vatGroupArg.vatAmountSum)}
+                </div>
+              </div>
+            `;
+            })}
+          <div class="sumline">
+            <div class="label">${this.translateKey("invoice@@totalGross")}</div>
+            <div class="value value--total rightAlign">
+              ${this.formatPrice(this.getTotalGross())}
+            </div>
+          </div>
+        </div>
+        <div class="divider"></div>
+
+        ${this.letterData?.reverseCharge
+                ? html `<div class="taxNote">
+              ${this.translateKey("invoice@@vat.reverseCharge.note")}
+            </div>`
+                : ``}
+
+        <!-- REFERENCED CONTRACT -->
+        ${this.renderReferencedContract()}
+
+        <!-- PAYMENT TERMS -->
+        ${this.renderPaymentTerms()}
+
+        <!-- PAYMENT INFO -->
+        ${this.renderPaymentInfo()}
+      `, contentNodes.currentContent);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeContentInvoice = _classThis;
+})();
+export { DeContentInvoice };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudGludm9pY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvY29udGVudGludm9pY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUgsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsTUFBTSxFQUNOLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztJQVV2QyxnQkFBZ0I7NEJBRDVCLGFBQWEsQ0FBQywyQkFBMkIsQ0FBQzs7OztzQkFDTCxXQUFXOzs7Ozs7O2dDQUFuQixTQUFRLFdBQVc7Ozs7c0NBYTlDLFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtvQkFDWixPQUFPLEVBQUUsSUFBSTtpQkFDZCxDQUFDOzRDQUdELFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtvQkFDWixPQUFPLEVBQUUsSUFBSTtpQkFDZCxDQUFDO1lBTEYsbUxBQVMsVUFBVSw2QkFBVixVQUFVLCtGQUFtQztZQU10RCxxTUFBUyxnQkFBZ0IsNkJBQWhCLGdCQUFnQiwyR0FBOEM7WUF2QnpFLDZLQThjQzs7OztRQTdjUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7OztHQVU5QixDQUFDO1FBTUYseUZBQXNEO1FBQXRELElBQVMsVUFBVSxnREFBbUM7UUFBdEQsSUFBUyxVQUFVLHNEQUFtQztRQU10RCwrSkFBdUU7UUFBdkUsSUFBUyxnQkFBZ0Isc0RBQThDO1FBQXZFLElBQVMsZ0JBQWdCLDREQUE4QztRQUV2RTtZQUNFLEtBQUssRUFBRSxDQUFDO1lBQ1IsUUFB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

package/dist_ts_web/{elements → ts_web/elements}/document.d.ts

@@ -1,25 +1,25 @@
-import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
-import * as plugins from '../plugins.js';
+import { DeesElement, type TemplateResult } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
 export declare const defaultDocumentSettings: plugins.shared.interfaces.IDocumentSettings;
 declare global {
     interface HTMLElementTagNameMap {
-        'dedocument-dedocument': DeDocument;
+        "dedocument-dedocument": DeDocument;
     }
 }
 export declare class DeDocument extends DeesElement {
     static demo: () => TemplateResult<1>;
-    format: 'a4';
-    viewWidth: number;
-    viewHeight: number;
-    printMode: boolean;
-    letterData: plugins.tsclass.business.ILetter;
-    documentSettings: plugins.shared.interfaces.IDocumentSettings;
+    accessor format: "a4";
+    accessor viewWidth: number;
+    accessor viewHeight: number;
+    accessor printMode: boolean;
+    accessor letterData: plugins.tsclass.business.TLetter;
+    accessor documentSettings: plugins.shared.interfaces.IDocumentSettings;
     constructor();
     static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
     firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
     latestDocumentSettings: plugins.shared.interfaces.IDocumentSettings;
-    latestRenderedLetterData: plugins.tsclass.business.ILetter;
+    latestRenderedLetterData: plugins.tsclass.business.TLetter;
     cleanupStore: any[];
     renderDocument(): Promise<void>;
     updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void>;

package/dist_ts_web/ts_web/elements/document.demo.js

@@ -0,0 +1,9 @@
+import * as plugins from "../plugins.js";
+import { html } from "@design.estate/dees-element";
+export const demoFunc = () => html `
+  <dedocument-dedocument
+    .format="${"a4"}"
+    .letterData=${plugins.shared.demoLetter}
+  ></dedocument-dedocument>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9kb2N1bWVudC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztlQUVuQixJQUFJO2tCQUNELE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVTs7Q0FFMUMsQ0FBQyJ9