@design.estate/dees-document 1.1.0 → 1.3.1

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();

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

@@ -7,9 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 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 { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
+import * as interfaces from '../../ts/interfaces/index.js';
+import * as shared from '../../ts/shared/index.js';
 import * as tsclass from '@tsclass/tsclass';
 let DePageFooter = class DePageFooter extends DeesElement {
     static { this.demo = () => html `
@@ -71,26 +71,26 @@ let DePageFooter = 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 />
@@ -111,6 +111,13 @@ __decorate([
     }),
     __metadata("design:type", Object)
 ], DePageFooter.prototype, "letterData", void 0);
+__decorate([
+    property({
+        type: Object,
+        reflect: true,
+    }),
+    __metadata("design:type", Object)
+], DePageFooter.prototype, "documentSettings", void 0);
 __decorate([
     property({
         type: Number
@@ -128,4 +135,4 @@ DePageFooter = __decorate([
     __metadata("design:paramtypes", [])
 ], DePageFooter);
 export { DePageFooter };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWZvb3Rlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlZm9vdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDNUMsT0FBTyxLQUFLLE9BQU8sTUFBTSxrQkFBa0IsQ0FBQztBQVNyQyxJQUFNLFlBQVksR0FBbEIsTUFBTSxZQUFhLFNBQVEsV0FBVzthQUM3QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3NDQUNLLElBQUk7R0FDdkMsQUFGaUIsQ0FFaEI7SUFpQkY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVJILGVBQVUsR0FBVyxDQUFDLENBQUM7UUFLdkIsb0JBQWUsR0FBVyxDQUFDLENBQUM7UUFJakMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7O3dCQWNpQixTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxTQUFTLENBQUMsTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7OztpQkFTdkYsU0FBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7Ozs7OztpQkFXcEMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7OztLQVFoRDtLQUNGLEFBN0NtQixDQTZDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7WUFJSCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQ3pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVc7WUFDbkYsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUM1RSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7Ozs7OzJCQU1yQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLOzs7OzBCQUkzQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLOzBCQUMxQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLO3dCQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHOzs7O2dDQUloQixJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJO2dDQUMzQixJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsV0FBVzt5QkFDekQsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLElBQUk7d0JBQzVDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxHQUFHOztpREFFakIsSUFBSSxDQUFDLFVBQVUsRUFBRSxPQUFPLE9BQU8sQ0FBQyxHQUFHLEVBQUU7WUFDNUUsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFBLHNCQUFzQixJQUFJLENBQUEsNkVBQTZFLE1BQU0sQ0FBQztZQUNwSSxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUMsQ0FBQyxFQUFFO3VDQUMyQixJQUFJLENBQUMsVUFBVSxPQUFPLElBQUksQ0FBQyxlQUFlOztLQUU1RSxDQUFDO0lBQ0osQ0FBQzs7QUFwR0Q7SUFIQyxRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O2dEQUNtQztBQUs5QjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7Z0RBQzRCO0FBS3ZCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztxREFDaUM7QUFsQnhCLFlBQVk7SUFEeEIsYUFBYSxDQUFDLHVCQUF1QixDQUFDOztHQUMxQixZQUFZLENBNkd4QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWZvb3Rlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlZm9vdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFVBQVUsTUFBTSw4QkFBOEIsQ0FBQztBQUUzRCxPQUFPLEtBQUssTUFBTSxNQUFNLDBCQUEwQixDQUFDO0FBQ25ELE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFTckMsSUFBTSxZQUFZLEdBQWxCLE1BQU0sWUFBYSxTQUFRLFdBQVc7YUFDN0IsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTtzQ0FDSyxJQUFJO0dBQ3ZDLEFBRmlCLENBRWhCO0lBdUJGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFSSCxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBS3ZCLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBSWpDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozt3QkFjaUIsU0FBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFNBQVMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDOzs7Ozs7Ozs7aUJBU3ZGLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7Ozs7aUJBV3BDLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7S0FRaEQ7S0FD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

package/dist_ts_web/{elements → ts_web/elements}/pageheader.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 DePageHeader extends DeesElement {
     static demo: () => TemplateResult<1>;
     letterData: tsclass.business.ILetter;
+    documentSettings: interfaces.IDocumentSettings;
     pageNumber: number;
     pageTotalNumber: number;
     constructor();

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

@@ -7,9 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 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 { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools } from '@design.estate/dees-element';
+import * as interfaces from '../../ts/interfaces/index.js';
+import * as shared from '../../ts/shared/index.js';
 import * as tsclass from '@tsclass/tsclass';
 let DePageHeader = class DePageHeader extends DeesElement {
     static { this.demo = () => html `
@@ -51,20 +51,26 @@ let DePageHeader = class DePageHeader extends DeesElement {
         color: #333;
         font-size: 10px;
       }
-      .topstripe img {
-        filter: invert(1);
+      .topstripe .logo {
         position: absolute;
         bottom: 10px;
         height: 25px;
         left: auto;
         right: ${unsafeCSS(shared.rightMargin + 'px')};
+        font-family: 'Courier New', Courier, monospace;
+      }
+      .topstripe .logo img {
+        position: relative;
+        height: 25px;
       }
     `,
     ]; }
     render() {
         return html `
       <div class="topstripe">
-        <img src="https://assetbroker.lossless.one/brandfiles/lossless/svg-minimal-bright.svg" />
+        <div class="logo">
+          No logo set!
+        </div>
       </div>
       <div class="topstripe2">${this.letterData?.from?.description || '[no letterData.from.description set]'}</div>
     `;
@@ -76,6 +82,13 @@ __decorate([
     }),
     __metadata("design:type", Object)
 ], DePageHeader.prototype, "letterData", void 0);
+__decorate([
+    property({
+        type: Object,
+        reflect: true,
+    }),
+    __metadata("design:type", Object)
+], DePageHeader.prototype, "documentSettings", void 0);
 __decorate([
     property({
         type: Number,
@@ -93,4 +106,4 @@ DePageHeader = __decorate([
     __metadata("design:paramtypes", [])
 ], DePageHeader);
 export { DePageHeader };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDNUMsT0FBTyxLQUFLLE9BQU8sTUFBTSxrQkFBa0IsQ0FBQztBQVNyQyxJQUFNLFlBQVksR0FBbEIsTUFBTSxZQUFhLFNBQVEsV0FBVzthQUM3QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3NDQUNLLElBQUk7R0FDdkMsQUFGaUIsQ0FFaEI7SUFpQkY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWJILGVBQVUsR0FBNkIsSUFBSSxDQUFDO1FBSzVDLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFLdkIsb0JBQWUsR0FBVyxDQUFDLENBQUM7UUFJakMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQkFxQlUsU0FBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7Ozs7Ozs7aUJBWXBDLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7S0FFaEQ7S0FDRixBQXRDbUIsQ0FzQ2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7O2dDQUlpQixJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxXQUFXLElBQUksc0NBQXNDO0tBQ3ZHLENBQUM7SUFDSixDQUFDOztBQWhFTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7Z0RBQ2lEO0FBSzVDO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztnREFDNEI7QUFLdkI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3FEQUNpQztBQWxCeEIsWUFBWTtJQUR4QixhQUFhLENBQUMsdUJBQXVCLENBQUM7O0dBQzFCLFlBQVksQ0F5RXhCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxFQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFVBQVUsTUFBTSw4QkFBOEIsQ0FBQztBQUUzRCxPQUFPLEtBQUssTUFBTSxNQUFNLDBCQUEwQixDQUFDO0FBQ25ELE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFTckMsSUFBTSxZQUFZLEdBQWxCLE1BQU0sWUFBYSxTQUFRLFdBQVc7YUFDN0IsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTtzQ0FDSyxJQUFJO0dBQ3ZDLEFBRmlCLENBRWhCO0lBdUJGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFuQkgsZUFBVSxHQUE2QixJQUFJLENBQUM7UUFXNUMsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lCQXFCVSxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7O2lCQVdwQyxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7S0FPaEQ7S0FDRixBQTFDbUIsQ0EwQ2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7Z0NBTWlCLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFdBQVcsSUFBSSxzQ0FBc0M7S0FDdkcsQ0FBQztJQUNKLENBQUM7O0FBNUVNO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztnREFDaUQ7QUFNbkQ7SUFKQyxRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQzs7c0RBQzZDO0FBS3hDO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztnREFDNEI7QUFLdkI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3FEQUNpQztBQXhCeEIsWUFBWTtJQUR4QixhQUFhLENBQUMsdUJBQXVCLENBQUM7O0dBQzFCLFlBQVksQ0FxRnhCIn0=

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

@@ -1,4 +1,5 @@
 import * as plugins from '../plugins.js';
+import * as interfaces from '../../ts/interfaces/index.js';
 import { DeesElement } from '@design.estate/dees-element';
 declare global {
     interface HTMLElementTagNameMap {
@@ -8,6 +9,7 @@ declare global {
 export declare class DeDocumentViewer extends DeesElement {
     static demo: () => import("@design.estate/dees-element").TemplateResult<1>;
     letterData: plugins.tsclass.business.ILetter;
+    documentSettings: interfaces.IDocumentSettings;
     static styles: import("@design.estate/dees-element").CSSResult[];
     render: () => import("@design.estate/dees-element").TemplateResult<1>;
     updated: (changedProperties: Map<string | number | symbol, unknown>) => void;

package/dist_ts_web/ts_web/elements/viewer.demo.js

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

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

@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 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';
 let DeDocumentViewer = class DeDocumentViewer extends DeesElement {
@@ -17,7 +18,7 @@ let DeDocumentViewer = 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>
@@ -81,4 +82,4 @@ DeDocumentViewer = __decorate([
     customElement('dedocument-viewer')
 ], DeDocumentViewer);
 export { DeDocumentViewer };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3ZpZXdlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2hHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQVNyQyxJQUFNLGdCQUFnQixHQUF0QixNQUFNLGdCQUFpQixTQUFRLFdBQVc7SUFBMUM7O1FBSUwsV0FBVztRQUNKLGVBQVUsR0FBcUMsSUFBSSxDQUFDO1FBK0NwRCxXQUFNLEdBQUcsR0FBRyxFQUFFO1lBQ25CLE9BQU8sSUFBSSxDQUFBOzs7WUFHSCxJQUFJLENBQUMsVUFBVTtnQkFDZixDQUFDLENBQUMsSUFBSSxDQUFBLHVDQUF1QyxJQUFJLENBQUMsVUFBVSw0QkFBNEI7Z0JBQ3hGLENBQUMsQ0FBQyxJQUFJLENBQUEsRUFBRTs7OztLQUlmLENBQUM7UUFDSixDQUFDLENBQUM7UUFFSyxZQUFPLEdBQUcsQ0FBQyxpQkFBeUQsRUFBRSxFQUFFO1lBQzdFLEtBQUssQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUNqQyxJQUFJLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDO1lBQzFDLENBQUM7UUFDSCxDQUFDLENBQUM7SUFDSixDQUFDO0lBckVDLE9BQU87YUFDTyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7YUFLaEIsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozs7c0JBS2UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7c0JBU3JDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0EwQjNEO0tBQ0YsQUEzQ21CLENBMkNsQjs7QUFsRFMsZ0JBQWdCO0lBRDVCLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQztHQUN0QixnQkFBZ0IsQ0FzRTVCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3ZpZXdlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEtBQUssVUFBVSxNQUFNLDhCQUE4QixDQUFDO0FBRTNELE9BQU8sRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDaEcsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBU3JDLElBQU0sZ0JBQWdCLEdBQXRCLE1BQU0sZ0JBQWlCLFNBQVEsV0FBVztJQUExQzs7UUFJTCxXQUFXO1FBQ0osZUFBVSxHQUFxQyxJQUFJLENBQUM7UUFpRHBELFdBQU0sR0FBRyxHQUFHLEVBQUU7WUFDbkIsT0FBTyxJQUFJLENBQUE7OztZQUdILElBQUksQ0FBQyxVQUFVO2dCQUNmLENBQUMsQ0FBQyxJQUFJLENBQUEsdUNBQXVDLElBQUksQ0FBQyxVQUFVLHNCQUFzQixJQUFJLENBQUMsZ0JBQWdCLDRCQUE0QjtnQkFDbkksQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFOzs7O0tBSWYsQ0FBQztRQUNKLENBQUMsQ0FBQztRQUVLLFlBQU8sR0FBRyxDQUFDLGlCQUF5RCxFQUFFLEVBQUU7WUFDN0UsS0FBSyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1lBQ2pDLElBQUksaUJBQWlCLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7WUFDMUMsQ0FBQztRQUNILENBQUMsQ0FBQztJQUNKLENBQUM7SUF2RUMsT0FBTzthQUNPLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTthQU9oQixXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7OztzQkFLZSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7OztzQkFTckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTBCM0Q7S0FDRixBQTNDbUIsQ0EyQ2xCOztBQXBEUyxnQkFBZ0I7SUFENUIsYUFBYSxDQUFDLG1CQUFtQixDQUFDO0dBQ3RCLGdCQUFnQixDQXdFNUIifQ==

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

@@ -1,2 +1,2 @@
 export * from './elements/index.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90c193ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQyJ9

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

@@ -1,3 +1,3 @@
 export * from './page1.js';
 export * from './page2.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxZQUFZLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvcGFnZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxZQUFZLENBQUMifQ==

package/dist_ts_web/ts_web/pages/page1.js

@@ -0,0 +1,18 @@
+import { html } from '@design.estate/dees-element';
+import { demoLetter } from '../../ts/shared/index.js';
+import * as plugins from '../plugins.js';
+export const page1 = () => html `
+  <style>
+    dedocument-dedocument {
+      margin: 16px;
+    }
+  </style>
+  <dedocument-dedocument .printMode=${false} letterData=${plugins.smartjson.stringifyBase64({
+    ...demoLetter,
+    from: {
+        ...demoLetter.from,
+        description: 'a string set via stringified JSON'
+    }
+})}> </dedocument-dedocument>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZTEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvcGFnZXMvcGFnZTEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUV6QyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7c0NBTU8sS0FBSyxlQUFlLE9BQU8sQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDO0lBQ3RGLEdBQUcsVUFBVTtJQUNiLElBQUksRUFBRTtRQUNKLEdBQUcsVUFBVSxDQUFDLElBQUk7UUFDbEIsV0FBVyxFQUFFLG1DQUFtQztLQUNqRDtDQUNrQyxDQUFDO0NBQ3pDLENBQUMifQ==

package/dist_ts_web/{pages → ts_web/pages}/page2.js

@@ -15,4 +15,4 @@ export const page2 = () => html `
     <dedocument-page .format="${"a4"}" .viewWidth=${400}></dedocument-page>
   </div>
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZTIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvcGFnZTIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7OztnQ0FZQyxJQUFJLGdCQUFnQixHQUFHO2dDQUN2QixJQUFJLGdCQUFnQixHQUFHOztDQUV0RCxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZTIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvcGFnZXMvcGFnZTIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7OztnQ0FZQyxJQUFJLGdCQUFnQixHQUFHO2dDQUN2QixJQUFJLGdCQUFnQixHQUFHOztDQUV0RCxDQUFDIn0=

package/dist_ts_web/ts_web/plugins.js

@@ -0,0 +1,11 @@
+// tsclass scope
+import * as tsclass from '@tsclass/tsclass';
+export { tsclass };
+// @pushrocks scope
+import * as smartjson from '@push.rocks/smartjson';
+import * as smarttime from '@push.rocks/smarttime';
+export { smartjson, smarttime };
+// third party
+import * as qrcode from 'qrcode';
+export { qrcode };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGdCQUFnQjtBQUNoQixPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBRTVDLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQztBQUVuQixtQkFBbUI7QUFDbkIsT0FBTyxLQUFLLFNBQVMsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEtBQUssU0FBUyxNQUFNLHVCQUF1QixDQUFDO0FBRW5ELE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLENBQUM7QUFFaEMsY0FBYztBQUNkLE9BQU8sS0FBSyxNQUFNLE1BQU0sUUFBUSxDQUFDO0FBRWpDLE9BQU8sRUFBRSxNQUFNLEVBQUUsQ0FBQyJ9

package/npmextra.json

@@ -5,29 +5,30 @@
       "githost": "code.foss.global",
       "gitscope": "designestate/private",
       "gitrepo": "dedocument-catalog",
-      "description": "A versatile tool for dynamically generating and rendering business documents, such as invoices, using modern web technologies and elements.",
+      "description": "A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.",
       "npmPackagename": "@designestate_private/dedocument-catalog",
       "license": "MIT",
       "projectDomain": "design.estate",
       "shortDescription": "undefined variable",
       "keywords": [
         "document generation",
-        "invoices",
+        "invoice automation",
+        "business documentation",
+        "dynamic rendering",
         "PDF creation",
-        "TypeScript",
         "web components",
+        "Node.js",
+        "TypeScript",
         "templating",
-        "dynamic rendering",
+        "modern web technologies",
         "responsive design",
-        "business documentation",
-        "automated workflows",
-        "modular architecture",
-        "smart contracts",
-        "javascript",
         "QR code",
-        "custom elements",
-        "nodejs",
-        "data-driven"
+        "modular architecture",
+        "automated workflows",
+        "localization",
+        "digital signatures",
+        "security",
+        "interactive documents"
       ]
     }
   },