@design.estate/dees-document 1.6.9 → 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.
- package/dist_bundle/bundle.js +622 -605
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts/00_commitinfo_data.js +1 -1
- package/dist_ts/classes.pdfservice.d.ts +3 -3
- package/dist_ts/classes.pdfservice.js +6 -3
- package/dist_ts/helpers.d.ts +1 -1
- package/dist_ts/helpers.js +2 -2
- package/dist_ts/paths.js +4 -2
- package/dist_ts/plugins.d.ts +2 -0
- package/dist_ts/plugins.js +3 -1
- package/dist_ts_shared/demoletter.d.ts +3 -3
- package/dist_ts_shared/demoletter.js +223 -192
- package/dist_ts_shared/index.d.ts +6 -7
- package/dist_ts_shared/index.js +10 -8
- package/dist_ts_shared/interfaces/document.d.ts +15 -2
- package/dist_ts_shared/interfaces/document.js +1 -1
- package/dist_ts_shared/translation.d.ts +79 -28
- package/dist_ts_shared/translation.js +121 -107
- package/dist_ts_web/ts_shared/translation.d.ts +82 -0
- package/dist_ts_web/ts_shared/translation.js +134 -0
- package/dist_ts_web/{00_commitinfo_data.js → ts_web/00_commitinfo_data.js} +2 -2
- package/dist_ts_web/{elements → ts_web/elements}/contentinvoice.d.ts +12 -6
- package/dist_ts_web/ts_web/elements/contentinvoice.js +466 -0
- package/dist_ts_web/{elements → ts_web/elements}/document.d.ts +10 -10
- package/dist_ts_web/ts_web/elements/document.demo.js +9 -0
- package/dist_ts_web/ts_web/elements/document.js +306 -0
- package/dist_ts_web/ts_web/elements/index.d.ts +10 -0
- package/dist_ts_web/ts_web/elements/index.js +11 -0
- package/dist_ts_web/ts_web/elements/letterheader.d.ts +18 -0
- package/dist_ts_web/ts_web/elements/letterheader.js +224 -0
- package/dist_ts_web/ts_web/elements/page.d.ts +25 -0
- package/dist_ts_web/ts_web/elements/page.js +335 -0
- package/dist_ts_web/{elements → ts_web/elements}/pagecontainer.d.ts +4 -4
- package/dist_ts_web/ts_web/elements/pagecontainer.js +114 -0
- package/dist_ts_web/{elements → ts_web/elements}/pagecontent.d.ts +7 -6
- package/dist_ts_web/ts_web/elements/pagecontent.js +177 -0
- package/dist_ts_web/ts_web/elements/pagefooter.d.ts +17 -0
- package/dist_ts_web/ts_web/elements/pagefooter.js +234 -0
- package/dist_ts_web/ts_web/elements/pageheader.d.ts +17 -0
- package/dist_ts_web/ts_web/elements/pageheader.js +165 -0
- package/dist_ts_web/ts_web/elements/paymentcode.d.ts +19 -0
- package/dist_ts_web/ts_web/elements/paymentcode.js +162 -0
- package/dist_ts_web/{elements → ts_web/elements}/viewer.d.ts +5 -5
- package/dist_ts_web/ts_web/elements/viewer.demo.js +9 -0
- package/dist_ts_web/ts_web/elements/viewer.js +150 -0
- package/dist_ts_web/{index.js → ts_web/index.js} +1 -1
- package/dist_ts_web/{pages → ts_web/pages}/index.js +1 -1
- package/dist_ts_web/ts_web/pages/page1.js +21 -0
- package/dist_ts_web/{pages → ts_web/pages}/page2.js +1 -1
- package/dist_ts_web/ts_web/plugins.js +14 -0
- package/dist_ts_web/ts_web/style.js +38 -0
- package/license +2 -2
- package/package.json +21 -19
- package/readme.hints.md +40 -1
- package/readme.md +202 -125
- package/ts/00_commitinfo_data.ts +1 -1
- package/ts/classes.pdfservice.ts +15 -7
- package/ts/helpers.ts +1 -1
- package/ts/paths.ts +3 -1
- package/ts/plugins.ts +3 -0
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/contentinvoice.ts +272 -250
- package/ts_web/elements/document.demo.ts +7 -4
- package/ts_web/elements/document.ts +68 -82
- package/ts_web/elements/index.ts +10 -9
- package/ts_web/elements/letterheader.ts +106 -39
- package/ts_web/elements/page.ts +106 -48
- package/ts_web/elements/pagecontainer.ts +14 -13
- package/ts_web/elements/pagecontent.ts +34 -53
- package/ts_web/elements/pagefooter.ts +125 -45
- package/ts_web/elements/pageheader.ts +22 -16
- package/ts_web/elements/paymentcode.ts +95 -0
- package/ts_web/elements/viewer.demo.ts +7 -4
- package/ts_web/elements/viewer.ts +26 -12
- package/ts_web/pages/page1.ts +10 -6
- package/ts_web/style.ts +34 -3
- package/dist_ts_shared/interfaces/translation.d.ts +0 -19
- package/dist_ts_shared/interfaces/translation.js +0 -2
- package/dist_ts_web/elements/contentinvoice.js +0 -388
- package/dist_ts_web/elements/document.demo.js +0 -6
- package/dist_ts_web/elements/document.js +0 -272
- package/dist_ts_web/elements/index.d.ts +0 -9
- package/dist_ts_web/elements/index.js +0 -10
- package/dist_ts_web/elements/letterheader.d.ts +0 -16
- package/dist_ts_web/elements/letterheader.js +0 -124
- package/dist_ts_web/elements/page.d.ts +0 -25
- package/dist_ts_web/elements/page.js +0 -219
- package/dist_ts_web/elements/pagecontainer.js +0 -67
- package/dist_ts_web/elements/pagecontent.js +0 -143
- package/dist_ts_web/elements/pagefooter.d.ts +0 -17
- package/dist_ts_web/elements/pagefooter.js +0 -138
- package/dist_ts_web/elements/pageheader.d.ts +0 -17
- package/dist_ts_web/elements/pageheader.js +0 -109
- package/dist_ts_web/elements/viewer.demo.js +0 -6
- package/dist_ts_web/elements/viewer.js +0 -101
- package/dist_ts_web/pages/page1.js +0 -17
- package/dist_ts_web/plugins.js +0 -14
- package/dist_ts_web/style.js +0 -7
- package/dist_watch/bundle.js +0 -40318
- package/dist_watch/bundle.js.map +0 -7
- package/dist_watch/index.html +0 -25
- /package/dist_ts_web/{00_commitinfo_data.d.ts → ts_web/00_commitinfo_data.d.ts} +0 -0
- /package/dist_ts_web/{elements → ts_web/elements}/document.demo.d.ts +0 -0
- /package/dist_ts_web/{elements → ts_web/elements}/viewer.demo.d.ts +0 -0
- /package/dist_ts_web/{index.d.ts → ts_web/index.d.ts} +0 -0
- /package/dist_ts_web/{pages → ts_web/pages}/index.d.ts +0 -0
- /package/dist_ts_web/{pages → ts_web/pages}/page1.d.ts +0 -0
- /package/dist_ts_web/{pages → ts_web/pages}/page2.d.ts +0 -0
- /package/dist_ts_web/{plugins.d.ts → ts_web/plugins.d.ts} +0 -0
- /package/dist_ts_web/{style.d.ts → ts_web/style.d.ts} +0 -0
|
@@ -1,219 +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
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
-
};
|
|
10
|
-
import * as tsclass from '@tsclass/tsclass';
|
|
11
|
-
import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
|
|
12
|
-
import * as plugins from '../plugins.js';
|
|
13
|
-
import { defaultDocumentSettings } from './document.js';
|
|
14
|
-
let DePage = class DePage extends DeesElement {
|
|
15
|
-
static { this.demo = () => html ` <dedocument-page .format="${'a4'}"></dedocument-page> `; }
|
|
16
|
-
constructor() {
|
|
17
|
-
super();
|
|
18
|
-
this.viewWidth = null;
|
|
19
|
-
this.viewHeight = null;
|
|
20
|
-
this.format = 'a4';
|
|
21
|
-
this.pageNumber = 1;
|
|
22
|
-
this.pageTotalNumber = 1;
|
|
23
|
-
this.letterData = null;
|
|
24
|
-
this.printMode = false;
|
|
25
|
-
this.documentSettings = defaultDocumentSettings;
|
|
26
|
-
domtools.DomTools.setupDomTools();
|
|
27
|
-
}
|
|
28
|
-
static { this.styles = [
|
|
29
|
-
domtools.elementBasic.staticStyles,
|
|
30
|
-
css `
|
|
31
|
-
:host {
|
|
32
|
-
display: block;
|
|
33
|
-
overflow: hidden;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
#scaleWrapper {
|
|
37
|
-
transform-origin: top left;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.versionOverlay {
|
|
41
|
-
pointer-events: none;
|
|
42
|
-
position: absolute;
|
|
43
|
-
top: 0px;
|
|
44
|
-
left: 0px;
|
|
45
|
-
right: 0px;
|
|
46
|
-
bottom: 0px;
|
|
47
|
-
font-family: monospace;
|
|
48
|
-
font-size: 16px;
|
|
49
|
-
|
|
50
|
-
z-index: 1000;
|
|
51
|
-
display: flex;
|
|
52
|
-
justify-content: center;
|
|
53
|
-
align-items: center;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.topInfo {
|
|
57
|
-
position: absolute;
|
|
58
|
-
top: 60px;
|
|
59
|
-
left: 40px;
|
|
60
|
-
color: red;
|
|
61
|
-
transform: rotate(-5deg);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.bigDraftText {
|
|
65
|
-
transform: rotate(-45deg);
|
|
66
|
-
font-size: 200px;
|
|
67
|
-
opacity: 0.05;
|
|
68
|
-
}
|
|
69
|
-
`,
|
|
70
|
-
]; }
|
|
71
|
-
render() {
|
|
72
|
-
return html `
|
|
73
|
-
<div id="scaleWrapper">
|
|
74
|
-
<dedocument-pagecontainer .printMode=${this.printMode}>
|
|
75
|
-
${this.letterData
|
|
76
|
-
? html `
|
|
77
|
-
${this.documentSettings.enableDefaultHeader
|
|
78
|
-
? html `
|
|
79
|
-
<dedocument-pageheader
|
|
80
|
-
.letterData=${this.letterData}
|
|
81
|
-
.documentSettings=${this.documentSettings}
|
|
82
|
-
.pageNumber="${this.pageNumber}"
|
|
83
|
-
.pageTotalNumber="${this.pageTotalNumber}"
|
|
84
|
-
></dedocument-pageheader>
|
|
85
|
-
`
|
|
86
|
-
: ``}
|
|
87
|
-
${this.pageNumber === 1
|
|
88
|
-
? html `
|
|
89
|
-
<dedocument-letterheader
|
|
90
|
-
.pageNumber="${this.pageNumber}"
|
|
91
|
-
.letterData=${this.letterData}
|
|
92
|
-
.documentSettings=${this.documentSettings}
|
|
93
|
-
.pageTotalNumber="${this.pageTotalNumber}"
|
|
94
|
-
></dedocument-letterheader>
|
|
95
|
-
`
|
|
96
|
-
: html ``}
|
|
97
|
-
<dedocument-pagecontent
|
|
98
|
-
.letterData=${this.letterData}
|
|
99
|
-
.documentSettings=${this.documentSettings}
|
|
100
|
-
.pageNumber="${this.pageNumber}"
|
|
101
|
-
.pageTotalNumber="${this.pageTotalNumber}"
|
|
102
|
-
><slot></slot
|
|
103
|
-
></dedocument-pagecontent>
|
|
104
|
-
${this.documentSettings.enableDefaultFooter
|
|
105
|
-
? html `
|
|
106
|
-
<dedocument-pagefooter
|
|
107
|
-
.letterData=${this.letterData}
|
|
108
|
-
.documentSettings=${this.documentSettings}
|
|
109
|
-
.pageNumber="${this.pageNumber}"
|
|
110
|
-
.pageTotalNumber="${this.pageTotalNumber}"
|
|
111
|
-
></dedocument-pagefooter>
|
|
112
|
-
`
|
|
113
|
-
: ``}
|
|
114
|
-
<div class="versionOverlay">
|
|
115
|
-
${this.letterData.versionInfo.type === 'draft'
|
|
116
|
-
? html `
|
|
117
|
-
${this.documentSettings.enableTopDraftText
|
|
118
|
-
? html `
|
|
119
|
-
<div class="topInfo">
|
|
120
|
-
Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM
|
|
121
|
-
THIS.<br />
|
|
122
|
-
-> Revision/Document version: ${this.letterData.versionInfo.version}
|
|
123
|
-
</div>
|
|
124
|
-
`
|
|
125
|
-
: ``}
|
|
126
|
-
<div class="bigDraftText">DRAFT</div>
|
|
127
|
-
`
|
|
128
|
-
: html ``}
|
|
129
|
-
</div>
|
|
130
|
-
`
|
|
131
|
-
: html ` <slot></slot> `}
|
|
132
|
-
</dedocument-pagecontainer>
|
|
133
|
-
</div>
|
|
134
|
-
`;
|
|
135
|
-
}
|
|
136
|
-
async checkOverflow() {
|
|
137
|
-
await this.elementDomReady;
|
|
138
|
-
const pageContent = this.shadowRoot.querySelector('dedocument-pagecontent');
|
|
139
|
-
return pageContent.checkOverflow();
|
|
140
|
-
}
|
|
141
|
-
updated(changedProperties) {
|
|
142
|
-
super.updated(changedProperties);
|
|
143
|
-
if (changedProperties.has('viewHeight') || changedProperties.has('viewWidth')) {
|
|
144
|
-
this.adjustScaling();
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
adjustScaling() {
|
|
148
|
-
const scaleWrapper = this.shadowRoot.querySelector('#scaleWrapper');
|
|
149
|
-
if (!scaleWrapper)
|
|
150
|
-
return;
|
|
151
|
-
let scale = 1;
|
|
152
|
-
if (this.viewHeight) {
|
|
153
|
-
scale = this.viewHeight / plugins.shared.a4Height;
|
|
154
|
-
}
|
|
155
|
-
else if (this.viewWidth) {
|
|
156
|
-
scale = this.viewWidth / plugins.shared.a4Width;
|
|
157
|
-
}
|
|
158
|
-
scaleWrapper.style.transform = `scale(${scale})`;
|
|
159
|
-
// Adjust the outer dimensions so they match the scaled content
|
|
160
|
-
this.style.width = `${plugins.shared.a4Width * scale}px`;
|
|
161
|
-
this.style.height = `${plugins.shared.a4Height * scale}px`;
|
|
162
|
-
}
|
|
163
|
-
};
|
|
164
|
-
__decorate([
|
|
165
|
-
property({
|
|
166
|
-
type: Number,
|
|
167
|
-
}),
|
|
168
|
-
__metadata("design:type", Number)
|
|
169
|
-
], DePage.prototype, "viewWidth", void 0);
|
|
170
|
-
__decorate([
|
|
171
|
-
property({
|
|
172
|
-
type: Number,
|
|
173
|
-
}),
|
|
174
|
-
__metadata("design:type", Number)
|
|
175
|
-
], DePage.prototype, "viewHeight", void 0);
|
|
176
|
-
__decorate([
|
|
177
|
-
property({
|
|
178
|
-
type: String,
|
|
179
|
-
}),
|
|
180
|
-
__metadata("design:type", String)
|
|
181
|
-
], DePage.prototype, "format", void 0);
|
|
182
|
-
__decorate([
|
|
183
|
-
property({
|
|
184
|
-
type: Number,
|
|
185
|
-
}),
|
|
186
|
-
__metadata("design:type", Number)
|
|
187
|
-
], DePage.prototype, "pageNumber", void 0);
|
|
188
|
-
__decorate([
|
|
189
|
-
property({
|
|
190
|
-
type: Number,
|
|
191
|
-
}),
|
|
192
|
-
__metadata("design:type", Number)
|
|
193
|
-
], DePage.prototype, "pageTotalNumber", void 0);
|
|
194
|
-
__decorate([
|
|
195
|
-
property({
|
|
196
|
-
type: Object,
|
|
197
|
-
}),
|
|
198
|
-
__metadata("design:type", Object)
|
|
199
|
-
], DePage.prototype, "letterData", void 0);
|
|
200
|
-
__decorate([
|
|
201
|
-
property({
|
|
202
|
-
type: Boolean,
|
|
203
|
-
reflect: true,
|
|
204
|
-
}),
|
|
205
|
-
__metadata("design:type", Object)
|
|
206
|
-
], DePage.prototype, "printMode", void 0);
|
|
207
|
-
__decorate([
|
|
208
|
-
property({
|
|
209
|
-
type: Object,
|
|
210
|
-
reflect: true,
|
|
211
|
-
}),
|
|
212
|
-
__metadata("design:type", Object)
|
|
213
|
-
], DePage.prototype, "documentSettings", void 0);
|
|
214
|
-
DePage = __decorate([
|
|
215
|
-
customElement('dedocument-page'),
|
|
216
|
-
__metadata("design:paramtypes", [])
|
|
217
|
-
], DePage);
|
|
218
|
-
export { DePage };
|
|
219
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sa0JBQWtCLENBQUM7QUFDNUMsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsRUFDVCxRQUFRLEdBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQsSUFBTSxNQUFNLEdBQVosTUFBTSxNQUFPLFNBQVEsV0FBVzthQUN2QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLDhCQUE4QixJQUFJLHVCQUF1QixBQUF0RSxDQUF1RTtJQTRDekY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQXhDVixjQUFTLEdBQVcsSUFBSSxDQUFDO1FBS3pCLGVBQVUsR0FBVyxJQUFJLENBQUM7UUFLbkIsV0FBTSxHQUFTLElBQUksQ0FBQztRQUtwQixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBS3ZCLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBSzVCLGVBQVUsR0FBNkIsSUFBSSxDQUFDO1FBTW5ELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFNWCxxQkFBZ0IsR0FBZ0QsdUJBQXVCLENBQUM7UUFJN0YsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVDRjtLQUNGLEFBMUNtQixDQTBDbEI7SUFFSyxNQUFNO1FBQ1gsT0FB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
|
|
@@ -1,67 +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
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
-
};
|
|
10
|
-
import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, } from '@design.estate/dees-element';
|
|
11
|
-
import * as domtools from '@design.estate/dees-domtools';
|
|
12
|
-
import * as plugins from '../plugins.js';
|
|
13
|
-
let DePageContainer = class DePageContainer extends DeesElement {
|
|
14
|
-
static { this.demo = () => html `
|
|
15
|
-
<dedocument-pagecontainer .format="${'a4'}"></dedocument-pagecontainer>
|
|
16
|
-
`; }
|
|
17
|
-
constructor() {
|
|
18
|
-
super();
|
|
19
|
-
this.format = 'a4';
|
|
20
|
-
this.printMode = false;
|
|
21
|
-
domtools.DomTools.setupDomTools();
|
|
22
|
-
}
|
|
23
|
-
static { this.styles = [
|
|
24
|
-
domtools.elementBasic.staticStyles,
|
|
25
|
-
css `
|
|
26
|
-
:host {
|
|
27
|
-
display: block;
|
|
28
|
-
background: white;
|
|
29
|
-
color: #333;
|
|
30
|
-
padding: 0px;
|
|
31
|
-
width: ${unsafeCSS(plugins.shared.a4Width + 'px')};
|
|
32
|
-
height: ${unsafeCSS(plugins.shared.a4Height + 'px')};
|
|
33
|
-
position: relative;
|
|
34
|
-
border-radius: 3px;
|
|
35
|
-
overflow: hidden;
|
|
36
|
-
}
|
|
37
|
-
`,
|
|
38
|
-
]; }
|
|
39
|
-
render() {
|
|
40
|
-
return html `
|
|
41
|
-
<style>
|
|
42
|
-
:host {
|
|
43
|
-
box-shadow: ${this.printMode ? `none` : `0px 0px 10px rgba(0,0,0,0.3)`};
|
|
44
|
-
}
|
|
45
|
-
</style>
|
|
46
|
-
<slot></slot>
|
|
47
|
-
`;
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
__decorate([
|
|
51
|
-
property({
|
|
52
|
-
type: String,
|
|
53
|
-
}),
|
|
54
|
-
__metadata("design:type", String)
|
|
55
|
-
], DePageContainer.prototype, "format", void 0);
|
|
56
|
-
__decorate([
|
|
57
|
-
property({
|
|
58
|
-
type: Boolean,
|
|
59
|
-
}),
|
|
60
|
-
__metadata("design:type", Object)
|
|
61
|
-
], DePageContainer.prototype, "printMode", void 0);
|
|
62
|
-
DePageContainer = __decorate([
|
|
63
|
-
customElement('dedocument-pagecontainer'),
|
|
64
|
-
__metadata("design:paramtypes", [])
|
|
65
|
-
], DePageContainer);
|
|
66
|
-
export { DePageContainer };
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlY29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBU2xDLElBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWdCLFNBQVEsV0FBVzthQUNoQyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3lDQUNRLElBQUk7R0FDMUMsQUFGaUIsQ0FFaEI7SUFZRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsV0FBTSxHQUFTLElBQUksQ0FBQztRQUtwQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBSXZCLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMsR0FBRyxDQUFBOzs7Ozs7aUJBTVUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztrQkFDdkMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQzs7Ozs7S0FLdEQ7S0FDRixBQWZtQixDQWVsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O3dCQUdTLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsOEJBQThCOzs7O0tBSTNFLENBQUM7SUFDSixDQUFDOztBQXRDTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7K0NBQ3lCO0FBS3BCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOztrREFDdUI7QUFiZCxlQUFlO0lBRDNCLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQzs7R0FDN0IsZUFBZSxDQStDM0IifQ==
|
|
@@ -1,143 +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
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
-
};
|
|
10
|
-
import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
|
|
11
|
-
import * as plugins from '../plugins.js';
|
|
12
|
-
import { dedocumentSharedStyle } from '../style.js';
|
|
13
|
-
let DePageContent = class DePageContent extends DeesElement {
|
|
14
|
-
static { this.demo = () => html `
|
|
15
|
-
<dedocument-pagecontent .format="${'a4'}"></dedocument-pagecontent>
|
|
16
|
-
`; }
|
|
17
|
-
constructor() {
|
|
18
|
-
super();
|
|
19
|
-
this.pageNumber = 1;
|
|
20
|
-
this.pageTotalNumber = 1;
|
|
21
|
-
domtools.DomTools.setupDomTools();
|
|
22
|
-
}
|
|
23
|
-
static { this.styles = [
|
|
24
|
-
domtools.elementBasic.staticStyles,
|
|
25
|
-
dedocumentSharedStyle,
|
|
26
|
-
css `
|
|
27
|
-
:host {
|
|
28
|
-
color: #333;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.content {
|
|
32
|
-
position: absolute;
|
|
33
|
-
|
|
34
|
-
left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
|
35
|
-
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
36
|
-
bottom: 170px;
|
|
37
|
-
overflow: visible;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.content .subject {
|
|
41
|
-
font-size: 18px;
|
|
42
|
-
font-weight: bold;
|
|
43
|
-
margin-bottom: 20px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.content .text {
|
|
47
|
-
text-align: left;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.subjectRepeated {
|
|
51
|
-
position: relative;
|
|
52
|
-
text-align: center;
|
|
53
|
-
background: #eeeeee;
|
|
54
|
-
color: #999;
|
|
55
|
-
border-radius: 50px;
|
|
56
|
-
padding: 5px 10px;
|
|
57
|
-
margin: auto;
|
|
58
|
-
margin-bottom: 10px;
|
|
59
|
-
font-size: 10px;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.continuesOnNextPage {
|
|
63
|
-
display: inline-block;
|
|
64
|
-
background: #eeeeee;
|
|
65
|
-
color: #999;
|
|
66
|
-
border-radius: 50px;
|
|
67
|
-
padding: 5px 10px;
|
|
68
|
-
margin-top: 8px;
|
|
69
|
-
font-size: 10px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.finalPage {
|
|
73
|
-
display: inline-block;
|
|
74
|
-
background: #29b000;
|
|
75
|
-
color: #fff;
|
|
76
|
-
border-radius: 50px;
|
|
77
|
-
padding: 5px 10px;
|
|
78
|
-
margin-top: 8px;
|
|
79
|
-
font-size: 10px;
|
|
80
|
-
}
|
|
81
|
-
`,
|
|
82
|
-
]; }
|
|
83
|
-
render() {
|
|
84
|
-
return html `
|
|
85
|
-
<style>
|
|
86
|
-
.content {
|
|
87
|
-
top: ${this.pageNumber === 1 ? unsafeCSS('450px') : unsafeCSS('200px')};
|
|
88
|
-
}
|
|
89
|
-
</style>
|
|
90
|
-
<div class="content">
|
|
91
|
-
${this.pageNumber === 1
|
|
92
|
-
? html `<div class="subject">${this.letterData.subject}</div>`
|
|
93
|
-
: html `
|
|
94
|
-
<div class="subjectRepeated">
|
|
95
|
-
${this.letterData.subject} (Page ${this.pageNumber})
|
|
96
|
-
</div>
|
|
97
|
-
`}
|
|
98
|
-
<slot></slot>
|
|
99
|
-
${this.pageTotalNumber !== this.pageNumber
|
|
100
|
-
? html `<div class="continuesOnNextPage">Continues on page ${this.pageNumber + 1}</div>`
|
|
101
|
-
: html `<div class="finalPage">This is the final page of this document.</div>`}
|
|
102
|
-
</div>
|
|
103
|
-
`;
|
|
104
|
-
}
|
|
105
|
-
firstUpdated(_changedProperties) {
|
|
106
|
-
super.firstUpdated(_changedProperties);
|
|
107
|
-
this.checkOverflow();
|
|
108
|
-
}
|
|
109
|
-
async checkOverflow() {
|
|
110
|
-
await this.elementDomReady;
|
|
111
|
-
const contentContainer = this.shadowRoot.querySelector('.content');
|
|
112
|
-
if (contentContainer.scrollHeight > contentContainer.clientHeight) {
|
|
113
|
-
return true;
|
|
114
|
-
}
|
|
115
|
-
else {
|
|
116
|
-
return false;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
|
-
__decorate([
|
|
121
|
-
property({
|
|
122
|
-
type: Number,
|
|
123
|
-
}),
|
|
124
|
-
__metadata("design:type", Object)
|
|
125
|
-
], DePageContent.prototype, "letterData", void 0);
|
|
126
|
-
__decorate([
|
|
127
|
-
property({
|
|
128
|
-
type: Number,
|
|
129
|
-
}),
|
|
130
|
-
__metadata("design:type", Number)
|
|
131
|
-
], DePageContent.prototype, "pageNumber", void 0);
|
|
132
|
-
__decorate([
|
|
133
|
-
property({
|
|
134
|
-
type: Number,
|
|
135
|
-
}),
|
|
136
|
-
__metadata("design:type", Number)
|
|
137
|
-
], DePageContent.prototype, "pageTotalNumber", void 0);
|
|
138
|
-
DePageContent = __decorate([
|
|
139
|
-
customElement('dedocument-pagecontent'),
|
|
140
|
-
__metadata("design:paramtypes", [])
|
|
141
|
-
], DePageContent);
|
|
142
|
-
export { DePageContent };
|
|
143
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvcGFnZWNvbnRlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsRUFDVCxRQUFRLEdBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFTN0MsSUFBTSxhQUFhLEdBQW5CLE1BQU0sYUFBYyxTQUFRLFdBQVc7YUFDOUIsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTt1Q0FDTSxJQUFJO0dBQ3hDLEFBRmlCLENBRWhCO0lBaUJGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFSSCxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBS3ZCLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBSWpDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMscUJBQXFCO1FBQ3JCLEdBQUcsQ0FBQTs7Ozs7Ozs7Z0JBUVMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztpQkFDMUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQThDeEQ7S0FDRixBQTNEbUIsQ0EyRGxCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7aUJBR0UsSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQzs7OztVQUl0RSxJQUFJLENBQUMsVUFBVSxLQUFLLENBQUM7WUFDckIsQ0FBQyxDQUFDLElBQUksQ0FBQSx3QkFBd0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLFFBQVE7WUFDN0QsQ0FBQyxDQUFDLElBQUksQ0FBQTs7a0JBRUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLFVBQVUsSUFBSSxDQUFDLFVBQVU7O2FBRXJEOztVQUVILElBQUksQ0FBQyxlQUFlLEtBQUssSUFBSSxDQUFDLFVBQVU7WUFDeEMsQ0FBQyxDQUFDLElBQUksQ0FBQSxzREFBc0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLFFBQVE7WUFDdkYsQ0FBQyxDQUFDLElBQUksQ0FBQSx1RUFBdUU7O0tBRWxGLENBQUM7SUFDSixDQUFDO0lBRU0sWUFBWSxDQUFDLGtCQUEwRDtRQUM1RSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxLQUFLLENBQUMsYUFBYTtRQUN4QixNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDM0IsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNuRSxJQUFJLGdCQUFnQixDQUFDLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNsRSxPQUFPLElBQUksQ0FBQztRQUNkLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO0lBQ0gsQ0FBQzs7QUFsSE07SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O2lEQUNrRDtBQUs3QztJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7aURBQzRCO0FBS3ZCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDOztzREFDaUM7QUFsQnhCLGFBQWE7SUFEekIsYUFBYSxDQUFDLHdCQUF3QixDQUFDOztHQUMzQixhQUFhLENBMkh6QiJ9
|
|
@@ -1,17 +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-pagefooter': DePageFooter;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
export declare class DePageFooter extends DeesElement {
|
|
9
|
-
static demo: () => TemplateResult<1>;
|
|
10
|
-
letterData: plugins.tsclass.business.ILetter;
|
|
11
|
-
documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
12
|
-
pageNumber: number;
|
|
13
|
-
pageTotalNumber: number;
|
|
14
|
-
constructor();
|
|
15
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
16
|
-
render(): TemplateResult;
|
|
17
|
-
}
|
|
@@ -1,138 +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
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
-
};
|
|
10
|
-
import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
|
|
11
|
-
import * as plugins from '../plugins.js';
|
|
12
|
-
import { dedocumentSharedStyle } from '../style.js';
|
|
13
|
-
let DePageFooter = class DePageFooter extends DeesElement {
|
|
14
|
-
static { this.demo = () => html `
|
|
15
|
-
<dedocument-pagefooter .format="${'a4'}"></dedocument-pagefooter>
|
|
16
|
-
`; }
|
|
17
|
-
constructor() {
|
|
18
|
-
super();
|
|
19
|
-
this.pageNumber = 1;
|
|
20
|
-
this.pageTotalNumber = 1;
|
|
21
|
-
domtools.DomTools.setupDomTools();
|
|
22
|
-
}
|
|
23
|
-
static { this.styles = [
|
|
24
|
-
domtools.elementBasic.staticStyles,
|
|
25
|
-
dedocumentSharedStyle,
|
|
26
|
-
css `
|
|
27
|
-
:host {
|
|
28
|
-
color: #333;
|
|
29
|
-
}
|
|
30
|
-
.bottomstripe {
|
|
31
|
-
position: absolute;
|
|
32
|
-
display: grid;
|
|
33
|
-
font-size: 11px;
|
|
34
|
-
overflow: visible;
|
|
35
|
-
bottom: 0px;
|
|
36
|
-
left: 0px;
|
|
37
|
-
right: 0px;
|
|
38
|
-
height: 130px;
|
|
39
|
-
content: '';
|
|
40
|
-
padding: 30px ${unsafeCSS(plugins.shared.rightMargin + 'px')} 10px ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
|
41
|
-
grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
|
|
42
|
-
grid-gap: 5px;
|
|
43
|
-
border-top: 2px solid #e4002b;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.bottomstripe .pageNumber {
|
|
47
|
-
position: absolute;
|
|
48
|
-
top: 0px;
|
|
49
|
-
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
50
|
-
background: #e4002b;
|
|
51
|
-
padding: 3px;
|
|
52
|
-
font-size: 9px;
|
|
53
|
-
color: #fff;
|
|
54
|
-
border-bottom-left-radius: 3px;
|
|
55
|
-
border-bottom-right-radius: 3px;
|
|
56
|
-
}
|
|
57
|
-
.bottomstripe .documentTitle {
|
|
58
|
-
position: absolute;
|
|
59
|
-
top: -18px;
|
|
60
|
-
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
61
|
-
background: #dddddd;
|
|
62
|
-
padding: 3px;
|
|
63
|
-
font-size: 9px;
|
|
64
|
-
color: #333;
|
|
65
|
-
border-top-left-radius: 3px;
|
|
66
|
-
border-top-right-radius: 3px;
|
|
67
|
-
}
|
|
68
|
-
`,
|
|
69
|
-
]; }
|
|
70
|
-
render() {
|
|
71
|
-
return html `
|
|
72
|
-
<div class="bottomstripe">
|
|
73
|
-
<div>
|
|
74
|
-
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'address', 'Address')}:</strong><br />
|
|
75
|
-
${this.letterData.from.name}<br />
|
|
76
|
-
${this.letterData.from.address.streetName} ${this.letterData.from.address.houseNumber}<br />
|
|
77
|
-
${this.letterData.from.address.postalCode} ${this.letterData.from.address.city}<br />
|
|
78
|
-
${this.letterData.from.address.country}
|
|
79
|
-
</div>
|
|
80
|
-
<div>
|
|
81
|
-
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'registrationInfo', 'Registration Info')}:</strong><br />
|
|
82
|
-
Amtsgericht Bremen<br />
|
|
83
|
-
<i>reg-#:</i> HRB 35230 HB<br />
|
|
84
|
-
<i>vat-id:</i> ${this.letterData.from.vatId}
|
|
85
|
-
</div>
|
|
86
|
-
<div>
|
|
87
|
-
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'contactInfo', 'Contact Info')}:</strong><br />
|
|
88
|
-
<i>email:</i> ${this.letterData.from.email}<br />
|
|
89
|
-
<i>phone:</i> ${this.letterData.from.phone}<br />
|
|
90
|
-
<i>fax:</i> ${this.letterData.from.fax}
|
|
91
|
-
</div>
|
|
92
|
-
<div>
|
|
93
|
-
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'bankConnection', 'Bank Connection')}:</strong><br />
|
|
94
|
-
<i>beneficiary:</i> ${this.letterData?.from?.name}<br />
|
|
95
|
-
<i>institution:</i> ${this.letterData?.from?.sepaConnection?.institution}<br />
|
|
96
|
-
<i>iban:</i> ${this.letterData?.from?.sepaConnection?.iban}<br />
|
|
97
|
-
<i>bic:</i> ${this.letterData?.from?.sepaConnection?.bic}<br />
|
|
98
|
-
</div>
|
|
99
|
-
<div class="documentTitle">Subject: <b>${this.letterData?.subject}</b>${(() => {
|
|
100
|
-
const uidString = html `/ Document-UID: <b>${html `<a href="https://uid.signature.digital/">https://uid.signature.digital/</a>`}</b>`;
|
|
101
|
-
return ``;
|
|
102
|
-
})()}</div>
|
|
103
|
-
<div class="pageNumber">page ${this.pageNumber} of ${this.pageTotalNumber}</div>
|
|
104
|
-
</div>
|
|
105
|
-
`;
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
__decorate([
|
|
109
|
-
property({
|
|
110
|
-
type: Object,
|
|
111
|
-
}),
|
|
112
|
-
__metadata("design:type", Object)
|
|
113
|
-
], DePageFooter.prototype, "letterData", void 0);
|
|
114
|
-
__decorate([
|
|
115
|
-
property({
|
|
116
|
-
type: Object,
|
|
117
|
-
reflect: true,
|
|
118
|
-
}),
|
|
119
|
-
__metadata("design:type", Object)
|
|
120
|
-
], DePageFooter.prototype, "documentSettings", void 0);
|
|
121
|
-
__decorate([
|
|
122
|
-
property({
|
|
123
|
-
type: Number
|
|
124
|
-
}),
|
|
125
|
-
__metadata("design:type", Number)
|
|
126
|
-
], DePageFooter.prototype, "pageNumber", void 0);
|
|
127
|
-
__decorate([
|
|
128
|
-
property({
|
|
129
|
-
type: Number
|
|
130
|
-
}),
|
|
131
|
-
__metadata("design:type", Number)
|
|
132
|
-
], DePageFooter.prototype, "pageTotalNumber", void 0);
|
|
133
|
-
DePageFooter = __decorate([
|
|
134
|
-
customElement('dedocument-pagefooter'),
|
|
135
|
-
__metadata("design:paramtypes", [])
|
|
136
|
-
], DePageFooter);
|
|
137
|
-
export { DePageFooter };
|
|
138
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWZvb3Rlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlZm9vdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBUzdDLElBQU0sWUFBWSxHQUFsQixNQUFNLFlBQWEsU0FBUSxXQUFXO2FBQzdCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7c0NBQ0ssSUFBSTtHQUN2QyxBQUZpQixDQUVoQjtJQXVCRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLHFCQUFxQjtRQUNyQixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7O3dCQWNpQixTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFNBQVMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7O2lCQVN2RyxTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7Ozs7OztpQkFXNUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7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
|
|
@@ -1,17 +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-pageheader': DePageHeader;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
export declare class DePageHeader extends DeesElement {
|
|
9
|
-
static demo: () => TemplateResult<1>;
|
|
10
|
-
letterData: plugins.tsclass.business.ILetter;
|
|
11
|
-
documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
12
|
-
pageNumber: number;
|
|
13
|
-
pageTotalNumber: number;
|
|
14
|
-
constructor();
|
|
15
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
16
|
-
render(): TemplateResult;
|
|
17
|
-
}
|