@design.estate/dees-document 2.0.2 → 2.0.4

package/dist_ts_web/elements/pagecontainer.js

@@ -1,61 +1,114 @@
-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, } from '@design.estate/dees-element';
-import * as domtools from '@design.estate/dees-domtools';
-import * as plugins from '../plugins.js';
-let DePageContainer = class DePageContainer extends DeesElement {
-    static { this.demo = () => html `
-    <dedocument-pagecontainer .format="${'a4'}"></dedocument-pagecontainer>
-  `; }
-    constructor() {
-        super();
-        this.format = 'a4';
-        this.printMode = false;
-        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,
-        css `
+    return useValue ? value : void 0;
+};
+import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, } from "@design.estate/dees-element";
+import * as domtools from "@design.estate/dees-domtools";
+import * as plugins from "../plugins.js";
+let DePageContainer = (() => {
+    let _classDecorators = [customElement("dedocument-pagecontainer")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _format_decorators;
+    let _format_initializers = [];
+    let _format_extraInitializers = [];
+    let _printMode_decorators;
+    let _printMode_initializers = [];
+    let _printMode_extraInitializers = [];
+    var DePageContainer = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _format_decorators = [property({
+                    type: String,
+                })];
+            _printMode_decorators = [property({
+                    type: Boolean,
+                })];
+            __esDecorate(this, null, _format_decorators, { kind: "accessor", name: "format", static: false, private: false, access: { has: obj => "format" in obj, get: obj => obj.format, set: (obj, value) => { obj.format = value; } }, metadata: _metadata }, _format_initializers, _format_extraInitializers);
+            __esDecorate(this, null, _printMode_decorators, { kind: "accessor", name: "printMode", static: false, private: false, access: { has: obj => "printMode" in obj, get: obj => obj.printMode, set: (obj, value) => { obj.printMode = value; } }, metadata: _metadata }, _printMode_initializers, _printMode_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DePageContainer = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <dedocument-pagecontainer .format="${"a4"}"></dedocument-pagecontainer>
+  `;
+        #format_accessor_storage = __runInitializers(this, _format_initializers, "a4");
+        get format() { return this.#format_accessor_storage; }
+        set format(value) { this.#format_accessor_storage = value; }
+        #printMode_accessor_storage = (__runInitializers(this, _format_extraInitializers), __runInitializers(this, _printMode_initializers, false));
+        get printMode() { return this.#printMode_accessor_storage; }
+        set printMode(value) { this.#printMode_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _printMode_extraInitializers);
+            domtools.DomTools.setupDomTools();
+        }
+        static styles = [
+            domtools.elementBasic.staticStyles,
+            css `
       :host {
         display: block;
-        background: white;
-        color: #333;
         padding: 0px;
-        width: ${unsafeCSS(plugins.shared.a4Width + 'px')};
-        height: ${unsafeCSS(plugins.shared.a4Height + 'px')};
+        width: ${unsafeCSS(plugins.shared.A4_WIDTH + "px")};
+        height: ${unsafeCSS(plugins.shared.A4_HEIGHT + "px")};
         position: relative;
         border-radius: 3px;
         overflow: hidden;
+        background: var(--text-bg-color, #ffffff);
       }
     `,
-    ]; }
-    render() {
-        return html `
+        ];
+        render() {
+            return html `
       <style>
         :host {
-          box-shadow: ${this.printMode ? `none` : `0px 0px 10px rgba(0,0,0,0.3)`};
+          box-shadow: ${this.printMode
+                ? `none`
+                : `0px 0px 10px rgba(0,0,0,0.3)`};
         }
       </style>
       <slot></slot>
     `;
-    }
-};
-__decorate([
-    property({
-        type: String,
-    })
-], DePageContainer.prototype, "format", void 0);
-__decorate([
-    property({
-        type: Boolean,
-    })
-], DePageContainer.prototype, "printMode", void 0);
-DePageContainer = __decorate([
-    customElement('dedocument-pagecontainer')
-], DePageContainer);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DePageContainer = _classThis;
+})();
 export { DePageContainer };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlY29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBU2xDLElBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWdCLFNBQVEsV0FBVzthQUNoQyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3lDQUNRLElBQUk7R0FDMUMsQUFGaUIsQ0FFaEI7SUFZRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsV0FBTSxHQUFTLElBQUksQ0FBQztRQUtwQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBSXZCLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMsR0FBRyxDQUFBOzs7Ozs7aUJBTVUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztrQkFDdkMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQzs7Ozs7S0FLdEQ7S0FDRixBQWZtQixDQWVsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O3dCQUdTLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsOEJBQThCOzs7O0tBSTNFLENBQUM7SUFDSixDQUFDOztBQXRDTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzsrQ0FDeUI7QUFLcEI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsT0FBTztLQUNkLENBQUM7a0RBQ3VCO0FBYmQsZUFBZTtJQUQzQixhQUFhLENBQUMsMEJBQTBCLENBQUM7R0FDN0IsZUFBZSxDQStDM0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlY29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztJQVM1QixlQUFlOzRCQUQzQixhQUFhLENBQUMsMEJBQTBCLENBQUM7Ozs7c0JBQ0wsV0FBVzs7Ozs7OzsrQkFBbkIsU0FBUSxXQUFXOzs7O2tDQUs3QyxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztxQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE9BQU87aUJBQ2QsQ0FBQztZQUpGLHVLQUFTLE1BQU0sNkJBQU4sTUFBTSx1RkFBYztZQUs3QixnTEFBUyxTQUFTLDZCQUFULFNBQVMsNkZBQVM7WUFiN0IsNktBZ0RDOzs7O1FBL0NRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3lDQUNRLElBQUk7R0FDMUMsQ0FBQztRQUtGLHlFQUF3QixJQUFJLEVBQUM7UUFBN0IsSUFBUyxNQUFNLDRDQUFjO1FBQTdCLElBQVMsTUFBTSxrREFBYztRQUs3QixvSUFBcUIsS0FBSyxHQUFDO1FBQTNCLElBQVMsU0FBUywrQ0FBUztRQUEzQixJQUFTLFNBQVMscURBQVM7UUFFM0I7WUFDRSxLQUFLLEVBQUUsQ0FBQzs7WUFDUixRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ25DO1FBRU0sTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7WUFDbEMsR0FBRyxDQUFBOzs7O2lCQUlVLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7a0JBQ3hDLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7Ozs7OztLQU12RDtTQUNGLENBQUM7UUFFSyxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7Ozt3QkFHUyxJQUFJLENBQUMsU0FBUztnQkFDMUIsQ0FBQyxDQUFDLE1BQU07Z0JBQ1IsQ0FBQyxDQUFDLDhCQUE4Qjs7OztLQUl2QyxDQUFDO1FBQ0osQ0FBQzs7WUEvQ1UsdURBQWU7Ozs7O1NBQWYsZUFBZSJ9

package/dist_ts_web/elements/pagecontent.d.ts

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

package/dist_ts_web/elements/pagecontent.js

@@ -1,39 +1,124 @@
-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 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();
+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, cssManager, unsafeCSS, domtools, } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+import { dedocumentSharedStyle } from "../style.js";
+let DePageContent = (() => {
+    let _classDecorators = [customElement("dedocument-pagecontent")];
+    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 DePageContent = 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: Number,
+                })];
+            _pageNumber_decorators = [property({
+                    type: Number,
+                })];
+            _pageTotalNumber_decorators = [property({
+                    type: Number,
+                })];
+            _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);
+            DePageContent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <dedocument-pagecontent .format="${"a4"}"></dedocument-pagecontent>
+  `;
+        #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 `
       .content {
         position: absolute;
 
-        left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
-        right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
-        bottom: 170px;
+        left: var(--LEFT-MARGIN);
+        right: var(--RIGHT-MARGIN);
+        bottom: calc(var(--DPI-FACTOR) * 4);
         overflow: visible;
       }
 
+      .content.page--first {
+        top: calc(var(--DPI-FACTOR) * 9.85);
+      }
+
+      .content.page--notFirst {
+        top: calc(var(--DPI-FACTOR) * 4.5);
+      }
+
       .content .subject {
         font-size: 18px;
         font-weight: bold;
@@ -55,82 +140,38 @@ let DePageContent = class DePageContent extends DeesElement {
         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>
-            `}
+        ];
+        render() {
+            const firstPage = this.pageNumber === 1;
+            return html `
+      <div class="content ${firstPage ? "page--first" : "page--notFirst"}">
+        ${firstPage
+                ? html `<div class="subject">${this.letterData.subject}</div>`
+                : null}
         <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) {
-            return true;
         }
-        else {
-            return false;
+        firstUpdated(_changedProperties) {
+            super.firstUpdated(_changedProperties);
+            this.checkOverflow();
         }
-    }
-};
-__decorate([
-    property({
-        type: Number,
-    })
-], DePageContent.prototype, "letterData", void 0);
-__decorate([
-    property({
-        type: Number,
-    })
-], DePageContent.prototype, "pageNumber", void 0);
-__decorate([
-    property({
-        type: Number,
-    })
-], DePageContent.prototype, "pageTotalNumber", void 0);
-DePageContent = __decorate([
-    customElement('dedocument-pagecontent')
-], DePageContent);
+        async checkOverflow() {
+            await this.elementDomReady;
+            const contentContainer = this.shadowRoot.querySelector(".content");
+            if (contentContainer.scrollHeight > contentContainer.clientHeight) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DePageContent = _classThis;
+})();
 export { DePageContent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvcGFnZWNvbnRlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsRUFDVCxRQUFRLEdBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFTN0MsSUFBTSxhQUFhLEdBQW5CLE1BQU0sYUFBYyxTQUFRLFdBQVc7YUFDOUIsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTt1Q0FDTSxJQUFJO0dBQ3hDLEFBRmlCLENBRWhCO0lBaUJGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFSSCxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBS3ZCLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBSWpDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMscUJBQXFCO1FBQ3JCLEdBQUcsQ0FBQTs7Ozs7Ozs7Z0JBUVMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztpQkFDMUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQThDeEQ7S0FDRixBQTNEbUIsQ0EyRGxCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7aUJBR0UsSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQzs7OztVQUl0RSxJQUFJLENBQUMsVUFBVSxLQUFLLENBQUM7WUFDckIsQ0FBQyxDQUFDLElBQUksQ0FBQSx3QkFBd0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLFFBQVE7WUFDN0QsQ0FBQyxDQUFDLElBQUksQ0FBQTs7a0JBRUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLFVBQVUsSUFBSSxDQUFDLFVBQVU7O2FBRXJEOztVQUVILElBQUksQ0FBQyxlQUFlLEtBQUssSUFBSSxDQUFDLFVBQVU7WUFDeEMsQ0FBQyxDQUFDLElBQUksQ0FBQSxzREFBc0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLFFBQVE7WUFDdkYsQ0FBQyxDQUFDLElBQUksQ0FBQSx1RUFBdUU7O0tBRWxGLENBQUM7SUFDSixDQUFDO0lBRU0sWUFBWSxDQUFDLGtCQUEwRDtRQUM1RSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxLQUFLLENBQUMsYUFBYTtRQUN4QixNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDM0IsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNuRSxJQUFJLGdCQUFnQixDQUFDLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNsRSxPQUFPLElBQUksQ0FBQztRQUNkLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO0lBQ0gsQ0FBQzs7QUFsSE07SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7aURBQ2tEO0FBSzdDO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDO2lEQUM0QjtBQUt2QjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQztzREFDaUM7QUFsQnhCLGFBQWE7SUFEekIsYUFBYSxDQUFDLHdCQUF3QixDQUFDO0dBQzNCLGFBQWEsQ0EySHpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvcGFnZWNvbnRlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0lBU3ZDLGFBQWE7NEJBRHpCLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQzs7OztzQkFDTCxXQUFXOzs7Ozs7Ozs7Ozs7OzZCQUFuQixTQUFRLFdBQVc7Ozs7c0NBSzNDLFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtpQkFDYixDQUFDO3NDQUdELFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtpQkFDYixDQUFDOzJDQUdELFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtpQkFDYixDQUFDOzRDQUdELFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtvQkFDWixPQUFPLEVBQUUsSUFBSTtpQkFDZCxDQUFDO1lBZkYsbUxBQVMsVUFBVSw2QkFBVixVQUFVLCtGQUFtQztZQUt0RCxtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQWE7WUFLaEMsa01BQVMsZUFBZSw2QkFBZixlQUFlLHlHQUFhO1lBTXJDLHFNQUFTLGdCQUFnQiw2QkFBaEIsZ0JBQWdCLDJHQUE4QztZQXhCekUsNktBd0dDOzs7O1FBdkdRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3VDQUNNLElBQUk7R0FDeEMsQ0FBQztRQUtGLHlGQUFzRDtRQUF0RCxJQUFTLFVBQVUsZ0RBQW1DO1FBQXRELElBQVMsVUFBVSxzREFBbUM7UUFLdEQsMElBQThCLENBQUMsR0FBQztRQUFoQyxJQUFTLFVBQVUsZ0RBQWE7UUFBaEMsSUFBUyxVQUFVLHNEQUFhO1FBS2hDLG9KQUFtQyxDQUFDLEdBQUM7UUFBckMsSUFBUyxlQUFlLHFEQUFhO1FBQXJDLElBQVMsZUFBZSwyREFBYTtRQU1yQyxvS0FBdUU7UUFBdkUsSUFBUyxnQkFBZ0Isc0RBQThDO1FBQXZFLElBQVMsZ0JBQWdCLDREQUE4QztRQUV2RTtZQUNFLEtBQUssRUFBRSxDQUFDOztZQUNSLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDbkM7UUFFTSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtZQUNsQyxxQkFBcUI7WUFDckIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0F1Q0Y7U0FDRixDQUFDO1FBRUssTUFBTTtZQUNYLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLEtBQUssQ0FBQyxDQUFDO1lBQ3hDLE9BQU8sSUFBSSxDQUFBOzRCQUNhLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0I7VUFDOUQsU0FBUztnQkFDVCxDQUFDLENBQUMsSUFBSSxDQUFBLHdCQUF3QixJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sUUFBUTtnQkFDN0QsQ0FBQyxDQUFDLElBQUk7OztLQUdYLENBQUM7UUFDSixDQUFDO1FBRU0sWUFBWSxDQUNqQixrQkFBMEQ7WUFFMUQsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN2QixDQUFDO1FBRU0sS0FBSyxDQUFDLGFBQWE7WUFDeEIsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1lBQzNCLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDbkUsSUFBSSxnQkFBZ0IsQ0FBQyxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ2xFLE9BQU8sSUFBSSxDQUFDO1lBQ2QsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLE9BQU8sS0FBSyxDQUFDO1lBQ2YsQ0FBQztRQUNILENBQUM7O1lBdkdVLHVEQUFhOzs7OztTQUFiLGFBQWEifQ==

package/dist_ts_web/elements/pagefooter.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-pagefooter': DePageFooter;
+        "dedocument-pagefooter": DePageFooter;
     }
 }
 export declare class DePageFooter 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;