@dangl/angular-ava 1.2.3-beta0010 → 1.2.3-beta0019

package/fesm2022/dangl-angular-ava.mjs

@@ -1,4 +1,8 @@
-import { AsyncPipe, NgTemplateOutlet, NgClass, DecimalPipe, CurrencyPipe, DatePipe, PercentPipe } from '@angular/common';
+import { AsyncPipe, NgTemplateOutlet, NgClass, DecimalPipe, registerLocaleData, CurrencyPipe, PercentPipe, DatePipe } from '@angular/common';
+import localeDe from '@angular/common/locales/de';
+import localeEn from '@angular/common/locales/en';
+import localeDeExtra from '@angular/common/locales/extra/de';
+import localeEnExtra from '@angular/common/locales/extra/en';
 import * as i0 from '@angular/core';
 import { Injectable, inject, Directive, Input, HostListener, Pipe, Component, ViewChild, ViewChildren, EventEmitter, ChangeDetectorRef, ViewEncapsulation, ChangeDetectionStrategy, Self, Output, DestroyRef } from '@angular/core';
 import * as i11 from '@angular/forms';
@@ -13,7 +17,7 @@ import * as i12 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i10 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { BehaviorSubject, map, distinctUntilChanged, ReplaySubject, of, Subject, takeUntil, combineLatestWith, take, switchMap, debounceTime, filter, tap, fromEvent, skip } from 'rxjs';
+import { BehaviorSubject, map, distinctUntilChanged, ReplaySubject, of, Subject, takeUntil, combineLatestWith, take, switchMap, debounceTime, filter, tap, fromEvent } from 'rxjs';
 import * as i4 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i4$1 from '@angular/material/table';
@@ -239,12 +243,139 @@ var ModeViewType;
 
 // This file is automatically generated as part of the build process
 const version = {
-    version: "1.2.3-beta0010",
-    commitInfo: "Branch.develop.Sha.217e0b82ca2c38b2f0e1b6083afc08f94e5ff572",
+    version: "1.2.3-beta0019",
+    commitInfo: "Branch.develop.Sha.c47923ae428acb553b4613e509606a4b3aec7206",
     commitDate: "2025-02-05",
-    commitHash: "217e0b82ca2c38b2f0e1b6083afc08f94e5ff572",
-    informationalVersion: "1.2.3-beta.10+Branch.develop.Sha.217e0b82ca2c38b2f0e1b6083afc08f94e5ff572",
-    buildDateUtc: new Date(Date.UTC(2025, 1, 5, 11, 37, 54))
+    commitHash: "c47923ae428acb553b4613e509606a4b3aec7206",
+    informationalVersion: "1.2.3-beta.19+Branch.develop.Sha.c47923ae428acb553b4613e509606a4b3aec7206",
+    buildDateUtc: new Date(Date.UTC(2025, 1, 5, 12, 18, 22))
+};
+
+const DEFAULT_TEXT_WORD_INVOICE = {
+    invoiceTitle: 'Invoice',
+    invoiceBuyerTitle: 'Receiver',
+    invoiceSellerTitle: 'Sender',
+    vatId: 'VAT ID',
+    detailsInvoiceNumber: 'Invoice Number',
+    detailsInvoiceDate: 'Invoice Date',
+    detailsPaymentDueDate: 'Due Date',
+    detailsCurrencyCode: 'Currency',
+    detailsPaymentTerms: 'Payment Terms',
+    referencesTopic: 'References',
+    referencesBuyerReference: 'Buyer Reference',
+    referencesProjectReference: 'Project Reference',
+    referencesContractReference: 'Contract Reference',
+    referencesPurchaseOrderReference: 'Purchase Order Reference',
+    referencesSalesOrderReference: 'Sales Order Reference',
+    referencesReceivingAdviceReference: 'Receiving Advice Reference',
+    referencesDispatchAdviceReference: 'Dispatch Advice Reference',
+    referencesTenderOrLotReference: 'Tender or Lot Reference',
+    referencesInvoicedObjectIdentifier: 'Invoiced Object Identifier',
+    tableHeadDescription: 'Description',
+    tableHeadQuantity: 'Quantity',
+    tableHeadUnit: 'Unit',
+    tableHeadNetPrice: 'Net Price',
+    tableHeadNetAmount: 'Net Amount',
+    totalsTopic: 'Totals',
+    totalsTotalNet: 'Total Net',
+    totalsTotalAllowances: 'Total Allowances',
+    totalsTotalCharges: 'Total Charges',
+    totalsTotalAfterDeductions: 'Total After Deductions',
+    totalsTotalVatAmount: 'Total VAT Amount',
+    totalsTotalGross: 'Total Gross',
+    totalsAlreadyPaidTotal: 'Already Paid Total',
+    totalsTotalToBePaid: 'Total to be Paid',
+    instructionsTopic: 'Payment Instructions',
+    instructionsAccountIdentifier: 'Account Identifier',
+    instructionsAccountName: 'Account Name',
+    instructionsServiceProviderIdentifier: 'Service Provider Identifier',
+    notesTopic: 'Notes',
+    attachmentsHeading: 'Attachments',
+    attachmentsName: 'Name',
+    attachmentsDescription: 'Description',
+    attachmentsUrl: 'Url',
+    attachmentsDataSize: 'Size',
+    attachmentsMimeType: 'Mime Type',
+    attachmentsFileName: 'File Name',
+    attachmentsDownloadButton: 'Download',
+    contactPersonName: 'Contact Person Name',
+    contactPersonEmail: 'Contact Person Email',
+    contactPersonPhone: 'Contact Person Phone',
+    vat: 'VAT',
+    taxRate: 'Tax Rate',
+    deliveryInformationTitle: 'Delivery Information',
+    deliverToName: 'Name',
+    deliverToLocationIdentifier: 'Location Identifier',
+    deliveryDate: 'Date',
+    deliveryAddress: 'Address',
+    taxesHeading: 'Taxes'
+};
+const germanTextsInvoice = {
+    invoiceTitle: 'Rechnung',
+    invoiceBuyerTitle: 'Empfänger',
+    invoiceSellerTitle: 'Rechnungssteller',
+    vatId: 'USt.-ID',
+    detailsInvoiceNumber: 'Rechnungsnummer',
+    detailsInvoiceDate: 'Rechnungsdatum',
+    detailsPaymentDueDate: 'Fälligkeitsdatum',
+    detailsCurrencyCode: 'Währung',
+    detailsPaymentTerms: 'Zahlungsbedingungen',
+    referencesTopic: 'Referenzen',
+    referencesBuyerReference: 'Käuferreferenz',
+    referencesProjectReference: 'Projektreferenz',
+    referencesContractReference: 'Vertragsreferenz',
+    referencesPurchaseOrderReference: 'Bestellreferenz',
+    referencesSalesOrderReference: 'Auftragsreferenz',
+    referencesReceivingAdviceReference: 'Empfangsbestätigungsreferenz',
+    referencesDispatchAdviceReference: 'Lieferreferenz',
+    referencesTenderOrLotReference: 'Ausschreibungs- oder Losreferenz',
+    referencesInvoicedObjectIdentifier: 'Objektreferenz',
+    tableHeadDescription: 'Beschreibung',
+    tableHeadQuantity: 'Menge',
+    tableHeadUnit: 'Einheit',
+    tableHeadNetPrice: 'Nettopreis',
+    tableHeadNetAmount: 'Nettomenge',
+    totalsTopic: 'Gesamt',
+    totalsTotalNet: 'Gesamt Netto',
+    totalsTotalAllowances: 'Gesamt Rabatt',
+    totalsTotalCharges: 'Gesamt Zuschlag',
+    totalsTotalAfterDeductions: 'Summe nach Rabatten',
+    totalsTotalVatAmount: 'Summe Umsatzsteuer',
+    totalsTotalGross: 'Gesamt Brutto',
+    totalsAlreadyPaidTotal: 'Bereits bezahlt',
+    totalsTotalToBePaid: 'Gesamt zu zahlen',
+    instructionsTopic: 'Zahlungsanweisungen',
+    instructionsAccountIdentifier: 'Kontonummer',
+    instructionsAccountName: 'Kontoname',
+    instructionsServiceProviderIdentifier: 'Bank',
+    notesTopic: 'Hinweise',
+    attachmentsHeading: 'Anhänge',
+    attachmentsName: 'Name',
+    attachmentsDescription: 'Beschreibung',
+    attachmentsUrl: 'Url',
+    attachmentsDataSize: 'Größe',
+    attachmentsMimeType: 'Typ',
+    attachmentsFileName: 'Dateiname',
+    attachmentsDownloadButton: 'Download',
+    contactPersonName: 'Name der Kontaktperson',
+    contactPersonEmail: 'E-Mail der Kontaktperson',
+    contactPersonPhone: 'Kontaktperson Telefon',
+    vat: 'MwSt.',
+    taxRate: 'Steuersatz',
+    deliveryInformationTitle: 'Lieferinformationen',
+    deliverToName: 'Liefername',
+    deliverToLocationIdentifier: 'Lieferort',
+    deliveryDate: 'Lieferdatum',
+    deliveryAddress: 'Lieferadresse',
+    taxesHeading: 'Steuer'
+};
+
+const DEFAULT_DIGITS_INFO = '1.3-3';
+const DEFAULT_CURRENCY_CODE = 'USD';
+const DEFAULT_LANGUAGE = 'en';
+const localeTypes = {
+    en: 'en-US',
+    de: 'de-DE'
 };
 
 const DEFAULT_FILTERS = [
@@ -271,6 +402,7 @@ const DEFAULT_FILTERS = [
 ];
 
 const DEFAULT_TEXT_WORDS = {
+    language: 'en',
     textSearch: 'Search',
     textNothing: 'Nothing',
     textNothingFiltered: 'No Filter',
@@ -285,6 +417,7 @@ const DEFAULT_TEXT_WORDS = {
     defaultNamePosition: 'Position'
 };
 const germanTextsAva = {
+    language: 'de',
     textSearch: 'Suche',
     textNothing: 'Nichts',
     textNothingFiltered: 'Kein Filter',
@@ -305,7 +438,8 @@ const defaults = {
 
 class ConfigurationTreeService {
     constructor() {
-        this._textWords = { ...DEFAULT_TEXT_WORDS };
+        this._language = DEFAULT_LANGUAGE;
+        this._textWords = this.selectTextWords(this._language);
         this._indent = '20px';
         this._functionView = [];
         this._selectedColor = '';
@@ -327,10 +461,20 @@ class ConfigurationTreeService {
     }
     getTextWordsFromConfig() {
         return this.treeConfig$.pipe(map((config) => {
-            const configTextWords = config?.textWords === 'en' ? DEFAULT_TEXT_WORDS : config?.textWords === 'de' ? germanTextsAva : config?.textWords;
-            return { ...this._textWords, ...configTextWords };
+            let configTextWords;
+            if (typeof config?.textWords === 'string') {
+                configTextWords = this.selectTextWords(config.textWords);
+            }
+            else {
+                configTextWords = !config.textWords ? this._textWords : config.textWords;
+            }
+            this._language = configTextWords.language;
+            return { ...configTextWords };
         }), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr)));
     }
+    selectTextWords(languageWord) {
+        return languageWord === 'de' ? germanTextsAva : DEFAULT_TEXT_WORDS;
+    }
     getIndentFromConfig() {
         return this.treeConfig$.pipe(map((config) => config?.indent || ''), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr)));
     }
@@ -376,6 +520,9 @@ class ConfigurationTreeService {
             listFilterFunc: this._listFilterFunc
         };
     }
+    get locale() {
+        return localeTypes[this._language];
+    }
 }
 
 class ExpandParentGroupService {
@@ -1316,7 +1463,7 @@ class TableStructureComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TableStructureComponent, deps: [{ token: SelectElementService }, { token: TreeNodeSelectionService }, { token: i0.ChangeDetectorRef }, { token: ConfigurationTreeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: TableStructureComponent, isStandalone: true, selector: "ava-table-structure", inputs: { filteredElementList: "filteredElementList" }, ngImport: i0, template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-checkbox\n        class=\"checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      @if (textWords$ | async; as textWords) {\n        <div\n          class=\"text-element\"\n          saveChangingView=\"text\"\n          [id]=\"row.id\"\n        >\n          {{ row | elementText: textWords }}\n        </div>\n      }\n    </td>\n  </ng-container>\n  @for (oneColumn of addTableColumns$ | async; track oneColumn.name) {\n    <ng-container>\n      <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          {{ oneColumn.title }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let row\"\n        >\n          <div\n            [style.textAlign]=\"oneColumn.align\"\n            saveChangingView=\"text\"\n            [id]=\"row.id\"\n          >\n            {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\n          </div>\n        </td>\n      </ng-container>\n    </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id,\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? (selectedColor$ | async) : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ElementTextPipe, name: "elementText" }, { kind: "pipe", type: ElementItemNumberPipe, name: "elementItemNumber" }, { kind: "pipe", type: ElementIconNamePipe, name: "elementIconName" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SaveChangingViewDirective, selector: "[saveChangingView]", inputs: ["saveChangingView"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: TableStructureComponent, isStandalone: true, selector: "ava-table-structure", inputs: { filteredElementList: "filteredElementList" }, ngImport: i0, template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-checkbox\n        class=\"checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      @if (textWords$ | async; as textWords) {\n        <div\n          class=\"text-element\"\n          saveChangingView=\"text\"\n          [id]=\"row.id\"\n        >\n          {{ row | elementText: textWords }}\n        </div>\n      }\n    </td>\n  </ng-container>\n  @for (oneColumn of addTableColumns$ | async; track oneColumn.name) {\n    <ng-container>\n      <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          {{ oneColumn.title }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let row\"\n        >\n          <div\n            [style.textAlign]=\"oneColumn.align\"\n            saveChangingView=\"text\"\n            [id]=\"row.id\"\n          >\n            {{\n              !oneColumn.numberFormat\n                ? row[oneColumn.name]\n                : (row[oneColumn.name] | number: oneColumn.numberFormat : configurationTreeService.locale)\n            }}\n          </div>\n        </td>\n      </ng-container>\n    </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id,\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? (selectedColor$ | async) : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ElementTextPipe, name: "elementText" }, { kind: "pipe", type: ElementItemNumberPipe, name: "elementItemNumber" }, { kind: "pipe", type: ElementIconNamePipe, name: "elementIconName" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SaveChangingViewDirective, selector: "[saveChangingView]", inputs: ["saveChangingView"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TableStructureComponent, decorators: [{
             type: Component,
@@ -1332,7 +1479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         MatCheckboxModule,
                         FormsModule,
                         SaveChangingViewDirective
-                    ], template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-checkbox\n        class=\"checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      @if (textWords$ | async; as textWords) {\n        <div\n          class=\"text-element\"\n          saveChangingView=\"text\"\n          [id]=\"row.id\"\n        >\n          {{ row | elementText: textWords }}\n        </div>\n      }\n    </td>\n  </ng-container>\n  @for (oneColumn of addTableColumns$ | async; track oneColumn.name) {\n    <ng-container>\n      <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          {{ oneColumn.title }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let row\"\n        >\n          <div\n            [style.textAlign]=\"oneColumn.align\"\n            saveChangingView=\"text\"\n            [id]=\"row.id\"\n          >\n            {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\n          </div>\n        </td>\n      </ng-container>\n    </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id,\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? (selectedColor$ | async) : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"] }]
+                    ], template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-checkbox\n        class=\"checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      @if (textWords$ | async; as textWords) {\n        <div\n          class=\"text-element\"\n          saveChangingView=\"text\"\n          [id]=\"row.id\"\n        >\n          {{ row | elementText: textWords }}\n        </div>\n      }\n    </td>\n  </ng-container>\n  @for (oneColumn of addTableColumns$ | async; track oneColumn.name) {\n    <ng-container>\n      <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          {{ oneColumn.title }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let row\"\n        >\n          <div\n            [style.textAlign]=\"oneColumn.align\"\n            saveChangingView=\"text\"\n            [id]=\"row.id\"\n          >\n            {{\n              !oneColumn.numberFormat\n                ? row[oneColumn.name]\n                : (row[oneColumn.name] | number: oneColumn.numberFormat : configurationTreeService.locale)\n            }}\n          </div>\n        </td>\n      </ng-container>\n    </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id,\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? (selectedColor$ | async) : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"] }]
         }], ctorParameters: () => [{ type: SelectElementService }, { type: TreeNodeSelectionService }, { type: i0.ChangeDetectorRef }, { type: ConfigurationTreeService }], propDecorators: { filteredElementList: [{
                 type: Input
             }] } });
@@ -1414,6 +1561,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                 type: Input
             }] } });
 
+registerLocaleData(localeDe, 'de-DE', localeDeExtra);
+registerLocaleData(localeEn, 'en-US', localeEnExtra);
 class AvaTreeComponent {
     /**
      * Optionally, you can supply the id of the node that should be selected in the tree initially.
@@ -1866,165 +2015,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                 args: ['avaTreeFilterInput']
             }] } });
 
-const DEFAULT_TEXT_WORD_INVOICE = {
-    invoiceTitle: 'Invoice',
-    invoiceBuyerTitle: 'Receiver',
-    invoiceSellerTitle: 'Sender',
-    vatId: 'VAT ID',
-    detailsInvoiceNumber: 'Invoice Number',
-    detailsInvoiceDate: 'Invoice Date',
-    detailsPaymentDueDate: 'Due Date',
-    detailsCurrencyCode: 'Currency',
-    detailsPaymentTerms: 'Payment Terms',
-    referencesTopic: 'References',
-    referencesBuyerReference: 'Buyer Reference',
-    referencesProjectReference: 'Project Reference',
-    referencesContractReference: 'Contract Reference',
-    referencesPurchaseOrderReference: 'Purchase Order Reference',
-    referencesSalesOrderReference: 'Sales Order Reference',
-    referencesReceivingAdviceReference: 'Receiving Advice Reference',
-    referencesDispatchAdviceReference: 'Dispatch Advice Reference',
-    referencesTenderOrLotReference: 'Tender or Lot Reference',
-    referencesInvoicedObjectIdentifier: 'Invoiced Object Identifier',
-    tableHeadDescription: 'Description',
-    tableHeadQuantity: 'Quantity',
-    tableHeadUnit: 'Unit',
-    tableHeadNetPrice: 'Net Price',
-    tableHeadNetAmount: 'Net Amount',
-    totalsTopic: 'Totals',
-    totalsTotalNet: 'Total Net',
-    totalsTotalAllowances: 'Total Allowances',
-    totalsTotalCharges: 'Total Charges',
-    totalsTotalAfterDeductions: 'Total After Deductions',
-    totalsTotalVatAmount: 'Total VAT Amount',
-    totalsTotalGross: 'Total Gross',
-    totalsAlreadyPaidTotal: 'Already Paid Total',
-    totalsTotalToBePaid: 'Total to be Paid',
-    instructionsTopic: 'Payment Instructions',
-    instructionsAccountIdentifier: 'Account Identifier',
-    instructionsAccountName: 'Account Name',
-    instructionsServiceProviderIdentifier: 'Service Provider Identifier',
-    notesTopic: 'Notes',
-    attachmentsHeading: 'Attachments',
-    attachmentsName: 'Name',
-    attachmentsDescription: 'Description',
-    attachmentsUrl: 'Url',
-    attachmentsDataSize: 'Size',
-    attachmentsMimeType: 'Mime Type',
-    attachmentsFileName: 'File Name',
-    attachmentsDownloadButton: 'Download',
-    contactPersonName: 'Contact Person Name',
-    contactPersonEmail: 'Contact Person Email',
-    contactPersonPhone: 'Contact Person Phone',
-    vat: 'VAT',
-    taxRate: 'Tax Rate',
-    deliveryInformationTitle: 'Delivery Information',
-    deliverToName: 'Name',
-    deliverToLocationIdentifier: 'Location Identifier',
-    deliveryDate: 'Date',
-    deliveryAddress: 'Address',
-    taxesHeading: 'Taxes'
-};
-const germanTextsInvoice = {
-    invoiceTitle: 'Rechnung',
-    invoiceBuyerTitle: 'Empfänger',
-    invoiceSellerTitle: 'Rechnungssteller',
-    vatId: 'USt.-ID',
-    detailsInvoiceNumber: 'Rechnungsnummer',
-    detailsInvoiceDate: 'Rechnungsdatum',
-    detailsPaymentDueDate: 'Fälligkeitsdatum',
-    detailsCurrencyCode: 'Währung',
-    detailsPaymentTerms: 'Zahlungsbedingungen',
-    referencesTopic: 'Referenzen',
-    referencesBuyerReference: 'Käuferreferenz',
-    referencesProjectReference: 'Projektreferenz',
-    referencesContractReference: 'Vertragsreferenz',
-    referencesPurchaseOrderReference: 'Bestellreferenz',
-    referencesSalesOrderReference: 'Auftragsreferenz',
-    referencesReceivingAdviceReference: 'Empfangsbestätigungsreferenz',
-    referencesDispatchAdviceReference: 'Lieferreferenz',
-    referencesTenderOrLotReference: 'Ausschreibungs- oder Losreferenz',
-    referencesInvoicedObjectIdentifier: 'Objektreferenz',
-    tableHeadDescription: 'Beschreibung',
-    tableHeadQuantity: 'Menge',
-    tableHeadUnit: 'Einheit',
-    tableHeadNetPrice: 'Nettopreis',
-    tableHeadNetAmount: 'Nettomenge',
-    totalsTopic: 'Gesamt',
-    totalsTotalNet: 'Gesamt Netto',
-    totalsTotalAllowances: 'Gesamt Rabatt',
-    totalsTotalCharges: 'Gesamt Zuschlag',
-    totalsTotalAfterDeductions: 'Summe nach Rabatten',
-    totalsTotalVatAmount: 'Summe Umsatzsteuer',
-    totalsTotalGross: 'Gesamt Brutto',
-    totalsAlreadyPaidTotal: 'Bereits bezahlt',
-    totalsTotalToBePaid: 'Gesamt zu zahlen',
-    instructionsTopic: 'Zahlungsanweisungen',
-    instructionsAccountIdentifier: 'Kontonummer',
-    instructionsAccountName: 'Kontoname',
-    instructionsServiceProviderIdentifier: 'Bank',
-    notesTopic: 'Hinweise',
-    attachmentsHeading: 'Anhänge',
-    attachmentsName: 'Name',
-    attachmentsDescription: 'Beschreibung',
-    attachmentsUrl: 'Url',
-    attachmentsDataSize: 'Größe',
-    attachmentsMimeType: 'Typ',
-    attachmentsFileName: 'Dateiname',
-    attachmentsDownloadButton: 'Download',
-    contactPersonName: 'Name der Kontaktperson',
-    contactPersonEmail: 'E-Mail der Kontaktperson',
-    contactPersonPhone: 'Kontaktperson Telefon',
-    vat: 'MwSt.',
-    taxRate: 'Steuersatz',
-    deliveryInformationTitle: 'Lieferinformationen',
-    deliverToName: 'Liefername',
-    deliverToLocationIdentifier: 'Lieferort',
-    deliveryDate: 'Lieferdatum',
-    deliveryAddress: 'Lieferadresse',
-    taxesHeading: 'Steuer'
-};
-
 class ConfigurationInvoiceService {
     constructor() {
-        this._textWords = null;
+        this._language = DEFAULT_LANGUAGE;
+        this._textWords = this.getDefaultTextWords(this._language);
         this._pdfViewEnabled = false;
-        this._language = 'en';
+        this._quantityDecimalPlaces = DEFAULT_DIGITS_INFO;
+        this._currencyCode = DEFAULT_CURRENCY_CODE;
         this.invoiceConfigSource = new BehaviorSubject(this.getDefaultInvoiceConfiguration());
         this.invoiceConfig$ = this.invoiceConfigSource.asObservable();
-        this.getLanguageFromConfig()
-            .pipe(skip(1), take(1))
-            .subscribe((language) => {
-            this._textWords = this.getDefaulTextWords(language);
-            this.setInvoiceConfig({ textWords: this._textWords, ...this.getCurrentInvoiceConfig() });
-        });
     }
     setInvoiceConfig(value) {
+        if (value.quantityDecimalPlaces) {
+            this._quantityDecimalPlaces = value.quantityDecimalPlaces;
+        }
+        if (value.language) {
+            this._language = value.language;
+        }
         this.invoiceConfigSource.next(value);
     }
     getCurrentInvoiceConfig() {
         return this.invoiceConfigSource.getValue();
     }
     getTextWordsFromConfig() {
-        return this.invoiceConfig$.pipe(map((config) => config?.textWords || null), map((textWords) => (textWords === null ? this._textWords : { ...this._textWords, ...textWords })), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr)));
+        return this.invoiceConfig$.pipe(map((config) => config?.textWords || (config?.language ? this.getDefaultTextWords(config.language) : null)), map((textWords) => (textWords === null ? this._textWords : { ...textWords })), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr)));
     }
     getPdfViewEnabledFromConfig() {
         return this.invoiceConfig$.pipe(map((config) => (config === null ? false : config.pdfViewEnabled || false)), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr)));
     }
-    getLanguageFromConfig() {
-        return this.invoiceConfig$.pipe(map((c) => c.language || 'en'));
-    }
     getDefaultInvoiceConfiguration() {
         return {
-            textWords: null,
+            textWords: this._textWords,
             pdfViewEnabled: this._pdfViewEnabled,
-            language: this._language
+            language: this._language,
+            quantityDecimalPlaces: this._quantityDecimalPlaces
         };
     }
-    getDefaulTextWords(language) {
-        return language === 'en' ? { ...DEFAULT_TEXT_WORD_INVOICE } : { ...germanTextsInvoice };
+    getDefaultTextWords(languageWord) {
+        return languageWord === 'de' ? germanTextsInvoice : DEFAULT_TEXT_WORD_INVOICE;
+    }
+    get locale() {
+        return localeTypes[this._language];
+    }
+    set quantityDecimalPlaces(value) {
+        this._quantityDecimalPlaces = value;
     }
+    get quantityDecimalPlaces() {
+        return this._quantityDecimalPlaces;
+    }
+    set currencyCode(value) {
+        this._currencyCode = value;
+    }
+    get currencyCode() {
+        return this._currencyCode;
+    }
+}
+
+class CurrencyPlusPipe {
+    constructor() {
+        this.currencyPipe = inject(CurrencyPipe);
+        this.configurationInvoiceService = inject(ConfigurationInvoiceService);
+    }
+    transform(money) {
+        return typeof money === 'number'
+            ? this.currencyPipe.transform(money, this.configurationInvoiceService.currencyCode, 'symbol', '', this.configurationInvoiceService.locale)
+            : '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CurrencyPlusPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: CurrencyPlusPipe, isStandalone: true, name: "currencyPlus" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CurrencyPlusPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'currencyPlus',
+                    standalone: true
+                }]
+        }] });
+
+class NumberPlusPipe {
+    constructor() {
+        this.currencyPipe = inject(DecimalPipe);
+        this.configurationInvoiceService = inject(ConfigurationInvoiceService);
+    }
+    transform(value) {
+        return typeof value === 'number'
+            ? this.currencyPipe.transform(value, this.configurationInvoiceService.quantityDecimalPlaces, this.configurationInvoiceService.locale)
+            : '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: NumberPlusPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: NumberPlusPipe, isStandalone: true, name: "numberPlus" }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: NumberPlusPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'numberPlus'
+                }]
+        }] });
+
+class PercentPlusPipe {
+    constructor() {
+        this.percentPipe = inject(PercentPipe);
+        this.configurationInvoiceService = inject(ConfigurationInvoiceService);
+    }
+    transform(value, digitsInfo) {
+        return typeof value === 'number' ? this.percentPipe.transform(value, digitsInfo || '', this.configurationInvoiceService.locale) : '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PercentPlusPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: PercentPlusPipe, isStandalone: true, name: "percentPlus" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PercentPlusPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'percentPlus'
+                }]
+        }] });
 
 /** Type of the invoice */
 var InvoiceType;
@@ -2174,6 +2278,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                 args: ['documentsPanel']
             }] } });
 
+registerLocaleData(localeDe, 'de-DE', localeDeExtra);
+registerLocaleData(localeEn, 'en-US', localeEnExtra);
 class InvoiceDisplayComponent {
     /**
      * You can supply a map of strings to be used for the text in the tree. This allows you to translate
@@ -2227,10 +2333,8 @@ class InvoiceDisplayComponent {
      * }
      */
     set config(configObject) {
-        if (this.configurationInvoiceService.getCurrentInvoiceConfig()) {
-            const config = { ...this.configurationInvoiceService.getCurrentInvoiceConfig(), ...configObject };
-            this.configurationInvoiceService.setInvoiceConfig(config);
-        }
+        const config = { ...this.configurationInvoiceService.getCurrentInvoiceConfig(), ...configObject, textWords: configObject.textWords };
+        this.configurationInvoiceService.setInvoiceConfig(config);
     }
     constructor(configurationInvoiceService) {
         this.configurationInvoiceService = configurationInvoiceService;
@@ -2245,14 +2349,25 @@ class InvoiceDisplayComponent {
          */
         if (window['InvoiceGlobalVariable']) {
             this.invoice = window['InvoiceGlobalVariable'];
+            this.getCurrencyCode();
+        }
+    }
+    ngOnChanges(change) {
+        if (change['invoice']) {
+            this.getCurrencyCode();
+        }
+    }
+    getCurrencyCode() {
+        if (this.invoice.currencyCode) {
+            this.configurationInvoiceService.currencyCode = this.invoice.currencyCode;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InvoiceDisplayComponent, deps: [{ token: ConfigurationInvoiceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: InvoiceDisplayComponent, isStandalone: true, selector: "ava-invoice-display", inputs: { invoice: "invoice", config: "config" }, providers: [ConfigurationInvoiceService], ngImport: i0, template: "@if (textWords$ | async; as textWords) {\n  <div class=\"invoice-container\">\n    <!-- Seller and Buyer Information -->\n    <h1 class=\"invoice-title\">{{ textWords.invoiceTitle }}</h1>\n\n    <header class=\"invoice-header\">\n      <div class=\"buyer-info\">\n        <h2 class=\"header-title\">{{ textWords.invoiceBuyerTitle }}</h2>\n        <p>\n          <strong>{{ invoice.buyer?.name }}</strong>\n        </p>\n        <p>{{ invoice.buyer?.address }}</p>\n        <p>{{ invoice.buyer?.city }}, {{ invoice.buyer?.zipCode }}</p>\n        <p>{{ invoice.buyer?.countryCode }}</p>\n        @if (invoice.buyer?.vatId) {\n          <p>\n            <strong>{{ textWords.vatId }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.vatId }}</span>\n          </p>\n        }\n        <mat-divider></mat-divider>\n        @if (invoice.buyer?.contactPersonName) {\n          <p>\n            <strong>{{ textWords.contactPersonName }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice.buyer?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice.buyer?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"invoice-details\">\n        @if (invoice.invoiceNumber) {\n          <p>\n            <strong>{{ textWords.detailsInvoiceNumber }}: </strong>\n            <span>{{ invoice.invoiceNumber }}</span>\n          </p>\n        }\n        @if (invoice.invoiceDate) {\n          <p>\n            <strong>{{ textWords.detailsInvoiceDate }}: </strong>\n            <span>{{ invoice.invoiceDate | date: 'dd.MM.yyyy' }}</span>\n          </p>\n        }\n        @if (invoice.paymentDueDate) {\n          <p>\n            <strong>{{ textWords.detailsPaymentDueDate }}: </strong>\n            <span>{{ invoice.paymentDueDate | date: 'dd.MM.yyyy' }}</span>\n          </p>\n        }\n        @if (invoice.currencyCode) {\n          <p>\n            <strong>{{ textWords.detailsCurrencyCode }}: </strong>\n            <span>{{ invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.paymentTerms) {\n          <p>\n            <strong>{{ textWords.detailsPaymentTerms }}: </strong>\n            <span>{{ invoice.paymentTerms }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"seller-info\">\n        <h2 class=\"header-title\">{{ textWords.invoiceSellerTitle }}</h2>\n        <p>\n          <strong>{{ invoice.seller?.name }}</strong>\n        </p>\n        <p>{{ invoice.seller?.address }}</p>\n        <p>{{ invoice.seller?.city }}, {{ invoice.seller?.zipCode }}</p>\n        <p>{{ invoice.seller?.countryCode }}</p>\n        @if (invoice.seller?.vatId) {\n          <p>\n            <strong>{{ textWords.vatId }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.vatId }}</span>\n          </p>\n        }\n        <mat-divider></mat-divider>\n        @if (invoice.seller?.contactPersonName) {\n          <p>\n            <strong>{{ textWords.contactPersonName }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice.seller?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice.seller?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n    </header>\n    <mat-divider></mat-divider>\n    <div class=\"invoice-info\">\n      <section class=\"invoice-references\">\n        @if (textWords.referencesTopic) {\n          <h2 class=\"info-title\">{{ textWords.referencesTopic }}</h2>\n        }\n        @if (invoice.references?.buyerReference) {\n          <p>\n            <strong>{{ textWords.referencesBuyerReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.buyerReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.projectReference) {\n          <p>\n            <strong>{{ textWords.referencesProjectReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.projectReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.contractReference) {\n          <p>\n            <strong>{{ textWords.referencesContractReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.contractReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.purchaseOrderReference) {\n          <p>\n            <strong>{{ textWords.referencesPurchaseOrderReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.purchaseOrderReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.salesOrderReference) {\n          <p>\n            <strong>{{ textWords.referencesSalesOrderReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.salesOrderReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.receivingAdviceReference) {\n          <p>\n            <strong>{{ textWords.referencesReceivingAdviceReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.receivingAdviceReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.dispatchAdviceReference) {\n          <p>\n            <strong>{{ textWords.referencesDispatchAdviceReference }}: </strong>\n            <br />\n            <span> {{ invoice.references?.dispatchAdviceReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.tenderOrLotReference) {\n          <p>\n            <strong>{{ textWords.referencesTenderOrLotReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.tenderOrLotReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.invoicedObjectIdentifier) {\n          <p>\n            <strong>{{ textWords.referencesInvoicedObjectIdentifier }}: </strong>\n            <br />\n            <span>{{ invoice.references?.invoicedObjectIdentifier }}</span>\n          </p>\n        }\n      </section>\n      @if (invoice.deliveryInformation) {\n        <section class=\"invoice-delivery\">\n          <h2 class=\"info-title\">{{ textWords.deliveryInformationTitle }}</h2>\n\n          @if (invoice.deliveryInformation.deliverToName) {\n            <p>\n              <strong>{{ textWords.deliverToName }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliverToName }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliverToLocationIdentifier) {\n            <p>\n              <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliverToLocationIdentifier }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliveryDate) {\n            <p>\n              <strong>{{ textWords.deliveryDate }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliveryDate | date: 'shortDate' }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliveryAddress) {\n            <p>\n              <strong>{{ textWords.deliveryAddress }}: </strong>\n              <span>\n                @if (invoice.deliveryInformation.deliveryAddress.address) {\n                  <p>{{ invoice.deliveryInformation.deliveryAddress.address }}</p>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.city) {\n                  <span>{{ invoice.deliveryInformation.deliveryAddress.city }},</span>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.zipCode) {\n                  <span>{{ invoice.deliveryInformation.deliveryAddress.zipCode }}</span>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.countryCode) {\n                  <p>{{ invoice.deliveryInformation.deliveryAddress.countryCode }}</p>\n                }\n              </span>\n            </p>\n          }\n        </section>\n      }\n    </div>\n\n    <table class=\"invoice-table\">\n      <thead>\n        <tr>\n          <th>#</th>\n          <th>{{ textWords.tableHeadDescription }}</th>\n          <th class=\"center\">{{ textWords.tableHeadQuantity }}</th>\n          <th class=\"center\">{{ textWords.tableHeadUnit }}</th>\n          <th class=\"center\">{{ textWords.tableHeadNetPrice }}</th>\n          <th class=\"center\">{{ textWords.tableHeadNetAmount }}</th>\n          <th class=\"center\">{{ textWords.vat }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (item of invoice.lineItems; track item; let i = $index) {\n          <tr>\n            <td>{{ i + 1 }}</td>\n            <td>{{ item.itemInformation?.description }}</td>\n            <td class=\"currency-table-cell\">{{ item.quantity }}</td>\n            <td>{{ item.unitCode }}</td>\n            <td class=\"currency-table-cell\">{{ item.priceDetails?.netPrice | currency: invoice.currencyCode }}</td>\n            <td class=\"currency-table-cell\">{{ item.netAmount | currency: invoice.currencyCode }}</td>\n            <td class=\"currency-table-cell\">{{ item.vatInformation?.[0]?.vatRate | percent: '1.0-2' }}</td>\n          </tr>\n        }\n      </tbody>\n    </table>\n\n    <div class=\"addition-info\">\n      <section class=\"taxes\">\n        <h2 class=\"info-title\">{{ textWords.taxesHeading }}</h2>\n        <table class=\"tax-report-table\">\n          <thead>\n            <tr>\n              <th>{{ textWords.vat }}</th>\n              <th>{{ textWords.totalsTotalNet }}</th>\n              <th>{{ textWords.totalsTotalVatAmount }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (tax of invoice.vatBreakdown; track tax.taxRate) {\n              <tr>\n                <td class=\"currency-table-cell\">\n                  @if (tax.taxRate) {\n                    <span>{{ tax.taxRate | percent: '1.0-2' }}</span>\n                  }\n                </td>\n                <td class=\"currency-table-cell\">\n                  @if (tax.netTaxableAmount) {\n                    <span>{{ tax.netTaxableAmount | currency: invoice.currencyCode }}</span>\n                  }\n                </td>\n                <td class=\"currency-table-cell\">\n                  @if (tax.vatAmount) {\n                    <span>{{ tax.vatAmount | currency: invoice.currencyCode }}</span>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </section>\n\n      <section class=\"payment-instructions\">\n        <h2 class=\"info-title\">{{ textWords.instructionsTopic }}</h2>\n        @if (invoice.paymentInstructions?.description) {\n          <p>{{ invoice.paymentInstructions?.description }}</p>\n        }\n        @for (means of invoice.paymentInstructions?.paymentMeans; track means) {\n          <div>\n            @if (means.accountIdentifier) {\n              <p>\n                <strong>{{ textWords.instructionsAccountIdentifier }}: </strong>\n                <br />\n                <span>{{ means.accountIdentifier }}</span>\n              </p>\n            }\n            @if (means.accountName) {\n              <p>\n                <strong>{{ textWords.instructionsAccountName }}: </strong>\n                <br />\n                <span>{{ means.accountName }}</span>\n              </p>\n            }\n            @if (means.serviceProviderIdentifier) {\n              <p>\n                <strong>{{ textWords.instructionsServiceProviderIdentifier }}: </strong>\n                <br />\n                <span>{{ means.serviceProviderIdentifier }}</span>\n              </p>\n            }\n          </div>\n        }\n      </section>\n\n      <section class=\"invoice-totals\">\n        <h2 class=\"info-title\">{{ textWords.totalsTopic }}</h2>\n\n        @if (invoice.totals?.totalNet) {\n          <p>\n            <strong>{{ textWords.totalsTotalNet }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalNet | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalAllowances) {\n          <p>\n            <strong>{{ textWords.totalsTotalAllowances }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalAllowances | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalCharges) {\n          <p>\n            <strong>{{ textWords.totalsTotalCharges }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalCharges | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalAfterDeductions) {\n          <p>\n            <strong>{{ textWords.totalsTotalAfterDeductions }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalAfterDeductions | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalVatAmount) {\n          <p>\n            <strong>{{ textWords.totalsTotalVatAmount }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalVatAmount | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalGross) {\n          <p>\n            <strong>{{ textWords.totalsTotalGross }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalGross | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.alreadyPaidTotal) {\n          <p>\n            <strong>{{ textWords.totalsAlreadyPaidTotal }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.alreadyPaidTotal | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalToBePaid) {\n          <p class=\"total\">\n            <strong>{{ textWords.totalsTotalToBePaid }}: </strong>\n            <br />\n            <strong> {{ invoice.totals?.totalToBePaid | currency: invoice.currencyCode }}</strong>\n          </p>\n        }\n      </section>\n    </div>\n\n    <section class=\"invoice-notes\">\n      <h2>{{ textWords.notesTopic }}</h2>\n      @for (note of invoice.invoiceNotes; track note) {\n        <div>\n          @if (note?.shortText) {\n            <p>\n              <strong>{{ note?.shortText }}</strong>\n            </p>\n          }\n          @if (note?.longText) {\n            <p>{{ note?.longText }}</p>\n          }\n        </div>\n      }\n    </section>\n    @if (invoice.documents?.length) {\n      <section class=\"invoice-attachments\">\n        <ava-invoice-documents [documents]=\"invoice.documents ?? []\"></ava-invoice-documents>\n      </section>\n    }\n  </div>\n}\n", styles: [".invoice-container{width:100%;max-width:800px;margin:auto;font-family:Arial,sans-serif;line-height:1.5}.invoice-header{display:flex;justify-content:space-between;margin-bottom:20px}.invoice-header .header{height:32px}.invoice-header .header-title{background:var(--color-primary);color:#fff;text-align:center}.seller-info,.buyer-info,.invoice-details{width:30%}.seller-info,.invoice-delivery,.payment-instructions,.invoice-totals{text-align:right}.currency-table-cell{text-align:right!important}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes,.taxes,.invoice-delivery,.invoice-details{margin:20px 0}.invoice-table{width:100%;border-collapse:collapse;margin:20px 0}.invoice-table th,.invoice-table td{border:1px solid #000;padding:8px;text-align:left}.invoice-table th{background-color:var(--color-primary)}.invoice-totals p,.payment-instructions p,.invoice-notes p{margin:5px 0}h2{font-size:18px;margin-bottom:10px}.addition-info{display:flex;justify-content:space-between;gap:10px}.total{background-color:var(--color-primary);color:#fff;padding:5px;border-radius:5px}th{color:#fff;text-wrap:nowrap}.invoice-attachments{padding-bottom:15px}.invoice-info{display:flex;justify-content:space-between;margin-bottom:20px}.info-title{border-bottom:2px solid var(--color-primary);text-align:center}.tax-report-table{width:100%;border-collapse:collapse;margin-top:10px}.tax-report-table th,.tax-report-table td{padding:12px;text-align:center;border:1px solid #ddd}.tax-report-table th{background-color:var(--color-primary);color:#fff;font-weight:700;border:1px solid #000}.tax-report-table td{font-size:14px;color:#333;border:1px solid #000}.center{text-align:center!important}\n"], dependencies: [{ kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: PercentPipe, name: "percent" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: InvoiceDocumentsComponent, selector: "ava-invoice-documents", inputs: ["documents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: InvoiceDisplayComponent, isStandalone: true, selector: "ava-invoice-display", inputs: { invoice: "invoice", config: "config" }, providers: [ConfigurationInvoiceService, CurrencyPipe, DecimalPipe, PercentPipe], usesOnChanges: true, ngImport: i0, template: "@if (textWords$ | async; as textWords) {\n  <div class=\"invoice-container\">\n    <!-- Seller and Buyer Information -->\n    <h1 class=\"invoice-title\">{{ textWords.invoiceTitle }}</h1>\n\n    <header class=\"invoice-header\">\n      <div class=\"buyer-info\">\n        <h2 class=\"header-title\">{{ textWords.invoiceBuyerTitle }}</h2>\n        <p>\n          <strong>{{ invoice.buyer?.name }}</strong>\n        </p>\n        <p>{{ invoice.buyer?.address }}</p>\n        <p>{{ invoice.buyer?.city }}, {{ invoice.buyer?.zipCode }}</p>\n        <p>{{ invoice.buyer?.countryCode }}</p>\n        @if (invoice.buyer?.vatId) {\n          <p>\n            <strong>{{ textWords.vatId }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.vatId }}</span>\n          </p>\n        }\n        <mat-divider></mat-divider>\n        @if (invoice.buyer?.contactPersonName) {\n          <p>\n            <strong>{{ textWords.contactPersonName }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice.buyer?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice.buyer?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"invoice-details\">\n        @if (invoice.invoiceNumber) {\n          <p>\n            <strong>{{ textWords.detailsInvoiceNumber }}: </strong>\n            <span>{{ invoice.invoiceNumber }}</span>\n          </p>\n        }\n        @if (invoice.invoiceDate) {\n          <p>\n            <strong>{{ textWords.detailsInvoiceDate }}: </strong>\n            <span>{{ invoice.invoiceDate | date: 'dd.MM.yyyy' }}</span>\n          </p>\n        }\n        @if (invoice.paymentDueDate) {\n          <p>\n            <strong>{{ textWords.detailsPaymentDueDate }}: </strong>\n            <span>{{ invoice.paymentDueDate | date: 'dd.MM.yyyy' }}</span>\n          </p>\n        }\n        @if (invoice.currencyCode) {\n          <p>\n            <strong>{{ textWords.detailsCurrencyCode }}: </strong>\n            <span>{{ invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.paymentTerms) {\n          <p>\n            <strong>{{ textWords.detailsPaymentTerms }}: </strong>\n            <span>{{ invoice.paymentTerms }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"seller-info\">\n        <h2 class=\"header-title\">{{ textWords.invoiceSellerTitle }}</h2>\n        <p>\n          <strong>{{ invoice.seller?.name }}</strong>\n        </p>\n        <p>{{ invoice.seller?.address }}</p>\n        <p>{{ invoice.seller?.city }}, {{ invoice.seller?.zipCode }}</p>\n        <p>{{ invoice.seller?.countryCode }}</p>\n        @if (invoice.seller?.vatId) {\n          <p>\n            <strong>{{ textWords.vatId }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.vatId }}</span>\n          </p>\n        }\n        <mat-divider></mat-divider>\n        @if (invoice.seller?.contactPersonName) {\n          <p>\n            <strong>{{ textWords.contactPersonName }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice.seller?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice.seller?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n    </header>\n    <mat-divider></mat-divider>\n    <div class=\"invoice-info\">\n      <section class=\"invoice-references\">\n        @if (textWords.referencesTopic) {\n          <h2 class=\"info-title\">{{ textWords.referencesTopic }}</h2>\n        }\n        @if (invoice.references?.buyerReference) {\n          <p>\n            <strong>{{ textWords.referencesBuyerReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.buyerReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.projectReference) {\n          <p>\n            <strong>{{ textWords.referencesProjectReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.projectReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.contractReference) {\n          <p>\n            <strong>{{ textWords.referencesContractReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.contractReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.purchaseOrderReference) {\n          <p>\n            <strong>{{ textWords.referencesPurchaseOrderReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.purchaseOrderReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.salesOrderReference) {\n          <p>\n            <strong>{{ textWords.referencesSalesOrderReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.salesOrderReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.receivingAdviceReference) {\n          <p>\n            <strong>{{ textWords.referencesReceivingAdviceReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.receivingAdviceReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.dispatchAdviceReference) {\n          <p>\n            <strong>{{ textWords.referencesDispatchAdviceReference }}: </strong>\n            <br />\n            <span> {{ invoice.references?.dispatchAdviceReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.tenderOrLotReference) {\n          <p>\n            <strong>{{ textWords.referencesTenderOrLotReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.tenderOrLotReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.invoicedObjectIdentifier) {\n          <p>\n            <strong>{{ textWords.referencesInvoicedObjectIdentifier }}: </strong>\n            <br />\n            <span>{{ invoice.references?.invoicedObjectIdentifier }}</span>\n          </p>\n        }\n      </section>\n      @if (invoice.deliveryInformation) {\n        <section class=\"invoice-delivery\">\n          <h2 class=\"info-title\">{{ textWords.deliveryInformationTitle }}</h2>\n\n          @if (invoice.deliveryInformation.deliverToName) {\n            <p>\n              <strong>{{ textWords.deliverToName }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliverToName }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliverToLocationIdentifier) {\n            <p>\n              <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliverToLocationIdentifier }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliveryDate) {\n            <p>\n              <strong>{{ textWords.deliveryDate }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliveryDate | date: 'shortDate' }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliveryAddress) {\n            <p>\n              <strong>{{ textWords.deliveryAddress }}: </strong>\n              <span>\n                @if (invoice.deliveryInformation.deliveryAddress.address) {\n                  <p>{{ invoice.deliveryInformation.deliveryAddress.address }}</p>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.city) {\n                  <span>{{ invoice.deliveryInformation.deliveryAddress.city }},</span>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.zipCode) {\n                  <span>{{ invoice.deliveryInformation.deliveryAddress.zipCode }}</span>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.countryCode) {\n                  <p>{{ invoice.deliveryInformation.deliveryAddress.countryCode }}</p>\n                }\n              </span>\n            </p>\n          }\n        </section>\n      }\n    </div>\n\n    <table class=\"invoice-table\">\n      <thead>\n        <tr>\n          <th>#</th>\n          <th>{{ textWords.tableHeadDescription }}</th>\n          <th class=\"center\">{{ textWords.tableHeadQuantity }}</th>\n          <th class=\"center\">{{ textWords.tableHeadUnit }}</th>\n          <th class=\"center\">{{ textWords.tableHeadNetPrice }}</th>\n          <th class=\"center\">{{ textWords.tableHeadNetAmount }}</th>\n          <th class=\"center\">{{ textWords.vat }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (item of invoice.lineItems; track item; let i = $index) {\n          <tr>\n            <td>{{ i + 1 }}</td>\n            <td>{{ item.itemInformation?.description }}</td>\n            <td class=\"currency-table-cell\">{{ item.quantity | numberPlus }}</td>\n            <td>{{ item.unitCode }}</td>\n            <td class=\"currency-table-cell\">{{ item.priceDetails?.netPrice | currencyPlus }}</td>\n            <td class=\"currency-table-cell\">{{ item.netAmount | currencyPlus }}</td>\n            <td class=\"currency-table-cell\">{{ item.vatInformation?.[0]?.vatRate | percentPlus: '1.0-2' }}</td>\n          </tr>\n        }\n      </tbody>\n    </table>\n\n    <div class=\"addition-info\">\n      <section class=\"taxes\">\n        <h2 class=\"info-title\">{{ textWords.taxesHeading }}</h2>\n        <table class=\"tax-report-table\">\n          <thead>\n            <tr>\n              <th>{{ textWords.vat }}</th>\n              <th>{{ textWords.totalsTotalNet }}</th>\n              <th>{{ textWords.totalsTotalVatAmount }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (tax of invoice.vatBreakdown; track tax.taxRate) {\n              <tr>\n                <td class=\"currency-table-cell\">\n                  @if (tax.taxRate) {\n                    <span>{{ tax.taxRate | percentPlus: '1.0-2' }}</span>\n                  }\n                </td>\n                <td class=\"currency-table-cell\">\n                  @if (tax.netTaxableAmount) {\n                    <span>{{ tax.netTaxableAmount | currencyPlus }}</span>\n                  }\n                </td>\n                <td class=\"currency-table-cell\">\n                  @if (tax.vatAmount) {\n                    <span>{{ tax.vatAmount | currencyPlus }}</span>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </section>\n\n      <section class=\"payment-instructions\">\n        <h2 class=\"info-title\">{{ textWords.instructionsTopic }}</h2>\n        @if (invoice.paymentInstructions?.description) {\n          <p>{{ invoice.paymentInstructions?.description }}</p>\n        }\n        @for (means of invoice.paymentInstructions?.paymentMeans; track means) {\n          <div>\n            @if (means.accountIdentifier) {\n              <p>\n                <strong>{{ textWords.instructionsAccountIdentifier }}: </strong>\n                <br />\n                <span>{{ means.accountIdentifier }}</span>\n              </p>\n            }\n            @if (means.accountName) {\n              <p>\n                <strong>{{ textWords.instructionsAccountName }}: </strong>\n                <br />\n                <span>{{ means.accountName }}</span>\n              </p>\n            }\n            @if (means.serviceProviderIdentifier) {\n              <p>\n                <strong>{{ textWords.instructionsServiceProviderIdentifier }}: </strong>\n                <br />\n                <span>{{ means.serviceProviderIdentifier }}</span>\n              </p>\n            }\n          </div>\n        }\n      </section>\n\n      <section class=\"invoice-totals\">\n        <h2 class=\"info-title\">{{ textWords.totalsTopic }}</h2>\n\n        @if (invoice.totals?.totalNet) {\n          <p>\n            <strong>{{ textWords.totalsTotalNet }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalNet | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalAllowances) {\n          <p>\n            <strong>{{ textWords.totalsTotalAllowances }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalAllowances | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalCharges) {\n          <p>\n            <strong>{{ textWords.totalsTotalCharges }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalCharges | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalAfterDeductions) {\n          <p>\n            <strong>{{ textWords.totalsTotalAfterDeductions }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalAfterDeductions | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalVatAmount) {\n          <p>\n            <strong>{{ textWords.totalsTotalVatAmount }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalVatAmount | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalGross) {\n          <p>\n            <strong>{{ textWords.totalsTotalGross }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalGross | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.alreadyPaidTotal) {\n          <p>\n            <strong>{{ textWords.totalsAlreadyPaidTotal }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.alreadyPaidTotal | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalToBePaid) {\n          <p class=\"total\">\n            <strong>{{ textWords.totalsTotalToBePaid }}: </strong>\n            <br />\n            <strong> {{ invoice.totals?.totalToBePaid | currencyPlus }}</strong>\n          </p>\n        }\n      </section>\n    </div>\n\n    <section class=\"invoice-notes\">\n      <h2>{{ textWords.notesTopic }}</h2>\n      @for (note of invoice.invoiceNotes; track note) {\n        <div>\n          @if (note?.shortText) {\n            <p>\n              <strong>{{ note?.shortText }}</strong>\n            </p>\n          }\n          @if (note?.longText) {\n            <p>{{ note?.longText }}</p>\n          }\n        </div>\n      }\n    </section>\n    @if (invoice.documents?.length) {\n      <section class=\"invoice-attachments\">\n        <ava-invoice-documents [documents]=\"invoice.documents ?? []\"></ava-invoice-documents>\n      </section>\n    }\n  </div>\n}\n", styles: [".invoice-container{width:100%;max-width:800px;margin:auto;font-family:Arial,sans-serif;line-height:1.5}.invoice-header{display:flex;justify-content:space-between;margin-bottom:20px}.invoice-header .header{height:32px}.invoice-header .header-title{background:var(--color-primary);color:#fff;text-align:center}.seller-info,.buyer-info,.invoice-details{width:30%}.seller-info,.invoice-delivery,.payment-instructions,.invoice-totals{text-align:right}.currency-table-cell{text-align:right!important}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes,.taxes,.invoice-delivery,.invoice-details{margin:20px 0}.invoice-table{width:100%;border-collapse:collapse;margin:20px 0}.invoice-table th,.invoice-table td{border:1px solid #000;padding:8px;text-align:left}.invoice-table th{background-color:var(--color-primary)}.invoice-totals p,.payment-instructions p,.invoice-notes p{margin:5px 0}h2{font-size:18px;margin-bottom:10px}.addition-info{display:flex;justify-content:space-between;gap:10px}.total{background-color:var(--color-primary);color:#fff;padding:5px;border-radius:5px}th{color:#fff;text-wrap:nowrap}.invoice-attachments{padding-bottom:15px}.invoice-info{display:flex;justify-content:space-between;margin-bottom:20px}.info-title{border-bottom:2px solid var(--color-primary);text-align:center}.tax-report-table{width:100%;border-collapse:collapse;margin-top:10px}.tax-report-table th,.tax-report-table td{padding:12px;text-align:center;border:1px solid #ddd}.tax-report-table th{background-color:var(--color-primary);color:#fff;font-weight:700;border:1px solid #000}.tax-report-table td{font-size:14px;color:#333;border:1px solid #000}.center{text-align:center!important}\n"], dependencies: [{ kind: "pipe", type: PercentPlusPipe, name: "percentPlus" }, { kind: "pipe", type: NumberPlusPipe, name: "numberPlus" }, { kind: "pipe", type: CurrencyPlusPipe, name: "currencyPlus" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: InvoiceDocumentsComponent, selector: "ava-invoice-documents", inputs: ["documents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InvoiceDisplayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ava-invoice-display', imports: [CurrencyPipe, DatePipe, PercentPipe, AsyncPipe, MatDividerModule, InvoiceDocumentsComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ConfigurationInvoiceService], template: "@if (textWords$ | async; as textWords) {\n  <div class=\"invoice-container\">\n    <!-- Seller and Buyer Information -->\n    <h1 class=\"invoice-title\">{{ textWords.invoiceTitle }}</h1>\n\n    <header class=\"invoice-header\">\n      <div class=\"buyer-info\">\n        <h2 class=\"header-title\">{{ textWords.invoiceBuyerTitle }}</h2>\n        <p>\n          <strong>{{ invoice.buyer?.name }}</strong>\n        </p>\n        <p>{{ invoice.buyer?.address }}</p>\n        <p>{{ invoice.buyer?.city }}, {{ invoice.buyer?.zipCode }}</p>\n        <p>{{ invoice.buyer?.countryCode }}</p>\n        @if (invoice.buyer?.vatId) {\n          <p>\n            <strong>{{ textWords.vatId }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.vatId }}</span>\n          </p>\n        }\n        <mat-divider></mat-divider>\n        @if (invoice.buyer?.contactPersonName) {\n          <p>\n            <strong>{{ textWords.contactPersonName }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice.buyer?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice.buyer?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"invoice-details\">\n        @if (invoice.invoiceNumber) {\n          <p>\n            <strong>{{ textWords.detailsInvoiceNumber }}: </strong>\n            <span>{{ invoice.invoiceNumber }}</span>\n          </p>\n        }\n        @if (invoice.invoiceDate) {\n          <p>\n            <strong>{{ textWords.detailsInvoiceDate }}: </strong>\n            <span>{{ invoice.invoiceDate | date: 'dd.MM.yyyy' }}</span>\n          </p>\n        }\n        @if (invoice.paymentDueDate) {\n          <p>\n            <strong>{{ textWords.detailsPaymentDueDate }}: </strong>\n            <span>{{ invoice.paymentDueDate | date: 'dd.MM.yyyy' }}</span>\n          </p>\n        }\n        @if (invoice.currencyCode) {\n          <p>\n            <strong>{{ textWords.detailsCurrencyCode }}: </strong>\n            <span>{{ invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.paymentTerms) {\n          <p>\n            <strong>{{ textWords.detailsPaymentTerms }}: </strong>\n            <span>{{ invoice.paymentTerms }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"seller-info\">\n        <h2 class=\"header-title\">{{ textWords.invoiceSellerTitle }}</h2>\n        <p>\n          <strong>{{ invoice.seller?.name }}</strong>\n        </p>\n        <p>{{ invoice.seller?.address }}</p>\n        <p>{{ invoice.seller?.city }}, {{ invoice.seller?.zipCode }}</p>\n        <p>{{ invoice.seller?.countryCode }}</p>\n        @if (invoice.seller?.vatId) {\n          <p>\n            <strong>{{ textWords.vatId }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.vatId }}</span>\n          </p>\n        }\n        <mat-divider></mat-divider>\n        @if (invoice.seller?.contactPersonName) {\n          <p>\n            <strong>{{ textWords.contactPersonName }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice.seller?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice.seller?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n    </header>\n    <mat-divider></mat-divider>\n    <div class=\"invoice-info\">\n      <section class=\"invoice-references\">\n        @if (textWords.referencesTopic) {\n          <h2 class=\"info-title\">{{ textWords.referencesTopic }}</h2>\n        }\n        @if (invoice.references?.buyerReference) {\n          <p>\n            <strong>{{ textWords.referencesBuyerReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.buyerReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.projectReference) {\n          <p>\n            <strong>{{ textWords.referencesProjectReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.projectReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.contractReference) {\n          <p>\n            <strong>{{ textWords.referencesContractReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.contractReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.purchaseOrderReference) {\n          <p>\n            <strong>{{ textWords.referencesPurchaseOrderReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.purchaseOrderReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.salesOrderReference) {\n          <p>\n            <strong>{{ textWords.referencesSalesOrderReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.salesOrderReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.receivingAdviceReference) {\n          <p>\n            <strong>{{ textWords.referencesReceivingAdviceReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.receivingAdviceReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.dispatchAdviceReference) {\n          <p>\n            <strong>{{ textWords.referencesDispatchAdviceReference }}: </strong>\n            <br />\n            <span> {{ invoice.references?.dispatchAdviceReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.tenderOrLotReference) {\n          <p>\n            <strong>{{ textWords.referencesTenderOrLotReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.tenderOrLotReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.invoicedObjectIdentifier) {\n          <p>\n            <strong>{{ textWords.referencesInvoicedObjectIdentifier }}: </strong>\n            <br />\n            <span>{{ invoice.references?.invoicedObjectIdentifier }}</span>\n          </p>\n        }\n      </section>\n      @if (invoice.deliveryInformation) {\n        <section class=\"invoice-delivery\">\n          <h2 class=\"info-title\">{{ textWords.deliveryInformationTitle }}</h2>\n\n          @if (invoice.deliveryInformation.deliverToName) {\n            <p>\n              <strong>{{ textWords.deliverToName }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliverToName }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliverToLocationIdentifier) {\n            <p>\n              <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliverToLocationIdentifier }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliveryDate) {\n            <p>\n              <strong>{{ textWords.deliveryDate }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliveryDate | date: 'shortDate' }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliveryAddress) {\n            <p>\n              <strong>{{ textWords.deliveryAddress }}: </strong>\n              <span>\n                @if (invoice.deliveryInformation.deliveryAddress.address) {\n                  <p>{{ invoice.deliveryInformation.deliveryAddress.address }}</p>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.city) {\n                  <span>{{ invoice.deliveryInformation.deliveryAddress.city }},</span>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.zipCode) {\n                  <span>{{ invoice.deliveryInformation.deliveryAddress.zipCode }}</span>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.countryCode) {\n                  <p>{{ invoice.deliveryInformation.deliveryAddress.countryCode }}</p>\n                }\n              </span>\n            </p>\n          }\n        </section>\n      }\n    </div>\n\n    <table class=\"invoice-table\">\n      <thead>\n        <tr>\n          <th>#</th>\n          <th>{{ textWords.tableHeadDescription }}</th>\n          <th class=\"center\">{{ textWords.tableHeadQuantity }}</th>\n          <th class=\"center\">{{ textWords.tableHeadUnit }}</th>\n          <th class=\"center\">{{ textWords.tableHeadNetPrice }}</th>\n          <th class=\"center\">{{ textWords.tableHeadNetAmount }}</th>\n          <th class=\"center\">{{ textWords.vat }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (item of invoice.lineItems; track item; let i = $index) {\n          <tr>\n            <td>{{ i + 1 }}</td>\n            <td>{{ item.itemInformation?.description }}</td>\n            <td class=\"currency-table-cell\">{{ item.quantity }}</td>\n            <td>{{ item.unitCode }}</td>\n            <td class=\"currency-table-cell\">{{ item.priceDetails?.netPrice | currency: invoice.currencyCode }}</td>\n            <td class=\"currency-table-cell\">{{ item.netAmount | currency: invoice.currencyCode }}</td>\n            <td class=\"currency-table-cell\">{{ item.vatInformation?.[0]?.vatRate | percent: '1.0-2' }}</td>\n          </tr>\n        }\n      </tbody>\n    </table>\n\n    <div class=\"addition-info\">\n      <section class=\"taxes\">\n        <h2 class=\"info-title\">{{ textWords.taxesHeading }}</h2>\n        <table class=\"tax-report-table\">\n          <thead>\n            <tr>\n              <th>{{ textWords.vat }}</th>\n              <th>{{ textWords.totalsTotalNet }}</th>\n              <th>{{ textWords.totalsTotalVatAmount }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (tax of invoice.vatBreakdown; track tax.taxRate) {\n              <tr>\n                <td class=\"currency-table-cell\">\n                  @if (tax.taxRate) {\n                    <span>{{ tax.taxRate | percent: '1.0-2' }}</span>\n                  }\n                </td>\n                <td class=\"currency-table-cell\">\n                  @if (tax.netTaxableAmount) {\n                    <span>{{ tax.netTaxableAmount | currency: invoice.currencyCode }}</span>\n                  }\n                </td>\n                <td class=\"currency-table-cell\">\n                  @if (tax.vatAmount) {\n                    <span>{{ tax.vatAmount | currency: invoice.currencyCode }}</span>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </section>\n\n      <section class=\"payment-instructions\">\n        <h2 class=\"info-title\">{{ textWords.instructionsTopic }}</h2>\n        @if (invoice.paymentInstructions?.description) {\n          <p>{{ invoice.paymentInstructions?.description }}</p>\n        }\n        @for (means of invoice.paymentInstructions?.paymentMeans; track means) {\n          <div>\n            @if (means.accountIdentifier) {\n              <p>\n                <strong>{{ textWords.instructionsAccountIdentifier }}: </strong>\n                <br />\n                <span>{{ means.accountIdentifier }}</span>\n              </p>\n            }\n            @if (means.accountName) {\n              <p>\n                <strong>{{ textWords.instructionsAccountName }}: </strong>\n                <br />\n                <span>{{ means.accountName }}</span>\n              </p>\n            }\n            @if (means.serviceProviderIdentifier) {\n              <p>\n                <strong>{{ textWords.instructionsServiceProviderIdentifier }}: </strong>\n                <br />\n                <span>{{ means.serviceProviderIdentifier }}</span>\n              </p>\n            }\n          </div>\n        }\n      </section>\n\n      <section class=\"invoice-totals\">\n        <h2 class=\"info-title\">{{ textWords.totalsTopic }}</h2>\n\n        @if (invoice.totals?.totalNet) {\n          <p>\n            <strong>{{ textWords.totalsTotalNet }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalNet | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalAllowances) {\n          <p>\n            <strong>{{ textWords.totalsTotalAllowances }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalAllowances | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalCharges) {\n          <p>\n            <strong>{{ textWords.totalsTotalCharges }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalCharges | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalAfterDeductions) {\n          <p>\n            <strong>{{ textWords.totalsTotalAfterDeductions }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalAfterDeductions | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalVatAmount) {\n          <p>\n            <strong>{{ textWords.totalsTotalVatAmount }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalVatAmount | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalGross) {\n          <p>\n            <strong>{{ textWords.totalsTotalGross }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalGross | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.alreadyPaidTotal) {\n          <p>\n            <strong>{{ textWords.totalsAlreadyPaidTotal }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.alreadyPaidTotal | currency: invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalToBePaid) {\n          <p class=\"total\">\n            <strong>{{ textWords.totalsTotalToBePaid }}: </strong>\n            <br />\n            <strong> {{ invoice.totals?.totalToBePaid | currency: invoice.currencyCode }}</strong>\n          </p>\n        }\n      </section>\n    </div>\n\n    <section class=\"invoice-notes\">\n      <h2>{{ textWords.notesTopic }}</h2>\n      @for (note of invoice.invoiceNotes; track note) {\n        <div>\n          @if (note?.shortText) {\n            <p>\n              <strong>{{ note?.shortText }}</strong>\n            </p>\n          }\n          @if (note?.longText) {\n            <p>{{ note?.longText }}</p>\n          }\n        </div>\n      }\n    </section>\n    @if (invoice.documents?.length) {\n      <section class=\"invoice-attachments\">\n        <ava-invoice-documents [documents]=\"invoice.documents ?? []\"></ava-invoice-documents>\n      </section>\n    }\n  </div>\n}\n", styles: [".invoice-container{width:100%;max-width:800px;margin:auto;font-family:Arial,sans-serif;line-height:1.5}.invoice-header{display:flex;justify-content:space-between;margin-bottom:20px}.invoice-header .header{height:32px}.invoice-header .header-title{background:var(--color-primary);color:#fff;text-align:center}.seller-info,.buyer-info,.invoice-details{width:30%}.seller-info,.invoice-delivery,.payment-instructions,.invoice-totals{text-align:right}.currency-table-cell{text-align:right!important}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes,.taxes,.invoice-delivery,.invoice-details{margin:20px 0}.invoice-table{width:100%;border-collapse:collapse;margin:20px 0}.invoice-table th,.invoice-table td{border:1px solid #000;padding:8px;text-align:left}.invoice-table th{background-color:var(--color-primary)}.invoice-totals p,.payment-instructions p,.invoice-notes p{margin:5px 0}h2{font-size:18px;margin-bottom:10px}.addition-info{display:flex;justify-content:space-between;gap:10px}.total{background-color:var(--color-primary);color:#fff;padding:5px;border-radius:5px}th{color:#fff;text-wrap:nowrap}.invoice-attachments{padding-bottom:15px}.invoice-info{display:flex;justify-content:space-between;margin-bottom:20px}.info-title{border-bottom:2px solid var(--color-primary);text-align:center}.tax-report-table{width:100%;border-collapse:collapse;margin-top:10px}.tax-report-table th,.tax-report-table td{padding:12px;text-align:center;border:1px solid #ddd}.tax-report-table th{background-color:var(--color-primary);color:#fff;font-weight:700;border:1px solid #000}.tax-report-table td{font-size:14px;color:#333;border:1px solid #000}.center{text-align:center!important}\n"] }]
+            args: [{ selector: 'ava-invoice-display', imports: [PercentPlusPipe, NumberPlusPipe, CurrencyPlusPipe, DatePipe, AsyncPipe, MatDividerModule, InvoiceDocumentsComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ConfigurationInvoiceService, CurrencyPipe, DecimalPipe, PercentPipe], template: "@if (textWords$ | async; as textWords) {\n  <div class=\"invoice-container\">\n    <!-- Seller and Buyer Information -->\n    <h1 class=\"invoice-title\">{{ textWords.invoiceTitle }}</h1>\n\n    <header class=\"invoice-header\">\n      <div class=\"buyer-info\">\n        <h2 class=\"header-title\">{{ textWords.invoiceBuyerTitle }}</h2>\n        <p>\n          <strong>{{ invoice.buyer?.name }}</strong>\n        </p>\n        <p>{{ invoice.buyer?.address }}</p>\n        <p>{{ invoice.buyer?.city }}, {{ invoice.buyer?.zipCode }}</p>\n        <p>{{ invoice.buyer?.countryCode }}</p>\n        @if (invoice.buyer?.vatId) {\n          <p>\n            <strong>{{ textWords.vatId }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.vatId }}</span>\n          </p>\n        }\n        <mat-divider></mat-divider>\n        @if (invoice.buyer?.contactPersonName) {\n          <p>\n            <strong>{{ textWords.contactPersonName }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice.buyer?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice.buyer?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <br />\n            <span>{{ invoice.buyer?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"invoice-details\">\n        @if (invoice.invoiceNumber) {\n          <p>\n            <strong>{{ textWords.detailsInvoiceNumber }}: </strong>\n            <span>{{ invoice.invoiceNumber }}</span>\n          </p>\n        }\n        @if (invoice.invoiceDate) {\n          <p>\n            <strong>{{ textWords.detailsInvoiceDate }}: </strong>\n            <span>{{ invoice.invoiceDate | date: 'dd.MM.yyyy' }}</span>\n          </p>\n        }\n        @if (invoice.paymentDueDate) {\n          <p>\n            <strong>{{ textWords.detailsPaymentDueDate }}: </strong>\n            <span>{{ invoice.paymentDueDate | date: 'dd.MM.yyyy' }}</span>\n          </p>\n        }\n        @if (invoice.currencyCode) {\n          <p>\n            <strong>{{ textWords.detailsCurrencyCode }}: </strong>\n            <span>{{ invoice.currencyCode }}</span>\n          </p>\n        }\n        @if (invoice.paymentTerms) {\n          <p>\n            <strong>{{ textWords.detailsPaymentTerms }}: </strong>\n            <span>{{ invoice.paymentTerms }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"seller-info\">\n        <h2 class=\"header-title\">{{ textWords.invoiceSellerTitle }}</h2>\n        <p>\n          <strong>{{ invoice.seller?.name }}</strong>\n        </p>\n        <p>{{ invoice.seller?.address }}</p>\n        <p>{{ invoice.seller?.city }}, {{ invoice.seller?.zipCode }}</p>\n        <p>{{ invoice.seller?.countryCode }}</p>\n        @if (invoice.seller?.vatId) {\n          <p>\n            <strong>{{ textWords.vatId }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.vatId }}</span>\n          </p>\n        }\n        <mat-divider></mat-divider>\n        @if (invoice.seller?.contactPersonName) {\n          <p>\n            <strong>{{ textWords.contactPersonName }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice.seller?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice.seller?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <br />\n            <span>{{ invoice.seller?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n    </header>\n    <mat-divider></mat-divider>\n    <div class=\"invoice-info\">\n      <section class=\"invoice-references\">\n        @if (textWords.referencesTopic) {\n          <h2 class=\"info-title\">{{ textWords.referencesTopic }}</h2>\n        }\n        @if (invoice.references?.buyerReference) {\n          <p>\n            <strong>{{ textWords.referencesBuyerReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.buyerReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.projectReference) {\n          <p>\n            <strong>{{ textWords.referencesProjectReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.projectReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.contractReference) {\n          <p>\n            <strong>{{ textWords.referencesContractReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.contractReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.purchaseOrderReference) {\n          <p>\n            <strong>{{ textWords.referencesPurchaseOrderReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.purchaseOrderReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.salesOrderReference) {\n          <p>\n            <strong>{{ textWords.referencesSalesOrderReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.salesOrderReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.receivingAdviceReference) {\n          <p>\n            <strong>{{ textWords.referencesReceivingAdviceReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.receivingAdviceReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.dispatchAdviceReference) {\n          <p>\n            <strong>{{ textWords.referencesDispatchAdviceReference }}: </strong>\n            <br />\n            <span> {{ invoice.references?.dispatchAdviceReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.tenderOrLotReference) {\n          <p>\n            <strong>{{ textWords.referencesTenderOrLotReference }}: </strong>\n            <br />\n            <span>{{ invoice.references?.tenderOrLotReference }}</span>\n          </p>\n        }\n        @if (invoice.references?.invoicedObjectIdentifier) {\n          <p>\n            <strong>{{ textWords.referencesInvoicedObjectIdentifier }}: </strong>\n            <br />\n            <span>{{ invoice.references?.invoicedObjectIdentifier }}</span>\n          </p>\n        }\n      </section>\n      @if (invoice.deliveryInformation) {\n        <section class=\"invoice-delivery\">\n          <h2 class=\"info-title\">{{ textWords.deliveryInformationTitle }}</h2>\n\n          @if (invoice.deliveryInformation.deliverToName) {\n            <p>\n              <strong>{{ textWords.deliverToName }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliverToName }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliverToLocationIdentifier) {\n            <p>\n              <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliverToLocationIdentifier }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliveryDate) {\n            <p>\n              <strong>{{ textWords.deliveryDate }}: </strong>\n              <br />\n              <span>{{ invoice.deliveryInformation.deliveryDate | date: 'shortDate' }}</span>\n            </p>\n          }\n          @if (invoice.deliveryInformation.deliveryAddress) {\n            <p>\n              <strong>{{ textWords.deliveryAddress }}: </strong>\n              <span>\n                @if (invoice.deliveryInformation.deliveryAddress.address) {\n                  <p>{{ invoice.deliveryInformation.deliveryAddress.address }}</p>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.city) {\n                  <span>{{ invoice.deliveryInformation.deliveryAddress.city }},</span>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.zipCode) {\n                  <span>{{ invoice.deliveryInformation.deliveryAddress.zipCode }}</span>\n                }\n                @if (invoice.deliveryInformation.deliveryAddress.countryCode) {\n                  <p>{{ invoice.deliveryInformation.deliveryAddress.countryCode }}</p>\n                }\n              </span>\n            </p>\n          }\n        </section>\n      }\n    </div>\n\n    <table class=\"invoice-table\">\n      <thead>\n        <tr>\n          <th>#</th>\n          <th>{{ textWords.tableHeadDescription }}</th>\n          <th class=\"center\">{{ textWords.tableHeadQuantity }}</th>\n          <th class=\"center\">{{ textWords.tableHeadUnit }}</th>\n          <th class=\"center\">{{ textWords.tableHeadNetPrice }}</th>\n          <th class=\"center\">{{ textWords.tableHeadNetAmount }}</th>\n          <th class=\"center\">{{ textWords.vat }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (item of invoice.lineItems; track item; let i = $index) {\n          <tr>\n            <td>{{ i + 1 }}</td>\n            <td>{{ item.itemInformation?.description }}</td>\n            <td class=\"currency-table-cell\">{{ item.quantity | numberPlus }}</td>\n            <td>{{ item.unitCode }}</td>\n            <td class=\"currency-table-cell\">{{ item.priceDetails?.netPrice | currencyPlus }}</td>\n            <td class=\"currency-table-cell\">{{ item.netAmount | currencyPlus }}</td>\n            <td class=\"currency-table-cell\">{{ item.vatInformation?.[0]?.vatRate | percentPlus: '1.0-2' }}</td>\n          </tr>\n        }\n      </tbody>\n    </table>\n\n    <div class=\"addition-info\">\n      <section class=\"taxes\">\n        <h2 class=\"info-title\">{{ textWords.taxesHeading }}</h2>\n        <table class=\"tax-report-table\">\n          <thead>\n            <tr>\n              <th>{{ textWords.vat }}</th>\n              <th>{{ textWords.totalsTotalNet }}</th>\n              <th>{{ textWords.totalsTotalVatAmount }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (tax of invoice.vatBreakdown; track tax.taxRate) {\n              <tr>\n                <td class=\"currency-table-cell\">\n                  @if (tax.taxRate) {\n                    <span>{{ tax.taxRate | percentPlus: '1.0-2' }}</span>\n                  }\n                </td>\n                <td class=\"currency-table-cell\">\n                  @if (tax.netTaxableAmount) {\n                    <span>{{ tax.netTaxableAmount | currencyPlus }}</span>\n                  }\n                </td>\n                <td class=\"currency-table-cell\">\n                  @if (tax.vatAmount) {\n                    <span>{{ tax.vatAmount | currencyPlus }}</span>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </section>\n\n      <section class=\"payment-instructions\">\n        <h2 class=\"info-title\">{{ textWords.instructionsTopic }}</h2>\n        @if (invoice.paymentInstructions?.description) {\n          <p>{{ invoice.paymentInstructions?.description }}</p>\n        }\n        @for (means of invoice.paymentInstructions?.paymentMeans; track means) {\n          <div>\n            @if (means.accountIdentifier) {\n              <p>\n                <strong>{{ textWords.instructionsAccountIdentifier }}: </strong>\n                <br />\n                <span>{{ means.accountIdentifier }}</span>\n              </p>\n            }\n            @if (means.accountName) {\n              <p>\n                <strong>{{ textWords.instructionsAccountName }}: </strong>\n                <br />\n                <span>{{ means.accountName }}</span>\n              </p>\n            }\n            @if (means.serviceProviderIdentifier) {\n              <p>\n                <strong>{{ textWords.instructionsServiceProviderIdentifier }}: </strong>\n                <br />\n                <span>{{ means.serviceProviderIdentifier }}</span>\n              </p>\n            }\n          </div>\n        }\n      </section>\n\n      <section class=\"invoice-totals\">\n        <h2 class=\"info-title\">{{ textWords.totalsTopic }}</h2>\n\n        @if (invoice.totals?.totalNet) {\n          <p>\n            <strong>{{ textWords.totalsTotalNet }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalNet | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalAllowances) {\n          <p>\n            <strong>{{ textWords.totalsTotalAllowances }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalAllowances | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalCharges) {\n          <p>\n            <strong>{{ textWords.totalsTotalCharges }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalCharges | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalAfterDeductions) {\n          <p>\n            <strong>{{ textWords.totalsTotalAfterDeductions }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalAfterDeductions | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalVatAmount) {\n          <p>\n            <strong>{{ textWords.totalsTotalVatAmount }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.totalVatAmount | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalGross) {\n          <p>\n            <strong>{{ textWords.totalsTotalGross }}: </strong>\n            <br />\n            <span> {{ invoice.totals?.totalGross | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.alreadyPaidTotal) {\n          <p>\n            <strong>{{ textWords.totalsAlreadyPaidTotal }}: </strong>\n            <br />\n            <span>{{ invoice.totals?.alreadyPaidTotal | currencyPlus }}</span>\n          </p>\n        }\n        @if (invoice.totals?.totalToBePaid) {\n          <p class=\"total\">\n            <strong>{{ textWords.totalsTotalToBePaid }}: </strong>\n            <br />\n            <strong> {{ invoice.totals?.totalToBePaid | currencyPlus }}</strong>\n          </p>\n        }\n      </section>\n    </div>\n\n    <section class=\"invoice-notes\">\n      <h2>{{ textWords.notesTopic }}</h2>\n      @for (note of invoice.invoiceNotes; track note) {\n        <div>\n          @if (note?.shortText) {\n            <p>\n              <strong>{{ note?.shortText }}</strong>\n            </p>\n          }\n          @if (note?.longText) {\n            <p>{{ note?.longText }}</p>\n          }\n        </div>\n      }\n    </section>\n    @if (invoice.documents?.length) {\n      <section class=\"invoice-attachments\">\n        <ava-invoice-documents [documents]=\"invoice.documents ?? []\"></ava-invoice-documents>\n      </section>\n    }\n  </div>\n}\n", styles: [".invoice-container{width:100%;max-width:800px;margin:auto;font-family:Arial,sans-serif;line-height:1.5}.invoice-header{display:flex;justify-content:space-between;margin-bottom:20px}.invoice-header .header{height:32px}.invoice-header .header-title{background:var(--color-primary);color:#fff;text-align:center}.seller-info,.buyer-info,.invoice-details{width:30%}.seller-info,.invoice-delivery,.payment-instructions,.invoice-totals{text-align:right}.currency-table-cell{text-align:right!important}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes,.taxes,.invoice-delivery,.invoice-details{margin:20px 0}.invoice-table{width:100%;border-collapse:collapse;margin:20px 0}.invoice-table th,.invoice-table td{border:1px solid #000;padding:8px;text-align:left}.invoice-table th{background-color:var(--color-primary)}.invoice-totals p,.payment-instructions p,.invoice-notes p{margin:5px 0}h2{font-size:18px;margin-bottom:10px}.addition-info{display:flex;justify-content:space-between;gap:10px}.total{background-color:var(--color-primary);color:#fff;padding:5px;border-radius:5px}th{color:#fff;text-wrap:nowrap}.invoice-attachments{padding-bottom:15px}.invoice-info{display:flex;justify-content:space-between;margin-bottom:20px}.info-title{border-bottom:2px solid var(--color-primary);text-align:center}.tax-report-table{width:100%;border-collapse:collapse;margin-top:10px}.tax-report-table th,.tax-report-table td{padding:12px;text-align:center;border:1px solid #ddd}.tax-report-table th{background-color:var(--color-primary);color:#fff;font-weight:700;border:1px solid #000}.tax-report-table td{font-size:14px;color:#333;border:1px solid #000}.center{text-align:center!important}\n"] }]
         }], ctorParameters: () => [{ type: ConfigurationInvoiceService }], propDecorators: { invoice: [{
                 type: Input
             }], config: [{
@@ -2267,5 +2382,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AttachmentMimeType, AvaTreeComponent, DEFAULT_FILTERS, DEFAULT_TEXT_WORDS, DEFAULT_TEXT_WORD_INVOICE, ExchangePhaseDto, InvoiceDisplayComponent, InvoiceType, ItemNumberSchemaTierTypeDto, ItemNumberTypeDto, ModeViewType, OriginDto, PriceRoundingModeDto, PriceTypeDto, VatCategory, defaults, germanTextsAva, germanTextsInvoice, version };
+export { AttachmentMimeType, AvaTreeComponent, DEFAULT_CURRENCY_CODE, DEFAULT_DIGITS_INFO, DEFAULT_FILTERS, DEFAULT_LANGUAGE, DEFAULT_TEXT_WORDS, DEFAULT_TEXT_WORD_INVOICE, ExchangePhaseDto, InvoiceDisplayComponent, InvoiceType, ItemNumberSchemaTierTypeDto, ItemNumberTypeDto, ModeViewType, OriginDto, PriceRoundingModeDto, PriceTypeDto, VatCategory, defaults, germanTextsAva, germanTextsInvoice, localeTypes, version };
 //# sourceMappingURL=dangl-angular-ava.mjs.map