@design.estate/dees-document 2.0.2 → 2.0.4

package/dist_ts_web/elements/pagefooter.js

@@ -1,26 +1,107 @@
-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 __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
 };
-import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
-import * as plugins from '../plugins.js';
-import { dedocumentSharedStyle } from '../style.js';
-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();
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
-    static { this.styles = [
-        domtools.elementBasic.staticStyles,
-        dedocumentSharedStyle,
-        css `
+    return useValue ? value : void 0;
+};
+import { DeesElement, property, html, customElement, css, unsafeCSS, domtools, } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+import { dedocumentSharedStyle } from "../style.js";
+let DePageFooter = (() => {
+    let _classDecorators = [customElement("dedocument-pagefooter")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _letterData_decorators;
+    let _letterData_initializers = [];
+    let _letterData_extraInitializers = [];
+    let _documentSettings_decorators;
+    let _documentSettings_initializers = [];
+    let _documentSettings_extraInitializers = [];
+    let _pageNumber_decorators;
+    let _pageNumber_initializers = [];
+    let _pageNumber_extraInitializers = [];
+    let _pageTotalNumber_decorators;
+    let _pageTotalNumber_initializers = [];
+    let _pageTotalNumber_extraInitializers = [];
+    var DePageFooter = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _letterData_decorators = [property({
+                    type: Object,
+                })];
+            _documentSettings_decorators = [property({
+                    type: Object,
+                    reflect: true,
+                })];
+            _pageNumber_decorators = [property({
+                    type: Number,
+                })];
+            _pageTotalNumber_decorators = [property({
+                    type: Number,
+                })];
+            __esDecorate(this, null, _letterData_decorators, { kind: "accessor", name: "letterData", static: false, private: false, access: { has: obj => "letterData" in obj, get: obj => obj.letterData, set: (obj, value) => { obj.letterData = value; } }, metadata: _metadata }, _letterData_initializers, _letterData_extraInitializers);
+            __esDecorate(this, null, _documentSettings_decorators, { kind: "accessor", name: "documentSettings", static: false, private: false, access: { has: obj => "documentSettings" in obj, get: obj => obj.documentSettings, set: (obj, value) => { obj.documentSettings = value; } }, metadata: _metadata }, _documentSettings_initializers, _documentSettings_extraInitializers);
+            __esDecorate(this, null, _pageNumber_decorators, { kind: "accessor", name: "pageNumber", static: false, private: false, access: { has: obj => "pageNumber" in obj, get: obj => obj.pageNumber, set: (obj, value) => { obj.pageNumber = value; } }, metadata: _metadata }, _pageNumber_initializers, _pageNumber_extraInitializers);
+            __esDecorate(this, null, _pageTotalNumber_decorators, { kind: "accessor", name: "pageTotalNumber", static: false, private: false, access: { has: obj => "pageTotalNumber" in obj, get: obj => obj.pageTotalNumber, set: (obj, value) => { obj.pageTotalNumber = value; } }, metadata: _metadata }, _pageTotalNumber_initializers, _pageTotalNumber_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DePageFooter = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <dedocument-pagefooter .format="${"a4"}"></dedocument-pagefooter>
+  `;
+        #letterData_accessor_storage = __runInitializers(this, _letterData_initializers, void 0);
+        get letterData() { return this.#letterData_accessor_storage; }
+        set letterData(value) { this.#letterData_accessor_storage = value; }
+        #documentSettings_accessor_storage = (__runInitializers(this, _letterData_extraInitializers), __runInitializers(this, _documentSettings_initializers, void 0));
+        get documentSettings() { return this.#documentSettings_accessor_storage; }
+        set documentSettings(value) { this.#documentSettings_accessor_storage = value; }
+        #pageNumber_accessor_storage = (__runInitializers(this, _documentSettings_extraInitializers), __runInitializers(this, _pageNumber_initializers, 1));
+        get pageNumber() { return this.#pageNumber_accessor_storage; }
+        set pageNumber(value) { this.#pageNumber_accessor_storage = value; }
+        #pageTotalNumber_accessor_storage = (__runInitializers(this, _pageNumber_extraInitializers), __runInitializers(this, _pageTotalNumber_initializers, 1));
+        get pageTotalNumber() { return this.#pageTotalNumber_accessor_storage; }
+        set pageTotalNumber(value) { this.#pageTotalNumber_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _pageTotalNumber_extraInitializers);
+            domtools.DomTools.setupDomTools();
+        }
+        static styles = [
+            domtools.elementBasic.staticStyles,
+            dedocumentSharedStyle,
+            css `
       :host {
         color: #333;
       }
@@ -33,98 +114,121 @@ let DePageFooter = class DePageFooter extends DeesElement {
         left: 0px;
         right: 0px;
         height: 130px;
-        content: '';
-        padding: 30px ${unsafeCSS(plugins.shared.rightMargin + 'px')} 10px ${unsafeCSS(plugins.shared.leftMargin + 'px')};
-        grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
+        content: "";
+        padding: 30px var(--RIGHT-MARGIN) 10px var(--LEFT-MARGIN);
+        grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(
+            100% / 4
+          );
         grid-gap: 5px;
-        border-top: 2px solid #e4002b;
+        border-top: 2px solid var(--footer-separator-bg-color, #e4002b);
       }
 
       .bottomstripe .pageNumber {
         position: absolute;
         top: 0px;
-        right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
-        background: #e4002b;
+        right: var(--RIGHT-MARGIN);
+        color: var(--footer-separator-fg-color, #ffffff);
+        background: var(--footer-separator-bg-color, #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(plugins.shared.rightMargin + 'px')};
-        background: #dddddd;
+        top: -19px;
+        right: var(--RIGHT-MARGIN);
+        color: var(--label-fg);
+        background: var(--label-bg);
         padding: 3px;
         font-size: 9px;
-        color: #333;
         border-top-left-radius: 3px;
         border-top-right-radius: 3px;
       }
     `,
-    ]; }
-    render() {
-        return html `
+        ];
+        render() {
+            return html `
       <div class="bottomstripe">
         <div>
-          <strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'address', 'Address')}:</strong><br />
+          <strong
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "footer@@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.streetName}
+          ${this.letterData.from.address.houseNumber}<br />
+          ${this.letterData.from.address.postalCode}
+          ${this.letterData.from.address.city}<br />
           ${this.letterData.from.address.country}
         </div>
+        ${this.letterData.from.registrationDetails
+                ? html ` <div>
+              <strong
+                >${plugins.shared.translation.translate(this.documentSettings.languageCode, "footer@@registration.label")}:</strong
+              ><br />
+              ${this.letterData.from.registrationDetails.registrationName}<br />
+              <i>reg-#:</i> ${this.letterData.from.registrationDetails
+                    .registrationId}<br />
+              <i>vat-id:</i> ${this.letterData.from.registrationDetails.vatId}
+            </div>`
+                : null}
         <div>
-          <strong>${plugins.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}
+          <strong
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "contact@@title")}:</strong
+          ><br />
+          <i
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "contact@@mail")}:</i
+          >
+          ${this.letterData.from.email}<br />
+          <i
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "contact@@phone")}:</i
+          >
+          ${this.letterData.from.phone}<br />
+          <i
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "contact@@fax")}:</i
+          >
+          ${this.letterData.from.fax}
         </div>
         <div>
-          <strong>${plugins.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}
+          <strong
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "bankConnection@@title")}:</strong
+          ><br />
+          <i
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "bankConnection@@bank.accountHolder")}:</i
+          >
+          ${this.letterData?.from?.name}<br />
+          <i
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "bankConnection@@bank.institution")}:</i
+          >
+          ${this.letterData?.from?.sepaConnection?.institution}<br />
+          <i
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "bankConnection@@bank.iban")}:</i
+          >
+          ${this.letterData?.from?.sepaConnection?.iban}<br />
+          <i
+            >${plugins.shared.translation.translate(this.documentSettings.languageCode, "bankConnection@@bank.bic")}:</i
+          >
+          ${this.letterData?.from?.sepaConnection?.bic}<br />
         </div>
-        <div>
-          <strong>${plugins.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 />
-          <i>bic:</i> ${this.letterData?.from?.sepaConnection?.bic}<br />
+        <div class="documentTitle">
+          <b>${this.letterData?.subject}</b>
+        </div>
+        <div class="pageNumber">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "footer@@page")}
+          ${this.pageNumber}
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "footer@@pageOf")}
+          ${this.pageTotalNumber}
         </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,
-    })
-], DePageFooter.prototype, "letterData", void 0);
-__decorate([
-    property({
-        type: Object,
-        reflect: true,
-    })
-], DePageFooter.prototype, "documentSettings", void 0);
-__decorate([
-    property({
-        type: Number
-    })
-], DePageFooter.prototype, "pageNumber", void 0);
-__decorate([
-    property({
-        type: Number
-    })
-], DePageFooter.prototype, "pageTotalNumber", void 0);
-DePageFooter = __decorate([
-    customElement('dedocument-pagefooter')
-], DePageFooter);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DePageFooter = _classThis;
+})();
 export { DePageFooter };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWZvb3Rlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlZm9vdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBUzdDLElBQU0sWUFBWSxHQUFsQixNQUFNLFlBQWEsU0FBUSxXQUFXO2FBQzdCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7c0NBQ0ssSUFBSTtHQUN2QyxBQUZpQixDQUVoQjtJQXVCRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLHFCQUFxQjtRQUNyQixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7O3dCQWNpQixTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFNBQVMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7O2lCQVN2RyxTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7Ozs7OztpQkFXNUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7S0FReEQ7S0FDRixBQTlDbUIsQ0E4Q2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7b0JBR0ssT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQztZQUN0RyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQ3pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVc7WUFDbkYsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUM1RSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7O29CQUc1QixPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsQ0FBQzs7OzJCQUcxRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLOzs7b0JBR2pDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxjQUFjLENBQUM7MEJBQ2pHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUs7MEJBQzFCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUs7d0JBQzVCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUc7OztvQkFHNUIsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQUM7Z0NBQ2pHLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUk7Z0NBQzNCLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxXQUFXO3lCQUN6RCxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsSUFBSTt3QkFDNUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLEdBQUc7O2lEQUVqQixJQUFJLENBQUMsVUFBVSxFQUFFLE9BQU8sT0FBTyxDQUFDLEdBQUcsRUFBRTtZQUM1RSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUEsc0JBQXNCLElBQUksQ0FBQSw2RUFBNkUsTUFBTSxDQUFDO1lBQ3BJLE9BQU8sRUFBRSxDQUFDO1FBQ1osQ0FBQyxDQUFDLEVBQUU7dUNBQzJCLElBQUksQ0FBQyxVQUFVLE9BQU8sSUFBSSxDQUFDLGVBQWU7O0tBRTVFLENBQUM7SUFDSixDQUFDOztBQTNHRDtJQUhDLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQztnREFDMkM7QUFNN0M7SUFKQyxRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQztzREFDNEQ7QUFLdkQ7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7Z0RBQzRCO0FBS3ZCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDO3FEQUNpQztBQXhCeEIsWUFBWTtJQUR4QixhQUFhLENBQUMsdUJBQXVCLENBQUM7R0FDMUIsWUFBWSxDQW9IeEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWZvb3Rlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlZm9vdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0lBU3ZDLFlBQVk7NEJBRHhCLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQzs7OztzQkFDTCxXQUFXOzs7Ozs7Ozs7Ozs7OzRCQUFuQixTQUFRLFdBQVc7Ozs7c0NBSzFDLFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtpQkFDYixDQUFDOzRDQUdELFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtvQkFDWixPQUFPLEVBQUUsSUFBSTtpQkFDZCxDQUFDO3NDQUdELFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtpQkFDYixDQUFDOzJDQUdELFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtpQkFDYixDQUFDO1lBZkYsbUxBQVMsVUFBVSw2QkFBVixVQUFVLCtGQUFtQztZQU10RCxxTUFBUyxnQkFBZ0IsNkJBQWhCLGdCQUFnQiwyR0FBOEM7WUFLdkUsbUxBQVMsVUFBVSw2QkFBVixVQUFVLCtGQUFhO1lBS2hDLGtNQUFTLGVBQWUsNkJBQWYsZUFBZSx5R0FBYTtZQXhCdkMsNktBcU1DOzs7O1FBcE1RLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3NDQUNLLElBQUk7R0FDdkMsQ0FBQztRQUtGLHlGQUFzRDtRQUF0RCxJQUFTLFVB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

package/dist_ts_web/elements/pageheader.d.ts

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

package/dist_ts_web/elements/pageheader.js

@@ -1,27 +1,107 @@
-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 __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
 };
-import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools } from '@design.estate/dees-element';
-import * as plugins from '../plugins.js';
-import { dedocumentSharedStyle } from '../style.js';
-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();
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
-    static { this.styles = [
-        domtools.elementBasic.staticStyles,
-        dedocumentSharedStyle,
-        css `
+    return useValue ? value : void 0;
+};
+import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+import { dedocumentSharedStyle } from "../style.js";
+let DePageHeader = (() => {
+    let _classDecorators = [customElement("dedocument-pageheader")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _letterData_decorators;
+    let _letterData_initializers = [];
+    let _letterData_extraInitializers = [];
+    let _documentSettings_decorators;
+    let _documentSettings_initializers = [];
+    let _documentSettings_extraInitializers = [];
+    let _pageNumber_decorators;
+    let _pageNumber_initializers = [];
+    let _pageNumber_extraInitializers = [];
+    let _pageTotalNumber_decorators;
+    let _pageTotalNumber_initializers = [];
+    let _pageTotalNumber_extraInitializers = [];
+    var DePageHeader = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _letterData_decorators = [property({
+                    type: Object,
+                })];
+            _documentSettings_decorators = [property({
+                    type: Object,
+                    reflect: true,
+                })];
+            _pageNumber_decorators = [property({
+                    type: Number,
+                })];
+            _pageTotalNumber_decorators = [property({
+                    type: Number,
+                })];
+            __esDecorate(this, null, _letterData_decorators, { kind: "accessor", name: "letterData", static: false, private: false, access: { has: obj => "letterData" in obj, get: obj => obj.letterData, set: (obj, value) => { obj.letterData = value; } }, metadata: _metadata }, _letterData_initializers, _letterData_extraInitializers);
+            __esDecorate(this, null, _documentSettings_decorators, { kind: "accessor", name: "documentSettings", static: false, private: false, access: { has: obj => "documentSettings" in obj, get: obj => obj.documentSettings, set: (obj, value) => { obj.documentSettings = value; } }, metadata: _metadata }, _documentSettings_initializers, _documentSettings_extraInitializers);
+            __esDecorate(this, null, _pageNumber_decorators, { kind: "accessor", name: "pageNumber", static: false, private: false, access: { has: obj => "pageNumber" in obj, get: obj => obj.pageNumber, set: (obj, value) => { obj.pageNumber = value; } }, metadata: _metadata }, _pageNumber_initializers, _pageNumber_extraInitializers);
+            __esDecorate(this, null, _pageTotalNumber_decorators, { kind: "accessor", name: "pageTotalNumber", static: false, private: false, access: { has: obj => "pageTotalNumber" in obj, get: obj => obj.pageTotalNumber, set: (obj, value) => { obj.pageTotalNumber = value; } }, metadata: _metadata }, _pageTotalNumber_initializers, _pageTotalNumber_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DePageHeader = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <dedocument-pageheader .format="${"a4"}"></dedocument-pageheader>
+  `;
+        #letterData_accessor_storage = __runInitializers(this, _letterData_initializers, null);
+        get letterData() { return this.#letterData_accessor_storage; }
+        set letterData(value) { this.#letterData_accessor_storage = value; }
+        #documentSettings_accessor_storage = (__runInitializers(this, _letterData_extraInitializers), __runInitializers(this, _documentSettings_initializers, void 0));
+        get documentSettings() { return this.#documentSettings_accessor_storage; }
+        set documentSettings(value) { this.#documentSettings_accessor_storage = value; }
+        #pageNumber_accessor_storage = (__runInitializers(this, _documentSettings_extraInitializers), __runInitializers(this, _pageNumber_initializers, 1));
+        get pageNumber() { return this.#pageNumber_accessor_storage; }
+        set pageNumber(value) { this.#pageNumber_accessor_storage = value; }
+        #pageTotalNumber_accessor_storage = (__runInitializers(this, _pageNumber_extraInitializers), __runInitializers(this, _pageTotalNumber_initializers, 1));
+        get pageTotalNumber() { return this.#pageTotalNumber_accessor_storage; }
+        set pageTotalNumber(value) { this.#pageTotalNumber_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _pageTotalNumber_extraInitializers);
+            domtools.DomTools.setupDomTools();
+        }
+        static styles = [
+            domtools.elementBasic.staticStyles,
+            dedocumentSharedStyle,
+            css `
       :host {
         color: #333;
       }
@@ -42,7 +122,7 @@ let DePageHeader = class DePageHeader extends DeesElement {
         overflow: hidden;
         top: 130px;
         left: auto;
-        right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
+        right: var(--RIGHT-MARGIN);
         height: 20px;
         line-height: 20px;
         color: #333;
@@ -53,49 +133,33 @@ let DePageHeader = class DePageHeader extends DeesElement {
         bottom: 10px;
         height: 25px;
         left: auto;
-        right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
-        font-family: 'Courier New', Courier, monospace;
+        right: var(--RIGHT-MARGIN);
+        font-family: "Courier New", Courier, monospace;
       }
       .topstripe .logo img {
         position: relative;
         height: 25px;
       }
     `,
-    ]; }
-    render() {
-        return html `
+        ];
+        render() {
+            return html `
       <div class="topstripe">
         <div class="logo">
-          No logo set!
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "empty.logo")}
         </div>
       </div>
-      <div class="topstripe2">${this.letterData?.from?.description || '[no letterData.from.description set]'}</div>
+      <div class="topstripe2">
+        ${this.letterData?.from?.description ||
+                "[no letterData.from.description set]"}
+      </div>
     `;
-    }
-};
-__decorate([
-    property({
-        type: Object,
-    })
-], DePageHeader.prototype, "letterData", void 0);
-__decorate([
-    property({
-        type: Object,
-        reflect: true,
-    })
-], DePageHeader.prototype, "documentSettings", void 0);
-__decorate([
-    property({
-        type: Number,
-    })
-], DePageHeader.prototype, "pageNumber", void 0);
-__decorate([
-    property({
-        type: Number,
-    })
-], DePageHeader.prototype, "pageTotalNumber", void 0);
-DePageHeader = __decorate([
-    customElement('dedocument-pageheader')
-], DePageHeader);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DePageHeader = _classThis;
+})();
 export { DePageHeader };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxFQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBUzdDLElBQU0sWUFBWSxHQUFsQixNQUFNLFlBQWEsU0FBUSxXQUFXO2FBQzdCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7c0NBQ0ssSUFBSTtHQUN2QyxBQUZpQixDQUVoQjtJQXVCRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBbkJILGVBQVUsR0FBcUMsSUFBSSxDQUFDO1FBV3BELGVBQVUsR0FBVyxDQUFDLENBQUM7UUFLdkIsb0JBQWUsR0FBVyxDQUFDLENBQUM7UUFJakMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxxQkFBcUI7UUFDckIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUJBcUJVLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7O2lCQVc1QyxTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7O0tBT3hEO0tBQ0YsQUEzQ21CLENBMkNsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7O2dDQU1pQixJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxXQUFXLElBQUksc0NBQXNDO0tBQ3ZHLENBQUM7SUFDSixDQUFDOztBQTdFTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQztnREFDeUQ7QUFNM0Q7SUFKQyxRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQztzREFDNEQ7QUFLdkQ7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7Z0RBQzRCO0FBS3ZCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDO3FEQUNpQztBQXhCeEIsWUFBWTtJQUR4QixhQUFhLENBQUMsdUJBQXVCLENBQUM7R0FDMUIsWUFBWSxDQXNGeEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxFQUNULFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztJQVN2QyxZQUFZOzRCQUR4QixhQUFhLENBQUMsdUJBQXVCLENBQUM7Ozs7c0JBQ0wsV0FBVzs7Ozs7Ozs7Ozs7Ozs0QkFBbkIsU0FBUSxXQUFXOzs7O3NDQUsxQyxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQzs0Q0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQzsyQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztZQWZGLG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFBMEM7WUFNN0QscU1BQVMsZ0JBQWdCLDZCQUFoQixnQkFBZ0IsMkdBQThDO1lBS3ZFLG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFBYTtZQUtoQyxrTUFBUyxlQUFlLDZCQUFmLGVBQWUseUdBQWE7WUF4QnZDLDZLQTRGQzs7OztRQTNGUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTtzQ0FDSyxJQUFJO0dBQ3ZDLENBQUM7UUFLRixpRkFBd0QsSUFBSSxFQUFDO1FBQTdELElBQVMsVUFBVSxnREFBMEM7UUFBN0QsSUFBUyxVQUFVLHNEQUEwQztRQU03RCwrSkFBdUU7UUFBdkUsSUFBUyxnQkFBZ0Isc0RBQThDO1FBQXZFLElBQVMsZ0JBQWdCLDREQUE4QztRQUt2RSxnSkFBOEIsQ0FBQyxHQUFDO1FBQWhDLElBQVMsVUFBVSxnREFBYTtRQUFoQyxJQUFTLFVBQVUsc0RBQWE7UUFLaEMsb0pBQW1DLENBQUMsR0FBQztRQUFyQyxJQUFTLGVBQWUscURBQWE7UUFBckMsSUFBUyxlQUFlLDJEQUFhO1FBRXJDO1lBQ0UsS0FBSyxFQUFFLENBQUM7O1lBQ1IsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUNuQztRQUVNLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1lBQ2xDLHFCQUFxQjtZQUNyQixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVDRjtTQUNGLENBQUM7UUFFSyxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7OztZQUdILE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FDcEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksRUFDbEMsWUFBWSxDQUNiOzs7O1VBSUQsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsV0FBVztnQkFDcEMsc0NBQXNDOztLQUV6QyxDQUFDO1FBQ0osQ0FBQzs7WUEzRlUsdURBQVk7Ozs7O1NBQVosWUFBWSJ9

package/dist_ts_web/elements/viewer.d.ts

@@ -1,14 +1,14 @@
-import * as plugins from '../plugins.js';
-import { DeesElement } from '@design.estate/dees-element';
+import * as plugins from "../plugins.js";
+import { DeesElement } from "@design.estate/dees-element";
 declare global {
     interface HTMLElementTagNameMap {
-        'dedocument-viewer': DeDocumentViewer;
+        "dedocument-viewer": DeDocumentViewer;
     }
 }
 export declare class DeDocumentViewer extends DeesElement {
     static demo: () => import("@design.estate/dees-element").TemplateResult<1>;
-    letterData: plugins.tsclass.business.ILetter;
-    documentSettings: plugins.shared.interfaces.IDocumentSettings;
+    accessor letterData: plugins.tsclass.business.TLetter;
+    accessor documentSettings: plugins.shared.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/elements/viewer.demo.js

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