@dangl/angular-ava 1.1.2-beta0137 → 1.1.2-beta0146

package/fesm2022/dangl-angular-ava.mjs

@@ -13,15 +13,16 @@ import { MatInputModule } from '@angular/material/input';
 import * as i10 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { ReplaySubject, of, BehaviorSubject, Subject, takeUntil, debounceTime, fromEvent, filter } from 'rxjs';
-import { NgTemplateOutlet, NgClass, DecimalPipe, CurrencyPipe, DatePipe, PercentPipe } from '@angular/common';
+import { NgTemplateOutlet, NgClass, DecimalPipe, CurrencyPipe, DatePipe, PercentPipe, AsyncPipe } from '@angular/common';
 import * as i3 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i3$1 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
-import * as i3$2 from '@angular/material/divider';
+import * as i2 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
-import * as i2 from '@angular/material/expansion';
-import { MatExpansionModule } from '@angular/material/expansion';
+import { InvoiceDocumentsComponent } from 'projects/angular-ava/src/lib/invoice/components/invoice-documents/invoice-documents.component';
+import * as i1 from 'projects/angular-ava/src/lib/invoice/services/configuration-invoice.service';
+import { ConfigurationInvoiceService } from 'projects/angular-ava/src/lib/invoice/services/configuration-invoice.service';
 
 //----------------------
 // <auto-generated>
@@ -238,12 +239,12 @@ var ModeViewType;
 
 // This file is automatically generated as part of the build process
 const version = {
-    version: "1.1.2-beta0137",
-    commitInfo: "Branch.develop.Sha.676c9197117f2c5bb2cb780103d2cf026e033994",
+    version: "1.1.2-beta0146",
+    commitInfo: "Branch.develop.Sha.b082444da4aefdf7aa8b079bd5fab829a42961aa",
     commitDate: "2025-01-14",
-    commitHash: "676c9197117f2c5bb2cb780103d2cf026e033994",
-    informationalVersion: "1.1.2-beta.137+Branch.develop.Sha.676c9197117f2c5bb2cb780103d2cf026e033994",
-    buildDateUtc: new Date(Date.UTC(2025, 0, 14, 10, 10, 58))
+    commitHash: "b082444da4aefdf7aa8b079bd5fab829a42961aa",
+    informationalVersion: "1.1.2-beta.146+Branch.develop.Sha.b082444da4aefdf7aa8b079bd5fab829a42961aa",
+    buildDateUtc: new Date(Date.UTC(2025, 0, 14, 10, 47, 7))
 };
 
 const DEFAULT_FILTERS = [
@@ -1765,6 +1766,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                 args: ['avaTreeFilterInput']
             }] } });
 
+class InvoiceDisplayComponent {
+    /**
+     * You can supply a map of strings to be used for the text in the tree. This allows you to translate
+     * the text in the tree to other languages.
+     * {
+     *   invoiceTitle: string;
+     *   vatId: string;
+     *   detailsInvoiceNumber: string;
+     *   detailsInvoiceDate: string;
+     *   detailsPaymentDueDate: string;
+     *   detailsCurrencyCode: string;
+     *   detailsPaymentTerms: string;
+     *   referencesTopic: string;
+     *   referencesBuyerReference: string;
+     *   referencesProjectReference: string;
+     *   referencesContractReference: string;
+     *   referencesPurchaseOrderReference: string;
+     *   referencesSalesOrderReference: string;
+     *   referencesReceivingAdviceReference: string;
+     *   referencesDispatchAdviceReference: string;
+     *   referencesTenderOrLotReference: string;
+     *   referencesInvoicedObjectIdentifier: string;
+     *   tableHeadDescription: string;
+     *   tableHeadQuantity: string;
+     *   tableHeadUnit: string;
+     *   tableHeadNetPrice: string;
+     *   tableHeadNetAmount: string;
+     *   totalsTopic: string;
+     *   totalsTotalNet: string;
+     *   totalsTotalAllowances: string;
+     *   totalsTotalCharges: string;
+     *   totalsTotalAfterDeductions: string;
+     *   totalsTotalVatAmount: string;
+     *   totalsTotalGross: string;
+     *   totalsAlreadyPaidTotal: string;
+     *   totalsTotalToBePaid: string;
+     *   instructionsTopic: string;
+     *   instructionsAccountIdentifier: string;
+     *   instructionsAccountName: string;
+     *   instructionsServiceProviderIdentifier: string;
+     *   notesTopic: string;
+     *   attachmentsHeading: string;
+     *   attachmentsName: string;
+     *   attachmentsDescription: string;
+     *   attachmentsUrl: string;
+     *   attachmentsDataSize: string;
+     *   attachmentsMimeType: string;
+     *   attachmentsFileName: string;
+     *   attachmentsDownloadButton: string;
+     *
+     * }
+     */
+    set config(configObject) {
+        if (this.configurationInvoiceService.getCurrentInvoiceConfig()) {
+            const config = { ...this.configurationInvoiceService.getCurrentInvoiceConfig(), ...configObject };
+            this.configurationInvoiceService.setInvoiceConfig(config);
+        }
+    }
+    constructor(configurationInvoiceService) {
+        this.configurationInvoiceService = configurationInvoiceService;
+        // 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$ = this.configurationInvoiceService.getTextWordsFromConfig();
+        /**TODO:  For setting invoice instead:
+         * <ava-invoice-display id="invoice"></ava-invoice-display>
+         * invoice = document.getElementById('invoice');
+         * invoice.invoice = INVOICE;
+         * we should pass value to global window variable
+         * window['InvoiceGlobalVariable'] = INVOICE;
+         * Temporary solution until the problem of setting the value for InputSignal is solved. See this PR https://github.com/angular/angular/pull/55067
+         */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (window['InvoiceGlobalVariable']) {
+            this.invoice = () => {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                return window['InvoiceGlobalVariable'];
+            };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InvoiceDisplayComponent, deps: [{ token: i1.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: { classPropertyName: "invoice", publicName: "invoice", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null } }, 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    <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            <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            <span>{{ invoice().buyer?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice().buyer?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <span>{{ invoice().buyer?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice().buyer?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <span>{{ invoice().buyer?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"invoice-details\">\n        <h2 [class.header]=\"textWords.invoiceBuyerTitle.trim() || textWords.invoiceSellerTitle.trim()\"></h2>\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            <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            <span>{{ invoice().seller?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice().seller?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <span>{{ invoice().seller?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice().seller?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\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            <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      @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              <span>{{ invoice().deliveryInformation?.deliverToName }}</span>\n            </p>\n          }\n          @if (invoice().deliveryInformation?.deliverToLocationIdentifier) {\n            <p>\n              <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n              <span>{{ invoice().deliveryInformation?.deliverToLocationIdentifier }}</span>\n            </p>\n          }\n          @if (invoice().deliveryInformation?.deliveryDate) {\n            <p>\n              <strong>{{ textWords.deliveryDate }}: </strong>\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>{{ textWords.tableHeadQuantity }}</th>\n          <th>{{ textWords.tableHeadUnit }}</th>\n          <th>{{ textWords.tableHeadNetPrice }}</th>\n          <th>{{ textWords.tableHeadNetAmount }}</th>\n          <th>{{ 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>{{ 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            <td>{{ 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=\"invoice-totals\">\n        <h2 class=\"info-title\">{{ 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      <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>\n                  @if (tax.taxRate) {\n                    <span>{{ tax.taxRate | percent: '1.0-2' }}</span>\n                  }\n                </td>\n                <td>\n                  @if (tax.netTaxableAmount) {\n                    <span>{{ tax.netTaxableAmount | currency: invoice().currencyCode }}</span>\n                  }\n                </td>\n                <td>\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                <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      <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{text-align:right}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes,.taxes,.invoice-delivery{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}\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.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    <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            <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            <span>{{ invoice().buyer?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice().buyer?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <span>{{ invoice().buyer?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice().buyer?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\n            <span>{{ invoice().buyer?.contactPersonEmail }}</span>\n          </p>\n        }\n      </div>\n      <div class=\"invoice-details\">\n        <h2 [class.header]=\"textWords.invoiceBuyerTitle.trim() || textWords.invoiceSellerTitle.trim()\"></h2>\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            <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            <span>{{ invoice().seller?.contactPersonName }}</span>\n          </p>\n        }\n        @if (invoice().seller?.contactPersonPhone) {\n          <p>\n            <strong>{{ textWords.contactPersonPhone }}: </strong>\n            <span>{{ invoice().seller?.contactPersonPhone }}</span>\n          </p>\n        }\n        @if (invoice().seller?.contactPersonEmail) {\n          <p>\n            <strong>{{ textWords.contactPersonEmail }}: </strong>\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            <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      @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              <span>{{ invoice().deliveryInformation?.deliverToName }}</span>\n            </p>\n          }\n          @if (invoice().deliveryInformation?.deliverToLocationIdentifier) {\n            <p>\n              <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n              <span>{{ invoice().deliveryInformation?.deliverToLocationIdentifier }}</span>\n            </p>\n          }\n          @if (invoice().deliveryInformation?.deliveryDate) {\n            <p>\n              <strong>{{ textWords.deliveryDate }}: </strong>\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>{{ textWords.tableHeadQuantity }}</th>\n          <th>{{ textWords.tableHeadUnit }}</th>\n          <th>{{ textWords.tableHeadNetPrice }}</th>\n          <th>{{ textWords.tableHeadNetAmount }}</th>\n          <th>{{ 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>{{ 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            <td>{{ 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=\"invoice-totals\">\n        <h2 class=\"info-title\">{{ 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      <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>\n                  @if (tax.taxRate) {\n                    <span>{{ tax.taxRate | percent: '1.0-2' }}</span>\n                  }\n                </td>\n                <td>\n                  @if (tax.netTaxableAmount) {\n                    <span>{{ tax.netTaxableAmount | currency: invoice().currencyCode }}</span>\n                  }\n                </td>\n                <td>\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                <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      <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{text-align:right}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes,.taxes,.invoice-delivery{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}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ConfigurationInvoiceService }], propDecorators: { config: [{
+                type: Input
+            }] } });
+
 const DEFAULT_TEXT_WORD_INVOICE = {
     invoiceTitle: 'Invoice',
     invoiceBuyerTitle: 'Receiver',
@@ -1929,168 +2020,6 @@ var SourceType;
     SourceType[SourceType["Cii"] = 2] = "Cii";
 })(SourceType || (SourceType = {}));
 
-class InvoiceAttachmentMimeTypePipe {
-    transform(attachmentMimeType) {
-        switch (attachmentMimeType) {
-            case AttachmentMimeType.Pdf:
-                return 'PDF';
-            case AttachmentMimeType.Png:
-                return 'PNG';
-            case AttachmentMimeType.Jpeg:
-                return 'JPEG';
-            case AttachmentMimeType.Csv:
-                return 'CSV';
-            case AttachmentMimeType.Excel:
-                return 'Excel';
-            case AttachmentMimeType.OpenOfficeSpreadsheet:
-                return 'Open Office Spreadsheet';
-            case AttachmentMimeType.Unknown:
-            default:
-                return 'Unknown';
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InvoiceAttachmentMimeTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: InvoiceAttachmentMimeTypePipe, isStandalone: true, name: "invoiceAttachmentMimeType" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InvoiceAttachmentMimeTypePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'invoiceAttachmentMimeType',
-                    standalone: true
-                }]
-        }] });
-
-class InvoiceDisplayComponent {
-    /**
-     * You can supply a map of strings to be used for the text in the tree. This allows you to translate
-     * the text in the tree to other languages.
-     * {
-     *   invoiceTitle: string;
-     *   vatId: string;
-     *   detailsInvoiceNumber: string;
-     *   detailsInvoiceDate: string;
-     *   detailsPaymentDueDate: string;
-     *   detailsCurrencyCode: string;
-     *   detailsPaymentTerms: string;
-     *   referencesTopic: string;
-     *   referencesBuyerReference: string;
-     *   referencesProjectReference: string;
-     *   referencesContractReference: string;
-     *   referencesPurchaseOrderReference: string;
-     *   referencesSalesOrderReference: string;
-     *   referencesReceivingAdviceReference: string;
-     *   referencesDispatchAdviceReference: string;
-     *   referencesTenderOrLotReference: string;
-     *   referencesInvoicedObjectIdentifier: string;
-     *   tableHeadDescription: string;
-     *   tableHeadQuantity: string;
-     *   tableHeadUnit: string;
-     *   tableHeadNetPrice: string;
-     *   tableHeadNetAmount: string;
-     *   totalsTopic: string;
-     *   totalsTotalNet: string;
-     *   totalsTotalAllowances: string;
-     *   totalsTotalCharges: string;
-     *   totalsTotalAfterDeductions: string;
-     *   totalsTotalVatAmount: string;
-     *   totalsTotalGross: string;
-     *   totalsAlreadyPaidTotal: string;
-     *   totalsTotalToBePaid: string;
-     *   instructionsTopic: string;
-     *   instructionsAccountIdentifier: string;
-     *   instructionsAccountName: string;
-     *   instructionsServiceProviderIdentifier: string;
-     *   notesTopic: string;
-     *   attachmentsHeading: string;
-     *   attachmentsName: string;
-     *   attachmentsDescription: string;
-     *   attachmentsUrl: string;
-     *   attachmentsDataSize: string;
-     *   attachmentsMimeType: string;
-     *   attachmentsFileName: string;
-     *   attachmentsDownloadButton: string;
-     *
-     * }
-     */
-    get textWords() {
-        return this._textWords;
-    }
-    set config(configObject) {
-        if (configObject?.textWords) {
-            this._textWords = { ...configObject?.textWords };
-        }
-        if ('isAttachmentDownload' in configObject) {
-            this.isAttachmentDownload = !!configObject.isAttachmentDownload;
-        }
-    }
-    constructor() {
-        // TODO remove type any after TODO under will be resolved
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.invoice = input.required();
-        this.isAttachmentDownload = false;
-        this._textWords = { ...DEFAULT_TEXT_WORD_INVOICE };
-        /**TODO:  For setting invoice instead:
-         * <ava-invoice-display id="invoice"></ava-invoice-display>
-         * invoice = document.getElementById('invoice');
-         * invoice.invoice = INVOICE;
-         * we should pass value to global window variable
-         * window['InvoiceGlobalVariable'] = INVOICE;
-         * Temporary solution until the problem of setting the value for InputSignal is solved. See this PR https://github.com/angular/angular/pull/55067
-         */
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        if (window['InvoiceGlobalVariable']) {
-            this.invoice = () => {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                return window['InvoiceGlobalVariable'];
-            };
-        }
-    }
-    download(documentValue) {
-        if (documentValue.externalDocumentUrl) {
-            this.downloadLink(documentValue);
-        }
-        else {
-            this.downloadAny(documentValue);
-        }
-    }
-    downloadAny(documentValue) {
-        if (documentValue.documentBase64) {
-            const byteCharacters = atob(documentValue.documentBase64);
-            const byteNumbers = new Array(byteCharacters.length);
-            for (let i = 0; i < byteCharacters.length; i++) {
-                byteNumbers[i] = byteCharacters.charCodeAt(i);
-            }
-            const byteArray = new Uint8Array(byteNumbers);
-            const blob = new Blob([byteArray], { type: 'application/octet-stream' });
-            this.saveAs(blob, documentValue.fileName);
-        }
-    }
-    async downloadLink(documentValue) {
-        try {
-            const response = await fetch(documentValue.externalDocumentUrl);
-            const blob = await response.blob();
-            this.saveAs(blob, documentValue.fileName);
-        }
-        catch (error) {
-            console.error(error);
-        }
-    }
-    saveAs(blob, fileName) {
-        const link = document.createElement('a');
-        link.href = URL.createObjectURL(blob);
-        link.download = fileName;
-        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 }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"invoice-container\">\n  <!-- Seller and Buyer Information -->\n  <h1 class=\"invoice-title\">{{ textWords.invoiceTitle }}</h1>\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          <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          <span>{{ invoice().buyer?.contactPersonName }}</span>\n        </p>\n      }\n      @if (invoice().buyer?.contactPersonPhone) {\n        <p>\n          <strong>{{ textWords.contactPersonPhone }}: </strong>\n          <span>{{ invoice().buyer?.contactPersonPhone }}</span>\n        </p>\n      }\n      @if (invoice().buyer?.contactPersonEmail) {\n        <p>\n          <strong>{{ textWords.contactPersonEmail }}: </strong>\n          <span>{{ invoice().buyer?.contactPersonEmail }}</span>\n        </p>\n      }\n    </div>\n    <div class=\"invoice-details\">\n      <h2 [class.header]=\"textWords.invoiceBuyerTitle.trim() || textWords.invoiceSellerTitle.trim()\"></h2>\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          <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          <span>{{ invoice().seller?.contactPersonName }}</span>\n        </p>\n      }\n      @if (invoice().seller?.contactPersonPhone) {\n        <p>\n          <strong>{{ textWords.contactPersonPhone }}: </strong>\n          <span>{{ invoice().seller?.contactPersonPhone }}</span>\n        </p>\n      }\n      @if (invoice().seller?.contactPersonEmail) {\n        <p>\n          <strong>{{ textWords.contactPersonEmail }}: </strong>\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          <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    @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            <span>{{ invoice().deliveryInformation?.deliverToName }}</span>\n          </p>\n        }\n        @if (invoice().deliveryInformation?.deliverToLocationIdentifier) {\n          <p>\n            <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n            <span>{{ invoice().deliveryInformation?.deliverToLocationIdentifier }}</span>\n          </p>\n        }\n        @if (invoice().deliveryInformation?.deliveryDate) {\n          <p>\n            <strong>{{ textWords.deliveryDate }}: </strong>\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>{{ textWords.tableHeadQuantity }}</th>\n        <th>{{ textWords.tableHeadUnit }}</th>\n        <th>{{ textWords.tableHeadNetPrice }}</th>\n        <th>{{ textWords.tableHeadNetAmount }}</th>\n        <th>{{ 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>{{ 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          <td>{{ 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=\"invoice-totals\">\n      <h2 class=\"info-title\">{{ 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    <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>\n                @if (tax.taxRate) {\n                  <span>{{ tax.taxRate | percent: '1.0-2' }}</span>\n                }\n              </td>\n              <td>\n                @if (tax.netTaxableAmount) {\n                  <span>{{ tax.netTaxableAmount | currency: invoice().currencyCode }}</span>\n                }\n              </td>\n              <td>\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              <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    <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\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              @if (isAttachmentDownload) {\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              }\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}.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{text-align:right}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes,.taxes,.invoice-delivery{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,.document{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}\n"], dependencies: [{ kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: PercentPipe, name: "percent" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.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" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], 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, MatButtonModule, MatExpansionModule, InvoiceAttachmentMimeTypePipe, MatDividerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"invoice-container\">\n  <!-- Seller and Buyer Information -->\n  <h1 class=\"invoice-title\">{{ textWords.invoiceTitle }}</h1>\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          <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          <span>{{ invoice().buyer?.contactPersonName }}</span>\n        </p>\n      }\n      @if (invoice().buyer?.contactPersonPhone) {\n        <p>\n          <strong>{{ textWords.contactPersonPhone }}: </strong>\n          <span>{{ invoice().buyer?.contactPersonPhone }}</span>\n        </p>\n      }\n      @if (invoice().buyer?.contactPersonEmail) {\n        <p>\n          <strong>{{ textWords.contactPersonEmail }}: </strong>\n          <span>{{ invoice().buyer?.contactPersonEmail }}</span>\n        </p>\n      }\n    </div>\n    <div class=\"invoice-details\">\n      <h2 [class.header]=\"textWords.invoiceBuyerTitle.trim() || textWords.invoiceSellerTitle.trim()\"></h2>\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          <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          <span>{{ invoice().seller?.contactPersonName }}</span>\n        </p>\n      }\n      @if (invoice().seller?.contactPersonPhone) {\n        <p>\n          <strong>{{ textWords.contactPersonPhone }}: </strong>\n          <span>{{ invoice().seller?.contactPersonPhone }}</span>\n        </p>\n      }\n      @if (invoice().seller?.contactPersonEmail) {\n        <p>\n          <strong>{{ textWords.contactPersonEmail }}: </strong>\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          <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    @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            <span>{{ invoice().deliveryInformation?.deliverToName }}</span>\n          </p>\n        }\n        @if (invoice().deliveryInformation?.deliverToLocationIdentifier) {\n          <p>\n            <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n            <span>{{ invoice().deliveryInformation?.deliverToLocationIdentifier }}</span>\n          </p>\n        }\n        @if (invoice().deliveryInformation?.deliveryDate) {\n          <p>\n            <strong>{{ textWords.deliveryDate }}: </strong>\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>{{ textWords.tableHeadQuantity }}</th>\n        <th>{{ textWords.tableHeadUnit }}</th>\n        <th>{{ textWords.tableHeadNetPrice }}</th>\n        <th>{{ textWords.tableHeadNetAmount }}</th>\n        <th>{{ 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>{{ 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          <td>{{ 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=\"invoice-totals\">\n      <h2 class=\"info-title\">{{ 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    <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>\n                @if (tax.taxRate) {\n                  <span>{{ tax.taxRate | percent: '1.0-2' }}</span>\n                }\n              </td>\n              <td>\n                @if (tax.netTaxableAmount) {\n                  <span>{{ tax.netTaxableAmount | currency: invoice().currencyCode }}</span>\n                }\n              </td>\n              <td>\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              <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    <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\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              @if (isAttachmentDownload) {\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              }\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}.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{text-align:right}.invoice-title{font-size:48px;margin:20px 0}.invoice-references,.invoice-totals,.payment-instructions,.invoice-notes,.taxes,.invoice-delivery{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,.document{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}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { config: [{
-                type: Input
-            }] } });
-
 /*
  * Public API Surface of angular-ava
  */