@design.estate/dees-document 1.6.9 → 2.0.3

package/dist_ts_web/ts_web/elements/document.js

@@ -0,0 +1,306 @@
+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, domtools, } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+export const defaultDocumentSettings = {
+    enableTopDraftText: true,
+    enableDefaultHeader: true,
+    enableDefaultFooter: true,
+    enableFoldMarks: true,
+    enableInvoiceContractRefSection: true,
+    languageCode: "EN",
+    vatGroupPositions: true,
+    dateStyle: "short",
+};
+import { DePage } from "./page.js";
+import { DeContentInvoice } from "./contentinvoice.js";
+import { demoFunc } from "./document.demo.js";
+let DeDocument = (() => {
+    let _classDecorators = [customElement("dedocument-dedocument")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _format_decorators;
+    let _format_initializers = [];
+    let _format_extraInitializers = [];
+    let _viewWidth_decorators;
+    let _viewWidth_initializers = [];
+    let _viewWidth_extraInitializers = [];
+    let _viewHeight_decorators;
+    let _viewHeight_initializers = [];
+    let _viewHeight_extraInitializers = [];
+    let _printMode_decorators;
+    let _printMode_initializers = [];
+    let _printMode_extraInitializers = [];
+    let _letterData_decorators;
+    let _letterData_initializers = [];
+    let _letterData_extraInitializers = [];
+    let _documentSettings_decorators;
+    let _documentSettings_initializers = [];
+    let _documentSettings_extraInitializers = [];
+    var DeDocument = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _format_decorators = [property({
+                    type: String,
+                    reflect: true,
+                })];
+            _viewWidth_decorators = [property({
+                    type: Number,
+                    reflect: true,
+                })];
+            _viewHeight_decorators = [property({
+                    type: Number,
+                    reflect: true,
+                })];
+            _printMode_decorators = [property({
+                    type: Boolean,
+                    reflect: true,
+                })];
+            _letterData_decorators = [property({
+                    type: Object,
+                    reflect: true,
+                    converter: (valueArg) => {
+                        if (typeof valueArg === "string") {
+                            return plugins.smartjson.parseBase64(valueArg);
+                        }
+                        else {
+                            return valueArg;
+                        }
+                    },
+                })];
+            _documentSettings_decorators = [property({
+                    type: Object,
+                    reflect: true,
+                    converter: (valueArg) => {
+                        if (typeof valueArg === "string") {
+                            return plugins.smartjson.parseBase64(valueArg);
+                        }
+                        else {
+                            return valueArg;
+                        }
+                    },
+                })];
+            __esDecorate(this, null, _format_decorators, { kind: "accessor", name: "format", static: false, private: false, access: { has: obj => "format" in obj, get: obj => obj.format, set: (obj, value) => { obj.format = value; } }, metadata: _metadata }, _format_initializers, _format_extraInitializers);
+            __esDecorate(this, null, _viewWidth_decorators, { kind: "accessor", name: "viewWidth", static: false, private: false, access: { has: obj => "viewWidth" in obj, get: obj => obj.viewWidth, set: (obj, value) => { obj.viewWidth = value; } }, metadata: _metadata }, _viewWidth_initializers, _viewWidth_extraInitializers);
+            __esDecorate(this, null, _viewHeight_decorators, { kind: "accessor", name: "viewHeight", static: false, private: false, access: { has: obj => "viewHeight" in obj, get: obj => obj.viewHeight, set: (obj, value) => { obj.viewHeight = value; } }, metadata: _metadata }, _viewHeight_initializers, _viewHeight_extraInitializers);
+            __esDecorate(this, null, _printMode_decorators, { kind: "accessor", name: "printMode", static: false, private: false, access: { has: obj => "printMode" in obj, get: obj => obj.printMode, set: (obj, value) => { obj.printMode = value; } }, metadata: _metadata }, _printMode_initializers, _printMode_extraInitializers);
+            __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);
+            DeDocument = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        #format_accessor_storage = __runInitializers(this, _format_initializers, "a4");
+        get format() { return this.#format_accessor_storage; }
+        set format(value) { this.#format_accessor_storage = value; }
+        #viewWidth_accessor_storage = (__runInitializers(this, _format_extraInitializers), __runInitializers(this, _viewWidth_initializers, null));
+        get viewWidth() { return this.#viewWidth_accessor_storage; }
+        set viewWidth(value) { this.#viewWidth_accessor_storage = value; }
+        #viewHeight_accessor_storage = (__runInitializers(this, _viewWidth_extraInitializers), __runInitializers(this, _viewHeight_initializers, null));
+        get viewHeight() { return this.#viewHeight_accessor_storage; }
+        set viewHeight(value) { this.#viewHeight_accessor_storage = value; }
+        #printMode_accessor_storage = (__runInitializers(this, _viewHeight_extraInitializers), __runInitializers(this, _printMode_initializers, false));
+        get printMode() { return this.#printMode_accessor_storage; }
+        set printMode(value) { this.#printMode_accessor_storage = value; }
+        #letterData_accessor_storage = (__runInitializers(this, _printMode_extraInitializers), __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, defaultDocumentSettings));
+        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,
+            css `
+      :host {
+        display: block;
+      }
+
+      .betweenPagesSpacer {
+        height: 16px;
+      }
+    `,
+        ];
+        render() {
+            return html ` <div class="documentContainer"></div> `;
+        }
+        async firstUpdated(_changedProperties) {
+            domtools.plugins.smartdelay.delayFor(0).then(async () => {
+                this.documentSettings = {
+                    ...defaultDocumentSettings,
+                    ...this.documentSettings,
+                };
+            });
+            const resizeObserver = new ResizeObserver((entries) => {
+                for (const entry of entries) {
+                    const width = entry.contentRect.width;
+                    const height = entry.contentRect.height;
+                    // Handle the new dimensions here
+                    this.adjustDePageScaling();
+                }
+            });
+            resizeObserver.observe(this);
+            this.registerGarbageFunction(() => {
+                resizeObserver.disconnect();
+            });
+        }
+        latestDocumentSettings = (__runInitializers(this, _documentSettings_extraInitializers), null);
+        latestRenderedLetterData = null;
+        cleanupStore = [];
+        async renderDocument() {
+            this.latestDocumentSettings = this.documentSettings;
+            this.latestRenderedLetterData = this.letterData;
+            const cleanUpStoreCurrentRender = [];
+            const cleanUpStoreNextRender = [];
+            const domtools = await this.domtoolsPromise;
+            const documentBuildContainer = document.createElement("div");
+            cleanUpStoreCurrentRender.push(documentBuildContainer);
+            document.body.appendChild(documentBuildContainer);
+            let pages = [];
+            let pageCounter = 0;
+            let complete = false;
+            // lets append the content
+            const content = new DeContentInvoice();
+            cleanUpStoreCurrentRender.push(content);
+            content.letterData = this
+                .letterData;
+            content.documentSettings = this.documentSettings;
+            document.body.appendChild(content);
+            await domtools.convenience.smartdelay.delayFor(0);
+            let overallContentOffset = 0;
+            let currentContentOffset;
+            let trimmed;
+            while (!complete) {
+                pageCounter++;
+                const currentContent = content.cloneNode(true);
+                cleanUpStoreNextRender.push(currentContent);
+                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);
+                newPage.pageTotalNumber = pageCounter;
+                // store current page
+                cleanUpStoreNextRender.push(newPage);
+                documentBuildContainer.append(newPage);
+                await currentContent.elementDomReady;
+                await currentContent.trimStartToOffset(overallContentOffset);
+                let newPageOverflows = await newPage.checkOverflow();
+                trimmed = 0;
+                while (newPageOverflows) {
+                    await currentContent.trimEndByOne();
+                    trimmed++;
+                    newPageOverflows = await newPage.checkOverflow();
+                }
+                currentContentOffset = await currentContent.getContentLength();
+                overallContentOffset = overallContentOffset + currentContentOffset;
+                if (trimmed === 0) {
+                    complete = true;
+                }
+            }
+            for (const cleanUp of this.cleanupStore) {
+                cleanUp.remove();
+            }
+            this.cleanupStore = cleanUpStoreNextRender;
+            cleanUpStoreCurrentRender.forEach((cleanUp) => {
+                cleanUp.remove();
+            });
+            const documentContainer = this.shadowRoot.querySelector(".documentContainer");
+            if (documentContainer) {
+                const children = Array.from(documentContainer.children);
+                children.forEach((child) => {
+                    documentContainer.removeChild(child);
+                    child.remove();
+                });
+            }
+            for (const page of pages) {
+                page.pageTotalNumber = pageCounter;
+                documentContainer.append(page);
+                // betweenPagesSpacer
+                if (!this.printMode) {
+                    const betweenPagesSpacerDiv = document.createElement("div");
+                    betweenPagesSpacerDiv.classList.add("betweenPagesSpacer");
+                    documentContainer.appendChild(betweenPagesSpacerDiv);
+                }
+            }
+            this.adjustDePageScaling();
+        }
+        async updated(changedProperties) {
+            super.updated(changedProperties);
+            const domtools = await this.domtoolsPromise;
+            let renderedDocIsUpToDate = domtools.convenience.smartjson.deepEqualObjects(this.letterData, this.latestRenderedLetterData) &&
+                domtools.convenience.smartjson.deepEqualObjects(this.documentSettings, this.latestDocumentSettings);
+            if (!renderedDocIsUpToDate) {
+                this.renderDocument();
+            }
+            if (changedProperties.has("viewHeight") ||
+                changedProperties.has("viewWidth")) {
+                this.adjustDePageScaling();
+            }
+        }
+        adjustDePageScaling() {
+            if (this.printMode) {
+                return;
+            }
+            this.viewWidth = this.clientWidth;
+            // Find all DePage instances within this DeDocument
+            const pages = this.shadowRoot.querySelectorAll("dedocument-page");
+            // Update each DePage instance's viewHeight and viewWidth
+            pages.forEach((page) => {
+                if (this.viewHeight) {
+                    page.viewHeight = this.viewHeight;
+                }
+                if (this.viewWidth) {
+                    page.viewWidth = this.viewWidth;
+                }
+            });
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeDocument = _classThis;
+})();
+export { DeDocument };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvZG9jdW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUNsQztJQUNFLGtCQUFrQixFQUFFLElBQUk7SUFDeEIsbUJBQW1CLEVBQUUsSUFBSTtJQUN6QixtQkFBbUIsRUFBRSxJQUFJO0lBQ3pCLGVBQWUsRUFBRSxJQUFJO0lBQ3JCLCtCQUErQixFQUFFLElBQUk7SUFDckMsWUFBWSxFQUFFLElBQUk7SUFDbEIsaUJBQWlCLEVBQUUsSUFBSTtJQUN2QixTQUFTLEVBQUUsT0FBTztDQUNuQixDQUFDO0FBRUosT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNuQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7SUFTakMsVUFBVTs0QkFEdEIsYUFBYSxDQUFDLHVCQUF1QixDQUFDOzs7O3NCQUNQLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MEJBQW5CLFNBQVEsV0FBVzs7OztrQ0FHeEMsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxNQUFNO29CQUNaLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7cUNBR0QsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxNQUFNO29CQUNaLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7c0NBR0QsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxN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

package/dist_ts_web/ts_web/elements/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./contentinvoice.js";
+export * from "./document.js";
+export * from "./letterheader.js";
+export * from "./page.js";
+export * from "./pagecontainer.js";
+export * from "./pagecontent.js";
+export * from "./pagefooter.js";
+export * from "./pageheader.js";
+export * from "./viewer.js";
+export * from "./paymentcode.js";

package/dist_ts_web/ts_web/elements/index.js

@@ -0,0 +1,11 @@
+export * from "./contentinvoice.js";
+export * from "./document.js";
+export * from "./letterheader.js";
+export * from "./page.js";
+export * from "./pagecontainer.js";
+export * from "./pagecontent.js";
+export * from "./pagefooter.js";
+export * from "./pageheader.js";
+export * from "./viewer.js";
+export * from "./paymentcode.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQyJ9

package/dist_ts_web/ts_web/elements/letterheader.d.ts

@@ -0,0 +1,18 @@
+import { DeesElement, type TemplateResult } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+declare global {
+    interface HTMLElementTagNameMap {
+        "dedocument-letterheader": DeLetterHeader;
+    }
+}
+export declare class DeLetterHeader extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor letterData: plugins.tsclass.finance.TInvoice;
+    accessor pageNumber: number;
+    accessor pageTotalNumber: number;
+    accessor documentSettings: plugins.shared.interfaces.IDocumentSettings;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    private renderDeliveryDate;
+    render(): TemplateResult;
+}

package/dist_ts_web/ts_web/elements/letterheader.js

@@ -0,0 +1,224 @@
+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, unsafeCSS, domtools, } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+import { dedocumentSharedStyle } from "../style.js";
+let DeLetterHeader = (() => {
+    let _classDecorators = [customElement("dedocument-letterheader")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _letterData_decorators;
+    let _letterData_initializers = [];
+    let _letterData_extraInitializers = [];
+    let _pageNumber_decorators;
+    let _pageNumber_initializers = [];
+    let _pageNumber_extraInitializers = [];
+    let _pageTotalNumber_decorators;
+    let _pageTotalNumber_initializers = [];
+    let _pageTotalNumber_extraInitializers = [];
+    let _documentSettings_decorators;
+    let _documentSettings_initializers = [];
+    let _documentSettings_extraInitializers = [];
+    var DeLetterHeader = 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,
+                })];
+            _pageNumber_decorators = [property({
+                    type: Number,
+                    reflect: true,
+                })];
+            _pageTotalNumber_decorators = [property({
+                    type: Number,
+                    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, _pageNumber_decorators, { kind: "accessor", name: "pageNumber", static: false, private: false, access: { has: obj => "pageNumber" in obj, get: obj => obj.pageNumber, set: (obj, value) => { obj.pageNumber = value; } }, metadata: _metadata }, _pageNumber_initializers, _pageNumber_extraInitializers);
+            __esDecorate(this, null, _pageTotalNumber_decorators, { kind: "accessor", name: "pageTotalNumber", static: false, private: false, access: { has: obj => "pageTotalNumber" in obj, get: obj => obj.pageTotalNumber, set: (obj, value) => { obj.pageTotalNumber = value; } }, metadata: _metadata }, _pageTotalNumber_initializers, _pageTotalNumber_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);
+            DeLetterHeader = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <dedocument-letterheader
+      .format="${"a4"}"
+      .letterData=${plugins.shared.demoLetter}
+    ></dedocument-letterheader>
+  `;
+        #letterData_accessor_storage = __runInitializers(this, _letterData_initializers, void 0);
+        get letterData() { return this.#letterData_accessor_storage; }
+        set letterData(value) { this.#letterData_accessor_storage = value; }
+        #pageNumber_accessor_storage = (__runInitializers(this, _letterData_extraInitializers), __runInitializers(this, _pageNumber_initializers, 1));
+        get pageNumber() { return this.#pageNumber_accessor_storage; }
+        set pageNumber(value) { this.#pageNumber_accessor_storage = value; }
+        #pageTotalNumber_accessor_storage = (__runInitializers(this, _pageNumber_extraInitializers), __runInitializers(this, _pageTotalNumber_initializers, 1));
+        get pageTotalNumber() { return this.#pageTotalNumber_accessor_storage; }
+        set pageTotalNumber(value) { this.#pageTotalNumber_accessor_storage = value; }
+        #documentSettings_accessor_storage = (__runInitializers(this, _pageTotalNumber_extraInitializers), __runInitializers(this, _documentSettings_initializers, void 0));
+        get documentSettings() { return this.#documentSettings_accessor_storage; }
+        set documentSettings(value) { this.#documentSettings_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _documentSettings_extraInitializers);
+            domtools.DomTools.setupDomTools();
+        }
+        static styles = [
+            domtools.elementBasic.staticStyles,
+            dedocumentSharedStyle,
+            css `
+      .address {
+        position: absolute;
+        top: calc(var(--DPI-FACTOR) * 4.5);
+        left: var(--LEFT-MARGIN);
+      }
+
+      .date {
+        position: absolute;
+        top: calc(var(--DPI-FACTOR) * 4.5);
+        right: var(--RIGHT-MARGIN);
+        text-align: right;
+      }
+
+      .recepientInfo {
+        position: absolute;
+        display: block;
+        overflow: hidden;
+        top: calc(var(--DPI-FACTOR) * 5.5);
+        right: var(--RIGHT-MARGIN);
+        width: 200px;
+        text-align: right;
+      }
+
+      .recepientInfo .label {
+        margin-top: 10px;
+        margin-bottom: 3px;
+        font-size: 10px;
+        font-weight: bold;
+      }
+
+      .address .from {
+        font-size: 10px;
+      }
+
+      .address .to {
+        margin-top: 10px;
+      }
+    `,
+        ];
+        renderDeliveryDate(from, to) {
+            if (this.letterData.accountingDocType !== "invoice")
+                return null;
+            const dateFormat = new Intl.DateTimeFormat(this.documentSettings.languageCode, { dateStyle: this.documentSettings.dateStyle });
+            let formattedFrom = from ? dateFormat.format(from) : null;
+            let formattedTo = to ? dateFormat.format(to) : null;
+            const isSameDay = formattedFrom === formattedTo;
+            if (isSameDay) {
+                return html `<div class="label">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@periodOfPerformance.day")}
+        </div>
+        <span> ${formattedFrom} </span>`;
+            }
+            else {
+                return html `<div class="label">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@periodOfPerformance.range")}
+        </div>
+        <span> ${formattedFrom} - ${formattedTo}</span>`;
+            }
+        }
+        render() {
+            return html `
+      <div class="date">
+        ${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
+                dateStyle: "long",
+            }).format(new Date(this.letterData.date))}
+      </div>
+      <div class="address">
+        <div class="from">
+          ${this.letterData.from.name},
+          ${this.letterData.from.address.streetName}
+          ${this.letterData.from.address.houseNumber},
+          ${this.letterData.from.address.postalCode}
+          ${this.letterData.from.address.city},
+          ${this.letterData.from.address.country}
+        </div>
+        <div class="to">
+          ${this.letterData.to.name}<br />
+          ${this.letterData.to.address.streetName}
+          ${this.letterData.to.address.houseNumber}<br />
+          ${this.letterData.to.address.postalCode}
+          ${this.letterData.to.address.city}<br />
+          ${this.letterData.from.address.country}
+        </div>
+      </div>
+      <div class="recepientInfo">
+        <div class="label">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@customer.number")}
+        </div>
+        ${this.letterData.to.customerNumber || "not registered"}
+
+        <div class="label">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@vat.yourId")}
+        </div>
+        ${this.letterData.to.registrationDetails.vatId || "not provided"}
+
+        <!-- TODO: Make use of components -->
+        ${this.letterData.accountingDocType === "invoice"
+                ? html ` <div class="label">
+                ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@invoice.number")}
+              </div>
+              ${this.letterData.id || "not registered"}`
+                : null}
+        ${this.renderDeliveryDate(new Date(this.letterData.periodOfPerformance?.from), new Date(this.letterData.periodOfPerformance?.to))}
+      </div>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeLetterHeader = _classThis;
+})();
+export { DeLetterHeader };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2xldHRlcmhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsU0FBUyxFQUNULFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztJQVN2QyxjQUFjOzRCQUQxQixhQUFhLENBQUMseUJBQXlCLENBQUM7Ozs7c0JBQ0wsV0FBVzs7Ozs7Ozs7Ozs7Ozs4QkFBbkIsU0FBUSxXQUFXOzs7O3NDQVE1QyxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzsyQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzs0Q0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztZQWpCRixtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQW1DO1lBTXRELG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFBYTtZQU1oQyxrTUFBUyxlQUFlLDZCQUFmLGVBQWUseUdBQWE7WUFNckMscU1BQVMsZ0JBQWdCLDZCQUFoQixnQkFBZ0IsMkdBQThDO1lBOUJ6RSw2S0EyS0M7Ozs7UUExS1EsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O2lCQUVoQixJQUFJO29CQUNELE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVTs7R0FFMUMsQ0FBQztRQU1GLHlGQUFzRDtRQUF0RCxJQUFTLFVBQVUsZ0RBQW1DO1FBQXRELElBQVMsVUFBVSxzREFBbUM7UUFNdEQsMElBQThCLENBQUMsR0FBQztRQUFoQyxJQUFTLFVBQVUsZ0RBQWE7UUFBaEMsSUFBUyxVQUFVLHNEQUFhO1FBTWhDLG9KQUFtQyxDQUFDLEdBQUM7UUFBckMsSUFBUyxlQUFlLHFEQUFhO1FBQXJDLElBQVMsZUFBZSwyREFBYTtRQU1yQyxvS0FBdUU7UUFBdkUsSUFBUyxnQkFBZ0Isc0RBQThDO1FBQXZFLElBQVMsZ0JBQWdCLDREQUE4QztRQUV2RTtZQUNFLEtBQUssRUFBRSxDQUFDOztZQUNSLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDbkM7UUFFTSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtZQUNsQyxxQkFBcUI7WUFDckIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXNDRjtTQUNGLENBQUM7UUFFTSxrQkFBa0IsQ0FBQyxJQUFVLEVBQUUsRUFBUTtZQUM3QyxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsaUJBQWlCLEtBQUssU0FBUztnQkFBRSxPQUFPLElBQUksQ0FBQztZQUNqRSxNQUFNLFVBQVUsR0FBRyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQ3hDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQ2xDLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsQ0FDL0MsQ0FBQztZQUVGLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzFELElBQUksV0FBVyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBRXBELE1BQU0sU0FBUyxHQUFHLGFBQWEsS0FBSyxXQUFXLENBQUM7WUFFaEQsSUFBSSxTQUFTLEVBQUUsQ0FBQztnQkFDZCxPQUFPLElBQUksQ0FBQTtZQUNMLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FDcEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksRUFDbEMscUNBQXFDLENBQ3RDOztpQkFFTSxhQUFhLFVBQVUsQ0FBQztZQUNyQyxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sT0FBTyxJQUFJLENBQUE7WUFDTCxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQ3BDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQ2xDLHVDQUF1QyxDQUN4Qzs7aUJBRU0sYUFBYSxNQUFNLFdBQVcsU0FBUyxDQUFDO1lBQ3JELENBQUM7UUFDSCxDQUFDO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOztVQUVMLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFO2dCQUM1RCxTQUFTLEVBQUUsTUFBTTthQUNsQixDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7Ozs7WUFJckMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUN6QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVTtZQUN2QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVztZQUN4QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVTtZQUN2QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUNqQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7O1lBR3BDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLElBQUk7WUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVU7WUFDckMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFdBQVc7WUFDdEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVU7WUFDckMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUk7WUFDL0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU87Ozs7O1lBS3BDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FDcEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksRUFDbEMsNkJBQTZCLENBQzlCOztVQUVELElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLGNBQWMsSUFBSSxnQkFBZ0I7OztZQUduRCxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQ3BDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQ2xDLHdCQUF3QixDQUN6Qjs7VUFFRCxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLElBQUksY0FBYzs7O1VBRzlELElBQUksQ0FBQyxVQUFVLENBQUMsaUJBQWlCLEtBQUssU0FBUztnQkFDL0MsQ0FBQyxDQUFDLElBQUksQ0FBQTtrQkFDRSxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQ3BDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQ2xDLDRCQUE0QixDQUM3Qjs7Z0JBRUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLElBQUksZ0JBQWdCLEVBQUU7Z0JBQzlDLENBQUMsQ0FBQyxJQUFJO1VBQ04sSUFBSSxDQUFDLGtCQUFrQixDQUN2QixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLG1CQUFtQixFQUFFLElBQUksQ0FBQyxFQUNuRCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLG1CQUFtQixFQUFFLEVBQUUsQ0FBQyxDQUNsRDs7S0FFSixDQUFDO1FBQ0osQ0FBQzs7WUExS1UsdURBQWM7Ozs7O1NBQWQsY0FBYyJ9

package/dist_ts_web/ts_web/elements/page.d.ts

@@ -0,0 +1,25 @@
+import * as tsclass from "@tsclass/tsclass";
+import { DeesElement, type TemplateResult } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+declare global {
+    interface HTMLElementTagNameMap {
+        "dedocument-page": DePage;
+    }
+}
+export declare class DePage extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor viewWidth: number;
+    accessor viewHeight: number;
+    accessor format: "a4";
+    accessor pageNumber: number;
+    accessor pageTotalNumber: number;
+    accessor letterData: tsclass.business.TLetter;
+    accessor printMode: boolean;
+    accessor documentSettings: plugins.shared.interfaces.IDocumentSettings;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    checkOverflow(): Promise<boolean>;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private adjustScaling;
+}