@design.estate/dees-document 1.0.91

package/dist_ts_web/elements/document.js

@@ -0,0 +1,157 @@
+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, state, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
+import * as plugins from '../plugins.js';
+import { DePage } from './page.js';
+import { DeContentInvoice } from './contentinvoice.js';
+import * as shared from './shared/index.js';
+export let DeDocument = class DeDocument extends DeesElement {
+    static { this.demo = () => html `
+    <dedocument-dedocument .format="${'a4'}" .letterData=${shared.demoLetter}></dedocument-dedocument>
+  `; }
+    constructor() {
+        super();
+        this.format = 'a4';
+        this.viewWidth = shared.a4Width;
+        this.printMode = false;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        display: block;
+        color: #333;
+        padding: 0px;
+        position: relative;
+      }
+
+      .betweenPagesSpacer {
+        height: 20px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <style>
+        :host {
+          transform-origin: top left;
+          transform: ${this.viewWidth
+            ? unsafeCSS(`scale(${this.viewWidth / shared.a4Width}, ${this.viewWidth / shared.a4Width})`)
+            : unsafeCSS('')};
+        }
+      </style>
+      <div class="scaleport"></div>
+    `;
+    }
+    async firstUpdated(_changedProperties) {
+        if (this.letterDataUrl) {
+            const response = await fetch(this.letterDataUrl);
+            this.letterData = await response.json();
+        }
+        this.renderDocument();
+    }
+    async renderDocument() {
+        const domtools = await this.domtoolsPromise;
+        const scaleport = this.shadowRoot.querySelector('.scaleport');
+        let pages = [];
+        let pageCounter = 0;
+        let complete = false;
+        const content = document.createElement('dedocument-contentinvoice');
+        content.letterData = this.letterData;
+        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);
+            const newPage = new DePage();
+            newPage.printMode = this.printMode;
+            newPage.letterData = this.letterData;
+            pages.push(newPage);
+            newPage.pageNumber = pageCounter;
+            newPage.append(currentContent);
+            newPage.pageTotalNumber = pageCounter;
+            scaleport.append(newPage);
+            // betweenPagesSpacer
+            if (!this.printMode) {
+                const betweenPagesSpacerDiv = document.createElement('div');
+                betweenPagesSpacerDiv.classList.add('betweenPagesSpacer');
+                scaleport.append(betweenPagesSpacerDiv);
+            }
+            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;
+            }
+            // complete = true;
+            console.log(currentContentOffset);
+        }
+        document.body.removeChild(content);
+        for (const page of pages) {
+            page.pageTotalNumber = pageCounter;
+        }
+    }
+};
+__decorate([
+    property({
+        type: String,
+    }),
+    __metadata("design:type", String)
+], DeDocument.prototype, "format", void 0);
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DeDocument.prototype, "viewWidth", void 0);
+__decorate([
+    property({
+        type: Boolean,
+    }),
+    __metadata("design:type", Object)
+], DeDocument.prototype, "printMode", void 0);
+__decorate([
+    property({
+        type: Object,
+        reflect: true,
+        converter: (valueArg) => {
+            if (typeof valueArg === 'string') {
+                return plugins.smartjson.parseBase64(valueArg);
+            }
+            else {
+                return valueArg;
+            }
+        },
+    }),
+    __metadata("design:type", Object)
+], DeDocument.prototype, "letterData", void 0);
+__decorate([
+    property({
+        type: String,
+    }),
+    __metadata("design:type", String)
+], DeDocument.prototype, "letterDataUrl", void 0);
+DeDocument = __decorate([
+    customElement('dedocument-dedocument'),
+    __metadata("design:paramtypes", [])
+], DeDocument);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZG9jdW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsS0FBSyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFHekMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNuQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV2RCxPQUFPLEtBQUssTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBU3JDLFdBQU0sVUFBVSxHQUFoQixNQUFNLFVBQVcsU0FBUSxXQUFXO2FBQzNCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7c0NBQ0ssSUFBSSxpQkFBaUIsTUFBTSxDQUFDLFVBQVU7R0FDekUsQUFGaUIsQ0FFaEI7SUFvQ0Y7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWhDSCxXQUFNLEdBQVMsSUFBSSxDQUFDO1FBS3BCLGNBQVMsR0FBVyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBSzFDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUF1QmhCLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMsR0FBRyxDQUFBOzs7Ozs7Ozs7OztLQVdGO0tBQ0YsQUFkbUIsQ0FjbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7dUJBSVEsSUFBSSxDQUFDLFNBQVM7WUFDekIsQ0FBQyxDQUFDLFNBQVMsQ0FDUCxTQUFTLElBQUksQ0FB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

package/dist_ts_web/elements/index.d.ts

@@ -0,0 +1,8 @@
+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';

package/dist_ts_web/elements/index.js

@@ -0,0 +1,9 @@
+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';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsaUJBQWlCLENBQUMifQ==

package/dist_ts_web/elements/letterheader.d.ts

@@ -0,0 +1,16 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as tsclass from '@tsclass/tsclass';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dedocument-letterheader': DeLetterHeader;
+    }
+}
+export declare class DeLetterHeader extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    letterData: tsclass.business.ILetter;
+    pageNumber: number;
+    pageTotalNumber: number;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/letterheader.js

@@ -0,0 +1,123 @@
+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, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as shared from './shared/index.js';
+import * as tsclass from '@tsclass/tsclass';
+export let DeLetterHeader = class DeLetterHeader extends DeesElement {
+    static { this.demo = () => html `
+    <dedocument-letterheader .format="${'a4'}" .letterData=${shared.demoLetter}></dedocument-letterheader>
+  `; }
+    constructor() {
+        super();
+        this.pageNumber = 1;
+        this.pageTotalNumber = 1;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        color: #333;
+      }
+
+      .recepientInfo {
+        position: absolute;
+        display: block;
+        overflow: hidden;
+        top: 200px;
+        right: ${unsafeCSS(shared.rightMargin + 'px')};
+        width: 200px;
+        text-align: right;
+      }
+      .recepientInfo .label {
+        margin-top: 10px;
+        margin-bottom: 3px;
+        font-size: 10px;
+        font-weight: bold;
+      }
+
+      .date {
+        position: absolute;
+        top: 180px;
+        right: ${unsafeCSS(shared.rightMargin + 'px')};
+        text-align: right;
+      }
+
+      .address {
+        position: absolute;
+        top: 180px;
+        left: ${unsafeCSS(shared.leftMargin + 'px')};
+      }
+
+      .address .from {
+        font-size: 10px;
+      }
+
+      .address .to {
+        margin-top: 10px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="date">
+        ${new Date(this.letterData.date).getDate()}. ${new Date(this.letterData.date).toLocaleString('default', { month: 'long' })}
+        ${new Date(this.letterData.date).getFullYear()}
+      </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">your customer id:</div>
+        ${this.letterData.to.customerNumber || 'not registered'}
+
+        <div class="label">your vat id on file:</div>
+        ${this.letterData.to.vatId || 'not provided'}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({
+        type: Object,
+        reflect: true
+    }),
+    __metadata("design:type", Object)
+], DeLetterHeader.prototype, "letterData", void 0);
+__decorate([
+    property({
+        type: Number,
+        reflect: true,
+    }),
+    __metadata("design:type", Number)
+], DeLetterHeader.prototype, "pageNumber", void 0);
+__decorate([
+    property({
+        type: Number,
+        reflect: true,
+    }),
+    __metadata("design:type", Number)
+], DeLetterHeader.prototype, "pageTotalNumber", void 0);
+DeLetterHeader = __decorate([
+    customElement('dedocument-letterheader'),
+    __metadata("design:paramtypes", [])
+], DeLetterHeader);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2xldHRlcmhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLEtBQUssTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQzVDLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFTckMsV0FBTSxjQUFjLEdBQXBCLE1BQU0sY0FBZSxTQUFRLFdBQVc7YUFDL0IsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTt3Q0FDTyxJQUFJLGlCQUFpQixNQUFNLENBQUMsVUFBVTtHQUMzRSxBQUZpQixDQUVoQjtJQW9CRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBVEgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQU12QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7Ozs7Ozs7OztpQkFVVSxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7Ozs7O2lCQWNwQyxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Z0JBT3JDLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7OztLQVU5QztLQUNGLEFBNUNtQixDQTRDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7O1VBRUwsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7VUFDeEgsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLEVBQUU7Ozs7WUFJMUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVO1lBQ3JFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEtBQUssSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVU7WUFDcEYsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7O1lBRzFFLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLElBQUk7WUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsV0FBVztZQUMvRSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJO1lBQ3hFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPOzs7OztVQUt0QyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxjQUFjLElBQUksZ0JBQWdCOzs7VUFHckQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxJQUFJLGNBQWM7O0tBRS9DLENBQUM7SUFDSixDQUFDOztBQTVGTTtJQUpOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO1FBQ1osT0FBTyxFQUFFLElBQUk7S0FDZCxDQUFDOztrREFDMEM7QUFNckM7SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQzs7a0RBQzRCO0FBTXZCO0lBSk4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07UUFDWixPQUFPLEVBQUUsSUFBSTtLQUNkLENBQUM7O3VEQUNpQztBQXJCeEIsY0FBYztJQUQxQixhQUFhLENBQUMseUJBQXlCLENBQUM7O0dBQzVCLGNBQWMsQ0FzRzFCIn0=

package/dist_ts_web/elements/page.d.ts

@@ -0,0 +1,19 @@
+import * as tsclass from '@tsclass/tsclass';
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dedocument-page': DePage;
+    }
+}
+export declare class DePage extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    format: 'a4';
+    pageNumber: number;
+    pageTotalNumber: number;
+    letterData: tsclass.business.ILetter;
+    printMode: boolean;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    checkOverflow(): Promise<boolean>;
+}

package/dist_ts_web/elements/page.js

@@ -0,0 +1,144 @@
+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 * as tsclass from '@tsclass/tsclass';
+import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as shared from './shared/index.js';
+export let DePage = class DePage extends DeesElement {
+    static { this.demo = () => html ` <dedocument-page .format="${'a4'}"></dedocument-page> `; }
+    constructor() {
+        super();
+        this.format = 'a4';
+        this.pageNumber = 1;
+        this.pageTotalNumber = 1;
+        this.letterData = shared.demoLetter;
+        this.printMode = false;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+      }
+      .versionOverlay {
+        pointer-events: none;
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+        font-family: monospace;
+        font-size: 16px;
+
+        z-index: 1000;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .topInfo {
+        position: absolute;
+        top: 60px;
+        left: 40px;
+        color: red;
+        transform: rotate(-5deg);
+      }
+
+      .bigDraftText {
+        transform: rotate(-45deg);
+        font-size: 200px;
+        opacity: 0.05;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <dedocument-pagecontainer .printMode=${this.printMode}>
+        <dedocument-pageheader
+          .letterData=${this.letterData}
+          .pageNumber="${this.pageNumber}"
+          .pageTotalNumber="${this.pageTotalNumber}"
+        ></dedocument-pageheader>
+        ${this.pageNumber === 1
+            ? html `
+              <dedocument-letterheader
+                .pageNumber="${this.pageNumber}"
+                .letterData=${this.letterData}
+                .pageTotalNumber="${this.pageTotalNumber}"
+              ></dedocument-letterheader>
+            `
+            : html ``}
+        <dedocument-pagecontent
+          .pageNumber="${this.pageNumber}"
+          .pageTotalNumber="${this.pageTotalNumber}"
+          .letterData=${this.letterData}
+          ><slot></slot
+        ></dedocument-pagecontent>
+        <dedocument-pagefooter
+          .letterData=${this.letterData}
+          .pageNumber="${this.pageNumber}"
+          .pageTotalNumber="${this.pageTotalNumber}"
+        ></dedocument-pagefooter>
+        <div class="versionOverlay">
+          ${this.letterData.versionInfo.type === 'draft'
+            ? html `
+                <div class="topInfo">
+                  Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM THIS.<br>
+                  -> Revision/Document version: ${this.letterData.versionInfo.version}
+                </div>
+                <div class="bigDraftText">DRAFT</div>
+              `
+            : html ``}
+        </div>
+      </dedocument-pagecontainer>
+    `;
+    }
+    async checkOverflow() {
+        await this.elementDomReady;
+        const pageContent = this.shadowRoot.querySelector('dedocument-pagecontent');
+        return pageContent.checkOverflow();
+    }
+};
+__decorate([
+    property({
+        type: String,
+    }),
+    __metadata("design:type", String)
+], DePage.prototype, "format", void 0);
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DePage.prototype, "pageNumber", void 0);
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DePage.prototype, "pageTotalNumber", void 0);
+__decorate([
+    property({
+        type: Object,
+    }),
+    __metadata("design:type", Object)
+], DePage.prototype, "letterData", void 0);
+__decorate([
+    property({
+        type: Boolean,
+        reflect: true,
+    }),
+    __metadata("design:type", Object)
+], DePage.prototype, "printMode", void 0);
+DePage = __decorate([
+    customElement('dedocument-page'),
+    __metadata("design:paramtypes", [])
+], DePage);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFDNUMsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQVNyQyxXQUFNLE1BQU0sR0FBWixNQUFNLE1BQU8sU0FBUSxXQUFXO2FBQ3ZCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsOEJBQThCLElBQUksdUJBQXVCLEFBQXRFLENBQXVFO0lBNEJ6RjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBeEJILFdBQU0sR0FBUyxJQUFJLENBQUM7UUFLcEIsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUs1QixlQUFVLEdBQTZCLE1BQU0sQ0FBQyxVQUFVLENBQUM7UUFNaEUsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUloQixRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FnQ0Y7S0FDRixBQW5DbUIsQ0FtQ2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzZDQUM4QixJQUFJLENBQUMsU0FBUzs7d0JBRW5DLElBQUksQ0FBQyxVQUFVO3lCQUNkLElBQUksQ0FBQyxVQUFVOzhCQUNWLElBQUksQ0FBQyxlQUFlOztVQUV4QyxJQUFJLENBQUMsVUFBVSxLQUFLLENBQUM7WUFDckIsQ0FBQyxDQUFDLElBQUksQ0FBQTs7K0JBRWUsSUFBSSxDQUFDLFVBQVU7OEJBQ2hCLElBQUksQ0FBQyxVQUFVO29DQUNULElBQUksQ0FBQyxlQUFlOzthQUUzQztZQUNILENBQUMsQ0FBQyxJQUFJLENBQUEsRUFBRTs7eUJBRU8sSUFBSSxDQUFDLFVBQVU7OEJBQ1YsSUFBSSxDQUFDLGVBQWU7d0JBQzFCLElBQUksQ0FBQyxVQUFVOzs7O3dCQUlmLElBQUksQ0FBQyxVQUFVO3lCQUNkLElBQUksQ0FBQyxVQUFVOzhCQUNWLElBQUksQ0FBQyxlQUFlOzs7WUFHdEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxLQUFLLE9BQU87WUFDNUMsQ0FBQyxDQUFDLElBQUksQ0FBQTs7O2tEQUdnQyxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxPQUFPOzs7ZUFHdEU7WUFDSCxDQUFDLENBQUMsSUFBSSxDQUFBLEVBQUU7OztLQUdmLENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLGFBQWE7UUFDeEIsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzNCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFDNUUsT0FBTyxXQUFXLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDckMsQ0FBQzs7QUFoSE07SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3NDQUN5QjtBQUtwQjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7MENBQzRCO0FBS3ZCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOzsrQ0FDaUM7QUFLNUI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7OzBDQUM4RDtBQU1oRTtJQUpDLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxPQUFPO1FBQ2IsT0FBTyxFQUFFLElBQUk7S0FDZCxDQUFDOzt5Q0FDZ0I7QUEzQlAsTUFBTTtJQURsQixhQUFhLENBQUMsaUJBQWlCLENBQUM7O0dBQ3BCLE1BQU0sQ0F1SGxCIn0=

package/dist_ts_web/elements/pagecontainer.d.ts

@@ -0,0 +1,14 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dedocument-pagecontainer': DePageContainer;
+    }
+}
+export declare class DePageContainer extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    format: 'a4';
+    printMode: boolean;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/pagecontainer.js

@@ -0,0 +1,66 @@
+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, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as shared from './shared/index.js';
+export let DePageContainer = class DePageContainer extends DeesElement {
+    static { this.demo = () => html `
+    <dedocument-pagecontainer .format="${'a4'}"></dedocument-pagecontainer>
+  `; }
+    constructor() {
+        super();
+        this.format = 'a4';
+        this.printMode = false;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        display: block;
+        background: white;
+        color: #333;
+        padding: 0px;
+        width: ${unsafeCSS(shared.a4Width + 'px')};
+        height: ${unsafeCSS(shared.a4Height + 'px')};
+        position: relative;
+        border-radius: 3px;
+        overflow: hidden;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <style>
+        :host {
+          box-shadow: ${this.printMode ? `none` : `0px 0px 10px rgba(0,0,0,0.3)`};
+        }
+      </style>
+      <slot></slot>
+    `;
+    }
+};
+__decorate([
+    property({
+        type: String,
+    }),
+    __metadata("design:type", String)
+], DePageContainer.prototype, "format", void 0);
+__decorate([
+    property({
+        type: Boolean,
+    }),
+    __metadata("design:type", Object)
+], DePageContainer.prototype, "printMode", void 0);
+DePageContainer = __decorate([
+    customElement('dedocument-pagecontainer'),
+    __metadata("design:paramtypes", [])
+], DePageContainer);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlY29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFTckMsV0FBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXO2FBQ2hDLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7eUNBQ1EsSUFBSTtHQUMxQyxBQUZpQixDQUVoQjtJQVlGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFSSCxXQUFNLEdBQVMsSUFBSSxDQUFDO1FBS3BCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFJdkIsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7OztpQkFNVSxTQUFTLENBQUMsTUFBTSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7a0JBQy9CLFNBQVMsQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQzs7Ozs7S0FLOUM7S0FDRixBQWZtQixDQWVsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O3dCQUdTLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsOEJBQThCOzs7O0tBSTNFLENBQUM7SUFDSixDQUFDOztBQXRDTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7K0NBQ3lCO0FBS3BCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOztrREFDdUI7QUFiZCxlQUFlO0lBRDNCLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQzs7R0FDN0IsZUFBZSxDQStDM0IifQ==

package/dist_ts_web/elements/pagecontent.d.ts

@@ -0,0 +1,18 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as tsclass from '@tsclass/tsclass';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dedocument-pagecontent': DePageContent;
+    }
+}
+export declare class DePageContent extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    letterData: tsclass.business.ILetter;
+    pageNumber: number;
+    pageTotalNumber: number;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): void;
+    checkOverflow(): Promise<boolean>;
+}