@design.estate/dees-document 1.3.0 → 1.3.1

package/dist_ts_web/ts_web/elements/document.js

@@ -0,0 +1,226 @@
+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 interfaces from '../../ts/interfaces/index.js';
+import * as plugins from '../plugins.js';
+export const defaultDocumentSettings = {
+    enableTopDraftText: true,
+    enableDefaultHeader: true,
+    enableDefaultFooter: true,
+};
+import { DePage } from './page.js';
+import { DeContentInvoice } from './contentinvoice.js';
+import * as shared from '../../ts/shared/index.js';
+import { demoFunc } from './document.demo.js';
+let DeDocument = class DeDocument extends DeesElement {
+    static { this.demo = demoFunc; }
+    constructor() {
+        super();
+        this.format = 'a4';
+        this.viewWidth = null;
+        this.viewHeight = null;
+        this.printMode = false;
+        this.documentSettings = defaultDocumentSettings;
+        this.latestRenderedLetterData = null;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        display: block;
+        color: #333;
+        padding: 0px;
+        position: relative;
+      }
+
+      .betweenPagesSpacer {
+        height: 16px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="documentContainer"></div>
+    `;
+    }
+    async firstUpdated(_changedProperties) {
+        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();
+        });
+    }
+    async renderDocument() {
+        const domtools = await this.domtoolsPromise;
+        const documentBuildContainer = document.createElement('div');
+        document.body.appendChild(documentBuildContainer);
+        let pages = [];
+        let pageCounter = 0;
+        let complete = false;
+        // lets append the content
+        const content = new DeContentInvoice();
+        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);
+            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;
+            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;
+            }
+            // complete = true;
+            console.log(currentContentOffset);
+        }
+        document.body.removeChild(content);
+        document.body.removeChild(documentBuildContainer);
+        const documentContainer = this.shadowRoot.querySelector('.documentContainer');
+        if (documentContainer) {
+            const children = Array.from(documentContainer.children);
+            children.forEach((child) => documentContainer.removeChild(child));
+        }
+        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();
+        this.latestRenderedLetterData = this.letterData;
+    }
+    async updated(changedProperties) {
+        super.updated(changedProperties);
+        const domtools = await this.domtoolsPromise;
+        const renderedDocIsUpToDate = domtools.convenience.smartjson.deepEqualObjects(this.letterData, this.latestRenderedLetterData);
+        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;
+                console.log('setting viewWidth: ', this.viewWidth);
+            }
+        });
+    }
+};
+__decorate([
+    property({
+        type: String,
+        reflect: true,
+    }),
+    __metadata("design:type", String)
+], DeDocument.prototype, "format", void 0);
+__decorate([
+    property({
+        type: Number,
+        reflect: true,
+    }),
+    __metadata("design:type", Number)
+], DeDocument.prototype, "viewWidth", void 0);
+__decorate([
+    property({
+        type: Number,
+        reflect: true,
+    }),
+    __metadata("design:type", Number)
+], DeDocument.prototype, "viewHeight", void 0);
+__decorate([
+    property({
+        type: Boolean,
+        reflect: true,
+    }),
+    __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: Object,
+        reflect: true,
+        converter: (valueArg) => {
+            if (typeof valueArg === 'string') {
+                return plugins.smartjson.parseBase64(valueArg);
+            }
+            else {
+                return valueArg;
+            }
+        },
+    }),
+    __metadata("design:type", Object)
+], DeDocument.prototype, "documentSettings", void 0);
+DeDocument = __decorate([
+    customElement('dedocument-dedocument'),
+    __metadata("design:paramtypes", [])
+], DeDocument);
+export { DeDocument };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvZG9jdW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsS0FBSyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFVBQVUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUV6QyxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBaUM7SUFDbkUsa0JBQWtCLEVBQUUsSUFBSTtJQUN4QixtQkFBbUIsRUFBRSxJQUFJO0lBQ3pCLG1CQUFtQixFQUFFLElBQUk7Q0FDMUIsQ0FBQztBQUdGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDbkMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdkQsT0FBTyxLQUFLLE1BQU0sTUFBTSwwQkFBMEIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFTdkMsSUFBTSxVQUFVLEdBQWhCLE1BQU0sVUFBVyxTQUFRLFdBQVc7YUFDM0IsU0FBSSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBb0Q5QjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBL0NILFdBQU0sR0FBUyxJQUFJLENBQUM7UUFNcEIsY0FBUyxHQUFXLElBQUksQ0FBQztRQU16QixlQUFVLEdBQVcsSUFBSSxDQUFDO1FBTWpDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUEwQlgscUJBQWdCLEdBQWlDLHVCQUF1QixDQUFDO1FBNEN6RSw2QkFBd0IsR0FBcUMsSUFBSSxDQUFDO1FBeEN2RSxRQUFRLENBQUMsUUFBUSxDQUFD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

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

@@ -7,4 +7,4 @@ export * from './pagecontent.js';
 export * from './pagefooter.js';
 export * from './pageheader.js';
 export * from './viewer.js';
-export * from './shared/index.js';
+export * from '../../ts/shared/index.js';

package/dist_ts_web/{elements → ts_web/elements}/index.js

@@ -7,5 +7,5 @@ export * from './pagecontent.js';
 export * from './pagefooter.js';
 export * from './pageheader.js';
 export * from './viewer.js';
-export * from './shared/index.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFFNUIsY0FBYyxtQkFBbUIsQ0FBQyJ9
+export * from '../../ts/shared/index.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFFNUIsY0FBYywwQkFBMEIsQ0FBQyJ9

package/dist_ts_web/{elements → ts_web/elements}/letterheader.js

@@ -9,7 +9,7 @@ var __metadata = (this && this.__metadata) || function (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 shared from '../../ts/shared/index.js';
 import * as tsclass from '@tsclass/tsclass';
 let DeLetterHeader = class DeLetterHeader extends DeesElement {
     static { this.demo = () => html `
@@ -121,4 +121,4 @@ DeLetterHeader = __decorate([
     __metadata("design:paramtypes", [])
 ], DeLetterHeader);
 export { DeLetterHeader };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2xldHRlcmhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLEtBQUssTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQzVDLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFTckMsSUFBTSxjQUFjLEdBQXBCLE1BQU0sY0FBZSxTQUFRLFdBQVc7YUFDL0IsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTt3Q0FDTyxJQUFJLGlCQUFpQixNQUFNLENBQUMsVUFBVTtHQUMzRSxBQUZpQixDQUVoQjtJQW9CRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBVEgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQU12QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7Ozs7Ozs7OztpQkFVVSxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7Ozs7O2lCQWNwQyxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Z0JBT3JDLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7OztLQVU5QztLQUNGLEFBNUNtQixDQTRDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7O1VBRUwsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7VUFDeEgsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLEVBQUU7Ozs7WUFJMUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVO1lBQ3JFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEtBQUssSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVU7WUFDcEYsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7O1lBRzFFLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLElBQUk7WUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsV0FBVztZQUMvRSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJO1lBQ3hFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPOzs7OztVQUt0QyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxjQUFjLElBQUksZ0JBQWdCOzs7VUFHckQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxJQUFJLGNBQWM7O0tBRS9DLENBQUM7SUFDSixDQUFDOztBQTVGTTtJQUpOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO1FBQ1osT0FBTyxFQUFFLElBQUk7S0FDZCxDQUFDOztrREFDMEM7QUFNckM7SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQzs7a0RBQzRCO0FBTXZCO0lBSk4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07UUFDWixPQUFPLEVBQUUsSUFBSTtLQUNkLENBQUM7O3VEQUNpQztBQXJCeEIsY0FBYztJQUQxQixhQUFhLENBQUMseUJBQXlCLENBQUM7O0dBQzVCLGNBQWMsQ0FzRzFCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2xldHRlcmhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLEtBQUssTUFBTSxNQUFNLDBCQUEwQixDQUFDO0FBQ25ELE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFTckMsSUFBTSxjQUFjLEdBQXBCLE1BQU0sY0FBZSxTQUFRLFdBQVc7YUFDL0IsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTt3Q0FDTyxJQUFJLGlCQUFpQixNQUFNLENBQUMsVUFBVTtHQUMzRSxBQUZpQixDQUVoQjtJQW9CRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBVEgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQU12QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7Ozs7Ozs7OztpQkFVVSxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7Ozs7O2lCQWNwQyxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Z0JBT3JDLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7OztLQVU5QztLQUNGLEFBNUNtQixDQTRDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7O1VBRUwsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7VUFDeEgsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLEVBQUU7Ozs7WUFJMUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVO1lBQ3JFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEtBQUssSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVU7WUFDcEYsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7O1lBRzFFLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLElBQUk7WUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsV0FBVztZQUMvRSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJO1lBQ3hFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPOzs7OztVQUt0QyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxjQUFjLElBQUksZ0JBQWdCOzs7VUFHckQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxJQUFJLGNBQWM7O0tBRS9DLENBQUM7SUFDSixDQUFDOztBQTVGTTtJQUpOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO1FBQ1osT0FBTyxFQUFFLElBQUk7S0FDZCxDQUFDOztrREFDMEM7QUFNckM7SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQzs7a0RBQzRCO0FBTXZCO0lBSk4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07UUFDWixPQUFPLEVBQUUsSUFBSTtLQUNkLENBQUM7O3VEQUNpQztBQXJCeEIsY0FBYztJQUQxQixhQUFhLENBQUMseUJBQXlCLENBQUM7O0dBQzVCLGNBQWMsQ0FzRzFCIn0=

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

@@ -1,5 +1,6 @@
 import * as tsclass from '@tsclass/tsclass';
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as interfaces from '../../ts/interfaces/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'dedocument-page': DePage;
@@ -14,6 +15,7 @@ export declare class DePage extends DeesElement {
     pageTotalNumber: number;
     letterData: tsclass.business.ILetter;
     printMode: boolean;
+    documentSettings: interfaces.IDocumentSettings;
     constructor();
     static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;

package/dist_ts_web/ts_web/elements/page.js

@@ -0,0 +1,221 @@
+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, domtools, } from '@design.estate/dees-element';
+import * as interfaces from '../../ts/interfaces/index.js';
+import { defaultDocumentSettings } from './document.js';
+import * as shared from '../../ts/shared/index.js';
+let DePage = class DePage extends DeesElement {
+    static { this.demo = () => html ` <dedocument-page .format="${'a4'}"></dedocument-page> `; }
+    constructor() {
+        super();
+        this.viewWidth = null;
+        this.viewHeight = null;
+        this.format = 'a4';
+        this.pageNumber = 1;
+        this.pageTotalNumber = 1;
+        this.letterData = null;
+        this.printMode = false;
+        this.documentSettings = defaultDocumentSettings;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        display: block;
+      }
+
+      #scaleWrapper {
+        transform-origin: top left;
+      }
+
+      .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 `
+      <div id="scaleWrapper">
+        <dedocument-pagecontainer .printMode=${this.printMode}>
+          ${this.letterData
+            ? html `
+                ${this.documentSettings.enableDefaultHeader
+                ? html `
+                      <dedocument-pageheader
+                        .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
+                        .pageNumber="${this.pageNumber}"
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-pageheader>
+                    `
+                : ``}
+                ${this.pageNumber === 1
+                ? html `
+                      <dedocument-letterheader
+                        .pageNumber="${this.pageNumber}"
+                        .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-letterheader>
+                    `
+                : html ``}
+                <dedocument-pagecontent
+                  .letterData=${this.letterData}
+                  .documentSettings=${this.documentSettings}
+                  .pageNumber="${this.pageNumber}"
+                  .pageTotalNumber="${this.pageTotalNumber}"
+                  ><slot></slot
+                ></dedocument-pagecontent>
+                ${this.documentSettings.enableDefaultFooter
+                ? html `
+                      <dedocument-pagefooter
+                        .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
+                        .pageNumber="${this.pageNumber}"
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-pagefooter>
+                    `
+                : ``}
+                <div class="versionOverlay">
+                  ${this.letterData.versionInfo.type === 'draft'
+                ? html `
+                        ${this.documentSettings.enableTopDraftText
+                    ? 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>
+              `
+            : html ` <slot></slot> `}
+        </dedocument-pagecontainer>
+      </div>
+    `;
+    }
+    async checkOverflow() {
+        await this.elementDomReady;
+        const pageContent = this.shadowRoot.querySelector('dedocument-pagecontent');
+        return pageContent.checkOverflow();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('viewHeight') || changedProperties.has('viewWidth')) {
+            this.adjustScaling();
+        }
+    }
+    adjustScaling() {
+        console.log('page scale adjustment triggered.');
+        const scaleWrapper = this.shadowRoot.querySelector('#scaleWrapper');
+        if (!scaleWrapper)
+            return;
+        let scale = 1;
+        if (this.viewHeight) {
+            scale = this.viewHeight / shared.a4Height;
+        }
+        else if (this.viewWidth) {
+            scale = this.viewWidth / shared.a4Width;
+        }
+        console.log(`new scale is ${scale}`);
+        scaleWrapper.style.transform = `scale(${scale})`;
+        // Adjust the outer dimensions so they match the scaled content
+        // this.style.width = `${shared.a4Width * scale}px`;
+        this.style.height = `${shared.a4Height * scale}px`;
+    }
+};
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DePage.prototype, "viewWidth", void 0);
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DePage.prototype, "viewHeight", void 0);
+__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);
+__decorate([
+    property({
+        type: Object,
+        reflect: true,
+    }),
+    __metadata("design:type", Object)
+], DePage.prototype, "documentSettings", void 0);
+DePage = __decorate([
+    customElement('dedocument-page'),
+    __metadata("design:paramtypes", [])
+], DePage);
+export { DePage };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFDNUMsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsRUFDVCxRQUFRLEdBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssVUFBVSxNQUFNLDhCQUE4QixDQUFDO0FBRTNELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV4RCxPQUFPLEtBQUssTUFBTSxNQUFNLDBCQUEwQixDQUFDO0FBUzVDLElBQU0sTUFBTSxHQUFaLE1BQU0sTUFBTyxTQUFRLFdBQVc7YUFDdkIsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSw4QkFBOEIsSUFBSSx1QkFBdUIsQUFBdEUsQ0FBdUU7SUE0Q3pGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUF4Q1YsY0FBUyxHQUFXLElBQUksQ0FBQztRQUt6QixlQUFVLEdBQVcsSUFBSSxDQUFDO1FBS25CLFdBQU0sR0FBUyxJQUFJLENBQUM7UUFLcEIsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUs1QixlQUFVLEdBQTZCLElBQUksQ0FBQztRQU1uRCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBTVgscUJBQWdCLEdBQWlDLHVCQUF1QixDQUFDO1FBSTlFLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztL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

package/dist_ts_web/{elements → ts_web/elements}/pagecontainer.js

@@ -9,7 +9,7 @@ var __metadata = (this && this.__metadata) || function (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 shared from '../../ts/shared/index.js';
 let DePageContainer = class DePageContainer extends DeesElement {
     static { this.demo = () => html `
     <dedocument-pagecontainer .format="${'a4'}"></dedocument-pagecontainer>
@@ -64,4 +64,4 @@ DePageContainer = __decorate([
     __metadata("design:paramtypes", [])
 ], DePageContainer);
 export { DePageContainer };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlY29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFTckMsSUFBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXO2FBQ2hDLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7eUNBQ1EsSUFBSTtHQUMxQyxBQUZpQixDQUVoQjtJQVlGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFSSCxXQUFNLEdBQVMsSUFBSSxDQUFDO1FBS3BCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFJdkIsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7OztpQkFNVSxTQUFTLENBQUMsTUFBTSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7a0JBQy9CLFNBQVMsQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQzs7Ozs7S0FLOUM7S0FDRixBQWZtQixDQWVsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O3dCQUdTLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsOEJBQThCOzs7O0tBSTNFLENBQUM7SUFDSixDQUFDOztBQXRDTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7K0NBQ3lCO0FBS3BCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOztrREFDdUI7QUFiZCxlQUFlO0lBRDNCLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQzs7R0FDN0IsZUFBZSxDQStDM0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlY29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxNQUFNLE1BQU0sMEJBQTBCLENBQUM7QUFTNUMsSUFBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXO2FBQ2hDLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7eUNBQ1EsSUFBSTtHQUMxQyxBQUZpQixDQUVoQjtJQVlGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFSSCxXQUFNLEdBQVMsSUFBSSxDQUFDO1FBS3BCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFJdkIsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7OztpQkFNVSxTQUFTLENBQUMsTUFBTSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7a0JBQy9CLFNBQVMsQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQzs7Ozs7S0FLOUM7S0FDRixBQWZtQixDQWVsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O3dCQUdTLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsOEJBQThCOzs7O0tBSTNFLENBQUM7SUFDSixDQUFDOztBQXRDTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7K0NBQ3lCO0FBS3BCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOztrREFDdUI7QUFiZCxlQUFlO0lBRDNCLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQzs7R0FDN0IsZUFBZSxDQStDM0IifQ==

package/dist_ts_web/{elements → ts_web/elements}/pagecontent.js

@@ -9,7 +9,7 @@ var __metadata = (this && this.__metadata) || function (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 shared from '../../ts/shared/index.js';
 import * as tsclass from '@tsclass/tsclass';
 let DePageContent = class DePageContent extends DeesElement {
     static { this.demo = () => html `
@@ -142,4 +142,4 @@ DePageContent = __decorate([
     __metadata("design:paramtypes", [])
 ], DePageContent);
 export { DePageContent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvcGFnZWNvbnRlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUM1QyxPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBU3JDLElBQU0sYUFBYSxHQUFuQixNQUFNLGFBQWMsU0FBUSxXQUFXO2FBQzlCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7dUNBQ00sSUFBSTtHQUN4QyxBQUZpQixDQUVoQjtJQWlCRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7Ozs7Ozs7Z0JBUVMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO2lCQUNsQyxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E4Q2hEO0tBQ0YsQUExRG1CLENBMERsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O2lCQUdFLElBQUksQ0FBQyxVQUFVLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7Ozs7VUFJdEUsSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDO1lBQ3JCLENBQUMsQ0FBQyxJQUFJLENBQUEsd0JBQXdCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxRQUFRO1lBQzdELENBQUMsQ0FBQyxJQUFJLENBQUE7O2tCQUVFLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxVQUFVLElBQUksQ0FBQyxVQUFVOzthQUVyRDs7VUFFSCxJQUFJLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxVQUFVO1lBQ3hDLENBQUMsQ0FBQyxJQUFJLENBQUEsc0RBQXNELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxRQUFRO1lBQ3ZGLENBQUMsQ0FBQyxJQUFJLENBQUEsdUVBQXVFOztLQUVsRixDQUFDO0lBQ0osQ0FBQztJQUVNLFlBQVksQ0FBQyxrQkFBMEQ7UUFDNUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRU0sS0FBSyxDQUFDLGFBQWE7UUFDeEIsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzNCLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbkUsSUFBSSxnQkFBZ0IsQ0FBQyxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDbEUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUN6QixPQUFPLElBQUksQ0FBQztRQUNkLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1lBQ2xDLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7O0FBbkhNO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztpREFDMEM7QUFLckM7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O2lEQUM0QjtBQUt2QjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7c0RBQ2lDO0FBbEJ4QixhQUFhO0lBRHpCLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQzs7R0FDM0IsYUFBYSxDQTRIekIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvcGFnZWNvbnRlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxLQUFLLE1BQU0sTUFBTSwwQkFBMEIsQ0FBQztBQUNuRCxPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBU3JDLElBQU0sYUFBYSxHQUFuQixNQUFNLGFBQWMsU0FBUSxXQUFXO2FBQzlCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7dUNBQ00sSUFBSTtHQUN4QyxBQUZpQixDQUVoQjtJQWlCRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7Ozs7Ozs7Z0JBUVMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO2lCQUNsQyxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E4Q2hEO0tBQ0YsQUExRG1CLENBMERsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O2lCQUdFLElBQUksQ0FBQyxVQUFVLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7Ozs7VUFJdEUsSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDO1lBQ3JCLENBQUMsQ0FBQyxJQUFJLENBQUEsd0JBQXdCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxRQUFRO1lBQzdELENBQUMsQ0FBQyxJQUFJLENBQUE7O2tCQUVFLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxVQUFVLElBQUksQ0FBQyxVQUFVOzthQUVyRDs7VUFFSCxJQUFJLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxVQUFVO1lBQ3hDLENBQUMsQ0FBQyxJQUFJLENBQUEsc0RBQXNELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxRQUFRO1lBQ3ZGLENBQUMsQ0FBQyxJQUFJLENBQUEsdUVBQXVFOztLQUVsRixDQUFDO0lBQ0osQ0FBQztJQUVNLFlBQVksQ0FBQyxrQkFBMEQ7UUFDNUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRU0sS0FBSyxDQUFDLGFBQWE7UUFDeEIsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzNCLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbkUsSUFBSSxnQkFBZ0IsQ0FBQyxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDbEUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUN6QixPQUFPLElBQUksQ0FBQztRQUNkLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1lBQ2xDLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7O0FBbkhNO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztpREFDMEM7QUFLckM7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O2lEQUM0QjtBQUt2QjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7c0RBQ2lDO0FBbEJ4QixhQUFhO0lBRHpCLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQzs7R0FDM0IsYUFBYSxDQTRIekIifQ==

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

@@ -1,4 +1,5 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as interfaces from '../../ts/interfaces/index.js';
 import * as tsclass from '@tsclass/tsclass';
 declare global {
     interface HTMLElementTagNameMap {
@@ -8,6 +9,7 @@ declare global {
 export declare class DePageFooter extends DeesElement {
     static demo: () => TemplateResult<1>;
     letterData: tsclass.business.ILetter;
+    documentSettings: interfaces.IDocumentSettings;
     pageNumber: number;
     pageTotalNumber: number;
     constructor();