@design.estate/dees-document 1.0.91

package/dist_ts_web/elements/pagecontent.js

@@ -0,0 +1,144 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as shared from './shared/index.js';
+import * as tsclass from '@tsclass/tsclass';
+export let DePageContent = class DePageContent extends DeesElement {
+    static { this.demo = () => html `
+    <dedocument-pagecontent .format="${'a4'}"></dedocument-pagecontent>
+  `; }
+    constructor() {
+        super();
+        this.pageNumber = 1;
+        this.pageTotalNumber = 1;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        color: #333;
+      }
+
+      .content {
+        position: absolute;
+
+        left: ${unsafeCSS(shared.leftMargin + 'px')};
+        right: ${unsafeCSS(shared.rightMargin + 'px')};
+        bottom: 170px;
+        overflow: visible;
+      }
+
+      .content .subject {
+        font-size: 18px;
+        font-weight: bold;
+        margin-bottom: 20px;
+      }
+
+      .content .text {
+        text-align: left;
+      }
+
+      .subjectRepeated {
+        position: relative;
+        text-align: center;
+        background: #eeeeee;
+        color: #999;
+        border-radius: 50px;
+        padding: 5px 10px;
+        margin: auto;
+        margin-bottom: 10px;
+        font-size: 10px;
+      }
+
+      .continuesOnNextPage {
+        display: inline-block;
+        background: #eeeeee;
+        color: #999;
+        border-radius: 50px;
+        padding: 5px 10px;
+        margin-top: 8px;
+        font-size: 10px;
+      }
+
+      .finalPage {
+        display: inline-block;
+        background: #29b000;
+        color: #fff;
+        border-radius: 50px;
+        padding: 5px 10px;
+        margin-top: 8px;
+        font-size: 10px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <style>
+        .content {
+          top: ${this.pageNumber === 1 ? unsafeCSS('450px') : unsafeCSS('200px')};
+        }
+      </style>
+      <div class="content">
+        ${this.pageNumber === 1
+            ? html `<div class="subject">${this.letterData.subject}</div>`
+            : html `
+              <div class="subjectRepeated">
+                ${this.letterData.subject} (Page ${this.pageNumber})
+              </div>
+            `}
+        <slot></slot>
+        ${this.pageTotalNumber !== this.pageNumber
+            ? html `<div class="continuesOnNextPage">Continues on page ${this.pageNumber + 1}</div>`
+            : html `<div class="finalPage">This is the final page of this document.</div>`}
+      </div>
+    `;
+    }
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        this.checkOverflow();
+    }
+    async checkOverflow() {
+        await this.elementDomReady;
+        const contentContainer = this.shadowRoot.querySelector('.content');
+        if (contentContainer.scrollHeight > contentContainer.clientHeight) {
+            console.log('overflows');
+            return true;
+        }
+        else {
+            console.log('does not overflow!');
+            return false;
+        }
+    }
+};
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Object)
+], DePageContent.prototype, "letterData", void 0);
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DePageContent.prototype, "pageNumber", void 0);
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DePageContent.prototype, "pageTotalNumber", void 0);
+DePageContent = __decorate([
+    customElement('dedocument-pagecontent'),
+    __metadata("design:paramtypes", [])
+], DePageContent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvcGFnZWNvbnRlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFFekQsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUM1QyxPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBU3JDLFdBQU0sYUFBYSxHQUFuQixNQUFNLGFBQWMsU0FBUSxXQUFXO2FBQzlCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7dUNBQ00sSUFBSTtHQUN4QyxBQUZpQixDQUVoQjtJQWlCRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLEdBQUcsQ0FBQTs7Ozs7Ozs7Z0JBUVMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO2lCQUNsQyxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E4Q2hEO0tBQ0YsQUExRG1CLENBMERsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O2lCQUdFLElBQUksQ0FBQyxVQUFVLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7Ozs7VUFJdEUsSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDO1lBQ3JCLENBQUMsQ0FBQyxJQUFJLENBQUEsd0JBQXdCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxRQUFRO1lBQzdELENBQUMsQ0FBQyxJQUFJLENBQUE7O2tCQUVFLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxVQUFVLElBQUksQ0FBQyxVQUFVOzthQUVyRDs7VUFFSCxJQUFJLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxVQUFVO1lBQ3hDLENBQUMsQ0FBQyxJQUFJLENBQUEsc0RBQXNELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxRQUFRO1lBQ3ZGLENBQUMsQ0FBQyxJQUFJLENBQUEsdUVBQXVFOztLQUVsRixDQUFDO0lBQ0osQ0FBQztJQUVNLFlBQVksQ0FBQyxrQkFBMEQ7UUFDNUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRU0sS0FBSyxDQUFDLGFBQWE7UUFDeEIsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzNCLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbkUsSUFBSSxnQkFBZ0IsQ0FBQyxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsWUFBWSxFQUFFO1lBQ2pFLE9BQU8sQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDekIsT0FBTyxJQUFJLENBQUM7U0FDYjthQUFNO1lBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1lBQ2xDLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7SUFDSCxDQUFDOztBQW5ITTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7aURBQzBDO0FBS3JDO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztpREFDNEI7QUFLdkI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3NEQUNpQztBQWxCeEIsYUFBYTtJQUR6QixhQUFhLENBQUMsd0JBQXdCLENBQUM7O0dBQzNCLGFBQWEsQ0E0SHpCIn0=

package/dist_ts_web/elements/pagefooter.d.ts

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

package/dist_ts_web/elements/pagefooter.js

@@ -0,0 +1,130 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as shared from './shared/index.js';
+import * as tsclass from '@tsclass/tsclass';
+export let DePageFooter = class DePageFooter extends DeesElement {
+    static { this.demo = () => html `
+    <dedocument-pagefooter .format="${'a4'}"></dedocument-pagefooter>
+  `; }
+    constructor() {
+        super();
+        this.pageNumber = 1;
+        this.pageTotalNumber = 1;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        color: #333;
+      }
+      .bottomstripe {
+        position: absolute;
+        display: grid;
+        font-size: 11px;
+        overflow: visible;
+        bottom: 0px;
+        left: 0px;
+        right: 0px;
+        height: 130px;
+        content: '';
+        padding: 30px ${unsafeCSS(shared.rightMargin + 'px')} 10px ${unsafeCSS(shared.leftMargin + 'px')};
+        grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
+        grid-gap: 5px;
+        border-top: 2px solid #e4002b;
+      }
+
+      .bottomstripe .pageNumber {
+        position: absolute;
+        top: 0px;
+        right: ${unsafeCSS(shared.rightMargin + 'px')};
+        background: #e4002b;
+        padding: 3px;
+        font-size: 9px;
+        color: #fff;
+        border-bottom-left-radius: 3px;
+        border-bottom-right-radius: 3px;
+      }
+      .bottomstripe .documentTitle {
+        position: absolute;
+        top: -18px;
+        right: ${unsafeCSS(shared.rightMargin + 'px')};
+        background: #dddddd;
+        padding: 3px;
+        font-size: 9px;
+        color: #333;
+        border-top-left-radius: 3px;
+        border-top-right-radius: 3px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="bottomstripe">
+        <div>
+          <strong>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 />
+          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 />
+          <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 />
+          <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 />
+          <i>bic:</i> ${this.letterData?.from?.sepaConnection?.bic}<br />
+        </div>
+        <div class="documentTitle">Subject: <b>${this.letterData?.subject}</b>${(() => {
+            const uidString = html `/ Document-UID: <b>${html `<a href="https://uid.signature.digital/">https://uid.signature.digital/</a>`}</b>`;
+            return ``;
+        })()}</div>
+        <div class="pageNumber">page ${this.pageNumber} of ${this.pageTotalNumber}</div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({
+        type: Object,
+    }),
+    __metadata("design:type", Object)
+], DePageFooter.prototype, "letterData", void 0);
+__decorate([
+    property({
+        type: Number
+    }),
+    __metadata("design:type", Number)
+], DePageFooter.prototype, "pageNumber", void 0);
+__decorate([
+    property({
+        type: Number
+    }),
+    __metadata("design:type", Number)
+], DePageFooter.prototype, "pageTotalNumber", void 0);
+DePageFooter = __decorate([
+    customElement('dedocument-pagefooter'),
+    __metadata("design:paramtypes", [])
+], DePageFooter);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWZvb3Rlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlZm9vdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDNUMsT0FBTyxLQUFLLE9BQU8sTUFBTSxrQkFBa0IsQ0FBQztBQVNyQyxXQUFNLFlBQVksR0FBbEIsTUFBTSxZQUFhLFNBQVEsV0FBVzthQUM3QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3NDQUNLLElBQUk7R0FDdkMsQUFGaUIsQ0FFaEI7SUFpQkY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVJILGVBQVUsR0FBVyxDQUFDLENBQUM7UUFLdkIsb0JBQWUsR0FBVyxDQUFDLENBQUM7UUFJakMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7O3dCQWNpQixTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxTQUFTLENBQUMsTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7OztpQkFTdkYsU0FBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7Ozs7OztpQkFXcEMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7OztLQVFoRDtLQUNGLEFBN0NtQixDQTZDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7WUFJSCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQ3pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVc7WUFDbkYsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUM1RSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7Ozs7OzJCQU1yQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLOzs7OzBCQUkzQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLOzBCQUMxQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLO3dCQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHOzs7O2dDQUloQixJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJO2dDQUMzQixJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsV0FBVzt5QkFDekQsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLElBQUk7d0JBQzVDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxHQUFHOztpREFFakIsSUFBSSxDQUFDLFVBQVUsRUFBRSxPQUFPLE9BQU8sQ0FBQyxHQUFHLEVBQUU7WUFDNUUsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFBLHNCQUFzQixJQUFJLENBQUEsNkVBQTZFLE1BQU0sQ0FBQztZQUNwSSxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUMsQ0FBQyxFQUFFO3VDQUMyQixJQUFJLENBQUMsVUFBVSxPQUFPLElBQUksQ0FBQyxlQUFlOztLQUU1RSxDQUFDO0lBQ0osQ0FBQzs7QUFwR0Q7SUFIQyxRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O2dEQUNtQztBQUs5QjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7Z0RBQzRCO0FBS3ZCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztxREFDaUM7QUFsQnhCLFlBQVk7SUFEeEIsYUFBYSxDQUFDLHVCQUF1QixDQUFDOztHQUMxQixZQUFZLENBNkd4QiJ9

package/dist_ts_web/elements/pageheader.d.ts

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

package/dist_ts_web/elements/pageheader.js

@@ -0,0 +1,95 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as shared from './shared/index.js';
+import * as tsclass from '@tsclass/tsclass';
+export let DePageHeader = class DePageHeader extends DeesElement {
+    static { this.demo = () => html `
+    <dedocument-pageheader .format="${'a4'}"></dedocument-pageheader>
+  `; }
+    constructor() {
+        super();
+        this.letterData = null;
+        this.pageNumber = 1;
+        this.pageTotalNumber = 1;
+        domtools.DomTools.setupDomTools();
+    }
+    static { this.styles = [
+        domtools.elementBasic.staticStyles,
+        css `
+      :host {
+        color: #333;
+      }
+
+      .topstripe {
+        position: absolute;
+        overflow: hidden;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        height: 130px;
+        color: #333;
+        text-align: center;
+        border-bottom: 2px solid #00000020;
+      }
+      .topstripe2 {
+        position: absolute;
+        overflow: hidden;
+        top: 130px;
+        left: auto;
+        right: ${unsafeCSS(shared.rightMargin + 'px')};
+        height: 20px;
+        line-height: 20px;
+        color: #333;
+        font-size: 10px;
+      }
+      .topstripe img {
+        filter: invert(1);
+        position: absolute;
+        bottom: 10px;
+        height: 25px;
+        left: auto;
+        right: ${unsafeCSS(shared.rightMargin + 'px')};
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="topstripe">
+        <img src="https://assetbroker.lossless.one/brandfiles/lossless/svg-minimal-bright.svg" />
+      </div>
+      <div class="topstripe2">${this.letterData?.from?.description || '[no letterData.from.description set]'}</div>
+    `;
+    }
+};
+__decorate([
+    property({
+        type: Object,
+    }),
+    __metadata("design:type", Object)
+], DePageHeader.prototype, "letterData", void 0);
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DePageHeader.prototype, "pageNumber", void 0);
+__decorate([
+    property({
+        type: Number,
+    }),
+    __metadata("design:type", Number)
+], DePageHeader.prototype, "pageTotalNumber", void 0);
+DePageHeader = __decorate([
+    customElement('dedocument-pageheader'),
+    __metadata("design:paramtypes", [])
+], DePageHeader);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDNUMsT0FBTyxLQUFLLE9BQU8sTUFBTSxrQkFBa0IsQ0FBQztBQVNyQyxXQUFNLFlBQVksR0FBbEIsTUFBTSxZQUFhLFNBQVEsV0FBVzthQUM3QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3NDQUNLLElBQUk7R0FDdkMsQUFGaUIsQ0FFaEI7SUFpQkY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWJILGVBQVUsR0FBNkIsSUFBSSxDQUFDO1FBSzVDLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFLdkIsb0JBQWUsR0FBVyxDQUFDLENBQUM7UUFJakMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQkFxQlUsU0FBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7Ozs7Ozs7aUJBWXBDLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7S0FFaEQ7S0FDRixBQXRDbUIsQ0FzQ2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7O2dDQUlpQixJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxXQUFXLElBQUksc0NBQXNDO0tBQ3ZHLENBQUM7SUFDSixDQUFDOztBQWhFTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7Z0RBQ2lEO0FBSzVDO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztnREFDNEI7QUFLdkI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3FEQUNpQztBQWxCeEIsWUFBWTtJQUR4QixhQUFhLENBQUMsdUJBQXVCLENBQUM7O0dBQzFCLFlBQVksQ0F5RXhCIn0=

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

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

package/dist_ts_web/elements/shared/demoletter.js

@@ -0,0 +1,117 @@
+import * as tsclass from '@tsclass/tsclass';
+const fromContact = {
+    name: 'Awesome From Company',
+    type: 'company',
+    description: 'a company that does stuff',
+    address: {
+        streetName: 'Awesome Street',
+        houseNumber: '5',
+        city: 'Bremen',
+        country: 'Germany',
+        postalCode: '28359',
+    },
+    vatId: 'DE12345678',
+    sepaConnection: {
+        bic: 'BPOTBEB1',
+        iban: 'BE01234567891616'
+    },
+    email: 'hello@awesome.company',
+    phone: '+49 421 1234567',
+    fax: '+49 421 1234568',
+};
+const toContact = {
+    name: 'Awesome To GmbH',
+    type: 'company',
+    customerNumber: 'LL-CLIENT-123',
+    description: 'a company that does stuff',
+    address: {
+        streetName: 'Awesome Street',
+        houseNumber: '5',
+        city: 'Bremen',
+        country: 'Germany',
+        postalCode: '28359'
+    },
+    vatId: 'BE12345678',
+};
+export const demoLetter = {
+    versionInfo: {
+        type: 'draft',
+        version: '1.0.0',
+    },
+    accentColor: null,
+    content: {
+        textData: null,
+        timesheetData: null,
+        contractData: {
+            contractDate: Date.now(),
+            id: 'someid'
+        },
+        invoiceData: {
+            id: 'LL-INV-48765',
+            reverseCharge: true,
+            dueInDays: 30,
+            billedBy: fromContact,
+            billedTo: toContact,
+            status: null,
+            deliveryDate: new Date().getTime(),
+            periodOfPerformance: null,
+            printResult: null,
+            items: [
+                {
+                    name: 'Item with 19% VAT',
+                    unitQuantity: 1,
+                    unitNetPrice: 100,
+                    unitType: 'hours',
+                    vatPercentage: 19,
+                    currency: 'EUR',
+                },
+                {
+                    name: 'Item with 7% VAT',
+                    unitQuantity: 1,
+                    unitNetPrice: 100,
+                    unitType: 'hours',
+                    vatPercentage: 7,
+                    currency: 'EUR',
+                },
+                {
+                    name: 'Item with 7% VAT',
+                    unitQuantity: 1,
+                    unitNetPrice: 230,
+                    unitType: 'hours',
+                    vatPercentage: 7,
+                    currency: 'EUR',
+                },
+                {
+                    name: 'Item with 21% VAT',
+                    unitQuantity: 1,
+                    unitNetPrice: 230,
+                    unitType: 'hours',
+                    vatPercentage: 21,
+                    currency: 'EUR',
+                },
+                {
+                    name: 'Item with 0% VAT',
+                    unitQuantity: 1,
+                    unitNetPrice: 230,
+                    unitType: 'hours',
+                    vatPercentage: 0,
+                    currency: 'EUR',
+                },
+            ],
+        }
+    },
+    date: Date.now(),
+    type: 'invoice',
+    needsCoverSheet: false,
+    objectActions: [],
+    pdf: null,
+    from: fromContact,
+    to: toContact,
+    incidenceId: null,
+    language: null,
+    legalContact: null,
+    logoUrl: null,
+    pdfAttachments: null,
+    subject: 'Invoice: LL-INV-48765',
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtb2xldHRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9zaGFyZWQvZGVtb2xldHRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBQzVDLE1BQU0sV0FBVyxHQUE4QjtJQUM3QyxJQUFJLEVBQUUsc0JBQXNCO0lBQzVCLElBQUksRUFBRSxTQUFTO0lBQ2YsV0FBVyxFQUFFLDJCQUEyQjtJQUN4QyxPQUFPLEVBQUU7UUFDUCxVQUFVLEVBQUUsZ0JBQWdCO1FBQzVCLFdBQVcsRUFBRSxHQUFHO1FBQ2hCLElBQUksRUFBRSxRQUFRO1FBQ2QsT0FBTyxFQUFFLFNBQVM7UUFDbEIsVUFBVSxFQUFFLE9BQU87S0FDcEI7SUFDRCxLQUFLLEVBQUUsWUFBWTtJQUNuQixjQUFjLEVBQUU7UUFDZCxHQUFHLEVBQUUsVUFBVTtRQUNmLElBQUksRUFBRSxrQkFBa0I7S0FDekI7SUFDRCxLQUFLLEVBQUUsdUJBQXVCO0lBQzlCLEtBQUssRUFBRSxpQkFBaUI7SUFDeEIsR0FBRyxFQUFFLGlCQUFpQjtDQUV2QixDQUFDO0FBRUYsTUFBTSxTQUFTLEdBQThCO0lBQzNDLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsSUFBSSxFQUFFLFNBQVM7SUFDZixjQUFjLEVBQUUsZUFBZTtJQUMvQixXQUFXLEVBQUUsMkJBQTJCO0lBQ3hDLE9BQU8sRUFBRTtRQUNQLFVBQVUsRUFBRSxnQkFBZ0I7UUFDNUIsV0FBVyxFQUFFLEdBQUc7UUFDaEIsSUFBSSxFQUFFLFFBQVE7UUFDZCxPQUFPLEVBQUUsU0FBUztRQUNsQixVQUFVLEVBQUUsT0FBTztLQUNwQjtJQUNELEtBQUssRUFBRSxZQUFZO0NBQ3BCLENBQUE7QUFFRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQTZCO0lBQ2xELFdBQVcsRUFBRTtRQUNYLElBQUksRUFBRSxPQUFPO1FBQ2IsT0FBTyxFQUFFLE9BQU87S0FDakI7SUFDRCxXQUFXLEVBQUUsSUFBSTtJQUNqQixPQUFPLEVBQUU7UUFDUCxRQUFRLEVBQUUsSUFBSTtRQUNkLGFBQWEsRUFBRSxJQUFJO1FBQ25CLFlBQVksRUFBRTtZQUNaLFlBQVksRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ3hCLEVBQUUsRUFBRSxRQUFRO1NBQ2I7UUFDRCxXQUFXLEVBQUU7WUFDWCxFQUFFLEVBQUUsY0FBYztZQUNsQixhQUFhLEVBQUUsSUFBSTtZQUNuQixTQUFTLEVBQUUsRUFBRTtZQUNiLFFBQVEsRUFBRSxXQUFXO1lBQ3JCLFFBQVEsRUFBRSxTQUFTO1lBQ25CLE1BQU0sRUFBRSxJQUFJO1lBQ1osWUFBWSxFQUFFLElBQUksSUFBSSxFQUFFLENBQUMsT0FBTyxFQUFFO1lBQ2xDLG1CQUFtQixFQUFFLElBQUk7WUFDekIsV0FBVyxFQUFFLElBQUk7WUFFakIsS0FBSyxFQUFFO2dCQUNMO29CQUNFLElBQUksRUFBRSxtQkFBbUI7b0JBQ3pCLFlBQVksRUFBRSxDQUFDO29CQUNmLFlBQVksRUFBRSxHQUFHO29CQUNqQixRQUFRLEVBQUUsT0FBTztvQkFDakIsYUFBYSxFQUFFLEVBQUU7b0JBQ2pCLFFBQVEsRUFBRSxLQUFLO2lCQUNoQjtnQkFDRDtvQkFDRSxJQUFJLEVBQUUsa0JBQWtCO29CQUN4QixZQUFZLEVBQUUsQ0FBQztvQkFDZixZQUFZLEVBQUUsR0FBRztvQkFDakIsUUFBUSxFQUFFLE9BQU87b0JBQ2pCLGFBQWEsRUFBRSxDQUFDO29CQUNoQixRQUFRLEVBQUUsS0FBSztpQkFDaEI7Z0JBQ0Q7b0JBQ0UsSUFBSSxFQUFFLGtCQUFrQjtvQkFDeEIsWUFBWSxFQUFFLENBQUM7b0JBQ2YsWUFBWSxFQUFFLEdBQUc7b0JBQ2pCLFFBQVEsRUFBRSxPQUFPO29CQUNqQixhQUFhLEVBQUUsQ0FBQztvQkFDaEIsUUFBUSxFQUFFLEtBQUs7aUJBQ2hCO2dCQUNEO29CQUNFLElBQUksRUFBRSxtQkFBbUI7b0JBQ3pCLFlBQVksRUFBRSxDQUFDO29CQUNmLFlBQVksRUFBRSxHQUFHO29CQUNqQixRQUFRLEVBQUUsT0FBTztvQkFDakIsYUFBYSxFQUFFLEVBQUU7b0JBQ2pCLFFBQVEsRUFBRSxLQUFLO2lCQUNoQjtnQkFDRDtvQkFDRSxJQUFJLEVBQUUsa0JBQWtCO29CQUN4QixZQUFZLEVBQUUsQ0FBQztvQkFDZixZQUFZLEVBQUUsR0FBRztvQkFDakIsUUFBUSxFQUFFLE9BQU87b0JBQ2pCLGFBQWEsRUFBRSxDQUFDO29CQUNoQixRQUFRLEVBQUUsS0FBSztpQkFDaEI7YUFDRjtTQUNGO0tBQ0Y7SUFFRCxJQUFJLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtJQUNoQixJQUFJLEVBQUUsU0FBUztJQUNmLGVBQWUsRUFBRSxLQUFLO0lBQ3RCLGFBQWEsRUFBRSxFQUFFO0lBQ2pCLEdBQUcsRUFBRSxJQUFJO0lBQ1QsSUFBSSxFQUFFLFdBQVc7SUFDakIsRUFBRSxFQUFFLFNBQVM7SUFDYixXQUFXLEVBQUUsSUFBSTtJQUNqQixRQUFRLEVBQUUsSUFBSTtJQUNkLFlBQVksRUFBRSxJQUFJO0lBQ2xCLE9BQU8sRUFBRSxJQUFJO0lBQ2IsY0FBYyxFQUFFLElBQUk7SUFDcEIsT0FBTyxFQUFFLHVCQUF1QjtDQUNqQyxDQUFBIn0=

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

@@ -0,0 +1,5 @@
+export declare const a4Height = 1122;
+export declare const a4Width = 794;
+export declare const rightMargin = 70;
+export declare const leftMargin = 90;
+export * from './demoletter.js';

package/dist_ts_web/elements/shared/index.js

@@ -0,0 +1,6 @@
+export const a4Height = 1122;
+export const a4Width = 794;
+export const rightMargin = 70;
+export const leftMargin = 90;
+export * from './demoletter.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvc2hhcmVkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUM7QUFDN0IsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLEdBQUcsQ0FBQztBQUMzQixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0FBQzlCLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxFQUFFLENBQUM7QUFFN0IsY0FBYyxpQkFBaUIsQ0FBQyJ9

package/dist_ts_web/index.d.ts

@@ -0,0 +1 @@
+export * from './elements/index.js';

package/dist_ts_web/index.js

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

package/dist_ts_web/pages/index.d.ts

@@ -0,0 +1,2 @@
+export * from './page1.js';
+export * from './page2.js';

package/dist_ts_web/pages/index.js

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

package/dist_ts_web/pages/page1.d.ts

@@ -0,0 +1 @@
+export declare const page1: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/pages/page1.js

@@ -0,0 +1,18 @@
+import { html } from '@design.estate/dees-element';
+import { demoLetter } from '../elements/shared/index.js';
+import * as plugins from '../plugins.js';
+export const page1 = () => html `
+  <style>
+    dedocument-dedocument {
+      margin: 40px;
+    }
+  </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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZTEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvcGFnZTEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUV6QyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7c0NBTU8sS0FBSyxlQUFlLE9BQU8sQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDO0lBQ3RGLEdBQUcsVUFBVTtJQUNiLElBQUksRUFBRTtRQUNKLEdBQUcsVUFBVSxDQUFDLElBQUk7UUFDbEIsV0FBVyxFQUFFLG1DQUFtQztLQUNqRDtDQUNrQyxDQUFDO0NBQ3pDLENBQUMifQ==

package/dist_ts_web/pages/page2.d.ts

@@ -0,0 +1 @@
+export declare const page2: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/pages/page2.js

@@ -0,0 +1,5 @@
+import { html } from "@design.estate/dees-element";
+export const page2 = () => html `
+  <first-element></first-element>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZTIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvcGFnZTIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O0NBRTlCLENBQUMifQ==

package/dist_ts_web/plugins.d.ts

@@ -0,0 +1,7 @@
+import * as tsclass from '@tsclass/tsclass';
+export { tsclass };
+import * as smartjson from '@push.rocks/smartjson';
+import * as smarttime from '@push.rocks/smarttime';
+export { smartjson, smarttime };
+import * as qrcode from 'qrcode';
+export { qrcode };

package/dist_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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzX3dlYi9wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGdCQUFnQjtBQUNoQixPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBRTVDLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQztBQUVuQixtQkFBbUI7QUFDbkIsT0FBTyxLQUFLLFNBQVMsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEtBQUssU0FBUyxNQUFNLHVCQUF1QixDQUFDO0FBRW5ELE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLENBQUM7QUFFaEMsY0FBYztBQUNkLE9BQU8sS0FBSyxNQUFNLE1BQU0sUUFBUSxDQUFDO0FBRWpDLE9BQU8sRUFBRSxNQUFNLEVBQUUsQ0FBQyJ9