@design.estate/dees-document 1.0.91

package/dist_ts/00_commitinfo_data.d.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @pushrocks/commitinfo
+ */
+export declare const commitinfo: {
+    name: string;
+    version: string;
+    description: string;
+};

package/dist_ts/00_commitinfo_data.js

@@ -0,0 +1,9 @@
+/**
+ * autocreated commitinfo by @pushrocks/commitinfo
+ */
+export const commitinfo = {
+    name: '@fin2021_private/letter-catalog',
+    version: '1.0.90',
+    description: 'a catalog for creating documents like invoices'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvMDBfY29tbWl0aW5mb19kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHO0lBQ3hCLElBQUksRUFBRSxpQ0FBaUM7SUFDdkMsT0FBTyxFQUFFLFFBQVE7SUFDakIsV0FBVyxFQUFFLGdEQUFnRDtDQUM5RCxDQUFBIn0=

package/dist_ts/classes.pdfservice.d.ts

@@ -0,0 +1,23 @@
+import * as plugins from './plugins.js';
+export interface IPdfServiceConstructorOptions {
+}
+/**
+ * a pdf service for generating pdfs
+ */
+export declare class PdfService {
+    options: IPdfServiceConstructorOptions;
+    smartpdfInstance: plugins.smartpdf.SmartPdf;
+    constructor(optionsArg: IPdfServiceConstructorOptions);
+    /**
+     * starts the  PdfService
+     */
+    start(): Promise<void>;
+    /**
+     * stops the PdfService
+     */
+    stop(): Promise<void>;
+    /**
+     * creates an letter
+     */
+    createPdfFromLetterObject(letterDataArg: plugins.tsclass.business.ILetter): Promise<plugins.tsclass.business.IPdf>;
+}

package/dist_ts/classes.pdfservice.js

@@ -0,0 +1,39 @@
+import * as plugins from './plugins.js';
+import * as paths from './paths.js';
+import * as helpers from './helpers.js';
+/**
+ * a pdf service for generating pdfs
+ */
+export class PdfService {
+    constructor(optionsArg) {
+        this.options = optionsArg;
+    }
+    /**
+     * starts the  PdfService
+     */
+    async start() {
+        this.smartpdfInstance = new plugins.smartpdf.SmartPdf();
+        await this.smartpdfInstance.start();
+    }
+    /**
+     * stops the PdfService
+     */
+    async stop() {
+        await this.smartpdfInstance.stop();
+    }
+    /**
+     * creates an letter
+     */
+    async createPdfFromLetterObject(letterDataArg) {
+        const html = `
+      <script type="module">
+        ${await helpers.getBundleAsString()}
+      </script>
+      <dedocument-dedocument printMode letterData="${plugins.smartjson.stringifyBase64(letterDataArg)}"></dedocument-dedocument>
+    `;
+        // console.log(html);
+        const pdfResult = await this.smartpdfInstance.getA4PdfResultForHtmlString(html);
+        return pdfResult;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy5wZGZzZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvY2xhc3Nlcy5wZGZzZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sY0FBYyxDQUFDO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sWUFBWSxDQUFDO0FBQ3BDLE9BQU8sS0FBSyxPQUFPLE1BQU0sY0FBYyxDQUFDO0FBTXhDOztHQUVHO0FBQ0gsTUFBTSxPQUFPLFVBQVU7SUFNckIsWUFBWSxVQUF5QztRQUNuRCxJQUFJLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQztJQUM1QixDQUFDO0lBRUQ7O09BRUc7SUFDSSxLQUFLLENBQUMsS0FBSztRQUNoQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3hELE1BQU0sSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUssQ0FBQyxJQUFJO1FBQ2YsTUFBTSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSyxDQUFDLHlCQUF5QixDQUFDLGFBQStDO1FBQ3BGLE1BQU0sSUFBSSxHQUFHOztVQUVQLE1BQU0sT0FBTyxDQUFDLGlCQUFpQixFQUFFOztxREFFVSxPQUFPLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUM7S0FDaEcsQ0FBQztRQUNGLHFCQUFxQjtRQUNyQixNQUFNLFNBQVMsR0FBRyxNQUFNLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQywyQkFBMkIsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoRixPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0NBQ0YifQ==

package/dist_ts/helpers.d.ts

@@ -0,0 +1 @@
+export declare const getBundleAsString: () => Promise<string>;

package/dist_ts/helpers.js

@@ -0,0 +1,6 @@
+import * as plugins from './plugins.js';
+import * as paths from './paths.js';
+export const getBundleAsString = async () => {
+    return plugins.smartfile.fs.toStringSync(paths.bundleFile);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2hlbHBlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxLQUFLLEtBQUssTUFBTSxZQUFZLENBQUM7QUFFcEMsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsS0FBSyxJQUFJLEVBQUU7SUFDMUMsT0FBTyxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0FBQzdELENBQUMsQ0FBQSJ9

package/dist_ts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './helpers.js';
+export * from './classes.pdfservice.js';

package/dist_ts/index.js

@@ -0,0 +1,3 @@
+export * from './helpers.js';
+export * from './classes.pdfservice.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHlCQUF5QixDQUFDIn0=

package/dist_ts/paths.d.ts

@@ -0,0 +1,4 @@
+export declare const packageDir: string;
+export declare const nogitDir: string;
+export declare const bundleDir: string;
+export declare const bundleFile: string;

package/dist_ts/paths.js

@@ -0,0 +1,7 @@
+import * as plugins from './plugins.js';
+export const packageDir = plugins.path.join(plugins.smartpath.get.dirnameFromImportMetaUrl(import.meta.url), '../');
+export const nogitDir = plugins.path.join(packageDir, '.nogit/');
+plugins.smartfile.fs.ensureDirSync(nogitDir);
+export const bundleDir = plugins.path.join(packageDir, './dist_bundle');
+export const bundleFile = plugins.path.join(bundleDir, './bundle.js');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF0aHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9wYXRocy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUV4QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsd0JBQXdCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQztBQUVwSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0FBQ2pFLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUU3QyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQ3hFLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLENBQUMifQ==

package/dist_ts/plugins.d.ts

@@ -0,0 +1,9 @@
+import * as path from 'path';
+export { path };
+import * as smartfile from '@push.rocks/smartfile';
+import * as smartjson from '@push.rocks/smartjson';
+import * as smartpath from '@push.rocks/smartpath';
+import * as smartpdf from '@push.rocks/smartpdf';
+export { smartfile, smartpath, smartjson, smartpdf, };
+import * as tsclass from '@tsclass/tsclass';
+export { tsclass, };

package/dist_ts/plugins.js

@@ -0,0 +1,13 @@
+// node native
+import * as path from 'path';
+export { path };
+// @push.rocks/scope
+import * as smartfile from '@push.rocks/smartfile';
+import * as smartjson from '@push.rocks/smartjson';
+import * as smartpath from '@push.rocks/smartpath';
+import * as smartpdf from '@push.rocks/smartpdf';
+export { smartfile, smartpath, smartjson, smartpdf, };
+// @tsclass scope
+import * as tsclass from '@tsclass/tsclass';
+export { tsclass, };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL3BsdWdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYztBQUNkLE9BQU8sS0FBSyxJQUFJLE1BQU0sTUFBTSxDQUFDO0FBRTdCLE9BQU8sRUFDTCxJQUFJLEVBQ0wsQ0FBQTtBQUVELG9CQUFvQjtBQUNwQixPQUFPLEtBQUssU0FBUyxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sS0FBSyxTQUFTLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxLQUFLLFNBQVMsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEtBQUssUUFBUSxNQUFNLHNCQUFzQixDQUFDO0FBRWpELE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULFNBQVMsRUFDVCxRQUFRLEdBQ1QsQ0FBQTtBQUVELGlCQUFpQjtBQUNqQixPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBRTVDLE9BQU8sRUFDTCxPQUFPLEdBQ1IsQ0FBQSJ9

package/dist_ts_web/00_commitinfo_data.d.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @pushrocks/commitinfo
+ */
+export declare const commitinfo: {
+    name: string;
+    version: string;
+    description: string;
+};

package/dist_ts_web/00_commitinfo_data.js

@@ -0,0 +1,9 @@
+/**
+ * autocreated commitinfo by @pushrocks/commitinfo
+ */
+export const commitinfo = {
+    name: '@design.estate/dees-document',
+    version: '1.0.90',
+    description: 'a catalog for creating documents like invoices'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsOEJBQThCO0lBQ3BDLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxnREFBZ0Q7Q0FDOUQsQ0FBQSJ9

package/dist_ts_web/elements/contentinvoice.d.ts

@@ -0,0 +1,34 @@
+/**
+ * content for invoices
+ */
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as plugins from '../plugins.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dedocument-contentinvoice': DeContentInvoice;
+    }
+}
+export declare class DeContentInvoice extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    letterData: plugins.tsclass.business.ILetter;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    getTotalNet: () => number;
+    getTotalGross: () => number;
+    getVatGroups: () => {
+        vatPercentage: number;
+        items: plugins.tsclass.finance.IInvoice['items'];
+        vatAmountSum: number;
+    }[];
+    getContentNodes(): Promise<{
+        currentContent: HTMLElement;
+        trimmedContent: HTMLElement;
+        repeatedContent: HTMLElement;
+    }>;
+    getContentLength(): Promise<number>;
+    trimEndByOne(): Promise<void>;
+    trimStartToOffset(contentOffsetArg: number): Promise<void>;
+    firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
+    attachInvoiceDom(): Promise<void>;
+}

package/dist_ts_web/elements/contentinvoice.js

@@ -0,0 +1,335 @@
+/**
+ * content for invoices
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, render, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as plugins from '../plugins.js';
+import * as shared from './shared/index.js';
+export let DeContentInvoice = class DeContentInvoice extends DeesElement {
+    static { this.demo = () => html `
+    <style>
+      .demoContainer {
+        background: white;
+        padding: 50px;
+      }
+    </style>
+    <div class="demoContainer">
+      <dedocument-contentinvoice></dedocument-contentinvoice>
+    </div>
+  `; }
+    constructor() {
+        super();
+        this.getTotalNet = () => {
+            let totalNet = 0;
+            if (!this.letterData) {
+                return totalNet;
+            }
+            for (const item of this.letterData.content.invoiceData.items) {
+                totalNet += item.unitNetPrice * item.unitQuantity;
+            }
+            return totalNet;
+        };
+        this.getTotalGross = () => {
+            let totalVat = 0;
+            if (!this.letterData) {
+                return totalVat;
+            }
+            for (const taxgroup of this.getVatGroups()) {
+                totalVat += taxgroup.vatAmountSum;
+            }
+            return this.getTotalNet() + totalVat;
+        };
+        this.getVatGroups = () => {
+            const vatGroups = [];
+            if (!this.letterData) {
+                return vatGroups;
+            }
+            const taxAmounts = [];
+            for (const item of this.letterData.content.invoiceData.items) {
+                taxAmounts.includes(item.vatPercentage) ? null : taxAmounts.push(item.vatPercentage);
+            }
+            for (const taxAmount of taxAmounts) {
+                const matchingItems = this.letterData.content.invoiceData.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;
+        };
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        color: #333;
+      }
+
+      .trimmedContent {
+        display: none;
+      }
+
+      .repeatedContent {
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="trimmedContent"></div>
+      <div class="repeatedContent"></div>
+      <div class="currentContent"></div>
+    `;
+    }
+    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));
+            console.log('hey' + this.shadowRoot.children.length);
+        }
+        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--;
+            }
+        }
+    }
+    async firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        this.attachInvoiceDom();
+    }
+    async attachInvoiceDom() {
+        const contentNodes = await this.getContentNodes();
+        render(html `
+        <style>
+          .grid {
+            display: grid;
+            grid-template-columns: 40px auto 80px 80px 90px 90px;
+          }
+          .topLine {
+            margin-top: 5px;
+            background: #e7e7e7;
+            font-weight: bold;
+          }
+          .lineItem {
+            font-size: 12px;
+            padding: 5px;
+          }
+
+          .invoiceLine {
+            border-bottom: 1px dotted #ccc;
+          }
+
+          .sums {
+            margin-top: 5px;
+            font-size: 12px;
+            padding-left: 50%;
+          }
+
+          .sums .sumline {
+            margin-top: 3px;
+            display: grid;
+            grid-template-columns: auto 90px;
+          }
+
+          .sums .sumline .label {
+            padding: 2px 5px;
+            border-right: 1px solid #ccc;
+            text-align: right;
+            font-weight: bold;
+          }
+
+          .sums .sumline .value {
+            padding: 2px 5px;
+            font-weight: bold;
+          }
+
+          .divider {
+            margin-top: 8px;
+            border-top: 1px dotted #ccc;
+          }
+
+          .taxNote {
+            font-size: 12px;
+            padding: 4px;
+            background: #eeeeeb;
+            text-align: center;
+          }
+
+          .infoBox {
+            border-radius: 7px;
+            border: 1px solid #ddd;
+            border-left: 3px solid #c5e1a5;
+            padding: 8px;
+            margin-top: 16px;
+            line-height: 1.4em;
+            font-size: 16px;
+          }
+
+          .infoBox .label {
+            padding-bottom: 2px;
+            font-size: 12px;
+            font-weight: bold;
+          }
+
+          .paymentCode {
+            text-align: center;
+            border-left: 2px solid #666;
+          }
+        </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>
+        ${(() => {
+            let counter = 1;
+            return this.letterData?.content.invoiceData?.items?.map((invoiceItem) => html `
+              <div class="grid invoiceLine needsDataHeader">
+                <div class="lineItem">${counter++}</div>
+                <div class="lineItem">${invoiceItem.name}</div>
+                <div class="lineItem">${invoiceItem.unitQuantity}</div>
+                <div class="lineItem">${invoiceItem.unitType}</div>
+                <div class="lineItem">${invoiceItem.unitNetPrice} ${invoiceItem.currency}</div>
+                <div class="lineItem">
+                  ${invoiceItem.unitQuantity * invoiceItem.unitNetPrice} ${invoiceItem.currency}
+                </div>
+              </div>
+            `);
+        })()}
+        <div class="sums">
+          <div class="sumline">
+            <div class="label">Total net</div>
+            <div class="value">${this.getTotalNet()} EUR</div>
+          </div>
+          ${this.getVatGroups().map((vatGroupArg) => {
+            let itemNumbers = '';
+            for (const item of vatGroupArg.items) {
+                const itemIndex = this.letterData.content.invoiceData.items.indexOf(item);
+                itemNumbers += ` ${itemIndex + 1},`;
+            }
+            return html `
+              <div class="sumline">
+                <div class="label">
+                  Vat ${vatGroupArg.vatPercentage}%<br />
+                  <span style="font-weight: normal">(on item positions: ${itemNumbers})</span>
+                </div>
+                <div class="value">${vatGroupArg.vatAmountSum} EUR</div>
+              </div>
+            `;
+        })}
+          <div class="sumline">
+            <div class="label">Total gross</div>
+            <div class="value">${this.getTotalGross()} EUR</div>
+          </div>
+        </div>
+        <div class="divider"></div>
+        ${this.letterData?.content.invoiceData.reverseCharge
+            ? html `
+              <div class="taxNote">
+                VAT arises on a reverse charge basis and is payable by the customer.
+              </div>
+            `
+            : ``}
+        <div class="infoBox">
+          <div class="label">Payment Terms:</div>
+          Payment is due within 30 days starting from the reception of this invoice. Please use the
+          following SEPA details:
+          <br /><br />
+          Beneficiary: ${this.letterData?.from.name}<br />
+          IBAN: ${this.letterData?.from?.sepaConnection?.iban}<br />
+          BIC: ${this.letterData?.from?.sepaConnection?.bic}<br />
+          Description: ${this.letterData?.content.invoiceData?.id}<br />
+          Amount: ${this.getTotalGross()} ${this.letterData?.content.invoiceData.items[0].currency}
+        </div>
+        ${this.letterData?.content?.contractData?.contractDate
+            ? html `
+              <div class="infoBox">
+                <div class="label">Referenced contract:</div>
+                This invoice is adhering to agreements made by contract between the parties on
+                ${plugins.smarttime.ExtendedDate.fromMillis(this.letterData?.content.contractData.contractDate).format('MMMM D, YYYY')}.
+              </div>
+            `
+            : html ``}
+        <div class="infoBox paymentCode">
+          <div class="label">Sepa Payment Code:</div>
+        </div>
+      `, contentNodes.currentContent);
+        const canvas = document.createElement('canvas');
+        plugins.qrcode.toCanvas(canvas, `BCD
+001
+1
+SCT
+${this.letterData.content.invoiceData.billedBy.sepaConnection.bic}
+${this.letterData.content.invoiceData.billedBy.name}
+${this.letterData.content.invoiceData.billedBy.sepaConnection.iban}
+EUR${this.getTotalGross()}
+CHAR
+${this.letterData.content.invoiceData.id}
+${this.letterData.content.invoiceData.id}
+EPC QR Code`, (error) => {
+            if (error)
+                console.error(error);
+            console.log('success!');
+        });
+        contentNodes.currentContent.querySelector('.paymentCode').append(canvas);
+    }
+};
+__decorate([
+    property({
+        type: Object,
+        reflect: true,
+    }),
+    __metadata("design:type", Object)
+], DeContentInvoice.prototype, "letterData", void 0);
+DeContentInvoice = __decorate([
+    customElement('dedocument-contentinvoice'),
+    __metadata("design:paramtypes", [])
+], DeContentInvoice);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudGludm9pY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29udGVudGludm9pY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7Ozs7Ozs7Ozs7QUFFSCxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxFQUNULE1BQU0sR0FDUCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQVVyQyxXQUFNLGdCQUFnQixHQUF0QixNQUFNLGdCQUFpQixTQUFRLFdBQVc7YUFDakMsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7OztHQVU5QixBQVZpQixDQVVoQjtJQVFGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUE0QkgsZ0JBQVcsR0FBRyxHQUFXLEVBQUU7WUFDaEMsSUFBSSxRQUFRLEdBQUcsQ0FBQyxDQUFDO1lBRWpCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUNwQixPQUFPLFFBQVEsQ0FBQzthQUNqQjtZQUVELEtBQUssTUFBTSxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRTtnQkFDNUQsUUFBUSxJQUFJLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQzthQUNuRDtZQUNELE9BQU8sUUFBUSxDQUFDO1FBQ2xCLENBQUMsQ0FBQztRQUVLLGtCQUFhLEdBQUcsR0FBVyxFQUFFO1lBQ2xDLElBQUksUUFBUSxHQUFHLENBQUMsQ0FBQztZQUVqQixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUs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

package/dist_ts_web/elements/document.d.ts

@@ -0,0 +1,20 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as plugins from '../plugins.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dedocument-dedocument': DeDocument;
+    }
+}
+export declare class DeDocument extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    format: 'a4';
+    viewWidth: number;
+    printMode: boolean;
+    letterData: plugins.tsclass.business.ILetter;
+    letterDataUrl: string;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
+    renderDocument(): Promise<void>;
+}