@design.estate/dees-document 1.0.101 → 1.1.0

package/dist_watch/bundle.js

@@ -1998,343 +1998,11 @@ var require_es_define_property = __commonJS({
   }
 });
 
-// node_modules/.pnpm/has-proto@1.0.1/node_modules/has-proto/index.js
-var require_has_proto2 = __commonJS({
-  "node_modules/.pnpm/has-proto@1.0.1/node_modules/has-proto/index.js"(exports, module) {
-    "use strict";
-    var test = {
-      foo: {}
-    };
-    var $Object = Object;
-    module.exports = function hasProto() {
-      return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
-    };
-  }
-});
-
-// node_modules/.pnpm/hasown@2.0.0/node_modules/hasown/index.js
-var require_hasown2 = __commonJS({
-  "node_modules/.pnpm/hasown@2.0.0/node_modules/hasown/index.js"(exports, module) {
-    "use strict";
-    var call = Function.prototype.call;
-    var $hasOwn = Object.prototype.hasOwnProperty;
-    var bind2 = require_function_bind();
-    module.exports = bind2.call(call, $hasOwn);
-  }
-});
-
-// node_modules/.pnpm/get-intrinsic@1.2.2/node_modules/get-intrinsic/index.js
-var require_get_intrinsic2 = __commonJS({
-  "node_modules/.pnpm/get-intrinsic@1.2.2/node_modules/get-intrinsic/index.js"(exports, module) {
-    "use strict";
-    var undefined2;
-    var $SyntaxError = SyntaxError;
-    var $Function = Function;
-    var $TypeError = TypeError;
-    var getEvalledConstructor = function(expressionSyntax) {
-      try {
-        return $Function('"use strict"; return (' + expressionSyntax + ").constructor;")();
-      } catch (e8) {
-      }
-    };
-    var $gOPD = Object.getOwnPropertyDescriptor;
-    if ($gOPD) {
-      try {
-        $gOPD({}, "");
-      } catch (e8) {
-        $gOPD = null;
-      }
-    }
-    var throwTypeError = function() {
-      throw new $TypeError();
-    };
-    var ThrowTypeError = $gOPD ? function() {
-      try {
-        arguments.callee;
-        return throwTypeError;
-      } catch (calleeThrows) {
-        try {
-          return $gOPD(arguments, "callee").get;
-        } catch (gOPDthrows) {
-          return throwTypeError;
-        }
-      }
-    }() : throwTypeError;
-    var hasSymbols = require_has_symbols()();
-    var hasProto = require_has_proto2()();
-    var getProto = Object.getPrototypeOf || (hasProto ? function(x2) {
-      return x2.__proto__;
-    } : null);
-    var needsEval = {};
-    var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined2 : getProto(Uint8Array);
-    var INTRINSICS = {
-      "%AggregateError%": typeof AggregateError === "undefined" ? undefined2 : AggregateError,
-      "%Array%": Array,
-      "%ArrayBuffer%": typeof ArrayBuffer === "undefined" ? undefined2 : ArrayBuffer,
-      "%ArrayIteratorPrototype%": hasSymbols && getProto ? getProto([][Symbol.iterator]()) : undefined2,
-      "%AsyncFromSyncIteratorPrototype%": undefined2,
-      "%AsyncFunction%": needsEval,
-      "%AsyncGenerator%": needsEval,
-      "%AsyncGeneratorFunction%": needsEval,
-      "%AsyncIteratorPrototype%": needsEval,
-      "%Atomics%": typeof Atomics === "undefined" ? undefined2 : Atomics,
-      "%BigInt%": typeof BigInt === "undefined" ? undefined2 : BigInt,
-      "%BigInt64Array%": typeof BigInt64Array === "undefined" ? undefined2 : BigInt64Array,
-      "%BigUint64Array%": typeof BigUint64Array === "undefined" ? undefined2 : BigUint64Array,
-      "%Boolean%": Boolean,
-      "%DataView%": typeof DataView === "undefined" ? undefined2 : DataView,
-      "%Date%": Date,
-      "%decodeURI%": decodeURI,
-      "%decodeURIComponent%": decodeURIComponent,
-      "%encodeURI%": encodeURI,
-      "%encodeURIComponent%": encodeURIComponent,
-      "%Error%": Error,
-      "%eval%": eval,
-      // eslint-disable-line no-eval
-      "%EvalError%": EvalError,
-      "%Float32Array%": typeof Float32Array === "undefined" ? undefined2 : Float32Array,
-      "%Float64Array%": typeof Float64Array === "undefined" ? undefined2 : Float64Array,
-      "%FinalizationRegistry%": typeof FinalizationRegistry === "undefined" ? undefined2 : FinalizationRegistry,
-      "%Function%": $Function,
-      "%GeneratorFunction%": needsEval,
-      "%Int8Array%": typeof Int8Array === "undefined" ? undefined2 : Int8Array,
-      "%Int16Array%": typeof Int16Array === "undefined" ? undefined2 : Int16Array,
-      "%Int32Array%": typeof Int32Array === "undefined" ? undefined2 : Int32Array,
-      "%isFinite%": isFinite,
-      "%isNaN%": isNaN,
-      "%IteratorPrototype%": hasSymbols && getProto ? getProto(getProto([][Symbol.iterator]())) : undefined2,
-      "%JSON%": typeof JSON === "object" ? JSON : undefined2,
-      "%Map%": typeof Map === "undefined" ? undefined2 : Map,
-      "%MapIteratorPrototype%": typeof Map === "undefined" || !hasSymbols || !getProto ? undefined2 : getProto((/* @__PURE__ */ new Map())[Symbol.iterator]()),
-      "%Math%": Math,
-      "%Number%": Number,
-      "%Object%": Object,
-      "%parseFloat%": parseFloat,
-      "%parseInt%": parseInt,
-      "%Promise%": typeof Promise === "undefined" ? undefined2 : Promise,
-      "%Proxy%": typeof Proxy === "undefined" ? undefined2 : Proxy,
-      "%RangeError%": RangeError,
-      "%ReferenceError%": ReferenceError,
-      "%Reflect%": typeof Reflect === "undefined" ? undefined2 : Reflect,
-      "%RegExp%": RegExp,
-      "%Set%": typeof Set === "undefined" ? undefined2 : Set,
-      "%SetIteratorPrototype%": typeof Set === "undefined" || !hasSymbols || !getProto ? undefined2 : getProto((/* @__PURE__ */ new Set())[Symbol.iterator]()),
-      "%SharedArrayBuffer%": typeof SharedArrayBuffer === "undefined" ? undefined2 : SharedArrayBuffer,
-      "%String%": String,
-      "%StringIteratorPrototype%": hasSymbols && getProto ? getProto(""[Symbol.iterator]()) : undefined2,
-      "%Symbol%": hasSymbols ? Symbol : undefined2,
-      "%SyntaxError%": $SyntaxError,
-      "%ThrowTypeError%": ThrowTypeError,
-      "%TypedArray%": TypedArray,
-      "%TypeError%": $TypeError,
-      "%Uint8Array%": typeof Uint8Array === "undefined" ? undefined2 : Uint8Array,
-      "%Uint8ClampedArray%": typeof Uint8ClampedArray === "undefined" ? undefined2 : Uint8ClampedArray,
-      "%Uint16Array%": typeof Uint16Array === "undefined" ? undefined2 : Uint16Array,
-      "%Uint32Array%": typeof Uint32Array === "undefined" ? undefined2 : Uint32Array,
-      "%URIError%": URIError,
-      "%WeakMap%": typeof WeakMap === "undefined" ? undefined2 : WeakMap,
-      "%WeakRef%": typeof WeakRef === "undefined" ? undefined2 : WeakRef,
-      "%WeakSet%": typeof WeakSet === "undefined" ? undefined2 : WeakSet
-    };
-    if (getProto) {
-      try {
-        null.error;
-      } catch (e8) {
-        errorProto = getProto(getProto(e8));
-        INTRINSICS["%Error.prototype%"] = errorProto;
-      }
-    }
-    var errorProto;
-    var doEval = function doEval2(name) {
-      var value2;
-      if (name === "%AsyncFunction%") {
-        value2 = getEvalledConstructor("async function () {}");
-      } else if (name === "%GeneratorFunction%") {
-        value2 = getEvalledConstructor("function* () {}");
-      } else if (name === "%AsyncGeneratorFunction%") {
-        value2 = getEvalledConstructor("async function* () {}");
-      } else if (name === "%AsyncGenerator%") {
-        var fn = doEval2("%AsyncGeneratorFunction%");
-        if (fn) {
-          value2 = fn.prototype;
-        }
-      } else if (name === "%AsyncIteratorPrototype%") {
-        var gen = doEval2("%AsyncGenerator%");
-        if (gen && getProto) {
-          value2 = getProto(gen.prototype);
-        }
-      }
-      INTRINSICS[name] = value2;
-      return value2;
-    };
-    var LEGACY_ALIASES = {
-      "%ArrayBufferPrototype%": ["ArrayBuffer", "prototype"],
-      "%ArrayPrototype%": ["Array", "prototype"],
-      "%ArrayProto_entries%": ["Array", "prototype", "entries"],
-      "%ArrayProto_forEach%": ["Array", "prototype", "forEach"],
-      "%ArrayProto_keys%": ["Array", "prototype", "keys"],
-      "%ArrayProto_values%": ["Array", "prototype", "values"],
-      "%AsyncFunctionPrototype%": ["AsyncFunction", "prototype"],
-      "%AsyncGenerator%": ["AsyncGeneratorFunction", "prototype"],
-      "%AsyncGeneratorPrototype%": ["AsyncGeneratorFunction", "prototype", "prototype"],
-      "%BooleanPrototype%": ["Boolean", "prototype"],
-      "%DataViewPrototype%": ["DataView", "prototype"],
-      "%DatePrototype%": ["Date", "prototype"],
-      "%ErrorPrototype%": ["Error", "prototype"],
-      "%EvalErrorPrototype%": ["EvalError", "prototype"],
-      "%Float32ArrayPrototype%": ["Float32Array", "prototype"],
-      "%Float64ArrayPrototype%": ["Float64Array", "prototype"],
-      "%FunctionPrototype%": ["Function", "prototype"],
-      "%Generator%": ["GeneratorFunction", "prototype"],
-      "%GeneratorPrototype%": ["GeneratorFunction", "prototype", "prototype"],
-      "%Int8ArrayPrototype%": ["Int8Array", "prototype"],
-      "%Int16ArrayPrototype%": ["Int16Array", "prototype"],
-      "%Int32ArrayPrototype%": ["Int32Array", "prototype"],
-      "%JSONParse%": ["JSON", "parse"],
-      "%JSONStringify%": ["JSON", "stringify"],
-      "%MapPrototype%": ["Map", "prototype"],
-      "%NumberPrototype%": ["Number", "prototype"],
-      "%ObjectPrototype%": ["Object", "prototype"],
-      "%ObjProto_toString%": ["Object", "prototype", "toString"],
-      "%ObjProto_valueOf%": ["Object", "prototype", "valueOf"],
-      "%PromisePrototype%": ["Promise", "prototype"],
-      "%PromiseProto_then%": ["Promise", "prototype", "then"],
-      "%Promise_all%": ["Promise", "all"],
-      "%Promise_reject%": ["Promise", "reject"],
-      "%Promise_resolve%": ["Promise", "resolve"],
-      "%RangeErrorPrototype%": ["RangeError", "prototype"],
-      "%ReferenceErrorPrototype%": ["ReferenceError", "prototype"],
-      "%RegExpPrototype%": ["RegExp", "prototype"],
-      "%SetPrototype%": ["Set", "prototype"],
-      "%SharedArrayBufferPrototype%": ["SharedArrayBuffer", "prototype"],
-      "%StringPrototype%": ["String", "prototype"],
-      "%SymbolPrototype%": ["Symbol", "prototype"],
-      "%SyntaxErrorPrototype%": ["SyntaxError", "prototype"],
-      "%TypedArrayPrototype%": ["TypedArray", "prototype"],
-      "%TypeErrorPrototype%": ["TypeError", "prototype"],
-      "%Uint8ArrayPrototype%": ["Uint8Array", "prototype"],
-      "%Uint8ClampedArrayPrototype%": ["Uint8ClampedArray", "prototype"],
-      "%Uint16ArrayPrototype%": ["Uint16Array", "prototype"],
-      "%Uint32ArrayPrototype%": ["Uint32Array", "prototype"],
-      "%URIErrorPrototype%": ["URIError", "prototype"],
-      "%WeakMapPrototype%": ["WeakMap", "prototype"],
-      "%WeakSetPrototype%": ["WeakSet", "prototype"]
-    };
-    var bind2 = require_function_bind();
-    var hasOwn = require_hasown2();
-    var $concat = bind2.call(Function.call, Array.prototype.concat);
-    var $spliceApply = bind2.call(Function.apply, Array.prototype.splice);
-    var $replace = bind2.call(Function.call, String.prototype.replace);
-    var $strSlice = bind2.call(Function.call, String.prototype.slice);
-    var $exec = bind2.call(Function.call, RegExp.prototype.exec);
-    var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
-    var reEscapeChar = /\\(\\)?/g;
-    var stringToPath = function stringToPath2(string3) {
-      var first = $strSlice(string3, 0, 1);
-      var last2 = $strSlice(string3, -1);
-      if (first === "%" && last2 !== "%") {
-        throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");
-      } else if (last2 === "%" && first !== "%") {
-        throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");
-      }
-      var result = [];
-      $replace(string3, rePropName, function(match, number2, quote, subString) {
-        result[result.length] = quote ? $replace(subString, reEscapeChar, "$1") : number2 || match;
-      });
-      return result;
-    };
-    var getBaseIntrinsic = function getBaseIntrinsic2(name, allowMissing) {
-      var intrinsicName = name;
-      var alias;
-      if (hasOwn(LEGACY_ALIASES, intrinsicName)) {
-        alias = LEGACY_ALIASES[intrinsicName];
-        intrinsicName = "%" + alias[0] + "%";
-      }
-      if (hasOwn(INTRINSICS, intrinsicName)) {
-        var value2 = INTRINSICS[intrinsicName];
-        if (value2 === needsEval) {
-          value2 = doEval(intrinsicName);
-        }
-        if (typeof value2 === "undefined" && !allowMissing) {
-          throw new $TypeError("intrinsic " + name + " exists, but is not available. Please file an issue!");
-        }
-        return {
-          alias,
-          name: intrinsicName,
-          value: value2
-        };
-      }
-      throw new $SyntaxError("intrinsic " + name + " does not exist!");
-    };
-    module.exports = function GetIntrinsic(name, allowMissing) {
-      if (typeof name !== "string" || name.length === 0) {
-        throw new $TypeError("intrinsic name must be a non-empty string");
-      }
-      if (arguments.length > 1 && typeof allowMissing !== "boolean") {
-        throw new $TypeError('"allowMissing" argument must be a boolean');
-      }
-      if ($exec(/^%?[^%]*%?$/, name) === null) {
-        throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
-      }
-      var parts = stringToPath(name);
-      var intrinsicBaseName = parts.length > 0 ? parts[0] : "";
-      var intrinsic = getBaseIntrinsic("%" + intrinsicBaseName + "%", allowMissing);
-      var intrinsicRealName = intrinsic.name;
-      var value2 = intrinsic.value;
-      var skipFurtherCaching = false;
-      var alias = intrinsic.alias;
-      if (alias) {
-        intrinsicBaseName = alias[0];
-        $spliceApply(parts, $concat([0, 1], alias));
-      }
-      for (var i8 = 1, isOwn = true; i8 < parts.length; i8 += 1) {
-        var part = parts[i8];
-        var first = $strSlice(part, 0, 1);
-        var last2 = $strSlice(part, -1);
-        if ((first === '"' || first === "'" || first === "`" || (last2 === '"' || last2 === "'" || last2 === "`")) && first !== last2) {
-          throw new $SyntaxError("property names with quotes must have matching quotes");
-        }
-        if (part === "constructor" || !isOwn) {
-          skipFurtherCaching = true;
-        }
-        intrinsicBaseName += "." + part;
-        intrinsicRealName = "%" + intrinsicBaseName + "%";
-        if (hasOwn(INTRINSICS, intrinsicRealName)) {
-          value2 = INTRINSICS[intrinsicRealName];
-        } else if (value2 != null) {
-          if (!(part in value2)) {
-            if (!allowMissing) {
-              throw new $TypeError("base intrinsic for " + name + " exists, but the property is not available.");
-            }
-            return void 0;
-          }
-          if ($gOPD && i8 + 1 >= parts.length) {
-            var desc = $gOPD(value2, part);
-            isOwn = !!desc;
-            if (isOwn && "get" in desc && !("originalValue" in desc.get)) {
-              value2 = desc.get;
-            } else {
-              value2 = value2[part];
-            }
-          } else {
-            isOwn = hasOwn(value2, part);
-            value2 = value2[part];
-          }
-          if (isOwn && !skipFurtherCaching) {
-            INTRINSICS[intrinsicRealName] = value2;
-          }
-        }
-      }
-      return value2;
-    };
-  }
-});
-
-// node_modules/.pnpm/gopd@1.0.1/node_modules/gopd/index.js
+// node_modules/.pnpm/gopd@1.1.0/node_modules/gopd/index.js
 var require_gopd = __commonJS({
-  "node_modules/.pnpm/gopd@1.0.1/node_modules/gopd/index.js"(exports, module) {
+  "node_modules/.pnpm/gopd@1.1.0/node_modules/gopd/index.js"(exports, module) {
     "use strict";
-    var GetIntrinsic = require_get_intrinsic2();
+    var GetIntrinsic = require_get_intrinsic();
     var $gOPD = GetIntrinsic("%Object.getOwnPropertyDescriptor%", true);
     if ($gOPD) {
       try {
@@ -38614,14 +38282,45 @@ __export(elements_exports, {
   DePageHeader: () => DePageHeader,
   a4Height: () => a4Height,
   a4Width: () => a4Width,
+  defaultDocumentSettings: () => defaultDocumentSettings,
   demoLetter: () => demoLetter,
   leftMargin: () => leftMargin,
-  rightMargin: () => rightMargin
+  rightMargin: () => rightMargin,
+  translation: () => translation_exports
 });
 
 // ts_web/plugins.ts
 var qrcode = __toESM(require_browser2(), 1);
 
+// ts_web/elements/shared/translation.ts
+var translation_exports = {};
+__export(translation_exports, {
+  DE_translations: () => DE_translations,
+  EN_translations: () => EN_translations,
+  languageCodeMap: () => languageCodeMap,
+  translate: () => translate
+});
+var EN_translations = {
+  invoice: "Invoice",
+  quantity: "Quantity"
+};
+var DE_translations = {
+  invoice: "Rechnung",
+  quantity: "Anzahl"
+};
+var languageCodeMap = {
+  "DE": DE_translations,
+  "EN": EN_translations
+};
+var translate = (languageCode, key2, defaultValue) => {
+  const translations = languageCodeMap[languageCode] || EN_translations;
+  if (translations && translations[key2]) {
+    return translations[key2];
+  } else {
+    return defaultValue;
+  }
+};
+
 // ts_web/elements/shared/demoletter.ts
 var fromContact = {
   name: "Awesome From Company",
@@ -38680,18 +38379,21 @@ var demoLetter = {
       deliveryDate: (/* @__PURE__ */ new Date()).getTime(),
       periodOfPerformance: null,
       printResult: null,
+      currency: "EUR",
+      notes: [],
+      type: "debitnote",
       items: [
         {
           name: "Item with 19% VAT",
-          unitQuantity: 1,
+          unitQuantity: 2,
           unitNetPrice: 100,
           unitType: "hours",
           vatPercentage: 19,
-          currency: "EUR"
+          position: 0
         },
         {
           name: "Item with 7% VAT",
-          unitQuantity: 1,
+          unitQuantity: 4,
           unitNetPrice: 100,
           unitType: "hours",
           vatPercentage: 7,
@@ -38699,7 +38401,7 @@ var demoLetter = {
         },
         {
           name: "Item with 7% VAT",
-          unitQuantity: 1,
+          unitQuantity: 3,
           unitNetPrice: 230,
           unitType: "hours",
           vatPercentage: 7,
@@ -38715,7 +38417,7 @@ var demoLetter = {
         },
         {
           name: "Item with 0% VAT",
-          unitQuantity: 1,
+          unitQuantity: 6,
           unitNetPrice: 230,
           unitType: "hours",
           vatPercentage: 0,
@@ -38723,7 +38425,7 @@ var demoLetter = {
         },
         {
           name: "Item with 19% VAT",
-          unitQuantity: 1,
+          unitQuantity: 8,
           unitNetPrice: 100,
           unitType: "hours",
           vatPercentage: 19,
@@ -38731,27 +38433,67 @@ var demoLetter = {
         },
         {
           name: "Item with 7% VAT",
-          unitQuantity: 1,
+          unitQuantity: 9,
           unitNetPrice: 100,
           unitType: "hours",
           vatPercentage: 7,
-          currency: "EUR"
+          position: 6
         },
         {
           name: "Item with 7% VAT",
-          unitQuantity: 1,
+          unitQuantity: 4,
           unitNetPrice: 230,
           unitType: "hours",
           vatPercentage: 7,
-          currency: "EUR"
+          position: 8
         },
         {
           name: "Item with 21% VAT",
-          unitQuantity: 1,
+          unitQuantity: 3,
           unitNetPrice: 230,
           unitType: "hours",
           vatPercentage: 21,
-          currency: "EUR"
+          position: 9
+        },
+        {
+          name: "Item with 0% VAT",
+          unitQuantity: 1,
+          unitNetPrice: 230,
+          unitType: "hours",
+          vatPercentage: 0,
+          position: 10
+        },
+        {
+          name: "Item with 0% VAT",
+          unitQuantity: 1,
+          unitNetPrice: 230,
+          unitType: "hours",
+          vatPercentage: 0,
+          position: 10
+        },
+        {
+          name: "Item with 0% VAT",
+          unitQuantity: 1,
+          unitNetPrice: 230,
+          unitType: "hours",
+          vatPercentage: 0,
+          position: 10
+        },
+        {
+          name: "Item with 0% VAT",
+          unitQuantity: 1,
+          unitNetPrice: 230,
+          unitType: "hours",
+          vatPercentage: 0,
+          position: 10
+        },
+        {
+          name: "Item with 0% VAT",
+          unitQuantity: 1,
+          unitNetPrice: 230,
+          unitType: "hours",
+          vatPercentage: 0,
+          position: 10
         },
         {
           name: "Item with 0% VAT",
@@ -38759,7 +38501,15 @@ var demoLetter = {
           unitNetPrice: 230,
           unitType: "hours",
           vatPercentage: 0,
-          currency: "EUR"
+          position: 10
+        },
+        {
+          name: "Item with 0% VAT",
+          unitQuantity: 1,
+          unitNetPrice: 230,
+          unitType: "hours",
+          vatPercentage: 0,
+          position: 10
         }
       ]
     }
@@ -38834,7 +38584,7 @@ var DeContentInvoice = class extends DeesElement {
       }
       return vatGroups;
     };
-    DomTools.setupDomTools();
+    dist_ts_exports27.DomTools.setupDomTools();
   }
   render() {
     return x`
@@ -38972,8 +38722,8 @@ var DeContentInvoice = class extends DeesElement {
         <div>We hereby invoice products and services provided to you by Lossless GmbH:</div>
         <div class="grid topLine dataHeader">
           <div class="lineItem">Item Pos.</div>
-          <div class="lineItem">Description</div>
-          <div class="lineItem">Quantity</div>
+          <div class="lineItem">${translation_exports.translate("DE", "description", "Description")}</div>
+          <div class="lineItem">${translation_exports.translate("DE", "quantity", "Quantity")}</div>
           <div class="lineItem">Unit Type</div>
           <div class="lineItem">Unit Net Price</div>
           <div class="lineItem">Total Net Price</div>
@@ -38987,9 +38737,9 @@ var DeContentInvoice = class extends DeesElement {
                 <div class="lineItem">${invoiceItem.name}</div>
                 <div class="lineItem">${invoiceItem.unitQuantity}</div>
                 <div class="lineItem">${invoiceItem.unitType}</div>
-                <div class="lineItem">${invoiceItem.unitNetPrice} ${invoiceItem.currency}</div>
+                <div class="lineItem">${invoiceItem.unitNetPrice} ${this.letterData?.content.invoiceData.currency}</div>
                 <div class="lineItem">
-                  ${invoiceItem.unitQuantity * invoiceItem.unitNetPrice} ${invoiceItem.currency}
+                  ${invoiceItem.unitQuantity * invoiceItem.unitNetPrice} ${this.letterData?.content.invoiceData.currency}
                 </div>
               </div>
             `
@@ -39036,7 +38786,7 @@ var DeContentInvoice = class extends DeesElement {
           IBAN: ${this.letterData?.from?.sepaConnection?.iban}<br />
           BIC: ${this.letterData?.from?.sepaConnection?.bic}<br />
           Description: ${this.letterData?.content.invoiceData?.id}<br />
-          Amount: ${this.getTotalGross()} ${this.letterData?.content.invoiceData.items[0].currency}
+          Amount: ${this.getTotalGross()} ${this.letterData?.content.invoiceData.currency}
         </div>
         ${this.letterData?.content?.contractData?.contractDate ? x`
               <div class="infoBox">
@@ -39086,7 +38836,7 @@ DeContentInvoice.demo = () => x`
     </div>
   `;
 DeContentInvoice.styles = [
-  domtools_elementbasic_exports.staticStyles,
+  dist_ts_exports27.elementBasic.staticStyles,
   i`
       :host {
         color: #333;
@@ -39121,18 +38871,21 @@ var DePage = class extends DeesElement {
     this.pageTotalNumber = 1;
     this.letterData = null;
     this.printMode = false;
-    DomTools.setupDomTools();
+    this.documentSettings = defaultDocumentSettings;
+    dist_ts_exports27.DomTools.setupDomTools();
   }
   render() {
     return x`
       <div id="scaleWrapper">
         <dedocument-pagecontainer .printMode=${this.printMode}>
           ${this.letterData ? x`
-                <dedocument-pageheader
-                  .letterData=${this.letterData}
-                  .pageNumber="${this.pageNumber}"
-                  .pageTotalNumber="${this.pageTotalNumber}"
-                ></dedocument-pageheader>
+                ${this.documentSettings.enableDefaultHeader ? x`
+                      <dedocument-pageheader
+                        .letterData=${this.letterData}
+                        .pageNumber="${this.pageNumber}"
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-pageheader>
+                    ` : ``}
                 ${this.pageNumber === 1 ? x`
                       <dedocument-letterheader
                         .pageNumber="${this.pageNumber}"
@@ -39146,23 +38899,26 @@ var DePage = class extends DeesElement {
                   .letterData=${this.letterData}
                   ><slot></slot
                 ></dedocument-pagecontent>
-                <dedocument-pagefooter
-                  .letterData=${this.letterData}
-                  .pageNumber="${this.pageNumber}"
-                  .pageTotalNumber="${this.pageTotalNumber}"
-                ></dedocument-pagefooter>
+                ${this.documentSettings.enableDefaultFooter ? x`
+                      <dedocument-pagefooter
+                        .letterData=${this.letterData}
+                        .pageNumber="${this.pageNumber}"
+                        .pageTotalNumber="${this.pageTotalNumber}"
+                      ></dedocument-pagefooter>
+                    ` : ``}
                 <div class="versionOverlay">
                   ${this.letterData.versionInfo.type === "draft" ? x`
-                        <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>
+                        ${this.documentSettings.enableTopDraftText ? x`
+                              <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>
                       ` : x``}
                 </div>
-              ` : x`
-              <slot></slot>
-            `}
+              ` : x` <slot></slot> `}
         </dedocument-pagecontainer>
       </div>
     `;
@@ -39195,7 +38951,7 @@ var DePage = class extends DeesElement {
 };
 DePage.demo = () => x` <dedocument-page .format="${"a4"}"></dedocument-page> `;
 DePage.styles = [
-  domtools_elementbasic_exports.staticStyles,
+  dist_ts_exports27.elementBasic.staticStyles,
   i`
       :host {
         display: block;
@@ -39237,10 +38993,14 @@ DePage.styles = [
     `
 ];
 __decorateClass([
-  n4()
+  n4({
+    type: Number
+  })
 ], DePage.prototype, "viewWidth", 2);
 __decorateClass([
-  n4()
+  n4({
+    type: Number
+  })
 ], DePage.prototype, "viewHeight", 2);
 __decorateClass([
   n4({
@@ -39268,6 +39028,12 @@ __decorateClass([
     reflect: true
   })
 ], DePage.prototype, "printMode", 2);
+__decorateClass([
+  n4({
+    type: Object,
+    reflect: true
+  })
+], DePage.prototype, "documentSettings", 2);
 DePage = __decorateClass([
   t4("dedocument-page")
 ], DePage);
@@ -39278,6 +39044,11 @@ var demoFunc = () => x`
 `;
 
 // ts_web/elements/document.ts
+var defaultDocumentSettings = {
+  enableTopDraftText: true,
+  enableDefaultHeader: true,
+  enableDefaultFooter: true
+};
 var DeDocument = class extends DeesElement {
   constructor() {
     super();
@@ -39285,6 +39056,7 @@ var DeDocument = class extends DeesElement {
     this.viewWidth = null;
     this.viewHeight = null;
     this.printMode = false;
+    this.documentSettings = defaultDocumentSettings;
     this.latestRenderedLetterData = null;
     dist_ts_exports27.DomTools.setupDomTools();
   }
@@ -39305,21 +39077,15 @@ var DeDocument = class extends DeesElement {
     this.registerGarbageFunction(() => {
       resizeObserver.disconnect();
     });
-    if (this.letterDataUrl) {
-      const response = await fetch(this.letterDataUrl);
-      this.letterData = await response.json();
-    }
-    this.renderDocument();
   }
   async renderDocument() {
     const domtools = await this.domtoolsPromise;
-    const documentContainer = this.shadowRoot.querySelector(".documentContainer");
+    const documentBuildContainer = document.createElement("div");
+    document.body.appendChild(documentBuildContainer);
     let pages = [];
     let pageCounter = 0;
     let complete = false;
-    const content3 = document.createElement(
-      "dedocument-contentinvoice"
-    );
+    const content3 = new DeContentInvoice();
     content3.letterData = this.letterData;
     document.body.appendChild(content3);
     await domtools.convenience.smartdelay.delayFor(0);
@@ -39336,12 +39102,7 @@ var DeDocument = class extends DeesElement {
       newPage.pageNumber = pageCounter;
       newPage.append(currentContent);
       newPage.pageTotalNumber = pageCounter;
-      documentContainer.append(newPage);
-      if (!this.printMode) {
-        const betweenPagesSpacerDiv = document.createElement("div");
-        betweenPagesSpacerDiv.classList.add("betweenPagesSpacer");
-        documentContainer.append(betweenPagesSpacerDiv);
-      }
+      documentBuildContainer.append(newPage);
       await currentContent.elementDomReady;
       await currentContent.trimStartToOffset(overallContentOffset);
       let newPageOverflows = await newPage.checkOverflow();
@@ -39359,8 +39120,20 @@ var DeDocument = class extends DeesElement {
       console.log(currentContentOffset);
     }
     document.body.removeChild(content3);
+    document.body.removeChild(documentBuildContainer);
+    const documentContainer = this.shadowRoot.querySelector(".documentContainer");
+    if (documentContainer) {
+      const children2 = Array.from(documentContainer.children);
+      children2.forEach((child) => documentContainer.removeChild(child));
+    }
     for (const page of pages) {
       page.pageTotalNumber = pageCounter;
+      documentContainer.append(page);
+      if (!this.printMode) {
+        const betweenPagesSpacerDiv = document.createElement("div");
+        betweenPagesSpacerDiv.classList.add("betweenPagesSpacer");
+        documentContainer.appendChild(betweenPagesSpacerDiv);
+      }
     }
     this.adjustDePageScaling();
     this.latestRenderedLetterData = this.letterData;
@@ -39448,9 +39221,17 @@ __decorateClass([
 ], DeDocument.prototype, "letterData", 2);
 __decorateClass([
   n4({
-    type: String
+    type: Object,
+    reflect: true,
+    converter: (valueArg) => {
+      if (typeof valueArg === "string") {
+        return dist_ts_exports11.parseBase64(valueArg);
+      } else {
+        return valueArg;
+      }
+    }
   })
-], DeDocument.prototype, "letterDataUrl", 2);
+], DeDocument.prototype, "documentSettings", 2);
 DeDocument = __decorateClass([
   t4("dedocument-dedocument")
 ], DeDocument);
@@ -39863,7 +39644,9 @@ var DePageHeader = class extends DeesElement {
   render() {
     return x`
       <div class="topstripe">
-        <img src="https://assetbroker.lossless.one/brandfiles/lossless/svg-minimal-bright.svg" />
+        <div class="logo">
+          No logo set!
+        </div>
       </div>
       <div class="topstripe2">${this.letterData?.from?.description || "[no letterData.from.description set]"}</div>
     `;
@@ -39901,13 +39684,17 @@ DePageHeader.styles = [
         color: #333;
         font-size: 10px;
       }
-      .topstripe img {
-        filter: invert(1);
+      .topstripe .logo {
         position: absolute;
         bottom: 10px;
         height: 25px;
         left: auto;
         right: ${r(rightMargin + "px")};
+        font-family: 'Courier New', Courier, monospace;
+      }
+      .topstripe .logo img {
+        position: relative;
+        height: 25px;
       }
     `
 ];