@design.estate/dees-document 2.0.2 → 2.0.4

package/dist_ts_web/elements/index.d.ts

@@ -1,9 +1,10 @@
-export * from './contentinvoice.js';
-export * from './document.js';
-export * from './letterheader.js';
-export * from './page.js';
-export * from './pagecontainer.js';
-export * from './pagecontent.js';
-export * from './pagefooter.js';
-export * from './pageheader.js';
-export * from './viewer.js';
+export * from "./contentinvoice.js";
+export * from "./document.js";
+export * from "./letterheader.js";
+export * from "./page.js";
+export * from "./pagecontainer.js";
+export * from "./pagecontent.js";
+export * from "./pagefooter.js";
+export * from "./pageheader.js";
+export * from "./viewer.js";
+export * from "./paymentcode.js";

package/dist_ts_web/elements/index.js

@@ -1,10 +1,11 @@
-export * from './contentinvoice.js';
-export * from './document.js';
-export * from './letterheader.js';
-export * from './page.js';
-export * from './pagecontainer.js';
-export * from './pagecontent.js';
-export * from './pagefooter.js';
-export * from './pageheader.js';
-export * from './viewer.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUMifQ==
+export * from "./contentinvoice.js";
+export * from "./document.js";
+export * from "./letterheader.js";
+export * from "./page.js";
+export * from "./pagecontainer.js";
+export * from "./pagecontent.js";
+export * from "./pagefooter.js";
+export * from "./pageheader.js";
+export * from "./viewer.js";
+export * from "./paymentcode.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQyJ9

package/dist_ts_web/elements/letterheader.d.ts

@@ -1,16 +1,18 @@
-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-letterheader': DeLetterHeader;
+        "dedocument-letterheader": DeLetterHeader;
     }
 }
 export declare class DeLetterHeader extends DeesElement {
     static demo: () => TemplateResult<1>;
-    letterData: plugins.tsclass.business.ILetter;
-    pageNumber: number;
-    pageTotalNumber: number;
+    accessor letterData: plugins.tsclass.finance.TInvoice;
+    accessor pageNumber: number;
+    accessor pageTotalNumber: number;
+    accessor documentSettings: plugins.shared.interfaces.IDocumentSettings;
     constructor();
     static styles: import("@design.estate/dees-element").CSSResult[];
+    private renderDeliveryDate;
     render(): TemplateResult;
 }

package/dist_ts_web/elements/letterheader.js

@@ -1,39 +1,136 @@
-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 DeLetterHeader = class DeLetterHeader extends DeesElement {
-    static { this.demo = () => html `
-    <dedocument-letterheader .format="${'a4'}" .letterData=${plugins.shared.demoLetter}></dedocument-letterheader>
-  `; }
-    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 `
-      :host {
-        color: #333;
+    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 DeLetterHeader = (() => {
+    let _classDecorators = [customElement("dedocument-letterheader")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _letterData_decorators;
+    let _letterData_initializers = [];
+    let _letterData_extraInitializers = [];
+    let _pageNumber_decorators;
+    let _pageNumber_initializers = [];
+    let _pageNumber_extraInitializers = [];
+    let _pageTotalNumber_decorators;
+    let _pageTotalNumber_initializers = [];
+    let _pageTotalNumber_extraInitializers = [];
+    let _documentSettings_decorators;
+    let _documentSettings_initializers = [];
+    let _documentSettings_extraInitializers = [];
+    var DeLetterHeader = 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,
+                    reflect: true,
+                })];
+            _pageNumber_decorators = [property({
+                    type: Number,
+                    reflect: true,
+                })];
+            _pageTotalNumber_decorators = [property({
+                    type: Number,
+                    reflect: true,
+                })];
+            _documentSettings_decorators = [property({
+                    type: Object,
+                    reflect: true,
+                })];
+            __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, _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(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(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeLetterHeader = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <dedocument-letterheader
+      .format="${"a4"}"
+      .letterData=${plugins.shared.demoLetter}
+    ></dedocument-letterheader>
+  `;
+        #letterData_accessor_storage = __runInitializers(this, _letterData_initializers, void 0);
+        get letterData() { return this.#letterData_accessor_storage; }
+        set letterData(value) { this.#letterData_accessor_storage = value; }
+        #pageNumber_accessor_storage = (__runInitializers(this, _letterData_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; }
+        #documentSettings_accessor_storage = (__runInitializers(this, _pageTotalNumber_extraInitializers), __runInitializers(this, _documentSettings_initializers, void 0));
+        get documentSettings() { return this.#documentSettings_accessor_storage; }
+        set documentSettings(value) { this.#documentSettings_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _documentSettings_extraInitializers);
+            domtools.DomTools.setupDomTools();
+        }
+        static styles = [
+            domtools.elementBasic.staticStyles,
+            dedocumentSharedStyle,
+            css `
+      .address {
+        position: absolute;
+        top: calc(var(--DPI-FACTOR) * 4.5);
+        left: var(--LEFT-MARGIN);
+      }
+
+      .date {
+        position: absolute;
+        top: calc(var(--DPI-FACTOR) * 4.5);
+        right: var(--RIGHT-MARGIN);
+        text-align: right;
       }
 
       .recepientInfo {
         position: absolute;
         display: block;
         overflow: hidden;
-        top: 200px;
-        right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
+        top: calc(var(--DPI-FACTOR) * 5.5);
+        right: var(--RIGHT-MARGIN);
         width: 200px;
         text-align: right;
       }
+
       .recepientInfo .label {
         margin-top: 10px;
         margin-bottom: 3px;
@@ -41,19 +138,6 @@ let DeLetterHeader = class DeLetterHeader extends DeesElement {
         font-weight: bold;
       }
 
-      .date {
-        position: absolute;
-        top: 180px;
-        right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
-        text-align: right;
-      }
-
-      .address {
-        position: absolute;
-        top: 180px;
-        left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
-      }
-
       .address .from {
         font-size: 10px;
       }
@@ -62,56 +146,79 @@ let DeLetterHeader = class DeLetterHeader extends DeesElement {
         margin-top: 10px;
       }
     `,
-    ]; }
-    render() {
-        return html `
+        ];
+        renderDeliveryDate(from, to) {
+            if (this.letterData.accountingDocType !== "invoice")
+                return null;
+            const dateFormat = new Intl.DateTimeFormat(this.documentSettings.languageCode, { dateStyle: this.documentSettings.dateStyle });
+            let formattedFrom = from ? dateFormat.format(from) : null;
+            let formattedTo = to ? dateFormat.format(to) : null;
+            const isSameDay = formattedFrom === formattedTo;
+            if (isSameDay) {
+                return html `<div class="label">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@periodOfPerformance.day")}
+        </div>
+        <span> ${formattedFrom} </span>`;
+            }
+            else {
+                return html `<div class="label">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@periodOfPerformance.range")}
+        </div>
+        <span> ${formattedFrom} - ${formattedTo}</span>`;
+            }
+        }
+        render() {
+            return html `
       <div class="date">
-        ${new Date(this.letterData.date).getDate()}. ${new Date(this.letterData.date).toLocaleString('default', { month: 'long' })}
-        ${new Date(this.letterData.date).getFullYear()}
+        ${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
+                dateStyle: "long",
+            }).format(new Date(this.letterData.date))}
       </div>
       <div class="address">
         <div class="from">
-          ${this.letterData.from.name}, ${this.letterData.from.address.streetName}
-          ${this.letterData.from.address.houseNumber}, ${this.letterData.from.address.postalCode}
-          ${this.letterData.from.address.city}, ${this.letterData.from.address.country}
+          ${this.letterData.from.name},
+          ${this.letterData.from.address.streetName}
+          ${this.letterData.from.address.houseNumber},
+          ${this.letterData.from.address.postalCode}
+          ${this.letterData.from.address.city},
+          ${this.letterData.from.address.country}
         </div>
         <div class="to">
           ${this.letterData.to.name}<br />
-          ${this.letterData.to.address.streetName} ${this.letterData.to.address.houseNumber}<br />
-          ${this.letterData.to.address.postalCode} ${this.letterData.to.address.city}<br />
+          ${this.letterData.to.address.streetName}
+          ${this.letterData.to.address.houseNumber}<br />
+          ${this.letterData.to.address.postalCode}
+          ${this.letterData.to.address.city}<br />
           ${this.letterData.from.address.country}
         </div>
       </div>
       <div class="recepientInfo">
-        <div class="label">your customer id:</div>
-        ${this.letterData.to.customerNumber || 'not registered'}
+        <div class="label">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@customer.number")}
+        </div>
+        ${this.letterData.to.customerNumber || "not registered"}
+
+        <div class="label">
+          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@vat.yourId")}
+        </div>
+        ${this.letterData.to.registrationDetails.vatId || "not provided"}
 
-        <div class="label">your vat id on file:</div>
-        ${this.letterData.to.vatId || 'not provided'}
+        <!-- TODO: Make use of components -->
+        ${this.letterData.accountingDocType === "invoice"
+                ? html ` <div class="label">
+                ${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@invoice.number")}
+              </div>
+              ${this.letterData.id || "not registered"}`
+                : null}
+        ${this.renderDeliveryDate(new Date(this.letterData.periodOfPerformance?.from), new Date(this.letterData.periodOfPerformance?.to))}
       </div>
     `;
-    }
-};
-__decorate([
-    property({
-        type: Object,
-        reflect: true
-    })
-], DeLetterHeader.prototype, "letterData", void 0);
-__decorate([
-    property({
-        type: Number,
-        reflect: true,
-    })
-], DeLetterHeader.prototype, "pageNumber", void 0);
-__decorate([
-    property({
-        type: Number,
-        reflect: true,
-    })
-], DeLetterHeader.prototype, "pageTotalNumber", void 0);
-DeLetterHeader = __decorate([
-    customElement('dedocument-letterheader')
-], DeLetterHeader);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeLetterHeader = _classThis;
+})();
 export { DeLetterHeader };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2xldHRlcmhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxFQUNULFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQVM3QyxJQUFNLGNBQWMsR0FBcEIsTUFBTSxjQUFlLFNBQVEsV0FBVzthQUMvQixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3dDQUNPLElBQUksaUJBQWlCLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVTtHQUNuRixBQUZpQixDQUVoQjtJQW9CRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBVEgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQU12QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLHFCQUFxQjtRQUNyQixHQUFHLENBQUE7Ozs7Ozs7Ozs7aUJBVVUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7Ozs7Ozs7aUJBYzVDLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Z0JBTzdDLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7S0FVdEQ7S0FDRixBQTdDbUIsQ0E2Q2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOztVQUVMLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxjQUFjLENBQUMsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDO1VBQ3hILElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsV0FBVyxFQUFFOzs7O1lBSTFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVTtZQUNyRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVO1lBQ3BGLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU87OztZQUcxRSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxJQUFJO1lBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFdBQVc7WUFDL0UsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUN4RSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7Ozs7VUFLdEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsY0FBYyxJQUFJLGdCQUFnQjs7O1VBR3JELElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLEtBQUssSUFBSSxjQUFjOztLQUUvQyxDQUFDO0lBQ0osQ0FBQzs7QUE3Rk07SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQztrREFDa0Q7QUFNN0M7SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQztrREFDNEI7QUFNdkI7SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQzt1REFDaUM7QUFyQnhCLGNBQWM7SUFEMUIsYUFBYSxDQUFDLHlCQUF5QixDQUFDO0dBQzVCLGNBQWMsQ0F1RzFCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2xldHRlcmhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsU0FBUyxFQUNULFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztJQVN2QyxjQUFjOzRCQUQxQixhQUFhLENBQUMseUJBQXlCLENBQUM7Ozs7c0JBQ0wsV0FBVzs7Ozs7Ozs7Ozs7Ozs4QkFBbkIsU0FBUSxXQUFXOzs7O3NDQVE1QyxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzsyQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzs0Q0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztZQWpCRixtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQW1DO1lBTXRELG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFBYTtZQU1oQyxrTUFBUyxlQUFlLDZCQUFmLGVBQWUseUdBQWE7WUFNckMscU1BQVMsZ0JBQWdCLDZCQUFoQixnQkFBZ0IsMkdBQThDO1lBOUJ6RSw2S0EyS0M7Ozs7UUExS1EsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFH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

package/dist_ts_web/elements/page.d.ts

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