@design.estate/dees-document 2.2.0 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/contentinvoice.d.ts +6 -0
- package/dist_ts_web/elements/contentinvoice.js +39 -3
- package/dist_ts_web/elements/document.d.ts +21 -0
- package/dist_ts_web/elements/document.js +73 -4
- package/dist_ts_web/elements/page.d.ts +1 -0
- package/dist_ts_web/elements/page.js +19 -4
- package/dist_ts_web/elements/viewer.d.ts +117 -4
- package/dist_ts_web/elements/viewer.js +1347 -17
- package/package.json +1 -1
- package/dist_ts_web/ts_shared/translation.d.ts +0 -82
- package/dist_ts_web/ts_shared/translation.js +0 -134
- package/dist_ts_web/ts_web/00_commitinfo_data.d.ts +0 -8
- package/dist_ts_web/ts_web/00_commitinfo_data.js +0 -9
- package/dist_ts_web/ts_web/elements/contentinvoice.d.ts +0 -47
- package/dist_ts_web/ts_web/elements/contentinvoice.js +0 -502
- package/dist_ts_web/ts_web/elements/document.d.ts +0 -48
- package/dist_ts_web/ts_web/elements/document.demo.d.ts +0 -1
- package/dist_ts_web/ts_web/elements/document.demo.js +0 -9
- package/dist_ts_web/ts_web/elements/document.js +0 -375
- package/dist_ts_web/ts_web/elements/index.d.ts +0 -10
- package/dist_ts_web/ts_web/elements/index.js +0 -11
- package/dist_ts_web/ts_web/elements/letterheader.d.ts +0 -18
- package/dist_ts_web/ts_web/elements/letterheader.js +0 -224
- package/dist_ts_web/ts_web/elements/page.d.ts +0 -26
- package/dist_ts_web/ts_web/elements/page.js +0 -350
- package/dist_ts_web/ts_web/elements/pagecontainer.d.ts +0 -14
- package/dist_ts_web/ts_web/elements/pagecontainer.js +0 -114
- package/dist_ts_web/ts_web/elements/pagecontent.d.ts +0 -19
- package/dist_ts_web/ts_web/elements/pagecontent.js +0 -177
- package/dist_ts_web/ts_web/elements/pagefooter.d.ts +0 -17
- package/dist_ts_web/ts_web/elements/pagefooter.js +0 -234
- package/dist_ts_web/ts_web/elements/pageheader.d.ts +0 -17
- package/dist_ts_web/ts_web/elements/pageheader.js +0 -165
- package/dist_ts_web/ts_web/elements/paymentcode.d.ts +0 -19
- package/dist_ts_web/ts_web/elements/paymentcode.js +0 -162
- package/dist_ts_web/ts_web/elements/viewer.d.ts +0 -128
- package/dist_ts_web/ts_web/elements/viewer.demo.d.ts +0 -1
- package/dist_ts_web/ts_web/elements/viewer.demo.js +0 -9
- package/dist_ts_web/ts_web/elements/viewer.js +0 -1480
- package/dist_ts_web/ts_web/index.d.ts +0 -1
- package/dist_ts_web/ts_web/index.js +0 -2
- package/dist_ts_web/ts_web/pages/index.d.ts +0 -2
- package/dist_ts_web/ts_web/pages/index.js +0 -3
- package/dist_ts_web/ts_web/pages/page1.d.ts +0 -1
- package/dist_ts_web/ts_web/pages/page1.js +0 -21
- package/dist_ts_web/ts_web/pages/page2.d.ts +0 -1
- package/dist_ts_web/ts_web/pages/page2.js +0 -18
- package/dist_ts_web/ts_web/plugins.d.ts +0 -9
- package/dist_ts_web/ts_web/plugins.js +0 -14
- package/dist_ts_web/ts_web/style.d.ts +0 -1
- package/dist_ts_web/ts_web/style.js +0 -38
|
@@ -1,224 +0,0 @@
|
|
|
1
|
-
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
-
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
-
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
-
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
-
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
-
var _, done = false;
|
|
7
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
-
var context = {};
|
|
9
|
-
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
-
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
-
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
-
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
-
if (kind === "accessor") {
|
|
14
|
-
if (result === void 0) continue;
|
|
15
|
-
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
-
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
-
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
-
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
-
}
|
|
20
|
-
else if (_ = accept(result)) {
|
|
21
|
-
if (kind === "field") initializers.unshift(_);
|
|
22
|
-
else descriptor[key] = _;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
-
done = true;
|
|
27
|
-
};
|
|
28
|
-
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
-
var useValue = arguments.length > 2;
|
|
30
|
-
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
-
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
-
}
|
|
33
|
-
return useValue ? value : void 0;
|
|
34
|
-
};
|
|
35
|
-
import { DeesElement, property, html, customElement, css, unsafeCSS, domtools, } from "@design.estate/dees-element";
|
|
36
|
-
import * as plugins from "../plugins.js";
|
|
37
|
-
import { dedocumentSharedStyle } from "../style.js";
|
|
38
|
-
let DeLetterHeader = (() => {
|
|
39
|
-
let _classDecorators = [customElement("dedocument-letterheader")];
|
|
40
|
-
let _classDescriptor;
|
|
41
|
-
let _classExtraInitializers = [];
|
|
42
|
-
let _classThis;
|
|
43
|
-
let _classSuper = DeesElement;
|
|
44
|
-
let _letterData_decorators;
|
|
45
|
-
let _letterData_initializers = [];
|
|
46
|
-
let _letterData_extraInitializers = [];
|
|
47
|
-
let _pageNumber_decorators;
|
|
48
|
-
let _pageNumber_initializers = [];
|
|
49
|
-
let _pageNumber_extraInitializers = [];
|
|
50
|
-
let _pageTotalNumber_decorators;
|
|
51
|
-
let _pageTotalNumber_initializers = [];
|
|
52
|
-
let _pageTotalNumber_extraInitializers = [];
|
|
53
|
-
let _documentSettings_decorators;
|
|
54
|
-
let _documentSettings_initializers = [];
|
|
55
|
-
let _documentSettings_extraInitializers = [];
|
|
56
|
-
var DeLetterHeader = class extends _classSuper {
|
|
57
|
-
static { _classThis = this; }
|
|
58
|
-
static {
|
|
59
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
60
|
-
_letterData_decorators = [property({
|
|
61
|
-
type: Object,
|
|
62
|
-
reflect: true,
|
|
63
|
-
})];
|
|
64
|
-
_pageNumber_decorators = [property({
|
|
65
|
-
type: Number,
|
|
66
|
-
reflect: true,
|
|
67
|
-
})];
|
|
68
|
-
_pageTotalNumber_decorators = [property({
|
|
69
|
-
type: Number,
|
|
70
|
-
reflect: true,
|
|
71
|
-
})];
|
|
72
|
-
_documentSettings_decorators = [property({
|
|
73
|
-
type: Object,
|
|
74
|
-
reflect: true,
|
|
75
|
-
})];
|
|
76
|
-
__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);
|
|
77
|
-
__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);
|
|
78
|
-
__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);
|
|
79
|
-
__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);
|
|
80
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
81
|
-
DeLetterHeader = _classThis = _classDescriptor.value;
|
|
82
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
83
|
-
}
|
|
84
|
-
static demo = () => html `
|
|
85
|
-
<dedocument-letterheader
|
|
86
|
-
.format="${"a4"}"
|
|
87
|
-
.letterData=${plugins.shared.demoLetter}
|
|
88
|
-
></dedocument-letterheader>
|
|
89
|
-
`;
|
|
90
|
-
#letterData_accessor_storage = __runInitializers(this, _letterData_initializers, void 0);
|
|
91
|
-
get letterData() { return this.#letterData_accessor_storage; }
|
|
92
|
-
set letterData(value) { this.#letterData_accessor_storage = value; }
|
|
93
|
-
#pageNumber_accessor_storage = (__runInitializers(this, _letterData_extraInitializers), __runInitializers(this, _pageNumber_initializers, 1));
|
|
94
|
-
get pageNumber() { return this.#pageNumber_accessor_storage; }
|
|
95
|
-
set pageNumber(value) { this.#pageNumber_accessor_storage = value; }
|
|
96
|
-
#pageTotalNumber_accessor_storage = (__runInitializers(this, _pageNumber_extraInitializers), __runInitializers(this, _pageTotalNumber_initializers, 1));
|
|
97
|
-
get pageTotalNumber() { return this.#pageTotalNumber_accessor_storage; }
|
|
98
|
-
set pageTotalNumber(value) { this.#pageTotalNumber_accessor_storage = value; }
|
|
99
|
-
#documentSettings_accessor_storage = (__runInitializers(this, _pageTotalNumber_extraInitializers), __runInitializers(this, _documentSettings_initializers, void 0));
|
|
100
|
-
get documentSettings() { return this.#documentSettings_accessor_storage; }
|
|
101
|
-
set documentSettings(value) { this.#documentSettings_accessor_storage = value; }
|
|
102
|
-
constructor() {
|
|
103
|
-
super();
|
|
104
|
-
__runInitializers(this, _documentSettings_extraInitializers);
|
|
105
|
-
domtools.DomTools.setupDomTools();
|
|
106
|
-
}
|
|
107
|
-
static styles = [
|
|
108
|
-
domtools.elementBasic.staticStyles,
|
|
109
|
-
dedocumentSharedStyle,
|
|
110
|
-
css `
|
|
111
|
-
.address {
|
|
112
|
-
position: absolute;
|
|
113
|
-
top: calc(var(--DPI-FACTOR) * 4.5);
|
|
114
|
-
left: var(--LEFT-MARGIN);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.date {
|
|
118
|
-
position: absolute;
|
|
119
|
-
top: calc(var(--DPI-FACTOR) * 4.5);
|
|
120
|
-
right: var(--RIGHT-MARGIN);
|
|
121
|
-
text-align: right;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.recepientInfo {
|
|
125
|
-
position: absolute;
|
|
126
|
-
display: block;
|
|
127
|
-
overflow: hidden;
|
|
128
|
-
top: calc(var(--DPI-FACTOR) * 5.5);
|
|
129
|
-
right: var(--RIGHT-MARGIN);
|
|
130
|
-
width: 200px;
|
|
131
|
-
text-align: right;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.recepientInfo .label {
|
|
135
|
-
margin-top: 10px;
|
|
136
|
-
margin-bottom: 3px;
|
|
137
|
-
font-size: 10px;
|
|
138
|
-
font-weight: bold;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.address .from {
|
|
142
|
-
font-size: 10px;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.address .to {
|
|
146
|
-
margin-top: 10px;
|
|
147
|
-
}
|
|
148
|
-
`,
|
|
149
|
-
];
|
|
150
|
-
renderDeliveryDate(from, to) {
|
|
151
|
-
if (this.letterData.accountingDocType !== "invoice")
|
|
152
|
-
return null;
|
|
153
|
-
const dateFormat = new Intl.DateTimeFormat(this.documentSettings.languageCode, { dateStyle: this.documentSettings.dateStyle });
|
|
154
|
-
let formattedFrom = from ? dateFormat.format(from) : null;
|
|
155
|
-
let formattedTo = to ? dateFormat.format(to) : null;
|
|
156
|
-
const isSameDay = formattedFrom === formattedTo;
|
|
157
|
-
if (isSameDay) {
|
|
158
|
-
return html `<div class="label">
|
|
159
|
-
${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@periodOfPerformance.day")}
|
|
160
|
-
</div>
|
|
161
|
-
<span> ${formattedFrom} </span>`;
|
|
162
|
-
}
|
|
163
|
-
else {
|
|
164
|
-
return html `<div class="label">
|
|
165
|
-
${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@periodOfPerformance.range")}
|
|
166
|
-
</div>
|
|
167
|
-
<span> ${formattedFrom} - ${formattedTo}</span>`;
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
render() {
|
|
171
|
-
return html `
|
|
172
|
-
<div class="date">
|
|
173
|
-
${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
|
|
174
|
-
dateStyle: "long",
|
|
175
|
-
}).format(new Date(this.letterData.date))}
|
|
176
|
-
</div>
|
|
177
|
-
<div class="address">
|
|
178
|
-
<div class="from">
|
|
179
|
-
${this.letterData.from.name},
|
|
180
|
-
${this.letterData.from.address.streetName}
|
|
181
|
-
${this.letterData.from.address.houseNumber},
|
|
182
|
-
${this.letterData.from.address.postalCode}
|
|
183
|
-
${this.letterData.from.address.city},
|
|
184
|
-
${this.letterData.from.address.country}
|
|
185
|
-
</div>
|
|
186
|
-
<div class="to">
|
|
187
|
-
${this.letterData.to.name}<br />
|
|
188
|
-
${this.letterData.to.address.streetName}
|
|
189
|
-
${this.letterData.to.address.houseNumber}<br />
|
|
190
|
-
${this.letterData.to.address.postalCode}
|
|
191
|
-
${this.letterData.to.address.city}<br />
|
|
192
|
-
${this.letterData.from.address.country}
|
|
193
|
-
</div>
|
|
194
|
-
</div>
|
|
195
|
-
<div class="recepientInfo">
|
|
196
|
-
<div class="label">
|
|
197
|
-
${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@customer.number")}
|
|
198
|
-
</div>
|
|
199
|
-
${this.letterData.to.customerNumber || "not registered"}
|
|
200
|
-
|
|
201
|
-
<div class="label">
|
|
202
|
-
${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@vat.yourId")}
|
|
203
|
-
</div>
|
|
204
|
-
${this.letterData.to.registrationDetails.vatId || "not provided"}
|
|
205
|
-
|
|
206
|
-
<!-- TODO: Make use of components -->
|
|
207
|
-
${this.letterData.accountingDocType === "invoice"
|
|
208
|
-
? html ` <div class="label">
|
|
209
|
-
${plugins.shared.translation.translate(this.documentSettings.languageCode, "letterhead@@invoice.number")}
|
|
210
|
-
</div>
|
|
211
|
-
${this.letterData.id || "not registered"}`
|
|
212
|
-
: null}
|
|
213
|
-
${this.renderDeliveryDate(new Date(this.letterData.periodOfPerformance?.from), new Date(this.letterData.periodOfPerformance?.to))}
|
|
214
|
-
</div>
|
|
215
|
-
`;
|
|
216
|
-
}
|
|
217
|
-
static {
|
|
218
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
219
|
-
}
|
|
220
|
-
};
|
|
221
|
-
return DeLetterHeader = _classThis;
|
|
222
|
-
})();
|
|
223
|
-
export { DeLetterHeader };
|
|
224
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2xldHRlcmhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsU0FBUyxFQUNULFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztJQVN2QyxjQUFjOzRCQUQxQixhQUFhLENBQUMseUJBQXlCLENBQUM7Ozs7c0JBQ0wsV0FBVzs7Ozs7Ozs7Ozs7Ozs4QkFBbkIsU0FBUSxXQUFXOzs7O3NDQVE1QyxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzsyQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzs0Q0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztZQWpCRixtTEFBUyxVQUFVLDZCQUFWLFVBQVUsK0ZBQW1DO1lBTXRELG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFBYTtZQU1oQyxrTUFBUyxlQUFlLDZCQUFmLGVBQWUseUdBQWE7WUFNckMscU1BQVMsZ0JBQWdCLDZCQUFoQixnQkFBZ0IsMkdBQThDO1lBOUJ6RSw2S0EyS0M7Ozs7UUExS1EsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFH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
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as tsclass from "@tsclass/tsclass";
|
|
2
|
-
import { DeesElement, type TemplateResult } from "@design.estate/dees-element";
|
|
3
|
-
import * as plugins from "../plugins.js";
|
|
4
|
-
declare global {
|
|
5
|
-
interface HTMLElementTagNameMap {
|
|
6
|
-
"dedocument-page": DePage;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
export declare class DePage extends DeesElement {
|
|
10
|
-
static demo: () => TemplateResult<1>;
|
|
11
|
-
accessor viewWidth: number;
|
|
12
|
-
accessor viewHeight: number;
|
|
13
|
-
accessor format: "a4";
|
|
14
|
-
accessor pageNumber: number;
|
|
15
|
-
accessor pageTotalNumber: number;
|
|
16
|
-
accessor letterData: tsclass.business.TLetter;
|
|
17
|
-
accessor printMode: boolean;
|
|
18
|
-
accessor documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
19
|
-
accessor manualZoomLevel: number;
|
|
20
|
-
constructor();
|
|
21
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
22
|
-
render(): TemplateResult;
|
|
23
|
-
checkOverflow(): Promise<boolean>;
|
|
24
|
-
updated(changedProperties: Map<string | number | symbol, unknown>): void;
|
|
25
|
-
private adjustScaling;
|
|
26
|
-
}
|
|
@@ -1,350 +0,0 @@
|
|
|
1
|
-
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
-
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
-
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
-
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
-
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
-
var _, done = false;
|
|
7
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
-
var context = {};
|
|
9
|
-
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
-
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
-
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
-
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
-
if (kind === "accessor") {
|
|
14
|
-
if (result === void 0) continue;
|
|
15
|
-
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
-
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
-
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
-
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
-
}
|
|
20
|
-
else if (_ = accept(result)) {
|
|
21
|
-
if (kind === "field") initializers.unshift(_);
|
|
22
|
-
else descriptor[key] = _;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
-
done = true;
|
|
27
|
-
};
|
|
28
|
-
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
-
var useValue = arguments.length > 2;
|
|
30
|
-
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
-
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
-
}
|
|
33
|
-
return useValue ? value : void 0;
|
|
34
|
-
};
|
|
35
|
-
import * as tsclass from "@tsclass/tsclass";
|
|
36
|
-
import { DeesElement, property, html, customElement, css, domtools, } from "@design.estate/dees-element";
|
|
37
|
-
import * as plugins from "../plugins.js";
|
|
38
|
-
import { defaultDocumentSettings } from "./document.js";
|
|
39
|
-
let DePage = (() => {
|
|
40
|
-
let _classDecorators = [customElement("dedocument-page")];
|
|
41
|
-
let _classDescriptor;
|
|
42
|
-
let _classExtraInitializers = [];
|
|
43
|
-
let _classThis;
|
|
44
|
-
let _classSuper = DeesElement;
|
|
45
|
-
let _viewWidth_decorators;
|
|
46
|
-
let _viewWidth_initializers = [];
|
|
47
|
-
let _viewWidth_extraInitializers = [];
|
|
48
|
-
let _viewHeight_decorators;
|
|
49
|
-
let _viewHeight_initializers = [];
|
|
50
|
-
let _viewHeight_extraInitializers = [];
|
|
51
|
-
let _format_decorators;
|
|
52
|
-
let _format_initializers = [];
|
|
53
|
-
let _format_extraInitializers = [];
|
|
54
|
-
let _pageNumber_decorators;
|
|
55
|
-
let _pageNumber_initializers = [];
|
|
56
|
-
let _pageNumber_extraInitializers = [];
|
|
57
|
-
let _pageTotalNumber_decorators;
|
|
58
|
-
let _pageTotalNumber_initializers = [];
|
|
59
|
-
let _pageTotalNumber_extraInitializers = [];
|
|
60
|
-
let _letterData_decorators;
|
|
61
|
-
let _letterData_initializers = [];
|
|
62
|
-
let _letterData_extraInitializers = [];
|
|
63
|
-
let _printMode_decorators;
|
|
64
|
-
let _printMode_initializers = [];
|
|
65
|
-
let _printMode_extraInitializers = [];
|
|
66
|
-
let _documentSettings_decorators;
|
|
67
|
-
let _documentSettings_initializers = [];
|
|
68
|
-
let _documentSettings_extraInitializers = [];
|
|
69
|
-
let _manualZoomLevel_decorators;
|
|
70
|
-
let _manualZoomLevel_initializers = [];
|
|
71
|
-
let _manualZoomLevel_extraInitializers = [];
|
|
72
|
-
var DePage = class extends _classSuper {
|
|
73
|
-
static { _classThis = this; }
|
|
74
|
-
static {
|
|
75
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
76
|
-
_viewWidth_decorators = [property({
|
|
77
|
-
type: Number,
|
|
78
|
-
})];
|
|
79
|
-
_viewHeight_decorators = [property({
|
|
80
|
-
type: Number,
|
|
81
|
-
})];
|
|
82
|
-
_format_decorators = [property({
|
|
83
|
-
type: String,
|
|
84
|
-
})];
|
|
85
|
-
_pageNumber_decorators = [property({
|
|
86
|
-
type: Number,
|
|
87
|
-
})];
|
|
88
|
-
_pageTotalNumber_decorators = [property({
|
|
89
|
-
type: Number,
|
|
90
|
-
})];
|
|
91
|
-
_letterData_decorators = [property({
|
|
92
|
-
type: Object,
|
|
93
|
-
})];
|
|
94
|
-
_printMode_decorators = [property({
|
|
95
|
-
type: Boolean,
|
|
96
|
-
reflect: true,
|
|
97
|
-
})];
|
|
98
|
-
_documentSettings_decorators = [property({
|
|
99
|
-
type: Object,
|
|
100
|
-
reflect: true,
|
|
101
|
-
})];
|
|
102
|
-
_manualZoomLevel_decorators = [property({ type: Number })];
|
|
103
|
-
__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);
|
|
104
|
-
__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);
|
|
105
|
-
__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);
|
|
106
|
-
__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);
|
|
107
|
-
__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);
|
|
108
|
-
__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);
|
|
109
|
-
__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);
|
|
110
|
-
__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);
|
|
111
|
-
__esDecorate(this, null, _manualZoomLevel_decorators, { kind: "accessor", name: "manualZoomLevel", static: false, private: false, access: { has: obj => "manualZoomLevel" in obj, get: obj => obj.manualZoomLevel, set: (obj, value) => { obj.manualZoomLevel = value; } }, metadata: _metadata }, _manualZoomLevel_initializers, _manualZoomLevel_extraInitializers);
|
|
112
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
113
|
-
DePage = _classThis = _classDescriptor.value;
|
|
114
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
115
|
-
}
|
|
116
|
-
static demo = () => html ` <dedocument-page .format="${"a4"}"></dedocument-page> `;
|
|
117
|
-
#viewWidth_accessor_storage = __runInitializers(this, _viewWidth_initializers, null);
|
|
118
|
-
get viewWidth() { return this.#viewWidth_accessor_storage; }
|
|
119
|
-
set viewWidth(value) { this.#viewWidth_accessor_storage = value; }
|
|
120
|
-
#viewHeight_accessor_storage = (__runInitializers(this, _viewWidth_extraInitializers), __runInitializers(this, _viewHeight_initializers, null));
|
|
121
|
-
get viewHeight() { return this.#viewHeight_accessor_storage; }
|
|
122
|
-
set viewHeight(value) { this.#viewHeight_accessor_storage = value; }
|
|
123
|
-
#format_accessor_storage = (__runInitializers(this, _viewHeight_extraInitializers), __runInitializers(this, _format_initializers, "a4"));
|
|
124
|
-
get format() { return this.#format_accessor_storage; }
|
|
125
|
-
set format(value) { this.#format_accessor_storage = value; }
|
|
126
|
-
#pageNumber_accessor_storage = (__runInitializers(this, _format_extraInitializers), __runInitializers(this, _pageNumber_initializers, 1));
|
|
127
|
-
get pageNumber() { return this.#pageNumber_accessor_storage; }
|
|
128
|
-
set pageNumber(value) { this.#pageNumber_accessor_storage = value; }
|
|
129
|
-
#pageTotalNumber_accessor_storage = (__runInitializers(this, _pageNumber_extraInitializers), __runInitializers(this, _pageTotalNumber_initializers, 1));
|
|
130
|
-
get pageTotalNumber() { return this.#pageTotalNumber_accessor_storage; }
|
|
131
|
-
set pageTotalNumber(value) { this.#pageTotalNumber_accessor_storage = value; }
|
|
132
|
-
#letterData_accessor_storage = (__runInitializers(this, _pageTotalNumber_extraInitializers), __runInitializers(this, _letterData_initializers, null));
|
|
133
|
-
get letterData() { return this.#letterData_accessor_storage; }
|
|
134
|
-
set letterData(value) { this.#letterData_accessor_storage = value; }
|
|
135
|
-
#printMode_accessor_storage = (__runInitializers(this, _letterData_extraInitializers), __runInitializers(this, _printMode_initializers, false));
|
|
136
|
-
get printMode() { return this.#printMode_accessor_storage; }
|
|
137
|
-
set printMode(value) { this.#printMode_accessor_storage = value; }
|
|
138
|
-
#documentSettings_accessor_storage = (__runInitializers(this, _printMode_extraInitializers), __runInitializers(this, _documentSettings_initializers, defaultDocumentSettings));
|
|
139
|
-
get documentSettings() { return this.#documentSettings_accessor_storage; }
|
|
140
|
-
set documentSettings(value) { this.#documentSettings_accessor_storage = value; }
|
|
141
|
-
#manualZoomLevel_accessor_storage = (__runInitializers(this, _documentSettings_extraInitializers), __runInitializers(this, _manualZoomLevel_initializers, null));
|
|
142
|
-
get manualZoomLevel() { return this.#manualZoomLevel_accessor_storage; } // null = auto-fit, otherwise percentage
|
|
143
|
-
set manualZoomLevel(value) { this.#manualZoomLevel_accessor_storage = value; }
|
|
144
|
-
constructor() {
|
|
145
|
-
super();
|
|
146
|
-
__runInitializers(this, _manualZoomLevel_extraInitializers);
|
|
147
|
-
domtools.DomTools.setupDomTools();
|
|
148
|
-
}
|
|
149
|
-
static styles = [
|
|
150
|
-
domtools.elementBasic.staticStyles,
|
|
151
|
-
css `
|
|
152
|
-
:host {
|
|
153
|
-
display: block;
|
|
154
|
-
overflow: hidden;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
#scaleWrapper {
|
|
158
|
-
transform-origin: top left;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.versionOverlay {
|
|
162
|
-
pointer-events: none;
|
|
163
|
-
position: absolute;
|
|
164
|
-
top: 0px;
|
|
165
|
-
left: 0px;
|
|
166
|
-
right: 0px;
|
|
167
|
-
bottom: 0px;
|
|
168
|
-
font-family: monospace;
|
|
169
|
-
font-size: 16px;
|
|
170
|
-
|
|
171
|
-
z-index: 1000;
|
|
172
|
-
display: flex;
|
|
173
|
-
justify-content: center;
|
|
174
|
-
align-items: center;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
.bigDraftText {
|
|
178
|
-
transform: rotate(-45deg);
|
|
179
|
-
font-size: 200px;
|
|
180
|
-
opacity: 0.05;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
.foldMark__wrapper {
|
|
184
|
-
z-index: 0;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
.foldMark {
|
|
188
|
-
position: absolute;
|
|
189
|
-
border-top: 1px solid #d3d3d3;
|
|
190
|
-
width: 10px;
|
|
191
|
-
left: 15px;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.foldMark--start {
|
|
195
|
-
top: calc(var(--DPI-FACTOR) * 8.7);
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
.foldMark--center {
|
|
199
|
-
top: calc(var(--DPI-FACTOR) * 14.85);
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.foldMark--end {
|
|
203
|
-
top: calc(var(--DPI-FACTOR) * 19.2);
|
|
204
|
-
}
|
|
205
|
-
`,
|
|
206
|
-
];
|
|
207
|
-
render() {
|
|
208
|
-
const theme = this.documentSettings.theme;
|
|
209
|
-
return html `
|
|
210
|
-
<style>
|
|
211
|
-
:host {
|
|
212
|
-
${theme?.colorPrimaryForeground ? `--theme-color-primary-fg: ${theme.colorPrimaryForeground};` : ''}
|
|
213
|
-
${theme?.colorPrimaryBackground ? `--theme-color-primary-bg: ${theme.colorPrimaryBackground};` : ''}
|
|
214
|
-
${theme?.colorAccentForeground ? `--theme-color-accent-fg: ${theme.colorAccentForeground};` : ''}
|
|
215
|
-
${theme?.colorAccentBackground ? `--theme-color-accent-bg: ${theme.colorAccentBackground};` : ''}
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
.page {
|
|
219
|
-
background-size: contain;
|
|
220
|
-
height: 100%;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.page:not(.page--first) {
|
|
224
|
-
background-image: ${theme?.pageBackground ?? "none"};
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
.page.page--first {
|
|
228
|
-
background-image: ${theme?.coverPageBackground ?? theme?.pageBackground ?? "none"};
|
|
229
|
-
}
|
|
230
|
-
</style>
|
|
231
|
-
<div id="scaleWrapper">
|
|
232
|
-
<dedocument-pagecontainer .printMode=${this.printMode}>
|
|
233
|
-
<div
|
|
234
|
-
class="page ${this.pageNumber === 1
|
|
235
|
-
? "page--first"
|
|
236
|
-
: ""}"
|
|
237
|
-
></div>
|
|
238
|
-
${this.letterData
|
|
239
|
-
? html `
|
|
240
|
-
${this.documentSettings.enableDefaultHeader
|
|
241
|
-
? html `
|
|
242
|
-
<dedocument-pageheader
|
|
243
|
-
.letterData=${this.letterData}
|
|
244
|
-
.documentSettings=${this.documentSettings}
|
|
245
|
-
.pageNumber="${this.pageNumber}"
|
|
246
|
-
.pageTotalNumber="${this.pageTotalNumber}"
|
|
247
|
-
></dedocument-pageheader>
|
|
248
|
-
`
|
|
249
|
-
: null}
|
|
250
|
-
|
|
251
|
-
<!-- FOLD MARKS -->
|
|
252
|
-
${this.documentSettings.enableFoldMarks === true
|
|
253
|
-
? html ` <div class="foldMark__wrapper">
|
|
254
|
-
<span class="foldMark foldMark--start"></span>
|
|
255
|
-
<span class="foldMark foldMark--center"></span>
|
|
256
|
-
<span class="foldMark foldMark--end"></span>
|
|
257
|
-
</div>`
|
|
258
|
-
: null}
|
|
259
|
-
|
|
260
|
-
<!-- LETTER HEADER -->
|
|
261
|
-
${this.pageNumber === 1
|
|
262
|
-
? html `
|
|
263
|
-
<dedocument-letterheader
|
|
264
|
-
.pageNumber="${this.pageNumber}"
|
|
265
|
-
.letterData=${this.letterData}
|
|
266
|
-
.documentSettings=${this.documentSettings}
|
|
267
|
-
.pageTotalNumber="${this.pageTotalNumber}"
|
|
268
|
-
></dedocument-letterheader>
|
|
269
|
-
`
|
|
270
|
-
: null}
|
|
271
|
-
|
|
272
|
-
<!-- PAGE CONTENT -->
|
|
273
|
-
<dedocument-pagecontent
|
|
274
|
-
.letterData=${this.letterData}
|
|
275
|
-
.documentSettings=${this.documentSettings}
|
|
276
|
-
.pageNumber="${this.pageNumber}"
|
|
277
|
-
.pageTotalNumber="${this.pageTotalNumber}"
|
|
278
|
-
><slot></slot
|
|
279
|
-
></dedocument-pagecontent>
|
|
280
|
-
|
|
281
|
-
<!-- DEFAULT FOOTER -->
|
|
282
|
-
${this.documentSettings.enableDefaultFooter === true
|
|
283
|
-
? html `
|
|
284
|
-
<dedocument-pagefooter
|
|
285
|
-
.letterData=${this.letterData}
|
|
286
|
-
.documentSettings=${this.documentSettings}
|
|
287
|
-
.pageNumber="${this.pageNumber}"
|
|
288
|
-
.pageTotalNumber="${this.pageTotalNumber}"
|
|
289
|
-
></dedocument-pagefooter>
|
|
290
|
-
`
|
|
291
|
-
: null}
|
|
292
|
-
|
|
293
|
-
<div class="versionOverlay">
|
|
294
|
-
${this.letterData.versionInfo.type === "draft"
|
|
295
|
-
? html `
|
|
296
|
-
<div class="bigDraftText">
|
|
297
|
-
${plugins.shared.translation.translate(this.documentSettings.languageCode, "overlay@@draft")}
|
|
298
|
-
</div>
|
|
299
|
-
`
|
|
300
|
-
: null}
|
|
301
|
-
</div>
|
|
302
|
-
`
|
|
303
|
-
: html ` <slot></slot> `}
|
|
304
|
-
</dedocument-pagecontainer>
|
|
305
|
-
</div>
|
|
306
|
-
`;
|
|
307
|
-
}
|
|
308
|
-
async checkOverflow() {
|
|
309
|
-
await this.elementDomReady;
|
|
310
|
-
const pageContent = this.shadowRoot.querySelector("dedocument-pagecontent");
|
|
311
|
-
return pageContent.checkOverflow();
|
|
312
|
-
}
|
|
313
|
-
updated(changedProperties) {
|
|
314
|
-
super.updated(changedProperties);
|
|
315
|
-
if (changedProperties.has("viewHeight") ||
|
|
316
|
-
changedProperties.has("viewWidth") ||
|
|
317
|
-
changedProperties.has("manualZoomLevel")) {
|
|
318
|
-
this.adjustScaling();
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
adjustScaling() {
|
|
322
|
-
const scaleWrapper = this.shadowRoot.querySelector("#scaleWrapper");
|
|
323
|
-
if (!scaleWrapper)
|
|
324
|
-
return;
|
|
325
|
-
let scale = 1;
|
|
326
|
-
// If manual zoom is set, use it directly
|
|
327
|
-
if (this.manualZoomLevel !== null) {
|
|
328
|
-
scale = this.manualZoomLevel / 100;
|
|
329
|
-
}
|
|
330
|
-
else if (this.viewHeight) {
|
|
331
|
-
// Auto-fit to height
|
|
332
|
-
scale = this.viewHeight / plugins.shared.A4_HEIGHT;
|
|
333
|
-
}
|
|
334
|
-
else if (this.viewWidth) {
|
|
335
|
-
// Auto-fit to width
|
|
336
|
-
scale = this.viewWidth / plugins.shared.A4_WIDTH;
|
|
337
|
-
}
|
|
338
|
-
scaleWrapper.style.transform = `scale(${scale})`;
|
|
339
|
-
// Adjust the outer dimensions so they match the scaled content
|
|
340
|
-
this.style.width = `${plugins.shared.A4_WIDTH * scale}px`;
|
|
341
|
-
this.style.height = `${plugins.shared.A4_HEIGHT * scale}px`;
|
|
342
|
-
}
|
|
343
|
-
static {
|
|
344
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
345
|
-
}
|
|
346
|
-
};
|
|
347
|
-
return DePage = _classThis;
|
|
348
|
-
})();
|
|
349
|
-
export { DePage };
|
|
350
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGtCQUFrQixDQUFDO0FBQzVDLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztJQVMzQyxNQUFNOzRCQURsQixhQUFhLENBQUMsaUJBQWlCLENBQUM7Ozs7c0JBQ0wsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztzQkFBbkIsU0FBUSxXQUFXOzs7O3FDQUlwQyxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztrQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQzsyQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztzQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztxQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE9BQU87b0JBQ2IsT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzs0Q0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07b0JBQ1osT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQzsyQ0FJRCxRQUFRLENB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
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { DeesElement, type TemplateResult } from "@design.estate/dees-element";
|
|
2
|
-
declare global {
|
|
3
|
-
interface HTMLElementTagNameMap {
|
|
4
|
-
"dedocument-pagecontainer": DePageContainer;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
export declare class DePageContainer extends DeesElement {
|
|
8
|
-
static demo: () => TemplateResult<1>;
|
|
9
|
-
accessor format: "a4";
|
|
10
|
-
accessor printMode: boolean;
|
|
11
|
-
constructor();
|
|
12
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
13
|
-
render(): TemplateResult;
|
|
14
|
-
}
|