@design.estate/dees-document 1.1.0 → 1.3.0

package/ts_web/elements/pageheader.ts

@@ -7,10 +7,12 @@ import {
   css,
   cssManager,
   unsafeCSS,
+  domtools
 } from '@design.estate/dees-element';
-import * as domtools from '@design.estate/dees-domtools';
 
-import * as shared from './shared/index.js';
+import * as interfaces from '../../ts/interfaces/index.js';
+
+import * as shared from '../../ts/shared/index.js';
 import * as tsclass from '@tsclass/tsclass';
 
 declare global {
@@ -30,6 +32,12 @@ export class DePageHeader extends DeesElement {
   })
   public letterData: tsclass.business.ILetter = null;
 
+  @property({
+    type: Object,
+    reflect: true,
+  })
+  documentSettings: interfaces.IDocumentSettings;
+
   @property({
     type: Number,
   })

package/ts_web/elements/viewer.demo.ts

@@ -1,6 +1,6 @@
 import { html } from '@design.estate/dees-element';
-import * as shared from './shared/index.js';
+import * as shared from '../../ts/shared/index.js';
 
 export const demoFunc = () => html`
-  <dedocument-viewer .letterData=${shared.demoLetter}></dedocument-viewer>
+  <dedocument-viewer .letterData=${shared.demoLetter} .documentSettings=${shared.demoDocumentSettings}></dedocument-viewer>
 `;

package/ts_web/elements/viewer.ts

@@ -1,4 +1,5 @@
 import * as plugins from '../plugins.js';
+import * as interfaces from '../../ts/interfaces/index.js';
 
 import { DeesElement, css, cssManager, customElement, html } from '@design.estate/dees-element';
 import { demoFunc } from './viewer.demo.js';
@@ -17,6 +18,8 @@ export class DeDocumentViewer extends DeesElement {
   // INSTANCE
   public letterData: plugins.tsclass.business.ILetter = null;
 
+  public documentSettings: interfaces.IDocumentSettings;
+
   public static styles = [
     cssManager.defaultStyles,
     css`
@@ -67,7 +70,7 @@ export class DeDocumentViewer extends DeesElement {
       <div class="maincontainer">
         <div class="viewport">
           ${this.letterData
-            ? html` <dedocument-dedocument .letterData=${this.letterData}></dedocument-dedocument> `
+            ? html` <dedocument-dedocument .letterData=${this.letterData} .documentSettings=${this.documentSettings}></dedocument-dedocument> `
             : html``}
         </div>
         <div class="controls"></div>

package/ts_web/pages/page1.ts

@@ -1,5 +1,5 @@
 import { html } from '@design.estate/dees-element';
-import { demoLetter } from '../elements/shared/index.js';
+import { demoLetter } from '../../ts/shared/index.js';
 import * as plugins from '../plugins.js';
 
 export const page1 = () => html`

package/ts_web/elements/shared/translation.ts

@@ -1,31 +0,0 @@
-import * as interfaces from '../../../ts/interfaces/index.js';
-
-type TTranslationImplementation = {
-  [key in keyof interfaces.IDeDocumentTranslations]: string;
-}
-
-export const EN_translations: TTranslationImplementation = {
-  invoice: 'Invoice',
-  quantity: 'Quantity',
-};
-
-export const DE_translations: TTranslationImplementation = {
-  invoice: 'Rechnung',
-  quantity: 'Anzahl',
-};
-
-export const languageCodeMap = {
-  'DE': DE_translations,
-  'EN': EN_translations,
-};
-
-export type TLanguageCode = keyof typeof languageCodeMap;
-
-export const translate = (languageCode: TLanguageCode, key: string, defaultValue: string) => {
-  const translations = languageCodeMap[languageCode] || EN_translations;
-  if (translations && translations[key]) {
-    return translations[key];
-  } else {
-    return defaultValue;
-  }
-};