@design.estate/dees-document 2.2.0 → 2.2.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_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/contentinvoice.d.ts +6 -0
- package/dist_ts_web/elements/contentinvoice.js +39 -3
- package/dist_ts_web/elements/document.d.ts +21 -0
- package/dist_ts_web/elements/document.js +73 -4
- package/dist_ts_web/elements/page.d.ts +1 -0
- package/dist_ts_web/elements/page.js +19 -4
- package/dist_ts_web/elements/viewer.d.ts +117 -4
- package/dist_ts_web/elements/viewer.js +1347 -17
- package/package.json +1 -1
- package/dist_ts_web/ts_shared/translation.d.ts +0 -82
- package/dist_ts_web/ts_shared/translation.js +0 -134
- package/dist_ts_web/ts_web/00_commitinfo_data.d.ts +0 -8
- package/dist_ts_web/ts_web/00_commitinfo_data.js +0 -9
- package/dist_ts_web/ts_web/elements/contentinvoice.d.ts +0 -47
- package/dist_ts_web/ts_web/elements/contentinvoice.js +0 -502
- package/dist_ts_web/ts_web/elements/document.d.ts +0 -48
- package/dist_ts_web/ts_web/elements/document.demo.d.ts +0 -1
- package/dist_ts_web/ts_web/elements/document.demo.js +0 -9
- package/dist_ts_web/ts_web/elements/document.js +0 -375
- package/dist_ts_web/ts_web/elements/index.d.ts +0 -10
- package/dist_ts_web/ts_web/elements/index.js +0 -11
- package/dist_ts_web/ts_web/elements/letterheader.d.ts +0 -18
- package/dist_ts_web/ts_web/elements/letterheader.js +0 -224
- package/dist_ts_web/ts_web/elements/page.d.ts +0 -26
- package/dist_ts_web/ts_web/elements/page.js +0 -350
- package/dist_ts_web/ts_web/elements/pagecontainer.d.ts +0 -14
- package/dist_ts_web/ts_web/elements/pagecontainer.js +0 -114
- package/dist_ts_web/ts_web/elements/pagecontent.d.ts +0 -19
- package/dist_ts_web/ts_web/elements/pagecontent.js +0 -177
- package/dist_ts_web/ts_web/elements/pagefooter.d.ts +0 -17
- package/dist_ts_web/ts_web/elements/pagefooter.js +0 -234
- package/dist_ts_web/ts_web/elements/pageheader.d.ts +0 -17
- package/dist_ts_web/ts_web/elements/pageheader.js +0 -165
- package/dist_ts_web/ts_web/elements/paymentcode.d.ts +0 -19
- package/dist_ts_web/ts_web/elements/paymentcode.js +0 -162
- package/dist_ts_web/ts_web/elements/viewer.d.ts +0 -128
- package/dist_ts_web/ts_web/elements/viewer.demo.d.ts +0 -1
- package/dist_ts_web/ts_web/elements/viewer.demo.js +0 -9
- package/dist_ts_web/ts_web/elements/viewer.js +0 -1480
- package/dist_ts_web/ts_web/index.d.ts +0 -1
- package/dist_ts_web/ts_web/index.js +0 -2
- package/dist_ts_web/ts_web/pages/index.d.ts +0 -2
- package/dist_ts_web/ts_web/pages/index.js +0 -3
- package/dist_ts_web/ts_web/pages/page1.d.ts +0 -1
- package/dist_ts_web/ts_web/pages/page1.js +0 -21
- package/dist_ts_web/ts_web/pages/page2.d.ts +0 -1
- package/dist_ts_web/ts_web/pages/page2.js +0 -18
- package/dist_ts_web/ts_web/plugins.d.ts +0 -9
- package/dist_ts_web/ts_web/plugins.js +0 -14
- package/dist_ts_web/ts_web/style.d.ts +0 -1
- package/dist_ts_web/ts_web/style.js +0 -38
|
@@ -1,502 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* content for invoices
|
|
3
|
-
*/
|
|
4
|
-
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
5
|
-
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
6
|
-
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
7
|
-
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
8
|
-
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
9
|
-
var _, done = false;
|
|
10
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
11
|
-
var context = {};
|
|
12
|
-
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
13
|
-
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
14
|
-
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
15
|
-
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
16
|
-
if (kind === "accessor") {
|
|
17
|
-
if (result === void 0) continue;
|
|
18
|
-
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
19
|
-
if (_ = accept(result.get)) descriptor.get = _;
|
|
20
|
-
if (_ = accept(result.set)) descriptor.set = _;
|
|
21
|
-
if (_ = accept(result.init)) initializers.unshift(_);
|
|
22
|
-
}
|
|
23
|
-
else if (_ = accept(result)) {
|
|
24
|
-
if (kind === "field") initializers.unshift(_);
|
|
25
|
-
else descriptor[key] = _;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
29
|
-
done = true;
|
|
30
|
-
};
|
|
31
|
-
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
32
|
-
var useValue = arguments.length > 2;
|
|
33
|
-
for (var i = 0; i < initializers.length; i++) {
|
|
34
|
-
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
35
|
-
}
|
|
36
|
-
return useValue ? value : void 0;
|
|
37
|
-
};
|
|
38
|
-
import { DeesElement, property, html, customElement, css, render, domtools, } from "@design.estate/dees-element";
|
|
39
|
-
import * as plugins from "../plugins.js";
|
|
40
|
-
import { dedocumentSharedStyle } from "../style.js";
|
|
41
|
-
let DeContentInvoice = (() => {
|
|
42
|
-
let _classDecorators = [customElement("dedocument-contentinvoice")];
|
|
43
|
-
let _classDescriptor;
|
|
44
|
-
let _classExtraInitializers = [];
|
|
45
|
-
let _classThis;
|
|
46
|
-
let _classSuper = DeesElement;
|
|
47
|
-
let _letterData_decorators;
|
|
48
|
-
let _letterData_initializers = [];
|
|
49
|
-
let _letterData_extraInitializers = [];
|
|
50
|
-
let _documentSettings_decorators;
|
|
51
|
-
let _documentSettings_initializers = [];
|
|
52
|
-
let _documentSettings_extraInitializers = [];
|
|
53
|
-
let _renderStartOffset_decorators;
|
|
54
|
-
let _renderStartOffset_initializers = [];
|
|
55
|
-
let _renderStartOffset_extraInitializers = [];
|
|
56
|
-
let _renderContentLength_decorators;
|
|
57
|
-
let _renderContentLength_initializers = [];
|
|
58
|
-
let _renderContentLength_extraInitializers = [];
|
|
59
|
-
var DeContentInvoice = class extends _classSuper {
|
|
60
|
-
static { _classThis = this; }
|
|
61
|
-
static {
|
|
62
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
63
|
-
_letterData_decorators = [property({
|
|
64
|
-
type: Object,
|
|
65
|
-
reflect: true,
|
|
66
|
-
})];
|
|
67
|
-
_documentSettings_decorators = [property({
|
|
68
|
-
type: Object,
|
|
69
|
-
reflect: true,
|
|
70
|
-
})];
|
|
71
|
-
_renderStartOffset_decorators = [property({ type: Number })];
|
|
72
|
-
_renderContentLength_decorators = [property({ type: Number })];
|
|
73
|
-
__esDecorate(this, null, _letterData_decorators, { kind: "accessor", name: "letterData", static: false, private: false, access: { has: obj => "letterData" in obj, get: obj => obj.letterData, set: (obj, value) => { obj.letterData = value; } }, metadata: _metadata }, _letterData_initializers, _letterData_extraInitializers);
|
|
74
|
-
__esDecorate(this, null, _documentSettings_decorators, { kind: "accessor", name: "documentSettings", static: false, private: false, access: { has: obj => "documentSettings" in obj, get: obj => obj.documentSettings, set: (obj, value) => { obj.documentSettings = value; } }, metadata: _metadata }, _documentSettings_initializers, _documentSettings_extraInitializers);
|
|
75
|
-
__esDecorate(this, null, _renderStartOffset_decorators, { kind: "accessor", name: "renderStartOffset", static: false, private: false, access: { has: obj => "renderStartOffset" in obj, get: obj => obj.renderStartOffset, set: (obj, value) => { obj.renderStartOffset = value; } }, metadata: _metadata }, _renderStartOffset_initializers, _renderStartOffset_extraInitializers);
|
|
76
|
-
__esDecorate(this, null, _renderContentLength_decorators, { kind: "accessor", name: "renderContentLength", static: false, private: false, access: { has: obj => "renderContentLength" in obj, get: obj => obj.renderContentLength, set: (obj, value) => { obj.renderContentLength = value; } }, metadata: _metadata }, _renderContentLength_initializers, _renderContentLength_extraInitializers);
|
|
77
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
78
|
-
DeContentInvoice = _classThis = _classDescriptor.value;
|
|
79
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
80
|
-
}
|
|
81
|
-
static demo = () => html `
|
|
82
|
-
<style>
|
|
83
|
-
.demoContainer {
|
|
84
|
-
background: white;
|
|
85
|
-
padding: 50px;
|
|
86
|
-
}
|
|
87
|
-
</style>
|
|
88
|
-
<div class="demoContainer">
|
|
89
|
-
<dedocument-contentinvoice></dedocument-contentinvoice>
|
|
90
|
-
</div>
|
|
91
|
-
`;
|
|
92
|
-
#letterData_accessor_storage = __runInitializers(this, _letterData_initializers, void 0);
|
|
93
|
-
get letterData() { return this.#letterData_accessor_storage; }
|
|
94
|
-
set letterData(value) { this.#letterData_accessor_storage = value; }
|
|
95
|
-
#documentSettings_accessor_storage = (__runInitializers(this, _letterData_extraInitializers), __runInitializers(this, _documentSettings_initializers, void 0));
|
|
96
|
-
get documentSettings() { return this.#documentSettings_accessor_storage; }
|
|
97
|
-
set documentSettings(value) { this.#documentSettings_accessor_storage = value; }
|
|
98
|
-
#renderStartOffset_accessor_storage = (__runInitializers(this, _documentSettings_extraInitializers), __runInitializers(this, _renderStartOffset_initializers, null));
|
|
99
|
-
// Offset-based rendering properties for thumbnails
|
|
100
|
-
get renderStartOffset() { return this.#renderStartOffset_accessor_storage; }
|
|
101
|
-
set renderStartOffset(value) { this.#renderStartOffset_accessor_storage = value; }
|
|
102
|
-
#renderContentLength_accessor_storage = (__runInitializers(this, _renderStartOffset_extraInitializers), __runInitializers(this, _renderContentLength_initializers, null));
|
|
103
|
-
get renderContentLength() { return this.#renderContentLength_accessor_storage; }
|
|
104
|
-
set renderContentLength(value) { this.#renderContentLength_accessor_storage = value; }
|
|
105
|
-
constructor() {
|
|
106
|
-
super();
|
|
107
|
-
domtools.DomTools.setupDomTools();
|
|
108
|
-
}
|
|
109
|
-
static styles = [
|
|
110
|
-
domtools.elementBasic.staticStyles,
|
|
111
|
-
dedocumentSharedStyle,
|
|
112
|
-
css `
|
|
113
|
-
.trimmedContent {
|
|
114
|
-
display: none;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.grid {
|
|
118
|
-
display: grid;
|
|
119
|
-
grid-template-columns: 40px auto 50px 50px 100px 50px 100px;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.topLine {
|
|
123
|
-
margin-top: 5px;
|
|
124
|
-
background: #e7e7e7;
|
|
125
|
-
font-weight: bold;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.lineItem {
|
|
129
|
-
font-size: 12px;
|
|
130
|
-
padding: 5px;
|
|
131
|
-
border-right: 1px dashed #ccc;
|
|
132
|
-
white-space: nowrap;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.lineItem:last-child {
|
|
136
|
-
border-right: none;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.value.rightAlign,
|
|
140
|
-
.lineItem.rightAlign {
|
|
141
|
-
text-align: right;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.invoiceLine {
|
|
145
|
-
background: #ffffff00;
|
|
146
|
-
border-bottom: 1px dotted #ccc;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.invoiceLine.highlighted {
|
|
150
|
-
transition: background 0.2s;
|
|
151
|
-
background: #ffc18f;
|
|
152
|
-
border: 1px solid #ff9d4d;
|
|
153
|
-
box-sizing: content-box;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.sums {
|
|
157
|
-
margin-top: 5px;
|
|
158
|
-
font-size: 12px;
|
|
159
|
-
padding-left: 50%;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
.sums .sumline {
|
|
163
|
-
margin-top: 3px;
|
|
164
|
-
display: grid;
|
|
165
|
-
grid-template-columns: auto 100px;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.sums .sumline .label {
|
|
169
|
-
padding: 2px 5px;
|
|
170
|
-
border-right: 1px solid #ccc;
|
|
171
|
-
text-align: right;
|
|
172
|
-
font-weight: bold;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
.sums .sumline .value {
|
|
176
|
-
padding: 2px 5px;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.sums .sumline .value--total {
|
|
180
|
-
font-weight: bold;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
.divider {
|
|
184
|
-
margin-top: 8px;
|
|
185
|
-
border-top: 1px dotted #ccc;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.taxNote {
|
|
189
|
-
font-size: 12px;
|
|
190
|
-
padding: 4px;
|
|
191
|
-
background: #eeeeeb;
|
|
192
|
-
text-align: center;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.infoBox {
|
|
196
|
-
margin-top: 22px;
|
|
197
|
-
line-height: 1.4em;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.infoBox .label {
|
|
201
|
-
padding-bottom: 2px;
|
|
202
|
-
font-weight: bold;
|
|
203
|
-
}
|
|
204
|
-
`,
|
|
205
|
-
];
|
|
206
|
-
render() {
|
|
207
|
-
return html `
|
|
208
|
-
<div class="trimmedContent"></div>
|
|
209
|
-
<div class="repeatedContent"></div>
|
|
210
|
-
<div class="currentContent"></div>
|
|
211
|
-
`;
|
|
212
|
-
}
|
|
213
|
-
formatPrice(value, currency = "EUR", lang = "de-DE") {
|
|
214
|
-
return new Intl.NumberFormat(lang, {
|
|
215
|
-
style: "currency",
|
|
216
|
-
currency,
|
|
217
|
-
}).format(value);
|
|
218
|
-
}
|
|
219
|
-
getTotalNet = (__runInitializers(this, _renderContentLength_extraInitializers), () => {
|
|
220
|
-
let totalNet = 0;
|
|
221
|
-
if (!this.letterData) {
|
|
222
|
-
return totalNet;
|
|
223
|
-
}
|
|
224
|
-
for (const item of this.letterData.items) {
|
|
225
|
-
totalNet += item.unitNetPrice * item.unitQuantity;
|
|
226
|
-
}
|
|
227
|
-
return totalNet;
|
|
228
|
-
});
|
|
229
|
-
getTotalGross = () => {
|
|
230
|
-
let totalVat = 0;
|
|
231
|
-
if (!this.letterData) {
|
|
232
|
-
return totalVat;
|
|
233
|
-
}
|
|
234
|
-
for (const taxgroup of this.getVatGroups()) {
|
|
235
|
-
totalVat += taxgroup.vatAmountSum;
|
|
236
|
-
}
|
|
237
|
-
return this.getTotalNet() + totalVat;
|
|
238
|
-
};
|
|
239
|
-
getVatGroups = () => {
|
|
240
|
-
const vatGroups = [];
|
|
241
|
-
if (!this.letterData) {
|
|
242
|
-
return vatGroups;
|
|
243
|
-
}
|
|
244
|
-
const taxAmounts = [];
|
|
245
|
-
for (const item of this.letterData.items) {
|
|
246
|
-
taxAmounts.includes(item.vatPercentage)
|
|
247
|
-
? null
|
|
248
|
-
: taxAmounts.push(item.vatPercentage);
|
|
249
|
-
}
|
|
250
|
-
for (const taxAmount of taxAmounts) {
|
|
251
|
-
const matchingItems = this.letterData.items.filter((itemArg) => itemArg.vatPercentage === taxAmount);
|
|
252
|
-
let sum = 0;
|
|
253
|
-
for (const matchingItem of matchingItems) {
|
|
254
|
-
sum +=
|
|
255
|
-
matchingItem.unitNetPrice *
|
|
256
|
-
matchingItem.unitQuantity *
|
|
257
|
-
(taxAmount / 100);
|
|
258
|
-
}
|
|
259
|
-
vatGroups.push({
|
|
260
|
-
items: matchingItems,
|
|
261
|
-
vatPercentage: taxAmount,
|
|
262
|
-
vatAmountSum: Math.round(sum * 100) / 100,
|
|
263
|
-
});
|
|
264
|
-
}
|
|
265
|
-
return vatGroups.sort((a, b) => b.vatPercentage - a.vatPercentage);
|
|
266
|
-
};
|
|
267
|
-
async getContentNodes() {
|
|
268
|
-
await this.elementDomReady;
|
|
269
|
-
return {
|
|
270
|
-
currentContent: this.shadowRoot.querySelector(".currentContent"),
|
|
271
|
-
trimmedContent: this.shadowRoot.querySelector(".trimmedContent"),
|
|
272
|
-
repeatedContent: this.shadowRoot.querySelector(".repeatedContent"),
|
|
273
|
-
};
|
|
274
|
-
}
|
|
275
|
-
async getContentLength() {
|
|
276
|
-
await this.elementDomReady;
|
|
277
|
-
return (await this.getContentNodes()).currentContent.children.length;
|
|
278
|
-
}
|
|
279
|
-
async trimEndByOne() {
|
|
280
|
-
await this.elementDomReady;
|
|
281
|
-
this.shadowRoot
|
|
282
|
-
.querySelector(".trimmedContent")
|
|
283
|
-
.append((await this.getContentNodes()).currentContent.children.item((await this.getContentNodes()).currentContent.children.length - 1));
|
|
284
|
-
}
|
|
285
|
-
async trimStartToOffset(contentOffsetArg) {
|
|
286
|
-
await this.elementDomReady;
|
|
287
|
-
const beginningLength = (await this.getContentNodes()).currentContent
|
|
288
|
-
.children.length;
|
|
289
|
-
while ((await this.getContentNodes()).currentContent.children.length !==
|
|
290
|
-
beginningLength - contentOffsetArg) {
|
|
291
|
-
(await this.getContentNodes()).trimmedContent.append((await this.getContentNodes()).currentContent.children.item(0));
|
|
292
|
-
}
|
|
293
|
-
if ((await this.getContentNodes()).currentContent.children
|
|
294
|
-
.item(0)
|
|
295
|
-
.classList.contains("needsDataHeader")) {
|
|
296
|
-
const trimmedContent = (await this.getContentNodes()).trimmedContent;
|
|
297
|
-
let startPoint = trimmedContent.children.length;
|
|
298
|
-
while (startPoint > 0) {
|
|
299
|
-
const element = trimmedContent.children.item(startPoint - 1);
|
|
300
|
-
if (element.classList.contains("dataHeader")) {
|
|
301
|
-
(await this.getContentNodes()).repeatedContent.append(element);
|
|
302
|
-
break;
|
|
303
|
-
}
|
|
304
|
-
startPoint--;
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
translateKey(key) {
|
|
309
|
-
return plugins.shared.translation.translate(this.documentSettings.languageCode, key);
|
|
310
|
-
}
|
|
311
|
-
async firstUpdated(_changedProperties) {
|
|
312
|
-
super.firstUpdated(_changedProperties);
|
|
313
|
-
await this.attachInvoiceDom();
|
|
314
|
-
// Apply offset-based trimming if specified (used for thumbnails)
|
|
315
|
-
if (this.renderStartOffset !== null && this.renderContentLength !== null) {
|
|
316
|
-
await this.applyOffsetTrimming();
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
/**
|
|
320
|
-
* Apply pre-computed pagination offsets for thumbnail rendering
|
|
321
|
-
*/
|
|
322
|
-
async applyOffsetTrimming() {
|
|
323
|
-
// Trim from start
|
|
324
|
-
if (this.renderStartOffset > 0) {
|
|
325
|
-
await this.trimStartToOffset(this.renderStartOffset);
|
|
326
|
-
}
|
|
327
|
-
// Trim from end to match content length
|
|
328
|
-
let currentLength = await this.getContentLength();
|
|
329
|
-
while (currentLength > this.renderContentLength) {
|
|
330
|
-
await this.trimEndByOne();
|
|
331
|
-
currentLength = await this.getContentLength();
|
|
332
|
-
}
|
|
333
|
-
}
|
|
334
|
-
renderPaymentTerms() {
|
|
335
|
-
return html `<div class="infoBox">
|
|
336
|
-
<div>
|
|
337
|
-
<div>
|
|
338
|
-
<div class="label">
|
|
339
|
-
${this.translateKey("invoice@@payment.terms")}
|
|
340
|
-
</div>
|
|
341
|
-
<span>
|
|
342
|
-
${this.translateKey("invoice@@payment.terms.direct")}
|
|
343
|
-
${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
|
|
344
|
-
dateStyle: this.documentSettings.dateStyle,
|
|
345
|
-
}).format(new Date(this.letterData.date).setDate(new Date(this.letterData.date).getDate() +
|
|
346
|
-
this.letterData?.dueInDays))}
|
|
347
|
-
</span>
|
|
348
|
-
</div>
|
|
349
|
-
</div>
|
|
350
|
-
</div>`;
|
|
351
|
-
}
|
|
352
|
-
renderPaymentInfo() {
|
|
353
|
-
const bic = this.letterData?.from.sepaConnection.bic;
|
|
354
|
-
const name = this.letterData?.from.name;
|
|
355
|
-
const iban = this.letterData?.from.sepaConnection.iban;
|
|
356
|
-
const currency = this.letterData?.currency;
|
|
357
|
-
const totalGross = this.getTotalGross();
|
|
358
|
-
const reference = this.letterData?.id;
|
|
359
|
-
return html `<div class="infoBox">
|
|
360
|
-
<div>
|
|
361
|
-
<div>
|
|
362
|
-
<div class="label">${this.translateKey("invoice@@payment.qr")}</div>
|
|
363
|
-
<span> ${this.translateKey("invoice@@payment.qr.description")} </span>
|
|
364
|
-
</div>
|
|
365
|
-
<dedocument-paymentcode
|
|
366
|
-
bic="${bic}"
|
|
367
|
-
name="${name}"
|
|
368
|
-
iban="${iban}"
|
|
369
|
-
currency="${currency}"
|
|
370
|
-
totalGross="${totalGross}"
|
|
371
|
-
reference="${reference}"
|
|
372
|
-
/>
|
|
373
|
-
</div>
|
|
374
|
-
</div>`;
|
|
375
|
-
}
|
|
376
|
-
renderReferencedContract() {
|
|
377
|
-
return null;
|
|
378
|
-
// return this.documentSettings.enableInvoiceContractRefSection &&
|
|
379
|
-
// this.invoiceData?.content?.contractData?.contractDate
|
|
380
|
-
// ? html`
|
|
381
|
-
// <div class="infoBox">
|
|
382
|
-
// <div class="label">
|
|
383
|
-
// ${this.translateKey("invoice@@referencedContract")}
|
|
384
|
-
// </div>
|
|
385
|
-
// ${this.translateKey("invoice@@referencedContract.text")}
|
|
386
|
-
// ${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
|
|
387
|
-
// dateStyle: this.documentSettings.dateStyle,
|
|
388
|
-
// }).format(
|
|
389
|
-
// new Date(this.invoiceData?.content.contractData.contractDate)
|
|
390
|
-
// )}.
|
|
391
|
-
// </div>
|
|
392
|
-
// `
|
|
393
|
-
// : null;
|
|
394
|
-
}
|
|
395
|
-
async attachInvoiceDom() {
|
|
396
|
-
const contentNodes = await this.getContentNodes();
|
|
397
|
-
render(html `
|
|
398
|
-
<div>${this.translateKey("invoice@@introStatement")}</div>
|
|
399
|
-
<div class="grid topLine dataHeader">
|
|
400
|
-
<div class="lineItem rightAlign">
|
|
401
|
-
${this.translateKey("invoice@@item.position")}
|
|
402
|
-
</div>
|
|
403
|
-
<div class="lineItem">
|
|
404
|
-
${this.translateKey("invoice@@description")}
|
|
405
|
-
</div>
|
|
406
|
-
<div class="lineItem rightAlign">
|
|
407
|
-
${this.translateKey("invoice@@quantity")}
|
|
408
|
-
</div>
|
|
409
|
-
<div class="lineItem">${this.translateKey("invoice@@unit.type")}</div>
|
|
410
|
-
<div class="lineItem rightAlign">
|
|
411
|
-
${this.translateKey("invoice@@price.unit.net")}
|
|
412
|
-
</div>
|
|
413
|
-
<div class="lineItem rightAlign">
|
|
414
|
-
${this.translateKey("invoice@@vat.short")}
|
|
415
|
-
</div>
|
|
416
|
-
<div class="lineItem rightAlign">
|
|
417
|
-
${this.translateKey("invoice@@price.total.net")}
|
|
418
|
-
</div>
|
|
419
|
-
</div>
|
|
420
|
-
${this.letterData?.items?.map((invoiceItem, index) => html `
|
|
421
|
-
<div class="grid needsDataHeader">
|
|
422
|
-
<div class="lineItem rightAlign">${index + 1}</div>
|
|
423
|
-
<div class="lineItem">${invoiceItem.name}</div>
|
|
424
|
-
<div class="lineItem rightAlign">${invoiceItem.unitQuantity}</div>
|
|
425
|
-
<div class="lineItem">${invoiceItem.unitType}</div>
|
|
426
|
-
<div class="lineItem rightAlign">
|
|
427
|
-
${this.formatPrice(invoiceItem.unitNetPrice)}
|
|
428
|
-
</div>
|
|
429
|
-
<div class="lineItem rightAlign">
|
|
430
|
-
${invoiceItem.vatPercentage}%
|
|
431
|
-
</div>
|
|
432
|
-
<div class="lineItem rightAlign">
|
|
433
|
-
${this.formatPrice(invoiceItem.unitQuantity * invoiceItem.unitNetPrice)}
|
|
434
|
-
</div>
|
|
435
|
-
</div>
|
|
436
|
-
`)}
|
|
437
|
-
<div class="sums">
|
|
438
|
-
<div class="sumline">
|
|
439
|
-
<div class="label">
|
|
440
|
-
${this.translateKey("invoice@@sum.total.net")}
|
|
441
|
-
</div>
|
|
442
|
-
<div class="value value--total rightAlign">
|
|
443
|
-
${this.formatPrice(this.getTotalNet())}
|
|
444
|
-
</div>
|
|
445
|
-
</div>
|
|
446
|
-
${this.getVatGroups().map((vatGroupArg) => {
|
|
447
|
-
let itemNumbers = vatGroupArg.items
|
|
448
|
-
.map((item) => this.letterData.items.indexOf(item) + 1)
|
|
449
|
-
.join(", ");
|
|
450
|
-
return html `
|
|
451
|
-
<div class="sumline">
|
|
452
|
-
<div class="label">
|
|
453
|
-
${this.translateKey("vat.short")}
|
|
454
|
-
${vatGroupArg.vatPercentage}%
|
|
455
|
-
${this.documentSettings.vatGroupPositions
|
|
456
|
-
? html `
|
|
457
|
-
<br /><span style="font-weight: normal"
|
|
458
|
-
>(${this.translateKey("invoice@@vat.position")}:
|
|
459
|
-
${itemNumbers})</span
|
|
460
|
-
>
|
|
461
|
-
`
|
|
462
|
-
: html ``}
|
|
463
|
-
</div>
|
|
464
|
-
<div class="value rightAlign">
|
|
465
|
-
${this.formatPrice(vatGroupArg.vatAmountSum)}
|
|
466
|
-
</div>
|
|
467
|
-
</div>
|
|
468
|
-
`;
|
|
469
|
-
})}
|
|
470
|
-
<div class="sumline">
|
|
471
|
-
<div class="label">${this.translateKey("invoice@@totalGross")}</div>
|
|
472
|
-
<div class="value value--total rightAlign">
|
|
473
|
-
${this.formatPrice(this.getTotalGross())}
|
|
474
|
-
</div>
|
|
475
|
-
</div>
|
|
476
|
-
</div>
|
|
477
|
-
<div class="divider"></div>
|
|
478
|
-
|
|
479
|
-
${this.letterData?.reverseCharge
|
|
480
|
-
? html `<div class="taxNote">
|
|
481
|
-
${this.translateKey("invoice@@vat.reverseCharge.note")}
|
|
482
|
-
</div>`
|
|
483
|
-
: ``}
|
|
484
|
-
|
|
485
|
-
<!-- REFERENCED CONTRACT -->
|
|
486
|
-
${this.renderReferencedContract()}
|
|
487
|
-
|
|
488
|
-
<!-- PAYMENT TERMS -->
|
|
489
|
-
${this.renderPaymentTerms()}
|
|
490
|
-
|
|
491
|
-
<!-- PAYMENT INFO -->
|
|
492
|
-
${this.renderPaymentInfo()}
|
|
493
|
-
`, contentNodes.currentContent);
|
|
494
|
-
}
|
|
495
|
-
static {
|
|
496
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
497
|
-
}
|
|
498
|
-
};
|
|
499
|
-
return DeContentInvoice = _classThis;
|
|
500
|
-
})();
|
|
501
|
-
export { DeContentInvoice };
|
|
502
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudGludm9pY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvY29udGVudGludm9pY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUgsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsTUFBTSxFQUNOLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztJQVV2QyxnQkFBZ0I7NEJBRDVCLGFBQWEsQ0FBQywyQkFBMkIsQ0FBQzs7OztzQkFDTCxXQUFXOzs7Ozs7Ozs7Ozs7O2dDQUFuQixTQUFRLFdBQVc7Ozs7c0NBYTlDLFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtvQkFDWixPQUFPLEVBQUUsSUFBSTtpQkFDZCxDQUFDOzRDQUdELFFBQVEsQ0FBQztvQkFDUixJQUFJLEVBQUUsTUFBTTtvQkFDWixPQUFPLEVBQUUsSUFBSTtpQkFDZCxDQUFDOzZDQUlELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzsrQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBWjNCLG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFBbUM7WUFNdEQscU1BQVMsZ0JBQWdCLDZCQUFoQixnQkFBZ0IsMkdBQThDO1lBSXZFLHdNQUFTLGlCQUFpQiw2QkFBakIsaUJBQWlCLDZHQUFnQjtZQUcxQyw4TUFBUyxtQkFBbUIsNkJBQW5CLG1CQUFtQixpSEFBZ0I7WUE5QjlDLDZLQTJlQzs7OztRQTFlUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUks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
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { DeesElement, type TemplateResult } from "@design.estate/dees-element";
|
|
2
|
-
import * as plugins from "../plugins.js";
|
|
3
|
-
export declare const defaultDocumentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
4
|
-
export interface IPagePaginationInfo {
|
|
5
|
-
pageNumber: number;
|
|
6
|
-
startOffset: number;
|
|
7
|
-
contentLength: number;
|
|
8
|
-
}
|
|
9
|
-
declare global {
|
|
10
|
-
interface HTMLElementTagNameMap {
|
|
11
|
-
"dedocument-dedocument": DeDocument;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
export declare class DeDocument extends DeesElement {
|
|
15
|
-
static demo: () => TemplateResult<1>;
|
|
16
|
-
accessor format: "a4";
|
|
17
|
-
accessor viewWidth: number;
|
|
18
|
-
accessor viewHeight: number;
|
|
19
|
-
accessor printMode: boolean;
|
|
20
|
-
accessor letterData: plugins.tsclass.business.TLetter;
|
|
21
|
-
accessor documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
22
|
-
accessor zoomLevel: number;
|
|
23
|
-
accessor pageGap: number;
|
|
24
|
-
constructor();
|
|
25
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
26
|
-
render(): TemplateResult;
|
|
27
|
-
firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
|
|
28
|
-
latestDocumentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
29
|
-
latestRenderedLetterData: plugins.tsclass.business.TLetter;
|
|
30
|
-
cleanupStore: any[];
|
|
31
|
-
paginationInfo: IPagePaginationInfo[];
|
|
32
|
-
renderDocument(): Promise<void>;
|
|
33
|
-
updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
|
|
34
|
-
/**
|
|
35
|
-
* Update page gap spacing without re-rendering document
|
|
36
|
-
*/
|
|
37
|
-
private updatePageGaps;
|
|
38
|
-
private adjustDePageScaling;
|
|
39
|
-
/**
|
|
40
|
-
* Set zoom level manually. Pass null to return to auto-fit mode.
|
|
41
|
-
* @param level - Zoom percentage (e.g., 100 for 100%) or null for auto-fit
|
|
42
|
-
*/
|
|
43
|
-
setZoomLevel(level: number | null): void;
|
|
44
|
-
/**
|
|
45
|
-
* Get the current effective zoom percentage
|
|
46
|
-
*/
|
|
47
|
-
getEffectiveZoom(): number;
|
|
48
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as plugins from "../plugins.js";
|
|
2
|
-
import { html } from "@design.estate/dees-element";
|
|
3
|
-
export const demoFunc = () => html `
|
|
4
|
-
<dedocument-dedocument
|
|
5
|
-
.format="${"a4"}"
|
|
6
|
-
.letterData=${plugins.shared.demoLetter}
|
|
7
|
-
></dedocument-dedocument>
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQuZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy9kb2N1bWVudC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztlQUVuQixJQUFJO2tCQUNELE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVTs7Q0FFMUMsQ0FBQyJ9
|