@design.estate/dees-document 2.0.2 → 2.0.3

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.
Files changed (44) hide show
  1. package/package.json +1 -1
  2. package/dist_ts_shared/interfaces/translation.d.ts +0 -19
  3. package/dist_ts_shared/interfaces/translation.js +0 -2
  4. package/dist_ts_web/00_commitinfo_data.d.ts +0 -8
  5. package/dist_ts_web/00_commitinfo_data.js +0 -9
  6. package/dist_ts_web/elements/contentinvoice.d.ts +0 -35
  7. package/dist_ts_web/elements/contentinvoice.js +0 -382
  8. package/dist_ts_web/elements/document.d.ts +0 -27
  9. package/dist_ts_web/elements/document.demo.d.ts +0 -1
  10. package/dist_ts_web/elements/document.demo.js +0 -6
  11. package/dist_ts_web/elements/document.js +0 -262
  12. package/dist_ts_web/elements/index.d.ts +0 -9
  13. package/dist_ts_web/elements/index.js +0 -10
  14. package/dist_ts_web/elements/letterheader.d.ts +0 -16
  15. package/dist_ts_web/elements/letterheader.js +0 -117
  16. package/dist_ts_web/elements/page.d.ts +0 -25
  17. package/dist_ts_web/elements/page.js +0 -207
  18. package/dist_ts_web/elements/pagecontainer.d.ts +0 -14
  19. package/dist_ts_web/elements/pagecontainer.js +0 -61
  20. package/dist_ts_web/elements/pagecontent.d.ts +0 -18
  21. package/dist_ts_web/elements/pagecontent.js +0 -136
  22. package/dist_ts_web/elements/pagefooter.d.ts +0 -17
  23. package/dist_ts_web/elements/pagefooter.js +0 -130
  24. package/dist_ts_web/elements/pageheader.d.ts +0 -17
  25. package/dist_ts_web/elements/pageheader.js +0 -101
  26. package/dist_ts_web/elements/viewer.d.ts +0 -15
  27. package/dist_ts_web/elements/viewer.demo.d.ts +0 -1
  28. package/dist_ts_web/elements/viewer.demo.js +0 -6
  29. package/dist_ts_web/elements/viewer.js +0 -96
  30. package/dist_ts_web/index.d.ts +0 -1
  31. package/dist_ts_web/index.js +0 -2
  32. package/dist_ts_web/pages/index.d.ts +0 -2
  33. package/dist_ts_web/pages/index.js +0 -3
  34. package/dist_ts_web/pages/page1.d.ts +0 -1
  35. package/dist_ts_web/pages/page1.js +0 -17
  36. package/dist_ts_web/pages/page2.d.ts +0 -1
  37. package/dist_ts_web/pages/page2.js +0 -18
  38. package/dist_ts_web/plugins.d.ts +0 -9
  39. package/dist_ts_web/plugins.js +0 -14
  40. package/dist_ts_web/style.d.ts +0 -1
  41. package/dist_ts_web/style.js +0 -7
  42. package/dist_watch/bundle.js +0 -47955
  43. package/dist_watch/bundle.js.map +0 -7
  44. package/dist_watch/index.html +0 -25
@@ -1,262 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- 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;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { DeesElement, property, html, customElement, css, state, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
8
- import * as plugins from '../plugins.js';
9
- export const defaultDocumentSettings = {
10
- enableTopDraftText: true,
11
- enableDefaultHeader: true,
12
- enableDefaultFooter: true,
13
- languageCode: 'EN',
14
- vatGroupPositions: true,
15
- };
16
- import { DePage } from './page.js';
17
- import { DeContentInvoice } from './contentinvoice.js';
18
- import { demoFunc } from './document.demo.js';
19
- let DeDocument = class DeDocument extends DeesElement {
20
- static { this.demo = demoFunc; }
21
- constructor() {
22
- super();
23
- this.format = 'a4';
24
- this.viewWidth = null;
25
- this.viewHeight = null;
26
- this.printMode = false;
27
- this.documentSettings = defaultDocumentSettings;
28
- this.latestDocumentSettings = null;
29
- this.latestRenderedLetterData = null;
30
- this.cleanupStore = [];
31
- domtools.DomTools.setupDomTools();
32
- }
33
- static { this.styles = [
34
- domtools.elementBasic.staticStyles,
35
- css `
36
- :host {
37
- display: block;
38
- color: #333;
39
- padding: 0px;
40
- position: relative;
41
- font-family: 'Dees Sans', sans-serif;
42
- }
43
-
44
- .betweenPagesSpacer {
45
- height: 16px;
46
- }
47
- `,
48
- ]; }
49
- render() {
50
- return html `
51
- <div class="documentContainer"></div>
52
- `;
53
- }
54
- async firstUpdated(_changedProperties) {
55
- domtools.plugins.smartdelay.delayFor(0).then(async () => {
56
- this.documentSettings = {
57
- ...defaultDocumentSettings,
58
- ...this.documentSettings,
59
- };
60
- while (false) {
61
- await domtools.plugins.smartdelay.delayFor(1000);
62
- this.letterData = {
63
- ...this.letterData,
64
- content: {
65
- ...this.letterData.content,
66
- invoiceData: {
67
- ...this.letterData.content.invoiceData,
68
- items: [
69
- ...this.letterData.content.invoiceData.items,
70
- {
71
- name: 'Test Item',
72
- unitQuantity: 1,
73
- unitNetPrice: 100,
74
- unitType: 'hours',
75
- vatPercentage: 19,
76
- position: 1,
77
- },
78
- ],
79
- },
80
- }
81
- };
82
- }
83
- });
84
- const resizeObserver = new ResizeObserver((entries) => {
85
- for (const entry of entries) {
86
- const width = entry.contentRect.width;
87
- const height = entry.contentRect.height;
88
- // Handle the new dimensions here
89
- this.adjustDePageScaling();
90
- }
91
- });
92
- resizeObserver.observe(this);
93
- this.registerGarbageFunction(() => {
94
- resizeObserver.disconnect();
95
- });
96
- }
97
- async renderDocument() {
98
- this.latestDocumentSettings = this.documentSettings;
99
- this.latestRenderedLetterData = this.letterData;
100
- const cleanUpStoreCurrentRender = [];
101
- const cleanUpStoreNextRender = [];
102
- const domtools = await this.domtoolsPromise;
103
- const documentBuildContainer = document.createElement('div');
104
- cleanUpStoreCurrentRender.push(documentBuildContainer);
105
- document.body.appendChild(documentBuildContainer);
106
- let pages = [];
107
- let pageCounter = 0;
108
- let complete = false;
109
- // lets append the content
110
- const content = new DeContentInvoice();
111
- cleanUpStoreCurrentRender.push(content);
112
- content.letterData = this.letterData;
113
- content.documentSettings = this.documentSettings;
114
- document.body.appendChild(content);
115
- await domtools.convenience.smartdelay.delayFor(0);
116
- let overallContentOffset = 0;
117
- let currentContentOffset;
118
- let trimmed;
119
- while (!complete) {
120
- pageCounter++;
121
- const currentContent = content.cloneNode(true);
122
- cleanUpStoreNextRender.push(currentContent);
123
- const newPage = new DePage();
124
- newPage.printMode = this.printMode;
125
- newPage.letterData = this.letterData;
126
- newPage.documentSettings = this.documentSettings;
127
- pages.push(newPage);
128
- newPage.pageNumber = pageCounter;
129
- newPage.append(currentContent);
130
- newPage.pageTotalNumber = pageCounter;
131
- // store current page
132
- cleanUpStoreNextRender.push(newPage);
133
- documentBuildContainer.append(newPage);
134
- await currentContent.elementDomReady;
135
- await currentContent.trimStartToOffset(overallContentOffset);
136
- let newPageOverflows = await newPage.checkOverflow();
137
- trimmed = 0;
138
- while (newPageOverflows) {
139
- await currentContent.trimEndByOne();
140
- trimmed++;
141
- newPageOverflows = await newPage.checkOverflow();
142
- }
143
- currentContentOffset = await currentContent.getContentLength();
144
- overallContentOffset = overallContentOffset + currentContentOffset;
145
- if (trimmed === 0) {
146
- complete = true;
147
- }
148
- }
149
- for (const cleanUp of this.cleanupStore) {
150
- cleanUp.remove();
151
- }
152
- this.cleanupStore = cleanUpStoreNextRender;
153
- cleanUpStoreCurrentRender.forEach((cleanUp) => {
154
- cleanUp.remove();
155
- });
156
- const documentContainer = this.shadowRoot.querySelector('.documentContainer');
157
- if (documentContainer) {
158
- const children = Array.from(documentContainer.children);
159
- children.forEach((child) => {
160
- documentContainer.removeChild(child);
161
- child.remove();
162
- });
163
- }
164
- for (const page of pages) {
165
- page.pageTotalNumber = pageCounter;
166
- documentContainer.append(page);
167
- // betweenPagesSpacer
168
- if (!this.printMode) {
169
- const betweenPagesSpacerDiv = document.createElement('div');
170
- betweenPagesSpacerDiv.classList.add('betweenPagesSpacer');
171
- documentContainer.appendChild(betweenPagesSpacerDiv);
172
- }
173
- }
174
- this.adjustDePageScaling();
175
- }
176
- async updated(changedProperties) {
177
- super.updated(changedProperties);
178
- const domtools = await this.domtoolsPromise;
179
- let renderedDocIsUpToDate = domtools.convenience.smartjson.deepEqualObjects(this.letterData, this.latestRenderedLetterData)
180
- && domtools.convenience.smartjson.deepEqualObjects(this.documentSettings, this.latestDocumentSettings);
181
- if (!renderedDocIsUpToDate) {
182
- this.renderDocument();
183
- }
184
- if (changedProperties.has('viewHeight') || changedProperties.has('viewWidth')) {
185
- this.adjustDePageScaling();
186
- }
187
- }
188
- adjustDePageScaling() {
189
- if (this.printMode) {
190
- return;
191
- }
192
- this.viewWidth = this.clientWidth;
193
- // Find all DePage instances within this DeDocument
194
- const pages = this.shadowRoot.querySelectorAll('dedocument-page');
195
- // Update each DePage instance's viewHeight and viewWidth
196
- pages.forEach((page) => {
197
- if (this.viewHeight) {
198
- page.viewHeight = this.viewHeight;
199
- }
200
- if (this.viewWidth) {
201
- page.viewWidth = this.viewWidth;
202
- }
203
- });
204
- }
205
- };
206
- __decorate([
207
- property({
208
- type: String,
209
- reflect: true,
210
- })
211
- ], DeDocument.prototype, "format", void 0);
212
- __decorate([
213
- property({
214
- type: Number,
215
- reflect: true,
216
- })
217
- ], DeDocument.prototype, "viewWidth", void 0);
218
- __decorate([
219
- property({
220
- type: Number,
221
- reflect: true,
222
- })
223
- ], DeDocument.prototype, "viewHeight", void 0);
224
- __decorate([
225
- property({
226
- type: Boolean,
227
- reflect: true,
228
- })
229
- ], DeDocument.prototype, "printMode", void 0);
230
- __decorate([
231
- property({
232
- type: Object,
233
- reflect: true,
234
- converter: (valueArg) => {
235
- if (typeof valueArg === 'string') {
236
- return plugins.smartjson.parseBase64(valueArg);
237
- }
238
- else {
239
- return valueArg;
240
- }
241
- },
242
- })
243
- ], DeDocument.prototype, "letterData", void 0);
244
- __decorate([
245
- property({
246
- type: Object,
247
- reflect: true,
248
- converter: (valueArg) => {
249
- if (typeof valueArg === 'string') {
250
- return plugins.smartjson.parseBase64(valueArg);
251
- }
252
- else {
253
- return valueArg;
254
- }
255
- },
256
- })
257
- ], DeDocument.prototype, "documentSettings", void 0);
258
- DeDocument = __decorate([
259
- customElement('dedocument-dedocument')
260
- ], DeDocument);
261
- export { DeDocument };
262
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZG9jdW1lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsS0FBSyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFFekMsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQWdEO0lBQ2xGLGtCQUFrQixFQUFFLElBQUk7SUFDeEIsbUJBQW1CLEVBQUUsSUFBSTtJQUN6QixtQkFBbUIsRUFBRSxJQUFJO0lBQ3pCLFlBQVksRUFBRSxJQUFJO0lBQ2xCLGlCQUFpQixFQUFFLElBQUk7Q0FDeEIsQ0FBQztBQUdGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDbkMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdkQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBU3ZDLElBQU0sVUFBVSxHQUFoQixNQUFNLFVBQVcsU0FBUSxXQUFXO2FBQzNCLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQW9EOUI7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQS9DSCxXQUFNLEdBQVMsSUFBSSxDQUFDO1FBTXBCLGNBQVMsR0FBVyxJQUFJLENBQUM7UUFNekIsZUFBVSxHQUFXLElBQUksQ0FBQztRQU1qQyxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBMEJYLHFCQUFnQixHQUFnRCx1QkFBdUIsQ0FBQztRQTJFeEYsMkJBQXNCLEdBQWdELElBQUksQ0FBQztRQUMzRSw2QkFBd0IsR0FBcUMsSUFBSSxDQUFDO1FBQ2xFLGlCQUFZLEdBQVUsRUFBRSxDQUFDO1FBekU5QixR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
@@ -1,9 +0,0 @@
1
- export * from './contentinvoice.js';
2
- export * from './document.js';
3
- export * from './letterheader.js';
4
- export * from './page.js';
5
- export * from './pagecontainer.js';
6
- export * from './pagecontent.js';
7
- export * from './pagefooter.js';
8
- export * from './pageheader.js';
9
- export * from './viewer.js';
@@ -1,10 +0,0 @@
1
- export * from './contentinvoice.js';
2
- export * from './document.js';
3
- export * from './letterheader.js';
4
- export * from './page.js';
5
- export * from './pagecontainer.js';
6
- export * from './pagecontent.js';
7
- export * from './pagefooter.js';
8
- export * from './pageheader.js';
9
- export * from './viewer.js';
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUMifQ==
@@ -1,16 +0,0 @@
1
- import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
2
- import * as plugins from '../plugins.js';
3
- declare global {
4
- interface HTMLElementTagNameMap {
5
- 'dedocument-letterheader': DeLetterHeader;
6
- }
7
- }
8
- export declare class DeLetterHeader extends DeesElement {
9
- static demo: () => TemplateResult<1>;
10
- letterData: plugins.tsclass.business.ILetter;
11
- pageNumber: number;
12
- pageTotalNumber: number;
13
- constructor();
14
- static styles: import("@design.estate/dees-element").CSSResult[];
15
- render(): TemplateResult;
16
- }
@@ -1,117 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- 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;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
8
- import * as plugins from '../plugins.js';
9
- import { dedocumentSharedStyle } from '../style.js';
10
- let DeLetterHeader = class DeLetterHeader extends DeesElement {
11
- static { this.demo = () => html `
12
- <dedocument-letterheader .format="${'a4'}" .letterData=${plugins.shared.demoLetter}></dedocument-letterheader>
13
- `; }
14
- constructor() {
15
- super();
16
- this.pageNumber = 1;
17
- this.pageTotalNumber = 1;
18
- domtools.DomTools.setupDomTools();
19
- }
20
- static { this.styles = [
21
- domtools.elementBasic.staticStyles,
22
- dedocumentSharedStyle,
23
- css `
24
- :host {
25
- color: #333;
26
- }
27
-
28
- .recepientInfo {
29
- position: absolute;
30
- display: block;
31
- overflow: hidden;
32
- top: 200px;
33
- right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
34
- width: 200px;
35
- text-align: right;
36
- }
37
- .recepientInfo .label {
38
- margin-top: 10px;
39
- margin-bottom: 3px;
40
- font-size: 10px;
41
- font-weight: bold;
42
- }
43
-
44
- .date {
45
- position: absolute;
46
- top: 180px;
47
- right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
48
- text-align: right;
49
- }
50
-
51
- .address {
52
- position: absolute;
53
- top: 180px;
54
- left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
55
- }
56
-
57
- .address .from {
58
- font-size: 10px;
59
- }
60
-
61
- .address .to {
62
- margin-top: 10px;
63
- }
64
- `,
65
- ]; }
66
- render() {
67
- return html `
68
- <div class="date">
69
- ${new Date(this.letterData.date).getDate()}. ${new Date(this.letterData.date).toLocaleString('default', { month: 'long' })}
70
- ${new Date(this.letterData.date).getFullYear()}
71
- </div>
72
- <div class="address">
73
- <div class="from">
74
- ${this.letterData.from.name}, ${this.letterData.from.address.streetName}
75
- ${this.letterData.from.address.houseNumber}, ${this.letterData.from.address.postalCode}
76
- ${this.letterData.from.address.city}, ${this.letterData.from.address.country}
77
- </div>
78
- <div class="to">
79
- ${this.letterData.to.name}<br />
80
- ${this.letterData.to.address.streetName} ${this.letterData.to.address.houseNumber}<br />
81
- ${this.letterData.to.address.postalCode} ${this.letterData.to.address.city}<br />
82
- ${this.letterData.from.address.country}
83
- </div>
84
- </div>
85
- <div class="recepientInfo">
86
- <div class="label">your customer id:</div>
87
- ${this.letterData.to.customerNumber || 'not registered'}
88
-
89
- <div class="label">your vat id on file:</div>
90
- ${this.letterData.to.vatId || 'not provided'}
91
- </div>
92
- `;
93
- }
94
- };
95
- __decorate([
96
- property({
97
- type: Object,
98
- reflect: true
99
- })
100
- ], DeLetterHeader.prototype, "letterData", void 0);
101
- __decorate([
102
- property({
103
- type: Number,
104
- reflect: true,
105
- })
106
- ], DeLetterHeader.prototype, "pageNumber", void 0);
107
- __decorate([
108
- property({
109
- type: Number,
110
- reflect: true,
111
- })
112
- ], DeLetterHeader.prototype, "pageTotalNumber", void 0);
113
- DeLetterHeader = __decorate([
114
- customElement('dedocument-letterheader')
115
- ], DeLetterHeader);
116
- export { DeLetterHeader };
117
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2xldHRlcmhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxFQUNULFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQVM3QyxJQUFNLGNBQWMsR0FBcEIsTUFBTSxjQUFlLFNBQVEsV0FBVzthQUMvQixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3dDQUNPLElBQUksaUJBQWlCLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVTtHQUNuRixBQUZpQixDQUVoQjtJQW9CRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBVEgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQU12QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLHFCQUFxQjtRQUNyQixHQUFHLENBQUE7Ozs7Ozs7Ozs7aUJBVVUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7Ozs7Ozs7aUJBYzVDLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Z0JBTzdDLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7S0FVdEQ7S0FDRixBQTdDbUIsQ0E2Q2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOztVQUVMLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxjQUFjLENBQUMsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDO1VBQ3hILElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsV0FBVyxFQUFFOzs7O1lBSTFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVTtZQUNyRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVO1lBQ3BGLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU87OztZQUcxRSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxJQUFJO1lBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFdBQVc7WUFDL0UsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUN4RSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTzs7Ozs7VUFLdEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsY0FBYyxJQUFJLGdCQUFnQjs7O1VBR3JELElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLEtBQUssSUFBSSxjQUFjOztLQUUvQyxDQUFDO0lBQ0osQ0FBQzs7QUE3Rk07SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQztrREFDa0Q7QUFNN0M7SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQztrREFDNEI7QUFNdkI7SUFKTixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQzt1REFDaUM7QUFyQnhCLGNBQWM7SUFEMUIsYUFBYSxDQUFDLHlCQUF5QixDQUFDO0dBQzVCLGNBQWMsQ0F1RzFCIn0=
@@ -1,25 +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
- viewWidth: number;
12
- viewHeight: number;
13
- format: 'a4';
14
- pageNumber: number;
15
- pageTotalNumber: number;
16
- letterData: tsclass.business.ILetter;
17
- printMode: boolean;
18
- documentSettings: plugins.shared.interfaces.IDocumentSettings;
19
- constructor();
20
- static styles: import("@design.estate/dees-element").CSSResult[];
21
- render(): TemplateResult;
22
- checkOverflow(): Promise<boolean>;
23
- updated(changedProperties: Map<string | number | symbol, unknown>): void;
24
- private adjustScaling;
25
- }
@@ -1,207 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- 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;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import * as tsclass from '@tsclass/tsclass';
8
- import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
9
- import * as plugins from '../plugins.js';
10
- import { defaultDocumentSettings } from './document.js';
11
- let DePage = class DePage extends DeesElement {
12
- static { this.demo = () => html ` <dedocument-page .format="${'a4'}"></dedocument-page> `; }
13
- constructor() {
14
- super();
15
- this.viewWidth = null;
16
- this.viewHeight = null;
17
- this.format = 'a4';
18
- this.pageNumber = 1;
19
- this.pageTotalNumber = 1;
20
- this.letterData = null;
21
- this.printMode = false;
22
- this.documentSettings = defaultDocumentSettings;
23
- domtools.DomTools.setupDomTools();
24
- }
25
- static { this.styles = [
26
- domtools.elementBasic.staticStyles,
27
- css `
28
- :host {
29
- display: block;
30
- overflow: hidden;
31
- }
32
-
33
- #scaleWrapper {
34
- transform-origin: top left;
35
- }
36
-
37
- .versionOverlay {
38
- pointer-events: none;
39
- position: absolute;
40
- top: 0px;
41
- left: 0px;
42
- right: 0px;
43
- bottom: 0px;
44
- font-family: monospace;
45
- font-size: 16px;
46
-
47
- z-index: 1000;
48
- display: flex;
49
- justify-content: center;
50
- align-items: center;
51
- }
52
-
53
- .topInfo {
54
- position: absolute;
55
- top: 60px;
56
- left: 40px;
57
- color: red;
58
- transform: rotate(-5deg);
59
- }
60
-
61
- .bigDraftText {
62
- transform: rotate(-45deg);
63
- font-size: 200px;
64
- opacity: 0.05;
65
- }
66
- `,
67
- ]; }
68
- render() {
69
- return html `
70
- <div id="scaleWrapper">
71
- <dedocument-pagecontainer .printMode=${this.printMode}>
72
- ${this.letterData
73
- ? html `
74
- ${this.documentSettings.enableDefaultHeader
75
- ? html `
76
- <dedocument-pageheader
77
- .letterData=${this.letterData}
78
- .documentSettings=${this.documentSettings}
79
- .pageNumber="${this.pageNumber}"
80
- .pageTotalNumber="${this.pageTotalNumber}"
81
- ></dedocument-pageheader>
82
- `
83
- : ``}
84
- ${this.pageNumber === 1
85
- ? html `
86
- <dedocument-letterheader
87
- .pageNumber="${this.pageNumber}"
88
- .letterData=${this.letterData}
89
- .documentSettings=${this.documentSettings}
90
- .pageTotalNumber="${this.pageTotalNumber}"
91
- ></dedocument-letterheader>
92
- `
93
- : html ``}
94
- <dedocument-pagecontent
95
- .letterData=${this.letterData}
96
- .documentSettings=${this.documentSettings}
97
- .pageNumber="${this.pageNumber}"
98
- .pageTotalNumber="${this.pageTotalNumber}"
99
- ><slot></slot
100
- ></dedocument-pagecontent>
101
- ${this.documentSettings.enableDefaultFooter
102
- ? html `
103
- <dedocument-pagefooter
104
- .letterData=${this.letterData}
105
- .documentSettings=${this.documentSettings}
106
- .pageNumber="${this.pageNumber}"
107
- .pageTotalNumber="${this.pageTotalNumber}"
108
- ></dedocument-pagefooter>
109
- `
110
- : ``}
111
- <div class="versionOverlay">
112
- ${this.letterData.versionInfo.type === 'draft'
113
- ? html `
114
- ${this.documentSettings.enableTopDraftText
115
- ? html `
116
- <div class="topInfo">
117
- Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM
118
- THIS.<br />
119
- -> Revision/Document version: ${this.letterData.versionInfo.version}
120
- </div>
121
- `
122
- : ``}
123
- <div class="bigDraftText">DRAFT</div>
124
- `
125
- : html ``}
126
- </div>
127
- `
128
- : html ` <slot></slot> `}
129
- </dedocument-pagecontainer>
130
- </div>
131
- `;
132
- }
133
- async checkOverflow() {
134
- await this.elementDomReady;
135
- const pageContent = this.shadowRoot.querySelector('dedocument-pagecontent');
136
- return pageContent.checkOverflow();
137
- }
138
- updated(changedProperties) {
139
- super.updated(changedProperties);
140
- if (changedProperties.has('viewHeight') || changedProperties.has('viewWidth')) {
141
- this.adjustScaling();
142
- }
143
- }
144
- adjustScaling() {
145
- const scaleWrapper = this.shadowRoot.querySelector('#scaleWrapper');
146
- if (!scaleWrapper)
147
- return;
148
- let scale = 1;
149
- if (this.viewHeight) {
150
- scale = this.viewHeight / plugins.shared.a4Height;
151
- }
152
- else if (this.viewWidth) {
153
- scale = this.viewWidth / plugins.shared.a4Width;
154
- }
155
- scaleWrapper.style.transform = `scale(${scale})`;
156
- // Adjust the outer dimensions so they match the scaled content
157
- this.style.width = `${plugins.shared.a4Width * scale}px`;
158
- this.style.height = `${plugins.shared.a4Height * scale}px`;
159
- }
160
- };
161
- __decorate([
162
- property({
163
- type: Number,
164
- })
165
- ], DePage.prototype, "viewWidth", void 0);
166
- __decorate([
167
- property({
168
- type: Number,
169
- })
170
- ], DePage.prototype, "viewHeight", void 0);
171
- __decorate([
172
- property({
173
- type: String,
174
- })
175
- ], DePage.prototype, "format", void 0);
176
- __decorate([
177
- property({
178
- type: Number,
179
- })
180
- ], DePage.prototype, "pageNumber", void 0);
181
- __decorate([
182
- property({
183
- type: Number,
184
- })
185
- ], DePage.prototype, "pageTotalNumber", void 0);
186
- __decorate([
187
- property({
188
- type: Object,
189
- })
190
- ], DePage.prototype, "letterData", void 0);
191
- __decorate([
192
- property({
193
- type: Boolean,
194
- reflect: true,
195
- })
196
- ], DePage.prototype, "printMode", void 0);
197
- __decorate([
198
- property({
199
- type: Object,
200
- reflect: true,
201
- })
202
- ], DePage.prototype, "documentSettings", void 0);
203
- DePage = __decorate([
204
- customElement('dedocument-page')
205
- ], DePage);
206
- export { DePage };
207
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFDNUMsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsRUFDVCxRQUFRLEdBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQsSUFBTSxNQUFNLEdBQVosTUFBTSxNQUFPLFNBQVEsV0FBVzthQUN2QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLDhCQUE4QixJQUFJLHVCQUF1QixBQUF0RSxDQUF1RTtJQTRDekY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQXhDVixjQUFTLEdBQVcsSUFBSSxDQUFDO1FBS3pCLGVBQVUsR0FBVyxJQUFJLENBQUM7UUFLbkIsV0FBTSxHQUFTLElBQUksQ0FBQztRQUtwQixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBS3ZCLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBSzVCLGVBQVUsR0FBNkIsSUFBSSxDQUFDO1FBTW5ELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFNWCxxQkFBZ0IsR0FBZ0QsdUJBQXVCLENBQUM7UUFJN0YsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVDRjtLQUNGLEFBMUNtQixDQTBDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJ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