@design.estate/dees-document 1.0.101 → 1.0.103

package/dist_ts/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-document',
-    version: '1.0.101',
+    version: '1.0.103',
     description: 'A comprehensive solution for generating documents like invoices, integrating elements, templates, and services to streamline document creation.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvMDBfY29tbWl0aW5mb19kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHO0lBQ3hCLElBQUksRUFBRSw4QkFBOEI7SUFDcEMsT0FBTyxFQUFFLFNBQVM7SUFDbEIsV0FBVyxFQUFFLGlKQUFpSjtDQUMvSixDQUFBIn0=

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
 var require_gopd = __commonJS({
   "node_modules/.pnpm/gopd@1.0.1/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 {
@@ -38680,18 +38348,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 +38370,7 @@ var demoLetter = {
         },
         {
           name: "Item with 7% VAT",
-          unitQuantity: 1,
+          unitQuantity: 3,
           unitNetPrice: 230,
           unitType: "hours",
           vatPercentage: 7,
@@ -38715,7 +38386,7 @@ var demoLetter = {
         },
         {
           name: "Item with 0% VAT",
-          unitQuantity: 1,
+          unitQuantity: 6,
           unitNetPrice: 230,
           unitType: "hours",
           vatPercentage: 0,
@@ -38723,7 +38394,7 @@ var demoLetter = {
         },
         {
           name: "Item with 19% VAT",
-          unitQuantity: 1,
+          unitQuantity: 8,
           unitNetPrice: 100,
           unitType: "hours",
           vatPercentage: 19,
@@ -38731,27 +38402,35 @@ 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",
@@ -38759,7 +38438,47 @@ 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
+        },
+        {
+          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
         }
       ]
     }
@@ -38987,9 +38706,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 +38755,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">
@@ -39309,17 +39028,15 @@ var DeDocument = class extends DeesElement {
       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 +39053,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 +39071,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;