@dangl/angular-ava 1.1.2-beta0065 → 1.1.2-beta0067

package/fesm2022/dangl-angular-ava.mjs

@@ -283,12 +283,12 @@ var ModeViewType;
 
 // This file is automatically generated as part of the build process
 const version = {
-    version: "1.1.2-beta0065",
-    commitInfo: "Branch.develop.Sha.2bb8be7635ac8e0b777d045bb13a5312e2868250",
-    commitDate: "2024-12-06",
-    commitHash: "2bb8be7635ac8e0b777d045bb13a5312e2868250",
-    informationalVersion: "1.1.2-beta.65+Branch.develop.Sha.2bb8be7635ac8e0b777d045bb13a5312e2868250",
-    buildDateUtc: new Date(Date.UTC(2024, 11, 6, 14, 58, 51))
+    version: "1.1.2-beta0067",
+    commitInfo: "Branch.develop.Sha.a4e18862dd2cc9bed0f268607cb58597381b7ee6",
+    commitDate: "2024-12-08",
+    commitHash: "a4e18862dd2cc9bed0f268607cb58597381b7ee6",
+    informationalVersion: "1.1.2-beta.67+Branch.develop.Sha.a4e18862dd2cc9bed0f268607cb58597381b7ee6",
+    buildDateUtc: new Date(Date.UTC(2024, 11, 8, 15, 2, 32))
 };
 
 const DEFAULT_FILTERS = [
@@ -350,7 +350,15 @@ const DEFAULT_TEXT_WORD_INVOICE = {
     instructionsAccountIdentifier: 'Account Identifier',
     instructionsAccountName: 'Account Name',
     instructionsServiceProviderIdentifier: 'Service Provider Identifier',
-    notesTopic: 'Notes'
+    notesTopic: 'Notes',
+    attachmentsHeading: 'Attachments',
+    attachmentsName: 'Name',
+    attachmentsDescription: 'Description',
+    attachmentsUrl: 'Url',
+    attachmentsDataSize: 'Size',
+    attachmentsMimeType: 'Mime Type',
+    attachmentsFileName: 'File Name',
+    attachmentsDownloadButton: 'Download'
 };
 const germanTextsInvoice = {
     invoiceTitle: 'Rechnung',
@@ -388,7 +396,15 @@ const germanTextsInvoice = {
     instructionsAccountIdentifier: 'Kontonummer',
     instructionsAccountName: 'Kontoname',
     instructionsServiceProviderIdentifier: 'Bank',
-    notesTopic: 'Hinweise'
+    notesTopic: 'Hinweise',
+    attachmentsHeading: 'Anhänge',
+    attachmentsName: 'Name',
+    attachmentsDescription: 'Beschreibung',
+    attachmentsUrl: 'Url',
+    attachmentsDataSize: 'Größe',
+    attachmentsMimeType: 'Typ',
+    attachmentsFileName: 'Dateiname',
+    attachmentsDownloadButton: 'Download'
 };
 
 const DEFAULT_TEXT_WORDS = {
@@ -1980,7 +1996,12 @@ class InvoiceDisplayComponent {
      * }
      */
     set textWords(words) {
-        this._textWords = { ...this.textWords, ...words };
+        if (!words) {
+            this._textWords = { ...DEFAULT_TEXT_WORD_INVOICE };
+        }
+        else {
+            this._textWords = { ...this.textWords, ...words };
+        }
     } // allow to translate all texts to other language
     get textWords() {
         return this._textWords;
@@ -1989,7 +2010,6 @@ class InvoiceDisplayComponent {
         // TODO remove type any after TODO under will be resolved
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.invoice = input.required();
-        this._textWords = null;
         this._textWords = { ...DEFAULT_TEXT_WORD_INVOICE };
         /**TODO:  For setting invoice instead:
          * <ava-invoice-display id="invoice"></ava-invoice-display>
@@ -2044,11 +2064,11 @@ class InvoiceDisplayComponent {
         link.click();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InvoiceDisplayComponent, deps: [], 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: { classPropertyName: "invoice", publicName: "invoice", isSignal: true, isRequired: true, transformFunction: null }, textWords: { classPropertyName: "textWords", publicName: "textWords", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"invoice-container\">\n  <!-- Seller and Buyer Information -->\n  @if (textWords?.invoiceTitle) {\n    <h1 class=\"invoice-title\">{{ textWords?.invoiceTitle }}</h1>\n  }\n  <header class=\"invoice-header\">\n    <div class=\"seller-info\">\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          <span>{{ invoice().seller?.vatId }}</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=\"buyer-info\">\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          <span>{{ invoice().buyer?.vatId }}</span>\n        </p>\n      }\n    </div>\n  </header>\n\n  <section class=\"invoice-references\">\n    @if (textWords?.referencesTopic) {\n      <h2>{{ textWords?.referencesTopic }}</h2>\n    }\n    @if (invoice().references?.buyerReference) {\n      <p>\n        <strong>{{ textWords?.referencesBuyerReference }}:</strong>\n        <span>{{ invoice().references?.buyerReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.projectReference) {\n      <p>\n        <strong>{{ textWords?.referencesProjectReference }}:</strong>\n        <span>{{ invoice().references?.projectReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.contractReference) {\n      <p>\n        <strong>{{ textWords?.referencesContractReference }}:</strong>\n        <span>{{ invoice().references?.contractReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.purchaseOrderReference) {\n      <p>\n        <strong>{{ textWords?.referencesPurchaseOrderReference }}:</strong>\n        <span>{{ invoice().references?.purchaseOrderReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.salesOrderReference) {\n      <p>\n        <strong>{{ textWords?.referencesSalesOrderReference }}:</strong>\n        <span>{{ invoice().references?.salesOrderReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.receivingAdviceReference) {\n      <p>\n        <strong>{{ textWords?.referencesReceivingAdviceReference }}:</strong>\n        <span>{{ invoice().references?.receivingAdviceReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.dispatchAdviceReference) {\n      <p>\n        <strong>{{ textWords?.referencesDispatchAdviceReference }}:</strong>\n        <span> {{ invoice().references?.dispatchAdviceReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.tenderOrLotReference) {\n      <p>\n        <strong>{{ textWords?.referencesTenderOrLotReference }}:</strong>\n        <span>{{ invoice().references?.tenderOrLotReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.invoicedObjectIdentifier) {\n      <p>\n        <strong>{{ textWords?.referencesInvoicedObjectIdentifier }}:</strong>\n        <span>{{ invoice().references?.invoicedObjectIdentifier }}</span>\n      </p>\n    }\n  </section>\n\n  <table class=\"invoice-table\">\n    <thead>\n      <tr>\n        <th>#</th>\n        <th>{{ textWords?.tableHeadDescription }}</th>\n        <th>{{ textWords?.tableHeadQuantity }}</th>\n        <th>{{ textWords?.tableHeadUnit }}</th>\n        <th>{{ textWords?.tableHeadNetPrice }}</th>\n        <th>{{ textWords?.tableHeadNetAmount }}</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>{{ item.quantity }}</td>\n          <td>{{ item.unitCode }}</td>\n          <td>{{ item.priceDetails?.netPrice | currency: invoice().currencyCode }}</td>\n          <td>{{ item.netAmount | currency: invoice().currencyCode }}</td>\n        </tr>\n      }\n    </tbody>\n  </table>\n\n  <div class=\"addition-info\">\n    <section class=\"invoice-totals\">\n      @if (textWords?.totalsTopic) {\n        <h2>{{ textWords?.totalsTopic }}</h2>\n      }\n      @if (invoice().totals?.totalNet) {\n        <p>\n          <strong>{{ textWords?.totalsTotalNet }}:</strong>\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          <span> {{ invoice().totals?.totalAllowances | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.totalCharges) {\n        <p>\n          <strong>{{ textWords?.totalsTotalCharges }}:</strong>\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          <span>{{ invoice().totals?.totalAfterDeductions | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.totalVatAmount) {\n        <p>\n          <strong>{{ textWords?.totalsTotalVatAmount }}:</strong>\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          <span> {{ invoice().totals?.totalGross | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.alreadyPaidTotal) {\n        <p>\n          <strong>{{ textWords?.totalsAlreadyPaidTotal }}:</strong>\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          <strong> {{ invoice().totals?.totalToBePaid | currency: invoice().currencyCode }}</strong>\n        </p>\n      }\n    </section>\n\n    <section class=\"payment-instructions\">\n      @if (textWords?.instructionsTopic) {\n        <h2>{{ textWords?.instructionsTopic }}</h2>\n      }\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              <span>{{ means.accountIdentifier }}</span>\n            </p>\n          }\n          @if (means.accountName) {\n            <p>\n              <strong>{{ textWords?.instructionsAccountName }}:</strong>\n              <span>{{ means.accountName }}</span>\n            </p>\n          }\n          @if (means.serviceProviderIdentifier) {\n            <p>\n              <strong>{{ textWords?.instructionsServiceProviderIdentifier }}:</strong>\n              <span>{{ means.serviceProviderIdentifier }}</span>\n            </p>\n          }\n        </div>\n      }\n    </section>\n  </div>\n\n  <section class=\"invoice-notes\">\n    @if (textWords?.notesTopic) {\n      <h2>{{ textWords?.notesTopic }}</h2>\n    }\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\n  @if (invoice().documents?.length) {\n    <section class=\"invoice-attachments\">\n      <mat-accordion>\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>Attachments</mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (document of invoice().documents; track document) {\n            <div class=\"document\">\n              @if (document.documentReference) {\n                <div>\n                  <strong>Name: </strong>\n                  <span>{{ document.documentReference }}</span>\n                </div>\n              }\n              @if (document.description) {\n                <div>\n                  <strong>Description: </strong>\n                  <span>{{ document.description }}</span>\n                </div>\n              }\n              @if (document.externalDocumentUrl) {\n                <div>\n                  <strong>Url: </strong>\n                  <span>{{ document.externalDocumentUrl }}</span>\n                </div>\n              } @else if (document.documentBase64) {\n                <div>\n                  <strong>Data size: </strong>\n                  <span>{{ document.documentBase64.length }}</span>\n                </div>\n\n                @if (document.documentMimeType) {\n                  <div>\n                    <strong>Mime Type: </strong>\n                    <span>{{ document.documentMimeType | invoiceAttachmentMimeType }}</span>\n                  </div>\n                }\n              }\n              @if (document.fileName) {\n                <div>\n                  <strong>File Name: </strong>\n                  <span>{{ document.fileName }}</span>\n                </div>\n              }\n              <button\n                mat-raised-button\n                color=\"primary\"\n                (click)=\"download(document)\"\n                [disabled]=\"!document.externalDocumentUrl && !document.documentBase64\"\n              >\n                Download\n              </button>\n            </div>\n          }\n          <pre id=\"fileContent\"></pre>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </section>\n  }\n</div>\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}.seller-info,.buyer-info,.invoice-details{width:30%}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes{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}.total{background-color:var(--color-light)}.invoice-attachments,.document{padding-bottom:15px}\n"], dependencies: [{ kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "pipe", type: InvoiceAttachmentMimeTypePipe, name: "invoiceAttachmentMimeType" }], 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: { classPropertyName: "invoice", publicName: "invoice", isSignal: true, isRequired: true, transformFunction: null }, textWords: { classPropertyName: "textWords", publicName: "textWords", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"invoice-container\">\n  <!-- Seller and Buyer Information -->\n  @if (textWords.invoiceTitle) {\n    <h1 class=\"invoice-title\">{{ textWords.invoiceTitle }}</h1>\n  }\n  <header class=\"invoice-header\">\n    <div class=\"seller-info\">\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          <span>{{ invoice().seller?.vatId }}</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=\"buyer-info\">\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          <span>{{ invoice().buyer?.vatId }}</span>\n        </p>\n      }\n    </div>\n  </header>\n\n  <section class=\"invoice-references\">\n    @if (textWords.referencesTopic) {\n      <h2>{{ textWords.referencesTopic }}</h2>\n    }\n    @if (invoice().references?.buyerReference) {\n      <p>\n        <strong>{{ textWords.referencesBuyerReference }}:</strong>\n        <span>{{ invoice().references?.buyerReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.projectReference) {\n      <p>\n        <strong>{{ textWords.referencesProjectReference }}:</strong>\n        <span>{{ invoice().references?.projectReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.contractReference) {\n      <p>\n        <strong>{{ textWords.referencesContractReference }}:</strong>\n        <span>{{ invoice().references?.contractReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.purchaseOrderReference) {\n      <p>\n        <strong>{{ textWords.referencesPurchaseOrderReference }}:</strong>\n        <span>{{ invoice().references?.purchaseOrderReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.salesOrderReference) {\n      <p>\n        <strong>{{ textWords.referencesSalesOrderReference }}:</strong>\n        <span>{{ invoice().references?.salesOrderReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.receivingAdviceReference) {\n      <p>\n        <strong>{{ textWords.referencesReceivingAdviceReference }}:</strong>\n        <span>{{ invoice().references?.receivingAdviceReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.dispatchAdviceReference) {\n      <p>\n        <strong>{{ textWords.referencesDispatchAdviceReference }}:</strong>\n        <span> {{ invoice().references?.dispatchAdviceReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.tenderOrLotReference) {\n      <p>\n        <strong>{{ textWords.referencesTenderOrLotReference }}:</strong>\n        <span>{{ invoice().references?.tenderOrLotReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.invoicedObjectIdentifier) {\n      <p>\n        <strong>{{ textWords.referencesInvoicedObjectIdentifier }}:</strong>\n        <span>{{ invoice().references?.invoicedObjectIdentifier }}</span>\n      </p>\n    }\n  </section>\n\n  <table class=\"invoice-table\">\n    <thead>\n      <tr>\n        <th>#</th>\n        <th>{{ textWords.tableHeadDescription }}</th>\n        <th>{{ textWords.tableHeadQuantity }}</th>\n        <th>{{ textWords.tableHeadUnit }}</th>\n        <th>{{ textWords.tableHeadNetPrice }}</th>\n        <th>{{ textWords.tableHeadNetAmount }}</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>{{ item.quantity }}</td>\n          <td>{{ item.unitCode }}</td>\n          <td>{{ item.priceDetails?.netPrice | currency: invoice().currencyCode }}</td>\n          <td>{{ item.netAmount | currency: invoice().currencyCode }}</td>\n        </tr>\n      }\n    </tbody>\n  </table>\n\n  <div class=\"addition-info\">\n    <section class=\"invoice-totals\">\n      @if (textWords.totalsTopic) {\n        <h2>{{ textWords.totalsTopic }}</h2>\n      }\n      @if (invoice().totals?.totalNet) {\n        <p>\n          <strong>{{ textWords.totalsTotalNet }}:</strong>\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          <span> {{ invoice().totals?.totalAllowances | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.totalCharges) {\n        <p>\n          <strong>{{ textWords.totalsTotalCharges }}:</strong>\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          <span>{{ invoice().totals?.totalAfterDeductions | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.totalVatAmount) {\n        <p>\n          <strong>{{ textWords.totalsTotalVatAmount }}:</strong>\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          <span> {{ invoice().totals?.totalGross | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.alreadyPaidTotal) {\n        <p>\n          <strong>{{ textWords.totalsAlreadyPaidTotal }}:</strong>\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          <strong> {{ invoice().totals?.totalToBePaid | currency: invoice().currencyCode }}</strong>\n        </p>\n      }\n    </section>\n\n    <section class=\"payment-instructions\">\n      @if (textWords.instructionsTopic) {\n        <h2>{{ textWords.instructionsTopic }}</h2>\n      }\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              <span>{{ means.accountIdentifier }}</span>\n            </p>\n          }\n          @if (means.accountName) {\n            <p>\n              <strong>{{ textWords.instructionsAccountName }}:</strong>\n              <span>{{ means.accountName }}</span>\n            </p>\n          }\n          @if (means.serviceProviderIdentifier) {\n            <p>\n              <strong>{{ textWords.instructionsServiceProviderIdentifier }}:</strong>\n              <span>{{ means.serviceProviderIdentifier }}</span>\n            </p>\n          }\n        </div>\n      }\n    </section>\n  </div>\n\n  <section class=\"invoice-notes\">\n    @if (textWords.notesTopic) {\n      <h2>{{ textWords.notesTopic }}</h2>\n    }\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\n  @if (invoice().documents?.length) {\n    <section class=\"invoice-attachments\">\n      <mat-accordion>\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{ textWords.attachmentsHeading }}</mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (document of invoice().documents; track document) {\n            <div class=\"document\">\n              @if (document.documentReference) {\n                <div>\n                  <strong>{{ textWords.attachmentsName }}: </strong>\n                  <span>{{ document.documentReference }}</span>\n                </div>\n              }\n              @if (document.description) {\n                <div>\n                  <strong>{{ textWords.attachmentsDescription }}: </strong>\n                  <span>{{ document.description }}</span>\n                </div>\n              }\n              @if (document.externalDocumentUrl) {\n                <div>\n                  <strong>{{ textWords.attachmentsUrl }}: </strong>\n                  <span>{{ document.externalDocumentUrl }}</span>\n                </div>\n              } @else if (document.documentBase64) {\n                <div>\n                  <strong>{{ textWords.attachmentsDataSize }}: </strong>\n                  <span>{{ document.documentBase64.length }}</span>\n                </div>\n\n                @if (document.documentMimeType) {\n                  <div>\n                    <strong>{{ textWords.attachmentsMimeType }}: </strong>\n                    <span>{{ document.documentMimeType | invoiceAttachmentMimeType }}</span>\n                  </div>\n                }\n              }\n              @if (document.fileName) {\n                <div>\n                  <strong>{{ textWords.attachmentsFileName }}: </strong>\n                  <span>{{ document.fileName }}</span>\n                </div>\n              }\n              <button\n                mat-raised-button\n                color=\"primary\"\n                (click)=\"download(document)\"\n                [disabled]=\"!document.externalDocumentUrl && !document.documentBase64\"\n              >\n                {{ textWords.attachmentsDownloadButton }}\n              </button>\n            </div>\n          }\n          <pre id=\"fileContent\"></pre>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </section>\n  }\n</div>\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}.seller-info,.buyer-info,.invoice-details{width:30%}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes{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}.total{background-color:var(--color-light)}.invoice-attachments,.document{padding-bottom:15px}\n"], dependencies: [{ kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "pipe", type: InvoiceAttachmentMimeTypePipe, name: "invoiceAttachmentMimeType" }], 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, MatButtonModule, MatExpansionModule, InvoiceAttachmentMimeTypePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"invoice-container\">\n  <!-- Seller and Buyer Information -->\n  @if (textWords?.invoiceTitle) {\n    <h1 class=\"invoice-title\">{{ textWords?.invoiceTitle }}</h1>\n  }\n  <header class=\"invoice-header\">\n    <div class=\"seller-info\">\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          <span>{{ invoice().seller?.vatId }}</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=\"buyer-info\">\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          <span>{{ invoice().buyer?.vatId }}</span>\n        </p>\n      }\n    </div>\n  </header>\n\n  <section class=\"invoice-references\">\n    @if (textWords?.referencesTopic) {\n      <h2>{{ textWords?.referencesTopic }}</h2>\n    }\n    @if (invoice().references?.buyerReference) {\n      <p>\n        <strong>{{ textWords?.referencesBuyerReference }}:</strong>\n        <span>{{ invoice().references?.buyerReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.projectReference) {\n      <p>\n        <strong>{{ textWords?.referencesProjectReference }}:</strong>\n        <span>{{ invoice().references?.projectReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.contractReference) {\n      <p>\n        <strong>{{ textWords?.referencesContractReference }}:</strong>\n        <span>{{ invoice().references?.contractReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.purchaseOrderReference) {\n      <p>\n        <strong>{{ textWords?.referencesPurchaseOrderReference }}:</strong>\n        <span>{{ invoice().references?.purchaseOrderReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.salesOrderReference) {\n      <p>\n        <strong>{{ textWords?.referencesSalesOrderReference }}:</strong>\n        <span>{{ invoice().references?.salesOrderReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.receivingAdviceReference) {\n      <p>\n        <strong>{{ textWords?.referencesReceivingAdviceReference }}:</strong>\n        <span>{{ invoice().references?.receivingAdviceReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.dispatchAdviceReference) {\n      <p>\n        <strong>{{ textWords?.referencesDispatchAdviceReference }}:</strong>\n        <span> {{ invoice().references?.dispatchAdviceReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.tenderOrLotReference) {\n      <p>\n        <strong>{{ textWords?.referencesTenderOrLotReference }}:</strong>\n        <span>{{ invoice().references?.tenderOrLotReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.invoicedObjectIdentifier) {\n      <p>\n        <strong>{{ textWords?.referencesInvoicedObjectIdentifier }}:</strong>\n        <span>{{ invoice().references?.invoicedObjectIdentifier }}</span>\n      </p>\n    }\n  </section>\n\n  <table class=\"invoice-table\">\n    <thead>\n      <tr>\n        <th>#</th>\n        <th>{{ textWords?.tableHeadDescription }}</th>\n        <th>{{ textWords?.tableHeadQuantity }}</th>\n        <th>{{ textWords?.tableHeadUnit }}</th>\n        <th>{{ textWords?.tableHeadNetPrice }}</th>\n        <th>{{ textWords?.tableHeadNetAmount }}</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>{{ item.quantity }}</td>\n          <td>{{ item.unitCode }}</td>\n          <td>{{ item.priceDetails?.netPrice | currency: invoice().currencyCode }}</td>\n          <td>{{ item.netAmount | currency: invoice().currencyCode }}</td>\n        </tr>\n      }\n    </tbody>\n  </table>\n\n  <div class=\"addition-info\">\n    <section class=\"invoice-totals\">\n      @if (textWords?.totalsTopic) {\n        <h2>{{ textWords?.totalsTopic }}</h2>\n      }\n      @if (invoice().totals?.totalNet) {\n        <p>\n          <strong>{{ textWords?.totalsTotalNet }}:</strong>\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          <span> {{ invoice().totals?.totalAllowances | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.totalCharges) {\n        <p>\n          <strong>{{ textWords?.totalsTotalCharges }}:</strong>\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          <span>{{ invoice().totals?.totalAfterDeductions | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.totalVatAmount) {\n        <p>\n          <strong>{{ textWords?.totalsTotalVatAmount }}:</strong>\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          <span> {{ invoice().totals?.totalGross | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.alreadyPaidTotal) {\n        <p>\n          <strong>{{ textWords?.totalsAlreadyPaidTotal }}:</strong>\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          <strong> {{ invoice().totals?.totalToBePaid | currency: invoice().currencyCode }}</strong>\n        </p>\n      }\n    </section>\n\n    <section class=\"payment-instructions\">\n      @if (textWords?.instructionsTopic) {\n        <h2>{{ textWords?.instructionsTopic }}</h2>\n      }\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              <span>{{ means.accountIdentifier }}</span>\n            </p>\n          }\n          @if (means.accountName) {\n            <p>\n              <strong>{{ textWords?.instructionsAccountName }}:</strong>\n              <span>{{ means.accountName }}</span>\n            </p>\n          }\n          @if (means.serviceProviderIdentifier) {\n            <p>\n              <strong>{{ textWords?.instructionsServiceProviderIdentifier }}:</strong>\n              <span>{{ means.serviceProviderIdentifier }}</span>\n            </p>\n          }\n        </div>\n      }\n    </section>\n  </div>\n\n  <section class=\"invoice-notes\">\n    @if (textWords?.notesTopic) {\n      <h2>{{ textWords?.notesTopic }}</h2>\n    }\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\n  @if (invoice().documents?.length) {\n    <section class=\"invoice-attachments\">\n      <mat-accordion>\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>Attachments</mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (document of invoice().documents; track document) {\n            <div class=\"document\">\n              @if (document.documentReference) {\n                <div>\n                  <strong>Name: </strong>\n                  <span>{{ document.documentReference }}</span>\n                </div>\n              }\n              @if (document.description) {\n                <div>\n                  <strong>Description: </strong>\n                  <span>{{ document.description }}</span>\n                </div>\n              }\n              @if (document.externalDocumentUrl) {\n                <div>\n                  <strong>Url: </strong>\n                  <span>{{ document.externalDocumentUrl }}</span>\n                </div>\n              } @else if (document.documentBase64) {\n                <div>\n                  <strong>Data size: </strong>\n                  <span>{{ document.documentBase64.length }}</span>\n                </div>\n\n                @if (document.documentMimeType) {\n                  <div>\n                    <strong>Mime Type: </strong>\n                    <span>{{ document.documentMimeType | invoiceAttachmentMimeType }}</span>\n                  </div>\n                }\n              }\n              @if (document.fileName) {\n                <div>\n                  <strong>File Name: </strong>\n                  <span>{{ document.fileName }}</span>\n                </div>\n              }\n              <button\n                mat-raised-button\n                color=\"primary\"\n                (click)=\"download(document)\"\n                [disabled]=\"!document.externalDocumentUrl && !document.documentBase64\"\n              >\n                Download\n              </button>\n            </div>\n          }\n          <pre id=\"fileContent\"></pre>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </section>\n  }\n</div>\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}.seller-info,.buyer-info,.invoice-details{width:30%}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes{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}.total{background-color:var(--color-light)}.invoice-attachments,.document{padding-bottom:15px}\n"] }]
+            args: [{ selector: 'ava-invoice-display', imports: [CurrencyPipe, DatePipe, MatButtonModule, MatExpansionModule, InvoiceAttachmentMimeTypePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"invoice-container\">\n  <!-- Seller and Buyer Information -->\n  @if (textWords.invoiceTitle) {\n    <h1 class=\"invoice-title\">{{ textWords.invoiceTitle }}</h1>\n  }\n  <header class=\"invoice-header\">\n    <div class=\"seller-info\">\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          <span>{{ invoice().seller?.vatId }}</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=\"buyer-info\">\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          <span>{{ invoice().buyer?.vatId }}</span>\n        </p>\n      }\n    </div>\n  </header>\n\n  <section class=\"invoice-references\">\n    @if (textWords.referencesTopic) {\n      <h2>{{ textWords.referencesTopic }}</h2>\n    }\n    @if (invoice().references?.buyerReference) {\n      <p>\n        <strong>{{ textWords.referencesBuyerReference }}:</strong>\n        <span>{{ invoice().references?.buyerReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.projectReference) {\n      <p>\n        <strong>{{ textWords.referencesProjectReference }}:</strong>\n        <span>{{ invoice().references?.projectReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.contractReference) {\n      <p>\n        <strong>{{ textWords.referencesContractReference }}:</strong>\n        <span>{{ invoice().references?.contractReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.purchaseOrderReference) {\n      <p>\n        <strong>{{ textWords.referencesPurchaseOrderReference }}:</strong>\n        <span>{{ invoice().references?.purchaseOrderReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.salesOrderReference) {\n      <p>\n        <strong>{{ textWords.referencesSalesOrderReference }}:</strong>\n        <span>{{ invoice().references?.salesOrderReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.receivingAdviceReference) {\n      <p>\n        <strong>{{ textWords.referencesReceivingAdviceReference }}:</strong>\n        <span>{{ invoice().references?.receivingAdviceReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.dispatchAdviceReference) {\n      <p>\n        <strong>{{ textWords.referencesDispatchAdviceReference }}:</strong>\n        <span> {{ invoice().references?.dispatchAdviceReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.tenderOrLotReference) {\n      <p>\n        <strong>{{ textWords.referencesTenderOrLotReference }}:</strong>\n        <span>{{ invoice().references?.tenderOrLotReference }}</span>\n      </p>\n    }\n    @if (invoice().references?.invoicedObjectIdentifier) {\n      <p>\n        <strong>{{ textWords.referencesInvoicedObjectIdentifier }}:</strong>\n        <span>{{ invoice().references?.invoicedObjectIdentifier }}</span>\n      </p>\n    }\n  </section>\n\n  <table class=\"invoice-table\">\n    <thead>\n      <tr>\n        <th>#</th>\n        <th>{{ textWords.tableHeadDescription }}</th>\n        <th>{{ textWords.tableHeadQuantity }}</th>\n        <th>{{ textWords.tableHeadUnit }}</th>\n        <th>{{ textWords.tableHeadNetPrice }}</th>\n        <th>{{ textWords.tableHeadNetAmount }}</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>{{ item.quantity }}</td>\n          <td>{{ item.unitCode }}</td>\n          <td>{{ item.priceDetails?.netPrice | currency: invoice().currencyCode }}</td>\n          <td>{{ item.netAmount | currency: invoice().currencyCode }}</td>\n        </tr>\n      }\n    </tbody>\n  </table>\n\n  <div class=\"addition-info\">\n    <section class=\"invoice-totals\">\n      @if (textWords.totalsTopic) {\n        <h2>{{ textWords.totalsTopic }}</h2>\n      }\n      @if (invoice().totals?.totalNet) {\n        <p>\n          <strong>{{ textWords.totalsTotalNet }}:</strong>\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          <span> {{ invoice().totals?.totalAllowances | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.totalCharges) {\n        <p>\n          <strong>{{ textWords.totalsTotalCharges }}:</strong>\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          <span>{{ invoice().totals?.totalAfterDeductions | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.totalVatAmount) {\n        <p>\n          <strong>{{ textWords.totalsTotalVatAmount }}:</strong>\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          <span> {{ invoice().totals?.totalGross | currency: invoice().currencyCode }}</span>\n        </p>\n      }\n      @if (invoice().totals?.alreadyPaidTotal) {\n        <p>\n          <strong>{{ textWords.totalsAlreadyPaidTotal }}:</strong>\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          <strong> {{ invoice().totals?.totalToBePaid | currency: invoice().currencyCode }}</strong>\n        </p>\n      }\n    </section>\n\n    <section class=\"payment-instructions\">\n      @if (textWords.instructionsTopic) {\n        <h2>{{ textWords.instructionsTopic }}</h2>\n      }\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              <span>{{ means.accountIdentifier }}</span>\n            </p>\n          }\n          @if (means.accountName) {\n            <p>\n              <strong>{{ textWords.instructionsAccountName }}:</strong>\n              <span>{{ means.accountName }}</span>\n            </p>\n          }\n          @if (means.serviceProviderIdentifier) {\n            <p>\n              <strong>{{ textWords.instructionsServiceProviderIdentifier }}:</strong>\n              <span>{{ means.serviceProviderIdentifier }}</span>\n            </p>\n          }\n        </div>\n      }\n    </section>\n  </div>\n\n  <section class=\"invoice-notes\">\n    @if (textWords.notesTopic) {\n      <h2>{{ textWords.notesTopic }}</h2>\n    }\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\n  @if (invoice().documents?.length) {\n    <section class=\"invoice-attachments\">\n      <mat-accordion>\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{ textWords.attachmentsHeading }}</mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (document of invoice().documents; track document) {\n            <div class=\"document\">\n              @if (document.documentReference) {\n                <div>\n                  <strong>{{ textWords.attachmentsName }}: </strong>\n                  <span>{{ document.documentReference }}</span>\n                </div>\n              }\n              @if (document.description) {\n                <div>\n                  <strong>{{ textWords.attachmentsDescription }}: </strong>\n                  <span>{{ document.description }}</span>\n                </div>\n              }\n              @if (document.externalDocumentUrl) {\n                <div>\n                  <strong>{{ textWords.attachmentsUrl }}: </strong>\n                  <span>{{ document.externalDocumentUrl }}</span>\n                </div>\n              } @else if (document.documentBase64) {\n                <div>\n                  <strong>{{ textWords.attachmentsDataSize }}: </strong>\n                  <span>{{ document.documentBase64.length }}</span>\n                </div>\n\n                @if (document.documentMimeType) {\n                  <div>\n                    <strong>{{ textWords.attachmentsMimeType }}: </strong>\n                    <span>{{ document.documentMimeType | invoiceAttachmentMimeType }}</span>\n                  </div>\n                }\n              }\n              @if (document.fileName) {\n                <div>\n                  <strong>{{ textWords.attachmentsFileName }}: </strong>\n                  <span>{{ document.fileName }}</span>\n                </div>\n              }\n              <button\n                mat-raised-button\n                color=\"primary\"\n                (click)=\"download(document)\"\n                [disabled]=\"!document.externalDocumentUrl && !document.documentBase64\"\n              >\n                {{ textWords.attachmentsDownloadButton }}\n              </button>\n            </div>\n          }\n          <pre id=\"fileContent\"></pre>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </section>\n  }\n</div>\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}.seller-info,.buyer-info,.invoice-details{width:30%}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes{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}.total{background-color:var(--color-light)}.invoice-attachments,.document{padding-bottom:15px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { textWords: [{
                 type: Input
             }] } });
@@ -2061,5 +2081,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, germanTextsInvoice, version };
+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 };
 //# sourceMappingURL=dangl-angular-ava.mjs.map