fix(core): update

This commit is contained in:
Philipp Kunz 2023-11-26 16:59:04 +01:00
parent 86366d86b9
commit 0d5dc9a82f
3 changed files with 49 additions and 43 deletions

View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@design.estate/dees-document', name: '@design.estate/dees-document',
version: '1.0.96', version: '1.0.97',
description: 'a catalog for creating documents like invoices' description: 'a catalog for creating documents like invoices'
} }

View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@design.estate/dees-document', name: '@design.estate/dees-document',
version: '1.0.96', version: '1.0.97',
description: 'a catalog for creating documents like invoices' description: 'a catalog for creating documents like invoices'
} }

View File

@ -47,7 +47,7 @@ export class DePage extends DeesElement {
@property({ @property({
type: Object, type: Object,
}) })
public letterData: tsclass.business.ILetter = shared.demoLetter; public letterData: tsclass.business.ILetter = null;
@property({ @property({
type: Boolean, type: Boolean,
@ -109,42 +109,48 @@ export class DePage extends DeesElement {
return html` return html`
<div id="scaleWrapper"> <div id="scaleWrapper">
<dedocument-pagecontainer .printMode=${this.printMode}> <dedocument-pagecontainer .printMode=${this.printMode}>
<dedocument-pageheader ${this.letterData
.letterData=${this.letterData}
.pageNumber="${this.pageNumber}"
.pageTotalNumber="${this.pageTotalNumber}"
></dedocument-pageheader>
${this.pageNumber === 1
? html` ? html`
<dedocument-letterheader <dedocument-pageheader
.pageNumber="${this.pageNumber}"
.letterData=${this.letterData} .letterData=${this.letterData}
.pageNumber="${this.pageNumber}"
.pageTotalNumber="${this.pageTotalNumber}" .pageTotalNumber="${this.pageTotalNumber}"
></dedocument-letterheader> ></dedocument-pageheader>
${this.pageNumber === 1
? html`
<dedocument-letterheader
.pageNumber="${this.pageNumber}"
.letterData=${this.letterData}
.pageTotalNumber="${this.pageTotalNumber}"
></dedocument-letterheader>
`
: html``}
<dedocument-pagecontent
.pageNumber="${this.pageNumber}"
.pageTotalNumber="${this.pageTotalNumber}"
.letterData=${this.letterData}
><slot></slot
></dedocument-pagecontent>
<dedocument-pagefooter
.letterData=${this.letterData}
.pageNumber="${this.pageNumber}"
.pageTotalNumber="${this.pageTotalNumber}"
></dedocument-pagefooter>
<div class="versionOverlay">
${this.letterData.versionInfo.type === 'draft'
? html`
<div class="topInfo">
Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM THIS.<br />
-> Revision/Document version: ${this.letterData.versionInfo.version}
</div>
<div class="bigDraftText">DRAFT</div>
`
: html``}
</div>
` `
: html``} : html`
<dedocument-pagecontent <slot></slot>
.pageNumber="${this.pageNumber}" `}
.pageTotalNumber="${this.pageTotalNumber}"
.letterData=${this.letterData}
><slot></slot
></dedocument-pagecontent>
<dedocument-pagefooter
.letterData=${this.letterData}
.pageNumber="${this.pageNumber}"
.pageTotalNumber="${this.pageTotalNumber}"
></dedocument-pagefooter>
<div class="versionOverlay">
${this.letterData.versionInfo.type === 'draft'
? html`
<div class="topInfo">
Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM THIS.<br />
-> Revision/Document version: ${this.letterData.versionInfo.version}
</div>
<div class="bigDraftText">DRAFT</div>
`
: html``}
</div>
</dedocument-pagecontainer> </dedocument-pagecontainer>
</div> </div>
`; `;
@ -158,17 +164,17 @@ export class DePage extends DeesElement {
updated(changedProperties: Map<string | number | symbol, unknown>): void { updated(changedProperties: Map<string | number | symbol, unknown>): void {
super.updated(changedProperties); super.updated(changedProperties);
if (changedProperties.has("viewHeight") || changedProperties.has("viewWidth")) { if (changedProperties.has('viewHeight') || changedProperties.has('viewWidth')) {
this.adjustScaling(); this.adjustScaling();
} }
} }
private adjustScaling() { private adjustScaling() {
console.log('page scale adjustment triggered.') console.log('page scale adjustment triggered.');
const scaleWrapper: HTMLDivElement = this.shadowRoot.querySelector("#scaleWrapper"); const scaleWrapper: HTMLDivElement = this.shadowRoot.querySelector('#scaleWrapper');
if (!scaleWrapper) return; if (!scaleWrapper) return;
let scale = 1; let scale = 1;
if (this.viewHeight) { if (this.viewHeight) {
scale = this.viewHeight / shared.a4Height; scale = this.viewHeight / shared.a4Height;
@ -177,9 +183,9 @@ export class DePage extends DeesElement {
} }
console.log(`new scale is ${scale}`); console.log(`new scale is ${scale}`);
scaleWrapper.style.transform = `scale(${scale})`; scaleWrapper.style.transform = `scale(${scale})`;
// Adjust the outer dimensions so they match the scaled content // Adjust the outer dimensions so they match the scaled content
// this.style.width = `${shared.a4Width * scale}px`; // this.style.width = `${shared.a4Width * scale}px`;
this.style.height = `${shared.a4Height * scale}px`; this.style.height = `${shared.a4Height * scale}px`;
} }