@design.estate/dees-document 1.1.0 → 1.3.1

package/ts_web/elements/page.ts

@@ -15,7 +15,7 @@ import * as interfaces from '../../ts/interfaces/index.js';
 
 import { defaultDocumentSettings } from './document.js';
 
-import * as shared from './shared/index.js';
+import * as shared from '../../ts/shared/index.js';
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -127,6 +127,7 @@ export class DePage extends DeesElement {
                   ? html`
                       <dedocument-pageheader
                         .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
                         .pageNumber="${this.pageNumber}"
                         .pageTotalNumber="${this.pageTotalNumber}"
                       ></dedocument-pageheader>
@@ -137,20 +138,23 @@ export class DePage extends DeesElement {
                       <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}"
-                  .letterData=${this.letterData}
                   ><slot></slot
                 ></dedocument-pagecontent>
                 ${this.documentSettings.enableDefaultFooter
                   ? html`
                       <dedocument-pagefooter
                         .letterData=${this.letterData}
+                        .documentSettings=${this.documentSettings}
                         .pageNumber="${this.pageNumber}"
                         .pageTotalNumber="${this.pageTotalNumber}"
                       ></dedocument-pagefooter>

package/ts_web/elements/pagecontainer.ts

@@ -10,7 +10,7 @@ import {
 } 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';
 
 declare global {
   interface HTMLElementTagNameMap {

package/ts_web/elements/pagecontent.ts

@@ -10,7 +10,7 @@ import {
 } 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';
 
 declare global {

package/ts_web/elements/pagefooter.ts

@@ -7,10 +7,12 @@ import {
   css,
   cssManager,
   unsafeCSS,
+  domtools,
 } from '@design.estate/dees-element';
-import * as domtools from '@design.estate/dees-domtools';
 
-import * as shared from './shared/index.js';
+import * as interfaces from '../../ts/interfaces/index.js';
+
+import * as shared from '../../ts/shared/index.js';
 import * as tsclass from '@tsclass/tsclass';
 
 declare global {
@@ -30,6 +32,12 @@ export class DePageFooter extends DeesElement {
   })
   letterData: tsclass.business.ILetter;
 
+  @property({
+    type: Object,
+    reflect: true,
+  })
+  documentSettings: interfaces.IDocumentSettings;
+
   @property({
     type: Number
   })
@@ -96,26 +104,26 @@ export class DePageFooter extends DeesElement {
     return html`
       <div class="bottomstripe">
         <div>
-          <strong>Address:</strong><br />
+          <strong>${shared.translation.translate(this.documentSettings.languageCode, 'address', 'Address')}:</strong><br />
           ${this.letterData.from.name}<br />
           ${this.letterData.from.address.streetName} ${this.letterData.from.address.houseNumber}<br />
           ${this.letterData.from.address.postalCode} ${this.letterData.from.address.city}<br />
           ${this.letterData.from.address.country}
         </div>
         <div>
-          <strong>Registration Info:</strong><br />
+          <strong>${shared.translation.translate(this.documentSettings.languageCode, 'registrationInfo', 'Registration Info')}:</strong><br />
           Amtsgericht Bremen<br />
           <i>reg-#:</i> HRB 35230 HB<br />
           <i>vat-id:</i> ${this.letterData.from.vatId}
         </div>
         <div>
-          <strong>Contact Info:</strong><br />
+          <strong>${shared.translation.translate(this.documentSettings.languageCode, 'contactInfo', 'Contact Info')}:</strong><br />
           <i>email:</i> ${this.letterData.from.email}<br />
           <i>phone:</i> ${this.letterData.from.phone}<br />
           <i>fax:</i> ${this.letterData.from.fax}
         </div>
         <div>
-          <strong>Bank Connection:</strong><br />
+          <strong>${shared.translation.translate(this.documentSettings.languageCode, 'bankConnection', 'Bank Connection')}:</strong><br />
           <i>beneficiary:</i> ${this.letterData?.from?.name}<br />
           <i>institution:</i> ${this.letterData?.from?.sepaConnection?.institution}<br />
           <i>iban:</i> ${this.letterData?.from?.sepaConnection?.iban}<br />

package/ts_web/elements/pageheader.ts

@@ -7,10 +7,12 @@ import {
   css,
   cssManager,
   unsafeCSS,
+  domtools
 } from '@design.estate/dees-element';
-import * as domtools from '@design.estate/dees-domtools';
 
-import * as shared from './shared/index.js';
+import * as interfaces from '../../ts/interfaces/index.js';
+
+import * as shared from '../../ts/shared/index.js';
 import * as tsclass from '@tsclass/tsclass';
 
 declare global {
@@ -30,6 +32,12 @@ export class DePageHeader extends DeesElement {
   })
   public letterData: tsclass.business.ILetter = null;
 
+  @property({
+    type: Object,
+    reflect: true,
+  })
+  documentSettings: interfaces.IDocumentSettings;
+
   @property({
     type: Number,
   })

package/ts_web/elements/viewer.demo.ts

@@ -1,6 +1,6 @@
 import { html } from '@design.estate/dees-element';
-import * as shared from './shared/index.js';
+import * as shared from '../../ts/shared/index.js';
 
 export const demoFunc = () => html`
-  <dedocument-viewer .letterData=${shared.demoLetter}></dedocument-viewer>
+  <dedocument-viewer .letterData=${shared.demoLetter} .documentSettings=${shared.demoDocumentSettings}></dedocument-viewer>
 `;

package/ts_web/elements/viewer.ts

@@ -1,4 +1,5 @@
 import * as plugins from '../plugins.js';
+import * as interfaces from '../../ts/interfaces/index.js';
 
 import { DeesElement, css, cssManager, customElement, html } from '@design.estate/dees-element';
 import { demoFunc } from './viewer.demo.js';
@@ -17,6 +18,8 @@ export class DeDocumentViewer extends DeesElement {
   // INSTANCE
   public letterData: plugins.tsclass.business.ILetter = null;
 
+  public documentSettings: interfaces.IDocumentSettings;
+
   public static styles = [
     cssManager.defaultStyles,
     css`
@@ -67,7 +70,7 @@ export class DeDocumentViewer extends DeesElement {
       <div class="maincontainer">
         <div class="viewport">
           ${this.letterData
-            ? html` <dedocument-dedocument .letterData=${this.letterData}></dedocument-dedocument> `
+            ? html` <dedocument-dedocument .letterData=${this.letterData} .documentSettings=${this.documentSettings}></dedocument-dedocument> `
             : html``}
         </div>
         <div class="controls"></div>

package/ts_web/pages/page1.ts

@@ -1,5 +1,5 @@
 import { html } from '@design.estate/dees-element';
-import { demoLetter } from '../elements/shared/index.js';
+import { demoLetter } from '../../ts/shared/index.js';
 import * as plugins from '../plugins.js';
 
 export const page1 = () => html`

package/dist_ts_web/00_commitinfo_data.js

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

package/dist_ts_web/elements/document.demo.js

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

package/dist_ts_web/elements/document.js

@@ -1,193 +0,0 @@
-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';
-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;
-        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();
-        });
-        if (this.letterDataUrl) {
-            const response = await fetch(this.letterDataUrl);
-            this.letterData = await response.json();
-        }
-        this.renderDocument();
-    }
-    async renderDocument() {
-        const domtools = await this.domtoolsPromise;
-        const documentContainer = this.shadowRoot.querySelector('.documentContainer');
-        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;
-            documentContainer.append(newPage);
-            // betweenPagesSpacer
-            if (!this.printMode) {
-                const betweenPagesSpacerDiv = document.createElement('div');
-                betweenPagesSpacerDiv.classList.add('betweenPagesSpacer');
-                documentContainer.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;
-        }
-        this.adjustDePageScaling();
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        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,
-    }),
-    __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: Number,
-    }),
-    __metadata("design:type", Number)
-], DeDocument.prototype, "viewHeight", 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);
-export { DeDocument };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZG9jdW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsS0FBSyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFHekMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNuQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV2RCxPQUFPLEtBQUssTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQzVDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVN2QyxJQUFNLFVBQVUsR0FBaEIsTUFBTSxVQUFXLFNBQVEsV0FBVzthQUMzQixTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7SUF5QzlCO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFyQ0gsV0FBTSxHQUFTLElBQUksQ0FBQztRQUtwQixjQUFTLEdBQVcsSUFBSSxDQUFDO1FBS3pCLGVBQVUsR0FBVyxJQUFJLENBQUM7UUFLakMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQXVCaEIsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7O0tBV0Y7S0FDRixBQWRtQixDQWNsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7S0FFVixDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUssQ0FBQyxZQUFZLENBQUMsa0JBQTBEO1FBQ2xGLE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDcEQsS0FBSyxNQUFNLEtBQUssSUFBSSxPQUFPLEVBQUUsQ0FBQztnQkFDNUIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7Z0JBQ3RDLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDO2dCQUN4QyxpQ0FBaUM7Z0JBQ2pDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzdCLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLHVCQUF1QixDQUFDLEdBQUcsRUFBRTtZQUNoQyxjQUFjLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDOUIsQ0FBQyxDQUFDLENBQUE7UUFFRixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixNQUFNLFFBQVEsR0FBRyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDakQsSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMxQyxDQUFDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFTSxLQUFLLENBQUMsY0FBYztRQUN6QixNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQzlFLElBQUksS0FBSyxHQUFhLEVBQUUsQ0FBQztRQUN6QixJQUFJLFdBQVcsR0FBRyxDQUFDLENBQUM7UUFDcEIsSUFBSSxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLE1BQU0sT0FBTyxHQUFxQixRQUFRLENBQUMsYUFBYSxDQUN0RCwyQkFBMkIsQ0FDUixDQUFDO1FBQ3RCLE9BQU8sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNyQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNuQyxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLG9CQUFvQixHQUFXLENBQUMsQ0FBQztRQUNyQyxJQUFJLG9CQUE0QixDQUFDO1FBQ2pDLElBQUksT0FBZSxDQUFDO1FBQ3BCLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixXQUFXLEVBQUUsQ0FBQztZQUNkLE1BQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFxQixDQUFDO1lBQ25FLE1BQU0sT0FBTyxHQUFHLElBQUksTUFBTSxFQUFFLENBQUM7WUFDN0IsT0FBTyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ25DLE9BQU8sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUNyQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3BCLE9BQU8sQ0FBQyxVQUFVLEdBQUcsV0FBVyxDQUFDO1lBQ2pDLE9BQU8sQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7WUFDL0IsT0FBTyxDQUFDLGVBQWUsR0FBRyxXQUFXLENBQUM7WUFDdEMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2xDLHFCQUFxQjtZQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2dCQUNwQixNQUFNLHFCQUFxQixHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQzVELHFCQUFxQixDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsQ0FBQztnQkFDMUQsaUJBQWlCLENBQUMsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7WUFDbEQsQ0FBQztZQUNELE1BQU0sY0FBYyxDQUFDLGVBQWUsQ0FBQztZQUNyQyxNQUFNLGNBQWMsQ0FBQyxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1lBQzdELElBQUksZ0JBQWdCLEdBQUcsTUFBTSxPQUFPLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDckQsT0FBTyxHQUFHLENBQUMsQ0FBQztZQUNaLE9BQU8sZ0JBQWdCLEVBQUUsQ0FBQztnQkFDeEIsTUFBTSxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3BDLE9BQU8sRUFBRSxDQUFDO2dCQUNWLGdCQUFnQixHQUFHLE1BQU0sT0FBTyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ25ELENBQUM7WUFDRCxvQkFBb0IsR0FBRyxNQUFNLGNBQWMsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQy9ELG9CQUFvQixHQUFHLG9CQUFvQixHQUFHLG9CQUFvQixDQUFDO1lBQ25FLElBQUksT0FBTyxLQUFLLENBQUMsRUFBRSxDQUFDO2dCQUNsQixRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ2xCLENBQUM7WUFDRCxtQkFBbUI7WUFDbkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3BDLENBQUM7UUFDRCxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUVuQyxLQUFLLE1BQU0sSUFBSSxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsV0FBVyxDQUFDO1FBQ3JDLENBQUM7UUFDRCxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsT0FBTyxDQUFDLGlCQUF5RDtRQUMvRCxLQUFLLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFakMsSUFBSSxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLElBQUksaUJBQWlCLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDOUUsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7SUFFTyxtQkFBbUI7UUFDekIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDbEMsbURBQW1EO1FBQ25ELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUVsRSx5REFBeUQ7UUFDekQsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQVksRUFBRSxFQUFFO1lBQzdCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNwQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7WUFDcEMsQ0FBQztZQUNELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2dCQUNuQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7Z0JBQ2hDLE9BQU8sQ0FBQyxHQUFHLENBQUMscUJBQXFCLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3JELENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O0FBdktNO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOzswQ0FDeUI7QUFLcEI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7OzZDQUM4QjtBQUt6QjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7OENBQytCO0FBS2pDO0lBSEMsUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOzs2Q0FDZ0I7QUFjWDtJQVpOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO1FBQ1osT0FBTyxFQUFFLElBQUk7UUFDYixTQUFTLEVBQUUsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUN0QixJQUFJLE9BQU8sUUFBUSxLQUFLLFFBQVEsRUFBRSxDQUFDO2dCQUNqQyxPQUFPLE9BQU8sQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFBO1lBQ2hELENBQUM7aUJBQU0sQ0FBQztnQkFDTixPQUFPLFFBQVEsQ0FBQztZQUNsQixDQUFDO1FBQ0gsQ0FBQztLQUVGLENBQUM7OzhDQUNrRDtBQUs3QztJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7aURBQzJCO0FBeENsQixVQUFVO0lBRHRCLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQzs7R0FDMUIsVUFBVSxDQThLdEIifQ==

package/dist_ts_web/elements/page.js

@@ -1,195 +0,0 @@
-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';
-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;
-        domtools.DomTools.setupDomTools();
-    }
-    static { this.styles = [
-        domtools.elementBasic.staticStyles,
-        css `
-      :host {
-        display: block;
-        max-height: ${shared.a4Height}px;
-        max-width: ${shared.a4Width}px;
-      }
-
-      #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 `
-                <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>
-              `
-            : 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(),
-    __metadata("design:type", Number)
-], DePage.prototype, "viewWidth", void 0);
-__decorate([
-    property(),
-    __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);
-DePage = __decorate([
-    customElement('dedocument-page'),
-    __metadata("design:paramtypes", [])
-], DePage);
-export { DePage };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFDNUMsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQVNyQyxJQUFNLE1BQU0sR0FBWixNQUFNLE1BQU8sU0FBUSxXQUFXO2FBQ3ZCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsOEJBQThCLElBQUksdUJBQXVCLEFBQXRFLENBQXVFO0lBa0N6RjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBaENWLGNBQVMsR0FBVyxJQUFJLENBQUM7UUFHekIsZUFBVSxHQUFXLElBQUksQ0FBQztRQUtuQixXQUFNLEdBQVMsSUFBSSxDQUFDO1FBS3BCLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFLdkIsb0JBQWUsR0FBVyxDQUFDLENBQUM7UUFLNUIsZUFBVSxHQUE2QixJQUFJLENBQUM7UUFNbkQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUloQixRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7O3NCQUdlLE1BQU0sQ0FBQyxRQUFRO3FCQUNoQixNQUFNLENBQUMsT0FBTzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBb0M5QjtLQUNGLEFBM0NtQixDQTJDbEI7SUFFSyxNQUFNO1FBQ1gsT0FB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

package/dist_ts_web/elements/shared/demoletter.d.ts

@@ -1,2 +0,0 @@
-import * as tsclass from '@tsclass/tsclass';
-export declare const demoLetter: tsclass.business.ILetter;