@design.estate/dees-document 1.3.2 → 1.5.1
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 +163 -163
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts/00_commitinfo_data.js +1 -1
- package/dist_ts/classes.pdfservice.d.ts +1 -2
- package/dist_ts/classes.pdfservice.js +1 -1
- package/dist_ts/plugins.d.ts +2 -0
- package/dist_ts/plugins.js +4 -1
- package/dist_ts_shared/demoletter.d.ts +4 -0
- package/{dist_ts/shared → dist_ts_shared}/demoletter.js +3 -3
- package/{dist_ts/shared → dist_ts_shared}/index.d.ts +2 -0
- package/dist_ts_shared/index.js +10 -0
- package/{dist_ts → dist_ts_shared}/interfaces/document.d.ts +2 -2
- package/dist_ts_shared/interfaces/document.js +2 -0
- package/{dist_ts_web/ts → dist_ts_shared}/interfaces/index.js +1 -1
- package/{dist_ts → dist_ts_shared}/interfaces/translation.js +1 -1
- package/dist_ts_shared/plugins.d.ts +2 -0
- package/dist_ts_shared/plugins.js +4 -0
- package/{dist_ts/shared → dist_ts_shared}/translation.d.ts +5 -1
- package/dist_ts_shared/translation.js +113 -0
- package/dist_ts_web/{ts_web/00_commitinfo_data.js → 00_commitinfo_data.js} +2 -2
- package/dist_ts_web/{ts_web/elements → elements}/contentinvoice.d.ts +1 -2
- package/dist_ts_web/{ts_web/elements → elements}/contentinvoice.js +8 -10
- package/dist_ts_web/{ts_web/elements → elements}/document.d.ts +2 -3
- package/dist_ts_web/elements/document.demo.js +6 -0
- package/dist_ts_web/{ts_web/elements → elements}/document.js +1 -3
- package/dist_ts_web/{ts_web/elements → elements}/index.d.ts +0 -1
- package/dist_ts_web/{ts_web/elements → elements}/index.js +1 -2
- package/dist_ts_web/{ts_web/elements → elements}/letterheader.d.ts +2 -2
- package/dist_ts_web/{ts_web/elements → elements}/letterheader.js +7 -9
- package/dist_ts_web/{ts_web/elements → elements}/page.d.ts +2 -2
- package/dist_ts_web/{ts_web/elements → elements}/page.js +5 -6
- package/dist_ts_web/{ts_web/elements → elements}/pagecontainer.js +4 -4
- package/dist_ts_web/{ts_web/elements → elements}/pagecontent.d.ts +2 -2
- package/dist_ts_web/{ts_web/elements → elements}/pagecontent.js +5 -7
- package/dist_ts_web/{ts_web/elements → elements}/pagefooter.d.ts +3 -4
- package/dist_ts_web/{ts_web/elements → elements}/pagefooter.js +9 -11
- package/dist_ts_web/{ts_web/elements → elements}/pageheader.d.ts +3 -4
- package/dist_ts_web/{ts_web/elements → elements}/pageheader.js +4 -6
- package/dist_ts_web/{ts_web/elements → elements}/viewer.d.ts +1 -2
- package/dist_ts_web/elements/viewer.demo.js +6 -0
- package/dist_ts_web/{ts_web/elements → elements}/viewer.js +1 -2
- package/dist_ts_web/{ts_web/index.js → index.js} +1 -1
- package/dist_ts_web/{ts_web/pages → pages}/index.js +1 -1
- package/dist_ts_web/pages/page1.js +17 -0
- package/dist_ts_web/{ts_web/pages → pages}/page2.js +1 -1
- package/dist_ts_web/{ts_web/plugins.d.ts → plugins.d.ts} +2 -0
- package/dist_ts_web/plugins.js +14 -0
- package/package.json +6 -3
- package/ts/00_commitinfo_data.ts +1 -1
- package/ts/classes.pdfservice.ts +1 -2
- package/ts/plugins.ts +5 -0
- package/ts/tspublish.json +3 -0
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/contentinvoice.ts +8 -10
- package/ts_web/elements/document.demo.ts +3 -2
- package/ts_web/elements/document.ts +2 -5
- package/ts_web/elements/index.ts +0 -2
- package/ts_web/elements/letterheader.ts +7 -8
- package/ts_web/elements/page.ts +5 -7
- package/ts_web/elements/pagecontainer.ts +3 -3
- package/ts_web/elements/pagecontent.ts +5 -6
- package/ts_web/elements/pagefooter.ts +10 -13
- package/ts_web/elements/pageheader.ts +5 -8
- package/ts_web/elements/viewer.demo.ts +2 -2
- package/ts_web/elements/viewer.ts +1 -2
- package/ts_web/pages/page1.ts +3 -4
- package/ts_web/plugins.ts +5 -0
- package/ts_web/tspublish.json +3 -0
- package/dist_ts/interfaces/document.js +0 -2
- package/dist_ts/interfaces/index.js +0 -3
- package/dist_ts/shared/demoletter.d.ts +0 -4
- package/dist_ts/shared/index.js +0 -8
- package/dist_ts/shared/translation.js +0 -73
- package/dist_ts_web/ts/interfaces/document.d.ts +0 -7
- package/dist_ts_web/ts/interfaces/document.js +0 -2
- package/dist_ts_web/ts/interfaces/index.d.ts +0 -2
- package/dist_ts_web/ts/interfaces/translation.d.ts +0 -19
- package/dist_ts_web/ts/interfaces/translation.js +0 -2
- package/dist_ts_web/ts/shared/demoletter.d.ts +0 -4
- package/dist_ts_web/ts/shared/demoletter.js +0 -214
- package/dist_ts_web/ts/shared/index.d.ts +0 -7
- package/dist_ts_web/ts/shared/index.js +0 -8
- package/dist_ts_web/ts/shared/translation.d.ts +0 -15
- package/dist_ts_web/ts/shared/translation.js +0 -73
- package/dist_ts_web/ts_web/elements/document.demo.js +0 -6
- package/dist_ts_web/ts_web/elements/viewer.demo.js +0 -6
- package/dist_ts_web/ts_web/pages/page1.js +0 -18
- package/dist_ts_web/ts_web/plugins.js +0 -11
- package/ts/interfaces/document.ts +0 -8
- package/ts/interfaces/index.ts +0 -2
- package/ts/interfaces/translation.ts +0 -19
- package/ts/shared/demoletter.ts +0 -219
- package/ts/shared/index.ts +0 -9
- package/ts/shared/translation.ts +0 -82
- /package/{dist_ts → dist_ts_shared}/interfaces/index.d.ts +0 -0
- /package/{dist_ts → dist_ts_shared}/interfaces/translation.d.ts +0 -0
- /package/dist_ts_web/{ts_web/00_commitinfo_data.d.ts → 00_commitinfo_data.d.ts} +0 -0
- /package/dist_ts_web/{ts_web/elements → elements}/document.demo.d.ts +0 -0
- /package/dist_ts_web/{ts_web/elements → elements}/pagecontainer.d.ts +0 -0
- /package/dist_ts_web/{ts_web/elements → elements}/viewer.demo.d.ts +0 -0
- /package/dist_ts_web/{ts_web/index.d.ts → index.d.ts} +0 -0
- /package/dist_ts_web/{ts_web/pages → pages}/index.d.ts +0 -0
- /package/dist_ts_web/{ts_web/pages → pages}/page1.d.ts +0 -0
- /package/dist_ts_web/{ts_web/pages → pages}/page2.d.ts +0 -0
|
@@ -7,11 +7,10 @@ import {
|
|
|
7
7
|
css,
|
|
8
8
|
cssManager,
|
|
9
9
|
unsafeCSS,
|
|
10
|
+
domtools,
|
|
10
11
|
} from '@design.estate/dees-element';
|
|
11
|
-
import * as domtools from '@design.estate/dees-domtools';
|
|
12
12
|
|
|
13
|
-
import * as
|
|
14
|
-
import * as tsclass from '@tsclass/tsclass';
|
|
13
|
+
import * as plugins from '../plugins.js';
|
|
15
14
|
|
|
16
15
|
declare global {
|
|
17
16
|
interface HTMLElementTagNameMap {
|
|
@@ -22,14 +21,14 @@ declare global {
|
|
|
22
21
|
@customElement('dedocument-letterheader')
|
|
23
22
|
export class DeLetterHeader extends DeesElement {
|
|
24
23
|
public static demo = () => html`
|
|
25
|
-
<dedocument-letterheader .format="${'a4'}" .letterData=${shared.demoLetter}></dedocument-letterheader>
|
|
24
|
+
<dedocument-letterheader .format="${'a4'}" .letterData=${plugins.shared.demoLetter}></dedocument-letterheader>
|
|
26
25
|
`;
|
|
27
26
|
|
|
28
27
|
@property({
|
|
29
28
|
type: Object,
|
|
30
29
|
reflect: true
|
|
31
30
|
})
|
|
32
|
-
public letterData: tsclass.business.ILetter;
|
|
31
|
+
public letterData: plugins.tsclass.business.ILetter;
|
|
33
32
|
|
|
34
33
|
@property({
|
|
35
34
|
type: Number,
|
|
@@ -60,7 +59,7 @@ export class DeLetterHeader extends DeesElement {
|
|
|
60
59
|
display: block;
|
|
61
60
|
overflow: hidden;
|
|
62
61
|
top: 200px;
|
|
63
|
-
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
|
62
|
+
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
64
63
|
width: 200px;
|
|
65
64
|
text-align: right;
|
|
66
65
|
}
|
|
@@ -74,14 +73,14 @@ export class DeLetterHeader extends DeesElement {
|
|
|
74
73
|
.date {
|
|
75
74
|
position: absolute;
|
|
76
75
|
top: 180px;
|
|
77
|
-
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
|
76
|
+
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
78
77
|
text-align: right;
|
|
79
78
|
}
|
|
80
79
|
|
|
81
80
|
.address {
|
|
82
81
|
position: absolute;
|
|
83
82
|
top: 180px;
|
|
84
|
-
left: ${unsafeCSS(shared.leftMargin + 'px')};
|
|
83
|
+
left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
|
85
84
|
}
|
|
86
85
|
|
|
87
86
|
.address .from {
|
package/ts_web/elements/page.ts
CHANGED
|
@@ -11,12 +11,10 @@ import {
|
|
|
11
11
|
domtools,
|
|
12
12
|
} from '@design.estate/dees-element';
|
|
13
13
|
|
|
14
|
-
import * as
|
|
14
|
+
import * as plugins from '../plugins.js';
|
|
15
15
|
|
|
16
16
|
import { defaultDocumentSettings } from './document.js';
|
|
17
17
|
|
|
18
|
-
import * as shared from '../../ts/shared/index.js';
|
|
19
|
-
|
|
20
18
|
declare global {
|
|
21
19
|
interface HTMLElementTagNameMap {
|
|
22
20
|
'dedocument-page': DePage;
|
|
@@ -67,7 +65,7 @@ export class DePage extends DeesElement {
|
|
|
67
65
|
type: Object,
|
|
68
66
|
reflect: true,
|
|
69
67
|
})
|
|
70
|
-
public documentSettings: interfaces.IDocumentSettings = defaultDocumentSettings;
|
|
68
|
+
public documentSettings: plugins.shared.interfaces.IDocumentSettings = defaultDocumentSettings;
|
|
71
69
|
|
|
72
70
|
constructor() {
|
|
73
71
|
super();
|
|
@@ -204,9 +202,9 @@ export class DePage extends DeesElement {
|
|
|
204
202
|
|
|
205
203
|
let scale = 1;
|
|
206
204
|
if (this.viewHeight) {
|
|
207
|
-
scale = this.viewHeight / shared.a4Height;
|
|
205
|
+
scale = this.viewHeight / plugins.shared.a4Height;
|
|
208
206
|
} else if (this.viewWidth) {
|
|
209
|
-
scale = this.viewWidth / shared.a4Width;
|
|
207
|
+
scale = this.viewWidth / plugins.shared.a4Width;
|
|
210
208
|
}
|
|
211
209
|
console.log(`new scale is ${scale}`);
|
|
212
210
|
scaleWrapper.style.transform = `scale(${scale})`;
|
|
@@ -214,6 +212,6 @@ export class DePage extends DeesElement {
|
|
|
214
212
|
// Adjust the outer dimensions so they match the scaled content
|
|
215
213
|
|
|
216
214
|
// this.style.width = `${shared.a4Width * scale}px`;
|
|
217
|
-
this.style.height = `${shared.a4Height * scale}px`;
|
|
215
|
+
this.style.height = `${plugins.shared.a4Height * scale}px`;
|
|
218
216
|
}
|
|
219
217
|
}
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
} from '@design.estate/dees-element';
|
|
11
11
|
import * as domtools from '@design.estate/dees-domtools';
|
|
12
12
|
|
|
13
|
-
import * as
|
|
13
|
+
import * as plugins from '../plugins.js';
|
|
14
14
|
|
|
15
15
|
declare global {
|
|
16
16
|
interface HTMLElementTagNameMap {
|
|
@@ -47,8 +47,8 @@ export class DePageContainer extends DeesElement {
|
|
|
47
47
|
background: white;
|
|
48
48
|
color: #333;
|
|
49
49
|
padding: 0px;
|
|
50
|
-
width: ${unsafeCSS(shared.a4Width + 'px')};
|
|
51
|
-
height: ${unsafeCSS(shared.a4Height + 'px')};
|
|
50
|
+
width: ${unsafeCSS(plugins.shared.a4Width + 'px')};
|
|
51
|
+
height: ${unsafeCSS(plugins.shared.a4Height + 'px')};
|
|
52
52
|
position: relative;
|
|
53
53
|
border-radius: 3px;
|
|
54
54
|
overflow: hidden;
|
|
@@ -7,11 +7,10 @@ import {
|
|
|
7
7
|
css,
|
|
8
8
|
cssManager,
|
|
9
9
|
unsafeCSS,
|
|
10
|
+
domtools,
|
|
10
11
|
} from '@design.estate/dees-element';
|
|
11
|
-
import * as domtools from '@design.estate/dees-domtools';
|
|
12
12
|
|
|
13
|
-
import * as
|
|
14
|
-
import * as tsclass from '@tsclass/tsclass';
|
|
13
|
+
import * as plugins from '../plugins.js';
|
|
15
14
|
|
|
16
15
|
declare global {
|
|
17
16
|
interface HTMLElementTagNameMap {
|
|
@@ -28,7 +27,7 @@ export class DePageContent extends DeesElement {
|
|
|
28
27
|
@property({
|
|
29
28
|
type: Number,
|
|
30
29
|
})
|
|
31
|
-
public letterData: tsclass.business.ILetter;
|
|
30
|
+
public letterData: plugins.tsclass.business.ILetter;
|
|
32
31
|
|
|
33
32
|
@property({
|
|
34
33
|
type: Number,
|
|
@@ -55,8 +54,8 @@ export class DePageContent extends DeesElement {
|
|
|
55
54
|
.content {
|
|
56
55
|
position: absolute;
|
|
57
56
|
|
|
58
|
-
left: ${unsafeCSS(shared.leftMargin + 'px')};
|
|
59
|
-
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
|
57
|
+
left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
|
58
|
+
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
60
59
|
bottom: 170px;
|
|
61
60
|
overflow: visible;
|
|
62
61
|
}
|
|
@@ -10,10 +10,7 @@ import {
|
|
|
10
10
|
domtools,
|
|
11
11
|
} from '@design.estate/dees-element';
|
|
12
12
|
|
|
13
|
-
import * as
|
|
14
|
-
|
|
15
|
-
import * as shared from '../../ts/shared/index.js';
|
|
16
|
-
import * as tsclass from '@tsclass/tsclass';
|
|
13
|
+
import * as plugins from '../plugins.js';
|
|
17
14
|
|
|
18
15
|
declare global {
|
|
19
16
|
interface HTMLElementTagNameMap {
|
|
@@ -30,13 +27,13 @@ export class DePageFooter extends DeesElement {
|
|
|
30
27
|
@property({
|
|
31
28
|
type: Object,
|
|
32
29
|
})
|
|
33
|
-
letterData: tsclass.business.ILetter;
|
|
30
|
+
letterData: plugins.tsclass.business.ILetter;
|
|
34
31
|
|
|
35
32
|
@property({
|
|
36
33
|
type: Object,
|
|
37
34
|
reflect: true,
|
|
38
35
|
})
|
|
39
|
-
documentSettings: interfaces.IDocumentSettings;
|
|
36
|
+
documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
40
37
|
|
|
41
38
|
@property({
|
|
42
39
|
type: Number
|
|
@@ -69,7 +66,7 @@ export class DePageFooter extends DeesElement {
|
|
|
69
66
|
right: 0px;
|
|
70
67
|
height: 130px;
|
|
71
68
|
content: '';
|
|
72
|
-
padding: 30px ${unsafeCSS(shared.rightMargin + 'px')} 10px ${unsafeCSS(shared.leftMargin + 'px')};
|
|
69
|
+
padding: 30px ${unsafeCSS(plugins.shared.rightMargin + 'px')} 10px ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
|
73
70
|
grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
|
|
74
71
|
grid-gap: 5px;
|
|
75
72
|
border-top: 2px solid #e4002b;
|
|
@@ -78,7 +75,7 @@ export class DePageFooter extends DeesElement {
|
|
|
78
75
|
.bottomstripe .pageNumber {
|
|
79
76
|
position: absolute;
|
|
80
77
|
top: 0px;
|
|
81
|
-
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
|
78
|
+
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
82
79
|
background: #e4002b;
|
|
83
80
|
padding: 3px;
|
|
84
81
|
font-size: 9px;
|
|
@@ -89,7 +86,7 @@ export class DePageFooter extends DeesElement {
|
|
|
89
86
|
.bottomstripe .documentTitle {
|
|
90
87
|
position: absolute;
|
|
91
88
|
top: -18px;
|
|
92
|
-
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
|
89
|
+
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
93
90
|
background: #dddddd;
|
|
94
91
|
padding: 3px;
|
|
95
92
|
font-size: 9px;
|
|
@@ -104,26 +101,26 @@ export class DePageFooter extends DeesElement {
|
|
|
104
101
|
return html`
|
|
105
102
|
<div class="bottomstripe">
|
|
106
103
|
<div>
|
|
107
|
-
<strong>${shared.translation.translate(this.documentSettings.languageCode, 'address', 'Address')}:</strong><br />
|
|
104
|
+
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'address', 'Address')}:</strong><br />
|
|
108
105
|
${this.letterData.from.name}<br />
|
|
109
106
|
${this.letterData.from.address.streetName} ${this.letterData.from.address.houseNumber}<br />
|
|
110
107
|
${this.letterData.from.address.postalCode} ${this.letterData.from.address.city}<br />
|
|
111
108
|
${this.letterData.from.address.country}
|
|
112
109
|
</div>
|
|
113
110
|
<div>
|
|
114
|
-
<strong>${shared.translation.translate(this.documentSettings.languageCode, 'registrationInfo', 'Registration Info')}:</strong><br />
|
|
111
|
+
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'registrationInfo', 'Registration Info')}:</strong><br />
|
|
115
112
|
Amtsgericht Bremen<br />
|
|
116
113
|
<i>reg-#:</i> HRB 35230 HB<br />
|
|
117
114
|
<i>vat-id:</i> ${this.letterData.from.vatId}
|
|
118
115
|
</div>
|
|
119
116
|
<div>
|
|
120
|
-
<strong>${shared.translation.translate(this.documentSettings.languageCode, 'contactInfo', 'Contact Info')}:</strong><br />
|
|
117
|
+
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'contactInfo', 'Contact Info')}:</strong><br />
|
|
121
118
|
<i>email:</i> ${this.letterData.from.email}<br />
|
|
122
119
|
<i>phone:</i> ${this.letterData.from.phone}<br />
|
|
123
120
|
<i>fax:</i> ${this.letterData.from.fax}
|
|
124
121
|
</div>
|
|
125
122
|
<div>
|
|
126
|
-
<strong>${shared.translation.translate(this.documentSettings.languageCode, 'bankConnection', 'Bank Connection')}:</strong><br />
|
|
123
|
+
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'bankConnection', 'Bank Connection')}:</strong><br />
|
|
127
124
|
<i>beneficiary:</i> ${this.letterData?.from?.name}<br />
|
|
128
125
|
<i>institution:</i> ${this.letterData?.from?.sepaConnection?.institution}<br />
|
|
129
126
|
<i>iban:</i> ${this.letterData?.from?.sepaConnection?.iban}<br />
|
|
@@ -10,10 +10,7 @@ import {
|
|
|
10
10
|
domtools
|
|
11
11
|
} from '@design.estate/dees-element';
|
|
12
12
|
|
|
13
|
-
import * as
|
|
14
|
-
|
|
15
|
-
import * as shared from '../../ts/shared/index.js';
|
|
16
|
-
import * as tsclass from '@tsclass/tsclass';
|
|
13
|
+
import * as plugins from '../plugins.js';
|
|
17
14
|
|
|
18
15
|
declare global {
|
|
19
16
|
interface HTMLElementTagNameMap {
|
|
@@ -30,13 +27,13 @@ export class DePageHeader extends DeesElement {
|
|
|
30
27
|
@property({
|
|
31
28
|
type: Object,
|
|
32
29
|
})
|
|
33
|
-
public letterData: tsclass.business.ILetter = null;
|
|
30
|
+
public letterData: plugins.tsclass.business.ILetter = null;
|
|
34
31
|
|
|
35
32
|
@property({
|
|
36
33
|
type: Object,
|
|
37
34
|
reflect: true,
|
|
38
35
|
})
|
|
39
|
-
documentSettings: interfaces.IDocumentSettings;
|
|
36
|
+
documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
40
37
|
|
|
41
38
|
@property({
|
|
42
39
|
type: Number,
|
|
@@ -76,7 +73,7 @@ export class DePageHeader extends DeesElement {
|
|
|
76
73
|
overflow: hidden;
|
|
77
74
|
top: 130px;
|
|
78
75
|
left: auto;
|
|
79
|
-
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
|
76
|
+
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
80
77
|
height: 20px;
|
|
81
78
|
line-height: 20px;
|
|
82
79
|
color: #333;
|
|
@@ -87,7 +84,7 @@ export class DePageHeader extends DeesElement {
|
|
|
87
84
|
bottom: 10px;
|
|
88
85
|
height: 25px;
|
|
89
86
|
left: auto;
|
|
90
|
-
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
|
87
|
+
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
91
88
|
font-family: 'Courier New', Courier, monospace;
|
|
92
89
|
}
|
|
93
90
|
.topstripe .logo img {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { html } from '@design.estate/dees-element';
|
|
2
|
-
import * as
|
|
2
|
+
import * as plugins from '../plugins.js';
|
|
3
3
|
|
|
4
4
|
export const demoFunc = () => html`
|
|
5
|
-
<dedocument-viewer .letterData=${shared.demoLetter} .documentSettings=${shared.demoDocumentSettings}></dedocument-viewer>
|
|
5
|
+
<dedocument-viewer .letterData=${plugins.shared.demoLetter} .documentSettings=${plugins.shared.demoDocumentSettings}></dedocument-viewer>
|
|
6
6
|
`;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as plugins from '../plugins.js';
|
|
2
|
-
import * as interfaces from '../../ts/interfaces/index.js';
|
|
3
2
|
|
|
4
3
|
import { DeesElement, css, cssManager, customElement, html } from '@design.estate/dees-element';
|
|
5
4
|
import { demoFunc } from './viewer.demo.js';
|
|
@@ -18,7 +17,7 @@ export class DeDocumentViewer extends DeesElement {
|
|
|
18
17
|
// INSTANCE
|
|
19
18
|
public letterData: plugins.tsclass.business.ILetter = null;
|
|
20
19
|
|
|
21
|
-
public documentSettings: interfaces.IDocumentSettings;
|
|
20
|
+
public documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
22
21
|
|
|
23
22
|
public static styles = [
|
|
24
23
|
cssManager.defaultStyles,
|
package/ts_web/pages/page1.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { html } from '@design.estate/dees-element';
|
|
2
|
-
import { demoLetter } from '../../ts/shared/index.js';
|
|
3
1
|
import * as plugins from '../plugins.js';
|
|
2
|
+
import { html } from '@design.estate/dees-element';
|
|
4
3
|
|
|
5
4
|
export const page1 = () => html`
|
|
6
5
|
<style>
|
|
@@ -9,9 +8,9 @@ export const page1 = () => html`
|
|
|
9
8
|
}
|
|
10
9
|
</style>
|
|
11
10
|
<dedocument-dedocument .printMode=${false} letterData=${plugins.smartjson.stringifyBase64({
|
|
12
|
-
...demoLetter,
|
|
11
|
+
...plugins.shared.demoLetter,
|
|
13
12
|
from: {
|
|
14
|
-
...demoLetter.from,
|
|
13
|
+
...plugins.shared.demoLetter.from,
|
|
15
14
|
description: 'a string set via stringified JSON'
|
|
16
15
|
}
|
|
17
16
|
} as plugins.tsclass.business.ILetter)}> </dedocument-dedocument>
|
package/ts_web/plugins.ts
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as shared from '../shared/index.js';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90cy9pbnRlcmZhY2VzL2RvY3VtZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE1BQU0sb0JBQW9CLENBQUMifQ==
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export * from './document.js';
|
|
2
|
-
export * from './translation.js';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90cy9pbnRlcmZhY2VzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsa0JBQWtCLENBQUMifQ==
|
package/dist_ts/shared/index.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export const a4Height = 1122;
|
|
2
|
-
export const a4Width = 794;
|
|
3
|
-
export const rightMargin = 70;
|
|
4
|
-
export const leftMargin = 90;
|
|
5
|
-
import * as translation from './translation.js';
|
|
6
|
-
export { translation };
|
|
7
|
-
export * from './demoletter.js';
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90cy9zaGFyZWQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQztBQUM3QixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsR0FBRyxDQUFDO0FBQzNCLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7QUFDOUIsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQztBQUU3QixPQUFPLEtBQUssV0FBVyxNQUFNLGtCQUFrQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxXQUFXLEVBQUUsQ0FBQztBQUV2QixjQUFjLGlCQUFpQixDQUFDIn0=
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import * as interfaces from '../interfaces/index.js';
|
|
2
|
-
export const EN_translations = {
|
|
3
|
-
address: 'Address',
|
|
4
|
-
bankConnection: 'Bank Connection',
|
|
5
|
-
contactInfo: 'Contact Info',
|
|
6
|
-
description: 'Description',
|
|
7
|
-
invoice: 'Invoice',
|
|
8
|
-
itemPos: 'Item Pos.',
|
|
9
|
-
quantity: 'Quantity',
|
|
10
|
-
registrationInfo: 'Registration Info',
|
|
11
|
-
reverseVatNote: 'VAT arises on a reverse charge basis and is payable by the customer.',
|
|
12
|
-
totalNetPrice: 'Total Net Price',
|
|
13
|
-
unitNetPrice: 'Unit Net Price',
|
|
14
|
-
unitType: 'Unit Type',
|
|
15
|
-
yourCustomerId: 'Your Customer ID:',
|
|
16
|
-
yourVatId: 'Your vat id on file:',
|
|
17
|
-
continuesOnPage: 'Continues on page',
|
|
18
|
-
finalPageStatement: 'This is the final page of this document.',
|
|
19
|
-
page: 'Page',
|
|
20
|
-
};
|
|
21
|
-
export const DE_translations = {
|
|
22
|
-
address: 'Adresse',
|
|
23
|
-
bankConnection: 'Bankverbindung',
|
|
24
|
-
contactInfo: 'Kontaktinformationen',
|
|
25
|
-
description: 'Beschreibung',
|
|
26
|
-
invoice: 'Rechnung',
|
|
27
|
-
itemPos: 'Pos.',
|
|
28
|
-
quantity: 'Anzahl',
|
|
29
|
-
registrationInfo: 'HRA/HRB Info',
|
|
30
|
-
reverseVatNote: 'Umkehr der Umsatzsteuerpflicht: Der Rechnungsempfänger ist für die korrekte Abrechnung der Umsatzsteuer zuständig.',
|
|
31
|
-
totalNetPrice: 'Nettopreis Summe',
|
|
32
|
-
unitNetPrice: 'Nettopreis',
|
|
33
|
-
unitType: 'Einheit',
|
|
34
|
-
yourCustomerId: 'Ihre Kundennummer:',
|
|
35
|
-
yourVatId: 'Ihre Umsatzsteuer-ID:',
|
|
36
|
-
continuesOnPage: 'Fortsetzung auf Seite',
|
|
37
|
-
finalPageStatement: 'Diese ist die letzte Seite einer Dokumente.',
|
|
38
|
-
page: 'Seite',
|
|
39
|
-
};
|
|
40
|
-
export const ES_translations = {
|
|
41
|
-
address: 'Dirección',
|
|
42
|
-
bankConnection: 'Conexión bancaria',
|
|
43
|
-
contactInfo: 'Información de contacto',
|
|
44
|
-
description: 'Descripción',
|
|
45
|
-
invoice: 'Factura',
|
|
46
|
-
itemPos: 'Pos.',
|
|
47
|
-
quantity: 'Cantidad',
|
|
48
|
-
registrationInfo: 'Información de registro',
|
|
49
|
-
reverseVatNote: 'La declaración de IVA se aplica en base a la factura de venta, y se paga por el cliente.',
|
|
50
|
-
totalNetPrice: 'Precio total neto',
|
|
51
|
-
unitNetPrice: 'Precio unitario neto',
|
|
52
|
-
unitType: 'Tipo de unidad',
|
|
53
|
-
yourCustomerId: 'Su número de cliente:',
|
|
54
|
-
yourVatId: 'Su ID de IVA:',
|
|
55
|
-
continuesOnPage: 'Continues on page',
|
|
56
|
-
finalPageStatement: 'This is the final page of this document.',
|
|
57
|
-
page: 'Page',
|
|
58
|
-
};
|
|
59
|
-
export const languageCodeMap = {
|
|
60
|
-
'DE': DE_translations,
|
|
61
|
-
'EN': EN_translations,
|
|
62
|
-
'ES': ES_translations,
|
|
63
|
-
};
|
|
64
|
-
export const translate = (languageCode, key, defaultValue) => {
|
|
65
|
-
const translations = languageCodeMap[languageCode] || EN_translations;
|
|
66
|
-
if (translations && translations[key]) {
|
|
67
|
-
return translations[key];
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
return defaultValue;
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90cy9zaGFyZWQvdHJhbnNsYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLFVBQVUsTUFBTSx3QkFBd0IsQ0FBQztBQU1yRCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQStCO0lBQ3pELE9BQU8sRUFBRSxTQUFTO0lBQ2xCLGNBQWMsRUFBRSxpQkFBaUI7SUFDakMsV0FBVyxFQUFFLGNBQWM7SUFDM0IsV0FBVyxFQUFFLGFBQWE7SUFDMUIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsT0FBTyxFQUFFLFdBQVc7SUFDcEIsUUFBUSxFQUFFLFVBQVU7SUFDcEIsZ0JBQWdCLEVBQUUsbUJBQW1CO0lBQ3JDLGNBQWMsRUFBRSxzRUFBc0U7SUFDdEYsYUFBYSxFQUFFLGlCQUFpQjtJQUNoQyxZQUFZLEVBQUUsZ0JBQWdCO0lBQzlCLFFBQVEsRUFBRSxXQUFXO0lBQ3JCLGNBQWMsRUFBRSxtQkFBbUI7SUFDbkMsU0FBUyxFQUFFLHNCQUFzQjtJQUNqQyxlQUFlLEVBQUUsbUJBQW1CO0lBQ3BDLGtCQUFrQixFQUFFLDBDQUEwQztJQUM5RCxJQUFJLEVBQUUsTUFBTTtDQUNiLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQStCO0lBQ3pELE9BQU8sRUFBRSxTQUFTO0lBQ2xCLGNBQWMsRUFBRSxnQkFBZ0I7SUFDaEMsV0FBVyxFQUFFLHNCQUFzQjtJQUNuQyxXQUFXLEVBQUUsY0FBYztJQUMzQixPQUFPLEVBQUUsVUFBVTtJQUNuQixPQUFPLEVBQUUsTUFBTTtJQUNmLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLGdCQUFnQixFQUFFLGNBQWM7SUFDaEMsY0FBYyxFQUFFLG9IQUFvSDtJQUNwSSxhQUFhLEVBQUUsa0JBQWtCO0lBQ2pDLFlBQVksRUFBRSxZQUFZO0lBQzFCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGNBQWMsRUFBRSxvQkFBb0I7SUFDcEMsU0FBUyxFQUFFLHVCQUF1QjtJQUNsQyxlQUFlLEVBQUUsdUJBQXVCO0lBQ3hDLGtCQUFrQixFQUFFLDZDQUE2QztJQUNqRSxJQUFJLEVBQUUsT0FBTztDQUNkLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQStCO0lBQ3pELE9BQU8sRUFBRSxXQUFXO0lBQ3BCLGNBQWMsRUFBRSxtQkFBbUI7SUFDbkMsV0FBVyxFQUFFLHlCQUF5QjtJQUN0QyxXQUFXLEVBQUUsYUFBYTtJQUMxQixPQUFPLEVBQUUsU0FBUztJQUNsQixPQUFPLEVBQUUsTUFBTTtJQUNmLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLGdCQUFnQixFQUFFLHlCQUF5QjtJQUMzQyxjQUFjLEVBQUUsMEZBQTBGO0lBQzFHLGFBQWEsRUFBRSxtQkFBbUI7SUFDbEMsWUFBWSxFQUFFLHNCQUFzQjtJQUNwQyxRQUFRLEVBQUUsZ0JBQWdCO0lBQzFCLGNBQWMsRUFBRSx1QkFBdUI7SUFDdkMsU0FBUyxFQUFFLGVBQWU7SUFDMUIsZUFBZSxFQUFFLG1CQUFtQjtJQUNwQyxrQkFBa0IsRUFBRSwwQ0FBMEM7SUFDOUQsSUFBSSxFQUFFLE1BQU07Q0FDYixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHO0lBQzdCLElBQUksRUFBRSxlQUFlO0lBQ3JCLElBQUksRUFBRSxlQUFlO0lBQ3JCLElBQUksRUFBRSxlQUFlO0NBQ3RCLENBQUM7QUFJRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxZQUEyQixFQUFFLEdBQVcsRUFBRSxZQUFvQixFQUFFLEVBQUU7SUFDMUYsTUFBTSxZQUFZLEdBQUcsZUFBZSxDQUFDLFlBQVksQ0FBQyxJQUFJLGVBQWUsQ0FBQztJQUN0RSxJQUFJLFlBQVksSUFBSSxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztRQUN0QyxPQUFPLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO1NBQU0sQ0FBQztRQUNOLE9BQU8sWUFBWSxDQUFDO0lBQ3RCLENBQUM7QUFDSCxDQUFDLENBQUMifQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as shared from '../shared/index.js';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90cy9pbnRlcmZhY2VzL2RvY3VtZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE1BQU0sb0JBQW9CLENBQUMifQ==
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export interface IDeDocumentTranslations {
|
|
2
|
-
address: string;
|
|
3
|
-
bankConnection: string;
|
|
4
|
-
contactInfo: string;
|
|
5
|
-
description: string;
|
|
6
|
-
invoice: string;
|
|
7
|
-
itemPos: string;
|
|
8
|
-
quantity: string;
|
|
9
|
-
registrationInfo: string;
|
|
10
|
-
reverseVatNote: string;
|
|
11
|
-
totalNetPrice: string;
|
|
12
|
-
unitNetPrice: string;
|
|
13
|
-
unitType: string;
|
|
14
|
-
yourCustomerId: string;
|
|
15
|
-
yourVatId: string;
|
|
16
|
-
continuesOnPage: string;
|
|
17
|
-
finalPageStatement: string;
|
|
18
|
-
page: string;
|
|
19
|
-
}
|