@design.estate/dees-document 2.0.2 → 2.0.4

package/dist_ts_web/elements/page.js

@@ -1,30 +1,146 @@
-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 * as tsclass from '@tsclass/tsclass';
-import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
-import * as plugins from '../plugins.js';
-import { defaultDocumentSettings } from './document.js';
-let DePage = class DePage extends DeesElement {
-    static { this.demo = () => html ` <dedocument-page .format="${'a4'}"></dedocument-page> `; }
-    constructor() {
-        super();
-        this.viewWidth = null;
-        this.viewHeight = null;
-        this.format = 'a4';
-        this.pageNumber = 1;
-        this.pageTotalNumber = 1;
-        this.letterData = null;
-        this.printMode = false;
-        this.documentSettings = defaultDocumentSettings;
-        domtools.DomTools.setupDomTools();
+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 * as tsclass from "@tsclass/tsclass";
+import { DeesElement, property, html, customElement, css, domtools, } from "@design.estate/dees-element";
+import * as plugins from "../plugins.js";
+import { defaultDocumentSettings } from "./document.js";
+let DePage = (() => {
+    let _classDecorators = [customElement("dedocument-page")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _viewWidth_decorators;
+    let _viewWidth_initializers = [];
+    let _viewWidth_extraInitializers = [];
+    let _viewHeight_decorators;
+    let _viewHeight_initializers = [];
+    let _viewHeight_extraInitializers = [];
+    let _format_decorators;
+    let _format_initializers = [];
+    let _format_extraInitializers = [];
+    let _pageNumber_decorators;
+    let _pageNumber_initializers = [];
+    let _pageNumber_extraInitializers = [];
+    let _pageTotalNumber_decorators;
+    let _pageTotalNumber_initializers = [];
+    let _pageTotalNumber_extraInitializers = [];
+    let _letterData_decorators;
+    let _letterData_initializers = [];
+    let _letterData_extraInitializers = [];
+    let _printMode_decorators;
+    let _printMode_initializers = [];
+    let _printMode_extraInitializers = [];
+    let _documentSettings_decorators;
+    let _documentSettings_initializers = [];
+    let _documentSettings_extraInitializers = [];
+    var DePage = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _viewWidth_decorators = [property({
+                    type: Number,
+                })];
+            _viewHeight_decorators = [property({
+                    type: Number,
+                })];
+            _format_decorators = [property({
+                    type: String,
+                })];
+            _pageNumber_decorators = [property({
+                    type: Number,
+                })];
+            _pageTotalNumber_decorators = [property({
+                    type: Number,
+                })];
+            _letterData_decorators = [property({
+                    type: Object,
+                })];
+            _printMode_decorators = [property({
+                    type: Boolean,
+                    reflect: true,
+                })];
+            _documentSettings_decorators = [property({
+                    type: Object,
+                    reflect: true,
+                })];
+            __esDecorate(this, null, _viewWidth_decorators, { kind: "accessor", name: "viewWidth", static: false, private: false, access: { has: obj => "viewWidth" in obj, get: obj => obj.viewWidth, set: (obj, value) => { obj.viewWidth = value; } }, metadata: _metadata }, _viewWidth_initializers, _viewWidth_extraInitializers);
+            __esDecorate(this, null, _viewHeight_decorators, { kind: "accessor", name: "viewHeight", static: false, private: false, access: { has: obj => "viewHeight" in obj, get: obj => obj.viewHeight, set: (obj, value) => { obj.viewHeight = value; } }, metadata: _metadata }, _viewHeight_initializers, _viewHeight_extraInitializers);
+            __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, _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, _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, _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(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);
+            DePage = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html ` <dedocument-page .format="${"a4"}"></dedocument-page> `;
+        #viewWidth_accessor_storage = __runInitializers(this, _viewWidth_initializers, null);
+        get viewWidth() { return this.#viewWidth_accessor_storage; }
+        set viewWidth(value) { this.#viewWidth_accessor_storage = value; }
+        #viewHeight_accessor_storage = (__runInitializers(this, _viewWidth_extraInitializers), __runInitializers(this, _viewHeight_initializers, null));
+        get viewHeight() { return this.#viewHeight_accessor_storage; }
+        set viewHeight(value) { this.#viewHeight_accessor_storage = value; }
+        #format_accessor_storage = (__runInitializers(this, _viewHeight_extraInitializers), __runInitializers(this, _format_initializers, "a4"));
+        get format() { return this.#format_accessor_storage; }
+        set format(value) { this.#format_accessor_storage = value; }
+        #pageNumber_accessor_storage = (__runInitializers(this, _format_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; }
+        #letterData_accessor_storage = (__runInitializers(this, _pageTotalNumber_extraInitializers), __runInitializers(this, _letterData_initializers, null));
+        get letterData() { return this.#letterData_accessor_storage; }
+        set letterData(value) { this.#letterData_accessor_storage = value; }
+        #printMode_accessor_storage = (__runInitializers(this, _letterData_extraInitializers), __runInitializers(this, _printMode_initializers, false));
+        get printMode() { return this.#printMode_accessor_storage; }
+        set printMode(value) { this.#printMode_accessor_storage = value; }
+        #documentSettings_accessor_storage = (__runInitializers(this, _printMode_extraInitializers), __runInitializers(this, _documentSettings_initializers, defaultDocumentSettings));
+        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,
+            css `
       :host {
         display: block;
         overflow: hidden;
@@ -50,29 +166,71 @@ let DePage = class DePage extends DeesElement {
         align-items: center;
       }
 
-      .topInfo {
-        position: absolute;
-        top: 60px;
-        left: 40px;
-        color: red;
-        transform: rotate(-5deg);
-      }
-
       .bigDraftText {
         transform: rotate(-45deg);
         font-size: 200px;
         opacity: 0.05;
       }
+
+      .foldMark__wrapper {
+        z-index: 0;
+      }
+
+      .foldMark {
+        position: absolute;
+        border-top: 1px solid #d3d3d3;
+        width: 10px;
+        left: 15px;
+      }
+
+      .foldMark--start {
+        top: calc(var(--DPI-FACTOR) * 8.7);
+      }
+
+      .foldMark--center {
+        top: calc(var(--DPI-FACTOR) * 14.85);
+      }
+
+      .foldMark--end {
+        top: calc(var(--DPI-FACTOR) * 19.2);
+      }
     `,
-    ]; }
-    render() {
-        return html `
+        ];
+        render() {
+            const theme = this.documentSettings.theme;
+            return html `
+      <style>
+        :host {
+          ${theme?.colorPrimaryForeground ? `--theme-color-primary-fg: ${theme.colorPrimaryForeground};` : ''}
+          ${theme?.colorPrimaryBackground ? `--theme-color-primary-bg: ${theme.colorPrimaryBackground};` : ''}
+          ${theme?.colorAccentForeground ? `--theme-color-accent-fg: ${theme.colorAccentForeground};` : ''}
+          ${theme?.colorAccentBackground ? `--theme-color-accent-bg: ${theme.colorAccentBackground};` : ''}
+        }
+
+        .page {
+          background-size: contain;
+          height: 100%;
+        }
+
+        .page:not(.page--first) {
+          background-image: ${theme?.pageBackground ?? "none"};
+        }
+
+        .page.page--first {
+          background-image: ${theme?.coverPageBackground ?? theme?.pageBackground ?? "none"};
+        }
+      </style>
       <div id="scaleWrapper">
         <dedocument-pagecontainer .printMode=${this.printMode}>
+          <div
+            class="page ${this.pageNumber === 1
+                ? "page--first"
+                : ""}"
+          ></div>
           ${this.letterData
-            ? html `
-                ${this.documentSettings.enableDefaultHeader
                 ? html `
+                ${this.documentSettings.enableDefaultHeader
+                    ? html `
                       <dedocument-pageheader
                         .letterData=${this.letterData}
                         .documentSettings=${this.documentSettings}
@@ -80,9 +238,20 @@ let DePage = class DePage extends DeesElement {
                         .pageTotalNumber="${this.pageTotalNumber}"
                       ></dedocument-pageheader>
                     `
-                : ``}
+                    : null}
+
+                <!-- FOLD MARKS -->
+                ${this.documentSettings.enableFoldMarks === true
+                    ? html ` <div class="foldMark__wrapper">
+                      <span class="foldMark foldMark--start"></span>
+                      <span class="foldMark foldMark--center"></span>
+                      <span class="foldMark foldMark--end"></span>
+                    </div>`
+                    : null}
+
+                <!-- LETTER HEADER -->
                 ${this.pageNumber === 1
-                ? html `
+                    ? html `
                       <dedocument-letterheader
                         .pageNumber="${this.pageNumber}"
                         .letterData=${this.letterData}
@@ -90,7 +259,9 @@ let DePage = class DePage extends DeesElement {
                         .pageTotalNumber="${this.pageTotalNumber}"
                       ></dedocument-letterheader>
                     `
-                : html ``}
+                    : null}
+
+                <!-- PAGE CONTENT -->
                 <dedocument-pagecontent
                   .letterData=${this.letterData}
                   .documentSettings=${this.documentSettings}
@@ -98,8 +269,10 @@ let DePage = class DePage extends DeesElement {
                   .pageTotalNumber="${this.pageTotalNumber}"
                   ><slot></slot
                 ></dedocument-pagecontent>
-                ${this.documentSettings.enableDefaultFooter
-                ? html `
+
+                <!-- DEFAULT FOOTER -->
+                ${this.documentSettings.enableDefaultFooter === true
+                    ? html `
                       <dedocument-pagefooter
                         .letterData=${this.letterData}
                         .documentSettings=${this.documentSettings}
@@ -107,101 +280,56 @@ let DePage = class DePage extends DeesElement {
                         .pageTotalNumber="${this.pageTotalNumber}"
                       ></dedocument-pagefooter>
                     `
-                : ``}
+                    : null}
+
                 <div class="versionOverlay">
-                  ${this.letterData.versionInfo.type === 'draft'
-                ? html `
-                        ${this.documentSettings.enableTopDraftText
+                  ${this.letterData.versionInfo.type === "draft"
                     ? html `
-                              <div class="topInfo">
-                                Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM
-                                THIS.<br />
-                                -> Revision/Document version: ${this.letterData.versionInfo.version}
-                              </div>
-                            `
-                    : ``}
-                        <div class="bigDraftText">DRAFT</div>
+                        <div class="bigDraftText">
+                          ${plugins.shared.translation.translate(this.documentSettings.languageCode, "overlay@@draft")}
+                        </div>
                       `
-                : html ``}
+                    : null}
                 </div>
               `
-            : html ` <slot></slot> `}
+                : html ` <slot></slot> `}
         </dedocument-pagecontainer>
       </div>
     `;
-    }
-    async checkOverflow() {
-        await this.elementDomReady;
-        const pageContent = this.shadowRoot.querySelector('dedocument-pagecontent');
-        return pageContent.checkOverflow();
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        if (changedProperties.has('viewHeight') || changedProperties.has('viewWidth')) {
-            this.adjustScaling();
         }
-    }
-    adjustScaling() {
-        const scaleWrapper = this.shadowRoot.querySelector('#scaleWrapper');
-        if (!scaleWrapper)
-            return;
-        let scale = 1;
-        if (this.viewHeight) {
-            scale = this.viewHeight / plugins.shared.a4Height;
+        async checkOverflow() {
+            await this.elementDomReady;
+            const pageContent = this.shadowRoot.querySelector("dedocument-pagecontent");
+            return pageContent.checkOverflow();
         }
-        else if (this.viewWidth) {
-            scale = this.viewWidth / plugins.shared.a4Width;
+        updated(changedProperties) {
+            super.updated(changedProperties);
+            if (changedProperties.has("viewHeight") ||
+                changedProperties.has("viewWidth")) {
+                this.adjustScaling();
+            }
         }
-        scaleWrapper.style.transform = `scale(${scale})`;
-        // Adjust the outer dimensions so they match the scaled content
-        this.style.width = `${plugins.shared.a4Width * scale}px`;
-        this.style.height = `${plugins.shared.a4Height * scale}px`;
-    }
-};
-__decorate([
-    property({
-        type: Number,
-    })
-], DePage.prototype, "viewWidth", void 0);
-__decorate([
-    property({
-        type: Number,
-    })
-], DePage.prototype, "viewHeight", void 0);
-__decorate([
-    property({
-        type: String,
-    })
-], DePage.prototype, "format", void 0);
-__decorate([
-    property({
-        type: Number,
-    })
-], DePage.prototype, "pageNumber", void 0);
-__decorate([
-    property({
-        type: Number,
-    })
-], DePage.prototype, "pageTotalNumber", void 0);
-__decorate([
-    property({
-        type: Object,
-    })
-], DePage.prototype, "letterData", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        reflect: true,
-    })
-], DePage.prototype, "printMode", void 0);
-__decorate([
-    property({
-        type: Object,
-        reflect: true,
-    })
-], DePage.prototype, "documentSettings", void 0);
-DePage = __decorate([
-    customElement('dedocument-page')
-], DePage);
+        adjustScaling() {
+            const scaleWrapper = this.shadowRoot.querySelector("#scaleWrapper");
+            if (!scaleWrapper)
+                return;
+            let scale = 1;
+            if (this.viewHeight) {
+                scale = this.viewHeight / plugins.shared.A4_HEIGHT;
+            }
+            else if (this.viewWidth) {
+                scale = this.viewWidth / plugins.shared.A4_WIDTH;
+            }
+            scaleWrapper.style.transform = `scale(${scale})`;
+            // Adjust the outer dimensions so they match the scaled content
+            this.style.width = `${plugins.shared.A4_WIDTH * scale}px`;
+            this.style.height = `${plugins.shared.A4_HEIGHT * scale}px`;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DePage = _classThis;
+})();
 export { DePage };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFDNUMsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsRUFDVCxRQUFRLEdBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQsSUFBTSxNQUFNLEdBQVosTUFBTSxNQUFPLFNBQVEsV0FBVzthQUN2QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLDhCQUE4QixJQUFJLHVCQUF1QixBQUF0RSxDQUF1RTtJQTRDekY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQXhDVixjQUFTLEdBQVcsSUFBSSxDQUFDO1FBS3pCLGVBQVUsR0FBVyxJQUFJLENBQUM7UUFLbkIsV0FBTSxHQUFTLElBQUksQ0FBQztRQUtwQixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBS3ZCLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBSzVCLGVBQVUsR0FBNkIsSUFBSSxDQUFDO1FBTW5ELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFNWCxxQkFBZ0IsR0FBZ0QsdUJBQXVCLENBQUM7UUFJN0YsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVDRjtLQUNGLEFBMUNtQixDQTBDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBQzVDLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztJQVMzQyxNQUFNOzRCQURsQixhQUFhLENBQUMsaUJBQWlCLENBQUM7Ozs7c0JBQ0wsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztzQkFBbkIsU0FBUSxXQUFXOzs7O3FDQUlwQyxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztrQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQzsyQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztxQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE9BQU87b0JBQ2IsT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzs0Q0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztZQXBDRixnTEFBUyxTQUFT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

package/dist_ts_web/elements/pagecontainer.d.ts

@@ -1,13 +1,13 @@
-import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import { DeesElement, type TemplateResult } from "@design.estate/dees-element";
 declare global {
     interface HTMLElementTagNameMap {
-        'dedocument-pagecontainer': DePageContainer;
+        "dedocument-pagecontainer": DePageContainer;
     }
 }
 export declare class DePageContainer extends DeesElement {
     static demo: () => TemplateResult<1>;
-    format: 'a4';
-    printMode: boolean;
+    accessor format: "a4";
+    accessor printMode: boolean;
     constructor();
     static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;