@design.estate/dees-document 2.0.2 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/dist_ts_shared/interfaces/translation.d.ts +0 -19
- package/dist_ts_shared/interfaces/translation.js +0 -2
- package/dist_ts_web/00_commitinfo_data.d.ts +0 -8
- package/dist_ts_web/00_commitinfo_data.js +0 -9
- package/dist_ts_web/elements/contentinvoice.d.ts +0 -35
- package/dist_ts_web/elements/contentinvoice.js +0 -382
- package/dist_ts_web/elements/document.d.ts +0 -27
- package/dist_ts_web/elements/document.demo.d.ts +0 -1
- package/dist_ts_web/elements/document.demo.js +0 -6
- package/dist_ts_web/elements/document.js +0 -262
- 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 -117
- package/dist_ts_web/elements/page.d.ts +0 -25
- package/dist_ts_web/elements/page.js +0 -207
- package/dist_ts_web/elements/pagecontainer.d.ts +0 -14
- package/dist_ts_web/elements/pagecontainer.js +0 -61
- package/dist_ts_web/elements/pagecontent.d.ts +0 -18
- package/dist_ts_web/elements/pagecontent.js +0 -136
- package/dist_ts_web/elements/pagefooter.d.ts +0 -17
- package/dist_ts_web/elements/pagefooter.js +0 -130
- package/dist_ts_web/elements/pageheader.d.ts +0 -17
- package/dist_ts_web/elements/pageheader.js +0 -101
- package/dist_ts_web/elements/viewer.d.ts +0 -15
- package/dist_ts_web/elements/viewer.demo.d.ts +0 -1
- package/dist_ts_web/elements/viewer.demo.js +0 -6
- package/dist_ts_web/elements/viewer.js +0 -96
- package/dist_ts_web/index.d.ts +0 -1
- package/dist_ts_web/index.js +0 -2
- package/dist_ts_web/pages/index.d.ts +0 -2
- package/dist_ts_web/pages/index.js +0 -3
- package/dist_ts_web/pages/page1.d.ts +0 -1
- package/dist_ts_web/pages/page1.js +0 -17
- package/dist_ts_web/pages/page2.d.ts +0 -1
- package/dist_ts_web/pages/page2.js +0 -18
- package/dist_ts_web/plugins.d.ts +0 -9
- package/dist_ts_web/plugins.js +0 -14
- package/dist_ts_web/style.d.ts +0 -1
- package/dist_ts_web/style.js +0 -7
- package/dist_watch/bundle.js +0 -47955
- package/dist_watch/bundle.js.map +0 -7
- package/dist_watch/index.html +0 -25
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
-
declare global {
|
|
3
|
-
interface HTMLElementTagNameMap {
|
|
4
|
-
'dedocument-pagecontainer': DePageContainer;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
export declare class DePageContainer extends DeesElement {
|
|
8
|
-
static demo: () => TemplateResult<1>;
|
|
9
|
-
format: 'a4';
|
|
10
|
-
printMode: boolean;
|
|
11
|
-
constructor();
|
|
12
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
13
|
-
render(): TemplateResult;
|
|
14
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, } from '@design.estate/dees-element';
|
|
8
|
-
import * as domtools from '@design.estate/dees-domtools';
|
|
9
|
-
import * as plugins from '../plugins.js';
|
|
10
|
-
let DePageContainer = class DePageContainer extends DeesElement {
|
|
11
|
-
static { this.demo = () => html `
|
|
12
|
-
<dedocument-pagecontainer .format="${'a4'}"></dedocument-pagecontainer>
|
|
13
|
-
`; }
|
|
14
|
-
constructor() {
|
|
15
|
-
super();
|
|
16
|
-
this.format = 'a4';
|
|
17
|
-
this.printMode = false;
|
|
18
|
-
domtools.DomTools.setupDomTools();
|
|
19
|
-
}
|
|
20
|
-
static { this.styles = [
|
|
21
|
-
domtools.elementBasic.staticStyles,
|
|
22
|
-
css `
|
|
23
|
-
:host {
|
|
24
|
-
display: block;
|
|
25
|
-
background: white;
|
|
26
|
-
color: #333;
|
|
27
|
-
padding: 0px;
|
|
28
|
-
width: ${unsafeCSS(plugins.shared.a4Width + 'px')};
|
|
29
|
-
height: ${unsafeCSS(plugins.shared.a4Height + 'px')};
|
|
30
|
-
position: relative;
|
|
31
|
-
border-radius: 3px;
|
|
32
|
-
overflow: hidden;
|
|
33
|
-
}
|
|
34
|
-
`,
|
|
35
|
-
]; }
|
|
36
|
-
render() {
|
|
37
|
-
return html `
|
|
38
|
-
<style>
|
|
39
|
-
:host {
|
|
40
|
-
box-shadow: ${this.printMode ? `none` : `0px 0px 10px rgba(0,0,0,0.3)`};
|
|
41
|
-
}
|
|
42
|
-
</style>
|
|
43
|
-
<slot></slot>
|
|
44
|
-
`;
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
__decorate([
|
|
48
|
-
property({
|
|
49
|
-
type: String,
|
|
50
|
-
})
|
|
51
|
-
], DePageContainer.prototype, "format", void 0);
|
|
52
|
-
__decorate([
|
|
53
|
-
property({
|
|
54
|
-
type: Boolean,
|
|
55
|
-
})
|
|
56
|
-
], DePageContainer.prototype, "printMode", void 0);
|
|
57
|
-
DePageContainer = __decorate([
|
|
58
|
-
customElement('dedocument-pagecontainer')
|
|
59
|
-
], DePageContainer);
|
|
60
|
-
export { DePageContainer };
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlY29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBU2xDLElBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWdCLFNBQVEsV0FBVzthQUNoQyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBO3lDQUNRLElBQUk7R0FDMUMsQUFGaUIsQ0FFaEI7SUFZRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsV0FBTSxHQUFTLElBQUksQ0FBQztRQUtwQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBSXZCLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMsR0FBRyxDQUFBOzs7Ozs7aUJBTVUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztrQkFDdkMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQzs7Ozs7S0FLdEQ7S0FDRixBQWZtQixDQWVsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O3dCQUdTLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsOEJBQThCOzs7O0tBSTNFLENBQUM7SUFDSixDQUFDOztBQXRDTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzsrQ0FDeUI7QUFLcEI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsT0FBTztLQUNkLENBQUM7a0RBQ3VCO0FBYmQsZUFBZTtJQUQzQixhQUFhLENBQUMsMEJBQTBCLENBQUM7R0FDN0IsZUFBZSxDQStDM0IifQ==
|
|
@@ -1,18 +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-pagecontent': DePageContent;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
export declare class DePageContent extends DeesElement {
|
|
9
|
-
static demo: () => TemplateResult<1>;
|
|
10
|
-
letterData: plugins.tsclass.business.ILetter;
|
|
11
|
-
pageNumber: number;
|
|
12
|
-
pageTotalNumber: number;
|
|
13
|
-
constructor();
|
|
14
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
15
|
-
render(): TemplateResult;
|
|
16
|
-
firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): void;
|
|
17
|
-
checkOverflow(): Promise<boolean>;
|
|
18
|
-
}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
|
|
8
|
-
import * as plugins from '../plugins.js';
|
|
9
|
-
import { dedocumentSharedStyle } from '../style.js';
|
|
10
|
-
let DePageContent = class DePageContent extends DeesElement {
|
|
11
|
-
static { this.demo = () => html `
|
|
12
|
-
<dedocument-pagecontent .format="${'a4'}"></dedocument-pagecontent>
|
|
13
|
-
`; }
|
|
14
|
-
constructor() {
|
|
15
|
-
super();
|
|
16
|
-
this.pageNumber = 1;
|
|
17
|
-
this.pageTotalNumber = 1;
|
|
18
|
-
domtools.DomTools.setupDomTools();
|
|
19
|
-
}
|
|
20
|
-
static { this.styles = [
|
|
21
|
-
domtools.elementBasic.staticStyles,
|
|
22
|
-
dedocumentSharedStyle,
|
|
23
|
-
css `
|
|
24
|
-
:host {
|
|
25
|
-
color: #333;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.content {
|
|
29
|
-
position: absolute;
|
|
30
|
-
|
|
31
|
-
left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
|
32
|
-
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
33
|
-
bottom: 170px;
|
|
34
|
-
overflow: visible;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.content .subject {
|
|
38
|
-
font-size: 18px;
|
|
39
|
-
font-weight: bold;
|
|
40
|
-
margin-bottom: 20px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.content .text {
|
|
44
|
-
text-align: left;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.subjectRepeated {
|
|
48
|
-
position: relative;
|
|
49
|
-
text-align: center;
|
|
50
|
-
background: #eeeeee;
|
|
51
|
-
color: #999;
|
|
52
|
-
border-radius: 50px;
|
|
53
|
-
padding: 5px 10px;
|
|
54
|
-
margin: auto;
|
|
55
|
-
margin-bottom: 10px;
|
|
56
|
-
font-size: 10px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.continuesOnNextPage {
|
|
60
|
-
display: inline-block;
|
|
61
|
-
background: #eeeeee;
|
|
62
|
-
color: #999;
|
|
63
|
-
border-radius: 50px;
|
|
64
|
-
padding: 5px 10px;
|
|
65
|
-
margin-top: 8px;
|
|
66
|
-
font-size: 10px;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.finalPage {
|
|
70
|
-
display: inline-block;
|
|
71
|
-
background: #29b000;
|
|
72
|
-
color: #fff;
|
|
73
|
-
border-radius: 50px;
|
|
74
|
-
padding: 5px 10px;
|
|
75
|
-
margin-top: 8px;
|
|
76
|
-
font-size: 10px;
|
|
77
|
-
}
|
|
78
|
-
`,
|
|
79
|
-
]; }
|
|
80
|
-
render() {
|
|
81
|
-
return html `
|
|
82
|
-
<style>
|
|
83
|
-
.content {
|
|
84
|
-
top: ${this.pageNumber === 1 ? unsafeCSS('450px') : unsafeCSS('200px')};
|
|
85
|
-
}
|
|
86
|
-
</style>
|
|
87
|
-
<div class="content">
|
|
88
|
-
${this.pageNumber === 1
|
|
89
|
-
? html `<div class="subject">${this.letterData.subject}</div>`
|
|
90
|
-
: html `
|
|
91
|
-
<div class="subjectRepeated">
|
|
92
|
-
${this.letterData.subject} (Page ${this.pageNumber})
|
|
93
|
-
</div>
|
|
94
|
-
`}
|
|
95
|
-
<slot></slot>
|
|
96
|
-
${this.pageTotalNumber !== this.pageNumber
|
|
97
|
-
? html `<div class="continuesOnNextPage">Continues on page ${this.pageNumber + 1}</div>`
|
|
98
|
-
: html `<div class="finalPage">This is the final page of this document.</div>`}
|
|
99
|
-
</div>
|
|
100
|
-
`;
|
|
101
|
-
}
|
|
102
|
-
firstUpdated(_changedProperties) {
|
|
103
|
-
super.firstUpdated(_changedProperties);
|
|
104
|
-
this.checkOverflow();
|
|
105
|
-
}
|
|
106
|
-
async checkOverflow() {
|
|
107
|
-
await this.elementDomReady;
|
|
108
|
-
const contentContainer = this.shadowRoot.querySelector('.content');
|
|
109
|
-
if (contentContainer.scrollHeight > contentContainer.clientHeight) {
|
|
110
|
-
return true;
|
|
111
|
-
}
|
|
112
|
-
else {
|
|
113
|
-
return false;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
__decorate([
|
|
118
|
-
property({
|
|
119
|
-
type: Number,
|
|
120
|
-
})
|
|
121
|
-
], DePageContent.prototype, "letterData", void 0);
|
|
122
|
-
__decorate([
|
|
123
|
-
property({
|
|
124
|
-
type: Number,
|
|
125
|
-
})
|
|
126
|
-
], DePageContent.prototype, "pageNumber", void 0);
|
|
127
|
-
__decorate([
|
|
128
|
-
property({
|
|
129
|
-
type: Number,
|
|
130
|
-
})
|
|
131
|
-
], DePageContent.prototype, "pageTotalNumber", void 0);
|
|
132
|
-
DePageContent = __decorate([
|
|
133
|
-
customElement('dedocument-pagecontent')
|
|
134
|
-
], DePageContent);
|
|
135
|
-
export { DePageContent };
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvcGFnZWNvbnRlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNWLFNBQVMsRUFDVCxRQUFRLEdBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFTN0MsSUFBTSxhQUFhLEdBQW5CLE1BQU0sYUFBYyxTQUFRLFdBQVc7YUFDOUIsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTt1Q0FDTSxJQUFJO0dBQ3hDLEFBRmlCLENBRWhCO0lBaUJGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFSSCxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBS3ZCLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBSWpDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMscUJBQXFCO1FBQ3JCLEdBQUcsQ0FBQTs7Ozs7Ozs7Z0JBUVMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztpQkFDMUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQThDeEQ7S0FDRixBQTNEbUIsQ0EyRGxCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7aUJBR0UsSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQzs7OztVQUl0RSxJQUFJLENBQUMsVUFBVSxLQUFLLENBQUM7WUFDckIsQ0FBQyxDQUFDLElBQUksQ0FBQSx3QkFBd0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLFFBQVE7WUFDN0QsQ0FBQyxDQUFDLElBQUksQ0FBQTs7a0JBRUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLFVBQVUsSUFBSSxDQUFDLFVBQVU7O2FBRXJEOztVQUVILElBQUksQ0FBQyxlQUFlLEtBQUssSUFBSSxDQUFDLFVBQVU7WUFDeEMsQ0FBQyxDQUFDLElBQUksQ0FBQSxzREFBc0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLFFBQVE7WUFDdkYsQ0FBQyxDQUFDLElBQUksQ0FBQSx1RUFBdUU7O0tBRWxGLENBQUM7SUFDSixDQUFDO0lBRU0sWUFBWSxDQUFDLGtCQUEwRDtRQUM1RSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxLQUFLLENBQUMsYUFBYTtRQUN4QixNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDM0IsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNuRSxJQUFJLGdCQUFnQixDQUFDLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNsRSxPQUFPLElBQUksQ0FBQztRQUNkLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO0lBQ0gsQ0FBQzs7QUFsSE07SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7aURBQ2tEO0FBSzdDO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDO2lEQUM0QjtBQUt2QjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQztzREFDaUM7QUFsQnhCLGFBQWE7SUFEekIsYUFBYSxDQUFDLHdCQUF3QixDQUFDO0dBQzNCLGFBQWEsQ0EySHpCIn0=
|
|
@@ -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,130 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools, } from '@design.estate/dees-element';
|
|
8
|
-
import * as plugins from '../plugins.js';
|
|
9
|
-
import { dedocumentSharedStyle } from '../style.js';
|
|
10
|
-
let DePageFooter = class DePageFooter extends DeesElement {
|
|
11
|
-
static { this.demo = () => html `
|
|
12
|
-
<dedocument-pagefooter .format="${'a4'}"></dedocument-pagefooter>
|
|
13
|
-
`; }
|
|
14
|
-
constructor() {
|
|
15
|
-
super();
|
|
16
|
-
this.pageNumber = 1;
|
|
17
|
-
this.pageTotalNumber = 1;
|
|
18
|
-
domtools.DomTools.setupDomTools();
|
|
19
|
-
}
|
|
20
|
-
static { this.styles = [
|
|
21
|
-
domtools.elementBasic.staticStyles,
|
|
22
|
-
dedocumentSharedStyle,
|
|
23
|
-
css `
|
|
24
|
-
:host {
|
|
25
|
-
color: #333;
|
|
26
|
-
}
|
|
27
|
-
.bottomstripe {
|
|
28
|
-
position: absolute;
|
|
29
|
-
display: grid;
|
|
30
|
-
font-size: 11px;
|
|
31
|
-
overflow: visible;
|
|
32
|
-
bottom: 0px;
|
|
33
|
-
left: 0px;
|
|
34
|
-
right: 0px;
|
|
35
|
-
height: 130px;
|
|
36
|
-
content: '';
|
|
37
|
-
padding: 30px ${unsafeCSS(plugins.shared.rightMargin + 'px')} 10px ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
|
38
|
-
grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
|
|
39
|
-
grid-gap: 5px;
|
|
40
|
-
border-top: 2px solid #e4002b;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.bottomstripe .pageNumber {
|
|
44
|
-
position: absolute;
|
|
45
|
-
top: 0px;
|
|
46
|
-
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
47
|
-
background: #e4002b;
|
|
48
|
-
padding: 3px;
|
|
49
|
-
font-size: 9px;
|
|
50
|
-
color: #fff;
|
|
51
|
-
border-bottom-left-radius: 3px;
|
|
52
|
-
border-bottom-right-radius: 3px;
|
|
53
|
-
}
|
|
54
|
-
.bottomstripe .documentTitle {
|
|
55
|
-
position: absolute;
|
|
56
|
-
top: -18px;
|
|
57
|
-
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
58
|
-
background: #dddddd;
|
|
59
|
-
padding: 3px;
|
|
60
|
-
font-size: 9px;
|
|
61
|
-
color: #333;
|
|
62
|
-
border-top-left-radius: 3px;
|
|
63
|
-
border-top-right-radius: 3px;
|
|
64
|
-
}
|
|
65
|
-
`,
|
|
66
|
-
]; }
|
|
67
|
-
render() {
|
|
68
|
-
return html `
|
|
69
|
-
<div class="bottomstripe">
|
|
70
|
-
<div>
|
|
71
|
-
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'address', 'Address')}:</strong><br />
|
|
72
|
-
${this.letterData.from.name}<br />
|
|
73
|
-
${this.letterData.from.address.streetName} ${this.letterData.from.address.houseNumber}<br />
|
|
74
|
-
${this.letterData.from.address.postalCode} ${this.letterData.from.address.city}<br />
|
|
75
|
-
${this.letterData.from.address.country}
|
|
76
|
-
</div>
|
|
77
|
-
<div>
|
|
78
|
-
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'registrationInfo', 'Registration Info')}:</strong><br />
|
|
79
|
-
Amtsgericht Bremen<br />
|
|
80
|
-
<i>reg-#:</i> HRB 35230 HB<br />
|
|
81
|
-
<i>vat-id:</i> ${this.letterData.from.vatId}
|
|
82
|
-
</div>
|
|
83
|
-
<div>
|
|
84
|
-
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'contactInfo', 'Contact Info')}:</strong><br />
|
|
85
|
-
<i>email:</i> ${this.letterData.from.email}<br />
|
|
86
|
-
<i>phone:</i> ${this.letterData.from.phone}<br />
|
|
87
|
-
<i>fax:</i> ${this.letterData.from.fax}
|
|
88
|
-
</div>
|
|
89
|
-
<div>
|
|
90
|
-
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'bankConnection', 'Bank Connection')}:</strong><br />
|
|
91
|
-
<i>beneficiary:</i> ${this.letterData?.from?.name}<br />
|
|
92
|
-
<i>institution:</i> ${this.letterData?.from?.sepaConnection?.institution}<br />
|
|
93
|
-
<i>iban:</i> ${this.letterData?.from?.sepaConnection?.iban}<br />
|
|
94
|
-
<i>bic:</i> ${this.letterData?.from?.sepaConnection?.bic}<br />
|
|
95
|
-
</div>
|
|
96
|
-
<div class="documentTitle">Subject: <b>${this.letterData?.subject}</b>${(() => {
|
|
97
|
-
const uidString = html `/ Document-UID: <b>${html `<a href="https://uid.signature.digital/">https://uid.signature.digital/</a>`}</b>`;
|
|
98
|
-
return ``;
|
|
99
|
-
})()}</div>
|
|
100
|
-
<div class="pageNumber">page ${this.pageNumber} of ${this.pageTotalNumber}</div>
|
|
101
|
-
</div>
|
|
102
|
-
`;
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
__decorate([
|
|
106
|
-
property({
|
|
107
|
-
type: Object,
|
|
108
|
-
})
|
|
109
|
-
], DePageFooter.prototype, "letterData", void 0);
|
|
110
|
-
__decorate([
|
|
111
|
-
property({
|
|
112
|
-
type: Object,
|
|
113
|
-
reflect: true,
|
|
114
|
-
})
|
|
115
|
-
], DePageFooter.prototype, "documentSettings", void 0);
|
|
116
|
-
__decorate([
|
|
117
|
-
property({
|
|
118
|
-
type: Number
|
|
119
|
-
})
|
|
120
|
-
], DePageFooter.prototype, "pageNumber", void 0);
|
|
121
|
-
__decorate([
|
|
122
|
-
property({
|
|
123
|
-
type: Number
|
|
124
|
-
})
|
|
125
|
-
], DePageFooter.prototype, "pageTotalNumber", void 0);
|
|
126
|
-
DePageFooter = __decorate([
|
|
127
|
-
customElement('dedocument-pagefooter')
|
|
128
|
-
], DePageFooter);
|
|
129
|
-
export { DePageFooter };
|
|
130
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWZvb3Rlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlZm9vdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBUzdDLElBQU0sWUFBWSxHQUFsQixNQUFNLFlBQWEsU0FBUSxXQUFXO2FBQzdCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7c0NBQ0ssSUFBSTtHQUN2QyxBQUZpQixDQUVoQjtJQXVCRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUkgsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUt2QixvQkFBZSxHQUFXLENBQUMsQ0FBQztRQUlqQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1FBQ2xDLHFCQUFxQjtRQUNyQixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7O3dCQWNpQixTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFNBQVMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQzs7Ozs7Ozs7O2lCQVN2RyxTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7Ozs7OztpQkFXNUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQzs7Ozs7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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
|
-
}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS, domtools } from '@design.estate/dees-element';
|
|
8
|
-
import * as plugins from '../plugins.js';
|
|
9
|
-
import { dedocumentSharedStyle } from '../style.js';
|
|
10
|
-
let DePageHeader = class DePageHeader extends DeesElement {
|
|
11
|
-
static { this.demo = () => html `
|
|
12
|
-
<dedocument-pageheader .format="${'a4'}"></dedocument-pageheader>
|
|
13
|
-
`; }
|
|
14
|
-
constructor() {
|
|
15
|
-
super();
|
|
16
|
-
this.letterData = null;
|
|
17
|
-
this.pageNumber = 1;
|
|
18
|
-
this.pageTotalNumber = 1;
|
|
19
|
-
domtools.DomTools.setupDomTools();
|
|
20
|
-
}
|
|
21
|
-
static { this.styles = [
|
|
22
|
-
domtools.elementBasic.staticStyles,
|
|
23
|
-
dedocumentSharedStyle,
|
|
24
|
-
css `
|
|
25
|
-
:host {
|
|
26
|
-
color: #333;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.topstripe {
|
|
30
|
-
position: absolute;
|
|
31
|
-
overflow: hidden;
|
|
32
|
-
top: 0px;
|
|
33
|
-
left: 0px;
|
|
34
|
-
right: 0px;
|
|
35
|
-
height: 130px;
|
|
36
|
-
color: #333;
|
|
37
|
-
text-align: center;
|
|
38
|
-
border-bottom: 2px solid #00000020;
|
|
39
|
-
}
|
|
40
|
-
.topstripe2 {
|
|
41
|
-
position: absolute;
|
|
42
|
-
overflow: hidden;
|
|
43
|
-
top: 130px;
|
|
44
|
-
left: auto;
|
|
45
|
-
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
46
|
-
height: 20px;
|
|
47
|
-
line-height: 20px;
|
|
48
|
-
color: #333;
|
|
49
|
-
font-size: 10px;
|
|
50
|
-
}
|
|
51
|
-
.topstripe .logo {
|
|
52
|
-
position: absolute;
|
|
53
|
-
bottom: 10px;
|
|
54
|
-
height: 25px;
|
|
55
|
-
left: auto;
|
|
56
|
-
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
|
57
|
-
font-family: 'Courier New', Courier, monospace;
|
|
58
|
-
}
|
|
59
|
-
.topstripe .logo img {
|
|
60
|
-
position: relative;
|
|
61
|
-
height: 25px;
|
|
62
|
-
}
|
|
63
|
-
`,
|
|
64
|
-
]; }
|
|
65
|
-
render() {
|
|
66
|
-
return html `
|
|
67
|
-
<div class="topstripe">
|
|
68
|
-
<div class="logo">
|
|
69
|
-
No logo set!
|
|
70
|
-
</div>
|
|
71
|
-
</div>
|
|
72
|
-
<div class="topstripe2">${this.letterData?.from?.description || '[no letterData.from.description set]'}</div>
|
|
73
|
-
`;
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
__decorate([
|
|
77
|
-
property({
|
|
78
|
-
type: Object,
|
|
79
|
-
})
|
|
80
|
-
], DePageHeader.prototype, "letterData", void 0);
|
|
81
|
-
__decorate([
|
|
82
|
-
property({
|
|
83
|
-
type: Object,
|
|
84
|
-
reflect: true,
|
|
85
|
-
})
|
|
86
|
-
], DePageHeader.prototype, "documentSettings", void 0);
|
|
87
|
-
__decorate([
|
|
88
|
-
property({
|
|
89
|
-
type: Number,
|
|
90
|
-
})
|
|
91
|
-
], DePageHeader.prototype, "pageNumber", void 0);
|
|
92
|
-
__decorate([
|
|
93
|
-
property({
|
|
94
|
-
type: Number,
|
|
95
|
-
})
|
|
96
|
-
], DePageHeader.prototype, "pageTotalNumber", void 0);
|
|
97
|
-
DePageHeader = __decorate([
|
|
98
|
-
customElement('dedocument-pageheader')
|
|
99
|
-
], DePageHeader);
|
|
100
|
-
export { DePageHeader };
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9wYWdlaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxFQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLE9BQU8sTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBUzdDLElBQU0sWUFBWSxHQUFsQixNQUFNLFlBQWEsU0FBUSxXQUFXO2FBQzdCLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7c0NBQ0ssSUFBSTtHQUN2QyxBQUZpQixDQUVoQjtJQXVCRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBbkJILGVBQVUsR0FBcUMsSUFBSSxDQUFDO1FBV3BELGVBQVUsR0FBVyxDQUFDLENBQUM7UUFLdkIsb0JBQWUsR0FBVyxDQUFDLENBQUM7UUFJakMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxxQkFBcUI7UUFDckIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUJBcUJVLFNBQVMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Ozs7Ozs7Ozs7O2lCQVc1QyxTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDOzs7Ozs7O0tBT3hEO0tBQ0YsQUEzQ21CLENBMkNsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7O2dDQU1pQixJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxXQUFXLElBQUksc0NBQXNDO0tBQ3ZHLENBQUM7SUFDSixDQUFDOztBQTdFTTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQztnREFDeUQ7QUFNM0Q7SUFKQyxRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQztzREFDNEQ7QUFLdkQ7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7Z0RBQzRCO0FBS3ZCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07S0FDYixDQUFDO3FEQUNpQztBQXhCeEIsWUFBWTtJQUR4QixhQUFhLENBQUMsdUJBQXVCLENBQUM7R0FDMUIsWUFBWSxDQXNGeEIifQ==
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as plugins from '../plugins.js';
|
|
2
|
-
import { DeesElement } from '@design.estate/dees-element';
|
|
3
|
-
declare global {
|
|
4
|
-
interface HTMLElementTagNameMap {
|
|
5
|
-
'dedocument-viewer': DeDocumentViewer;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
export declare class DeDocumentViewer extends DeesElement {
|
|
9
|
-
static demo: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
10
|
-
letterData: plugins.tsclass.business.ILetter;
|
|
11
|
-
documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
12
|
-
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
13
|
-
render: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
14
|
-
updated: (changedProperties: Map<string | number | symbol, unknown>) => void;
|
|
15
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { html } from '@design.estate/dees-element';
|
|
2
|
-
import * as plugins from '../plugins.js';
|
|
3
|
-
export const demoFunc = () => html `
|
|
4
|
-
<dedocument-viewer .letterData=${plugins.shared.demoLetter} .documentSettings=${plugins.shared.demoDocumentSettings}></dedocument-viewer>
|
|
5
|
-
`;
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdmlld2VyLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25ELE9BQU8sS0FBSyxPQUFPLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7bUNBQ0MsT0FBTyxDQUFDLE1BQU0sQ0FBQyxVQUFVLHNCQUFzQixPQUFPLENBQUMsTUFBTSxDQUFDLG9CQUFvQjtDQUNwSCxDQUFDIn0=
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import * as plugins from '../plugins.js';
|
|
8
|
-
import { DeesElement, css, cssManager, customElement, html, property } from '@design.estate/dees-element';
|
|
9
|
-
import { demoFunc } from './viewer.demo.js';
|
|
10
|
-
let DeDocumentViewer = class DeDocumentViewer extends DeesElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(...arguments);
|
|
13
|
-
// INSTANCE
|
|
14
|
-
this.letterData = null;
|
|
15
|
-
this.render = () => {
|
|
16
|
-
return html `
|
|
17
|
-
<div class="maincontainer">
|
|
18
|
-
<div class="viewport">
|
|
19
|
-
${this.letterData
|
|
20
|
-
? html ` <dedocument-dedocument .letterData=${this.letterData} .documentSettings=${this.documentSettings}></dedocument-dedocument> `
|
|
21
|
-
: html ``}
|
|
22
|
-
</div>
|
|
23
|
-
<div class="controls"></div>
|
|
24
|
-
</div>
|
|
25
|
-
`;
|
|
26
|
-
};
|
|
27
|
-
this.updated = (changedProperties) => {
|
|
28
|
-
super.updated(changedProperties);
|
|
29
|
-
if (changedProperties.has('letterData')) {
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
// DEMO
|
|
34
|
-
static { this.demo = demoFunc; }
|
|
35
|
-
static { this.styles = [
|
|
36
|
-
cssManager.defaultStyles,
|
|
37
|
-
css `
|
|
38
|
-
.maincontainer {
|
|
39
|
-
position: relative;
|
|
40
|
-
height: 100%;
|
|
41
|
-
width: 100%;
|
|
42
|
-
background: ${cssManager.bdTheme('#eeeeeb', '#111')};
|
|
43
|
-
}
|
|
44
|
-
.controls {
|
|
45
|
-
top: 0px;
|
|
46
|
-
right: 0px;
|
|
47
|
-
left: 0px;
|
|
48
|
-
position: absolute;
|
|
49
|
-
height: 32px;
|
|
50
|
-
width: 100%;
|
|
51
|
-
background: ${cssManager.bdTheme('#eeeeeb', '#111111ee')};
|
|
52
|
-
box-shadow: 0px 2px 8px 0px #000000;
|
|
53
|
-
}
|
|
54
|
-
.controlsShadow {
|
|
55
|
-
position: absolute;
|
|
56
|
-
top: 32px;
|
|
57
|
-
right: 0px;
|
|
58
|
-
left: 0px;
|
|
59
|
-
height: 16px;
|
|
60
|
-
width: 100%;
|
|
61
|
-
position: absolute;
|
|
62
|
-
background: linear-gradient(to bottom, #111111cc 0%, #11111100 100%);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.viewport {
|
|
66
|
-
position: absolute;
|
|
67
|
-
padding: 16px;
|
|
68
|
-
padding-top: 48px;
|
|
69
|
-
padding-bottom: 0px;
|
|
70
|
-
top: 0px;
|
|
71
|
-
left: 0px;
|
|
72
|
-
right: 0px;
|
|
73
|
-
bottom: 0px;
|
|
74
|
-
overflow-y: scroll;
|
|
75
|
-
overscroll-behavior: contain;
|
|
76
|
-
}
|
|
77
|
-
`,
|
|
78
|
-
]; }
|
|
79
|
-
};
|
|
80
|
-
__decorate([
|
|
81
|
-
property({
|
|
82
|
-
type: Object,
|
|
83
|
-
reflect: true,
|
|
84
|
-
})
|
|
85
|
-
], DeDocumentViewer.prototype, "letterData", void 0);
|
|
86
|
-
__decorate([
|
|
87
|
-
property({
|
|
88
|
-
type: Object,
|
|
89
|
-
reflect: true,
|
|
90
|
-
})
|
|
91
|
-
], DeDocumentViewer.prototype, "documentSettings", void 0);
|
|
92
|
-
DeDocumentViewer = __decorate([
|
|
93
|
-
customElement('dedocument-viewer')
|
|
94
|
-
], DeDocumentViewer);
|
|
95
|
-
export { DeDocumentViewer };
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3ZpZXdlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFTckMsSUFBTSxnQkFBZ0IsR0FBdEIsTUFBTSxnQkFBaUIsU0FBUSxXQUFXO0lBQTFDOztRQUlMLFdBQVc7UUFLSixlQUFVLEdBQXFDLElBQUksQ0FBQztRQXFEcEQsV0FBTSxHQUFHLEdBQUcsRUFBRTtZQUNuQixPQUFPLElBQUksQ0FBQTs7O1lBR0gsSUFBSSxDQUFDLFVBQVU7Z0JBQ2YsQ0FBQyxDQUFDLElBQUksQ0FBQSx1Q0FBdUMsSUFBSSxDQUFDLFVBQVUsc0JBQXNCLElBQUksQ0FBQyxnQkFBZ0IsNEJBQTRCO2dCQUNuSSxDQUFDLENBQUMsSUFBSSxDQUFBLEVBQUU7Ozs7S0FJZixDQUFDO1FBQ0osQ0FBQyxDQUFDO1FBRUssWUFBTyxHQUFHLENBQUMsaUJBQXlELEVBQUUsRUFBRTtZQUM3RSxLQUFLLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLENBQUM7WUFDakMsSUFBSSxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQztZQUMxQyxDQUFDO1FBQ0gsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQS9FQyxPQUFPO2FBQ08sU0FBSSxHQUFHLFFBQVEsQUFBWCxDQUFZO2FBZWhCLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7Ozs7O3NCQUtlLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7O3NCQVNyQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBMEIzRDtLQUNGLEFBM0NtQixDQTJDbEI7O0FBbkRLO0lBSk4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07UUFDWixPQUFPLEVBQUUsSUFBSTtLQUNkLENBQUM7b0RBQ3lEO0FBTXBEO0lBSk4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE1BQU07UUFDWixPQUFPLEVBQUUsSUFBSTtLQUNkLENBQUM7MERBQ21FO0FBZjFELGdCQUFnQjtJQUQ1QixhQUFhLENBQUMsbUJBQW1CLENBQUM7R0FDdEIsZ0JBQWdCLENBZ0Y1QiJ9
|
package/dist_ts_web/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './elements/index.js';
|
package/dist_ts_web/index.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export * from './page1.js';
|
|
2
|
-
export * from './page2.js';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxZQUFZLENBQUMifQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const page1: () => import("@design.estate/dees-element").TemplateResult<1>;
|