@dangl/angular-ava 1.0.1-beta0009 → 1.0.1-beta0021

package/fesm2022/dangl-angular-ava.mjs

@@ -1,7 +1,7 @@
 import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, CurrencyPipe, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, Directive, Input, Pipe, Component, EventEmitter, Self, Output, ViewChild, NgModule } from '@angular/core';
+import { Injectable, inject, Directive, Input, Pipe, Component, EventEmitter, Self, Output, ViewChild, NgModule, input, ChangeDetectionStrategy } from '@angular/core';
 import * as i5 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i11 from '@angular/material/button';
@@ -251,6 +251,83 @@ const DEFAULT_FILTERS = [
     }
 ];
 
+const DEFAULT_TEXT_WORD_INVOICE = {
+    invoiceTitle: 'Invoice',
+    vatId: 'VAT ID',
+    detailsInvoiceNumber: 'Invoice Number',
+    detailsInvoiceDate: 'Invoice Date',
+    detailsPaymentDueDate: 'Due Date',
+    detailsCurrencyCode: 'Currency',
+    detailsPaymentTerms: 'Payment Terms',
+    referencesTopic: 'References',
+    referencesBuyerReference: 'Buyer Reference',
+    referencesProjectReference: 'Project Reference',
+    referencesContractReference: 'Contract Reference',
+    referencesPurchaseOrderReference: 'Purchase Order Reference',
+    referencesSalesOrderReference: 'Sales Order Reference',
+    referencesReceivingAdviceReference: 'Receiving Advice Reference',
+    referencesDispatchAdviceReference: 'Dispatch Advice Reference',
+    referencesTenderOrLotReference: 'Tender or Lot Reference',
+    referencesInvoicedObjectIdentifier: 'Invoiced Object Identifier',
+    tableHeadDescription: 'Description',
+    tableHeadQuantity: 'Quantity',
+    tableHeadUnit: 'Unit',
+    tableHeadNetPrice: 'Net Price',
+    tableHeadNetAmount: 'Net Amount',
+    totalsTopic: 'Totals',
+    totalsTotalNet: 'Total Net',
+    totalsTotalAllowances: 'Total Allowances',
+    totalsTotalCharges: 'Total Charges',
+    totalsTotalAfterDeductions: 'Total After Deductions',
+    totalsTotalVatAmount: 'Total VAT Amount',
+    totalsTotalGross: 'Total Gross',
+    totalsAlreadyPaidTotal: 'Already Paid Total',
+    totalsTotalToBePaid: 'Total to be Paid',
+    instructionsTopic: 'Payment Instructions',
+    instructionsAccountIdentifier: 'Account Identifier',
+    instructionsAccountName: 'Account Name',
+    instructionsServiceProviderIdentifier: 'Service Provider Identifier',
+    notesTopic: 'Notes'
+};
+const germanTextsInvoice = {
+    invoiceTitle: 'InvoiceDE',
+    vatId: 'VAT_ID DE',
+    detailsInvoiceNumber: 'Invoice Number DE',
+    detailsInvoiceDate: 'Invoice Date DE',
+    detailsPaymentDueDate: 'Due Date DE',
+    detailsCurrencyCode: 'Currency DE',
+    detailsPaymentTerms: 'Payment Terms DE',
+    referencesTopic: 'References DE',
+    referencesBuyerReference: 'Buyer Reference DE',
+    referencesProjectReference: 'Project Reference DE',
+    referencesContractReference: 'Contract Reference DE',
+    referencesPurchaseOrderReference: 'Purchase Order Reference DE',
+    referencesSalesOrderReference: 'Sales Order Reference DE',
+    referencesReceivingAdviceReference: 'Receiving Advice Reference DE',
+    referencesDispatchAdviceReference: 'Dispatch Advice Reference DE',
+    referencesTenderOrLotReference: 'Tender or Lot Reference DE',
+    referencesInvoicedObjectIdentifier: 'Invoiced Object Identifier DE',
+    tableHeadDescription: 'Description DE',
+    tableHeadQuantity: 'Quantity DE',
+    tableHeadUnit: 'Unit DE',
+    tableHeadNetPrice: 'Net Price DE',
+    tableHeadNetAmount: 'Net Amount DE',
+    totalsTopic: 'Totals DE',
+    totalsTotalNet: 'Total Net DE',
+    totalsTotalAllowances: 'Total Allowances DE',
+    totalsTotalCharges: 'Total Charges DE',
+    totalsTotalAfterDeductions: 'Total After Deductions DE',
+    totalsTotalVatAmount: 'Total VAT Amount DE',
+    totalsTotalGross: 'Total Gross DE',
+    totalsAlreadyPaidTotal: 'Already Paid Total DE',
+    totalsTotalToBePaid: 'Total to be Paid DE',
+    instructionsTopic: 'Payment Instructions DE',
+    instructionsAccountIdentifier: 'Account Identifier DE',
+    instructionsAccountName: 'Account Name DE',
+    instructionsServiceProviderIdentifier: 'Service Provider Identifier DE',
+    notesTopic: 'Notes DE'
+};
+
 const DEFAULT_TEXT_WORDS = {
     textSearch: 'Suche',
     textNothing: 'Nichts',
@@ -1569,14 +1646,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
 
 // This file is automatically generated as part of the build process
 const version = {
-    version: "1.0.1-beta0009",
-    commitInfo: "Branch.develop.Sha.e4946b2508348037c028fa50a5888520d8430fb8",
-    commitDate: "2024-05-10",
-    commitHash: "e4946b2508348037c028fa50a5888520d8430fb8",
-    informationalVersion: "1.0.1-beta.9+Branch.develop.Sha.e4946b2508348037c028fa50a5888520d8430fb8",
-    buildDateUtc: new Date(Date.UTC(2024, 4, 10, 8, 23, 37))
+    version: "1.0.1-beta0021",
+    commitInfo: "Branch.develop.Sha.bd4417c698c3e2911307cc58c7cffd3ed9bde764",
+    commitDate: "2024-07-08",
+    commitHash: "bd4417c698c3e2911307cc58c7cffd3ed9bde764",
+    informationalVersion: "1.0.1-beta.21+Branch.develop.Sha.bd4417c698c3e2911307cc58c7cffd3ed9bde764",
+    buildDateUtc: new Date(Date.UTC(2024, 6, 8, 13, 27, 38))
 };
 
+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;
+     * }
+     */
+    set textWords(words) {
+        this._textWords = { ...this.textWords, ...words };
+    } // allow to translate all texts to other language
+    get textWords() {
+        return this._textWords;
+    }
+    constructor() {
+        this.invoice = input.required();
+        this._textWords = null;
+        this._textWords = { ...DEFAULT_TEXT_WORD_INVOICE };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InvoiceDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.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  <h1 class=\"invoice-title\">{{ textWords?.invoiceTitle }}</h1>\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      <p>\n        <strong>{{ textWords?.vatId }}:</strong> {{ invoice().seller?.vatId }}\n      </p>\n    </div>\n    <div class=\"invoice-details\">\n      <p>\n        <strong>{{ textWords?.detailsInvoiceNumber }}:</strong> {{ invoice().invoiceNumber }}\n      </p>\n      <p>\n        <strong>{{ textWords?.detailsInvoiceDate }}:</strong> {{ invoice().invoiceDate | date: 'dd.MM.yyyy' }}\n      </p>\n      <p>\n        <strong>{{ textWords?.detailsPaymentDueDate }}:</strong> {{ invoice().paymentDueDate | date: 'dd.MM.yyyy' }}\n      </p>\n      <p>\n        <strong>{{ textWords?.detailsCurrencyCode }}:</strong> {{ invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.detailsPaymentTerms }}:</strong> {{ invoice().paymentTerms }}\n      </p>\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      <p>\n        <strong>{{ textWords?.vatId }}:</strong> {{ invoice().buyer?.vatId }}\n      </p>\n    </div>\n  </header>\n\n  <section class=\"invoice-references\">\n    <h2>{{ textWords?.referencesTopic }}</h2>\n    <p>\n      <strong>{{ textWords?.referencesBuyerReference }}:</strong> {{ invoice().references?.buyerReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesProjectReference }}:</strong> {{ invoice().references?.projectReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesContractReference }}:</strong> {{ invoice().references?.contractReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesPurchaseOrderReference }}:</strong> {{ invoice().references?.purchaseOrderReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesSalesOrderReference }}:</strong> {{ invoice().references?.salesOrderReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesReceivingAdviceReference }}:</strong> {{ invoice().references?.receivingAdviceReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesDispatchAdviceReference }}:</strong> {{ invoice().references?.dispatchAdviceReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesTenderOrLotReference }}:</strong> {{ invoice().references?.tenderOrLotReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesInvoicedObjectIdentifier }}:</strong> {{ invoice().references?.invoicedObjectIdentifier }}\n    </p>\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      <h2>{{ textWords?.totalsTopic }}</h2>\n      <p>\n        <strong>{{ textWords?.totalsTotalNet }}:</strong> {{ invoice().totals?.totalNet | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalAllowances }}:</strong> {{ invoice().totals?.totalAllowances | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalCharges }}:</strong> {{ invoice().totals?.totalCharges | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalAfterDeductions }}:</strong>\n        {{ invoice().totals?.totalAfterDeductions | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalVatAmount }}:</strong> {{ invoice().totals?.totalVatAmount | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalGross }}:</strong> {{ invoice().totals?.totalGross | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsAlreadyPaidTotal }}:</strong>\n        {{ invoice().totals?.alreadyPaidTotal | currency: invoice().currencyCode }}\n      </p>\n      <p class=\"total\">\n        <strong>{{ textWords?.totalsTotalToBePaid }}:</strong>\n        <strong> {{ invoice().totals?.totalToBePaid | currency: invoice().currencyCode }}</strong>\n      </p>\n    </section>\n\n    <section class=\"payment-instructions\">\n      <h2>{{ textWords?.instructionsTopic }}</h2>\n      <p>{{ invoice().paymentInstructions?.description }}</p>\n      @for (means of invoice().paymentInstructions?.paymentMeans; track means) {\n        <div>\n          <p>\n            <strong>{{ textWords?.instructionsAccountIdentifier }}:</strong> {{ means.accountIdentifier }}\n          </p>\n          <p>\n            <strong>{{ textWords?.instructionsAccountName }}:</strong> {{ means.accountName }}\n          </p>\n          <p>\n            <strong>{{ textWords?.instructionsServiceProviderIdentifier }}:</strong> {{ means.serviceProviderIdentifier }}\n          </p>\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        <p>\n          <strong>{{ note.shortText }}</strong>\n        </p>\n        <p>{{ note.longText }}</p>\n      </div>\n    }\n  </section>\n</div>\n", styles: [".mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}.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:#00acc1}.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:#bdbdbd}\n"], dependencies: [{ kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InvoiceDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-invoice-display', standalone: true, imports: [CurrencyPipe, DatePipe], 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=\"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      <p>\n        <strong>{{ textWords?.vatId }}:</strong> {{ invoice().seller?.vatId }}\n      </p>\n    </div>\n    <div class=\"invoice-details\">\n      <p>\n        <strong>{{ textWords?.detailsInvoiceNumber }}:</strong> {{ invoice().invoiceNumber }}\n      </p>\n      <p>\n        <strong>{{ textWords?.detailsInvoiceDate }}:</strong> {{ invoice().invoiceDate | date: 'dd.MM.yyyy' }}\n      </p>\n      <p>\n        <strong>{{ textWords?.detailsPaymentDueDate }}:</strong> {{ invoice().paymentDueDate | date: 'dd.MM.yyyy' }}\n      </p>\n      <p>\n        <strong>{{ textWords?.detailsCurrencyCode }}:</strong> {{ invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.detailsPaymentTerms }}:</strong> {{ invoice().paymentTerms }}\n      </p>\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      <p>\n        <strong>{{ textWords?.vatId }}:</strong> {{ invoice().buyer?.vatId }}\n      </p>\n    </div>\n  </header>\n\n  <section class=\"invoice-references\">\n    <h2>{{ textWords?.referencesTopic }}</h2>\n    <p>\n      <strong>{{ textWords?.referencesBuyerReference }}:</strong> {{ invoice().references?.buyerReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesProjectReference }}:</strong> {{ invoice().references?.projectReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesContractReference }}:</strong> {{ invoice().references?.contractReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesPurchaseOrderReference }}:</strong> {{ invoice().references?.purchaseOrderReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesSalesOrderReference }}:</strong> {{ invoice().references?.salesOrderReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesReceivingAdviceReference }}:</strong> {{ invoice().references?.receivingAdviceReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesDispatchAdviceReference }}:</strong> {{ invoice().references?.dispatchAdviceReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesTenderOrLotReference }}:</strong> {{ invoice().references?.tenderOrLotReference }}\n    </p>\n    <p>\n      <strong>{{ textWords?.referencesInvoicedObjectIdentifier }}:</strong> {{ invoice().references?.invoicedObjectIdentifier }}\n    </p>\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      <h2>{{ textWords?.totalsTopic }}</h2>\n      <p>\n        <strong>{{ textWords?.totalsTotalNet }}:</strong> {{ invoice().totals?.totalNet | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalAllowances }}:</strong> {{ invoice().totals?.totalAllowances | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalCharges }}:</strong> {{ invoice().totals?.totalCharges | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalAfterDeductions }}:</strong>\n        {{ invoice().totals?.totalAfterDeductions | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalVatAmount }}:</strong> {{ invoice().totals?.totalVatAmount | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsTotalGross }}:</strong> {{ invoice().totals?.totalGross | currency: invoice().currencyCode }}\n      </p>\n      <p>\n        <strong>{{ textWords?.totalsAlreadyPaidTotal }}:</strong>\n        {{ invoice().totals?.alreadyPaidTotal | currency: invoice().currencyCode }}\n      </p>\n      <p class=\"total\">\n        <strong>{{ textWords?.totalsTotalToBePaid }}:</strong>\n        <strong> {{ invoice().totals?.totalToBePaid | currency: invoice().currencyCode }}</strong>\n      </p>\n    </section>\n\n    <section class=\"payment-instructions\">\n      <h2>{{ textWords?.instructionsTopic }}</h2>\n      <p>{{ invoice().paymentInstructions?.description }}</p>\n      @for (means of invoice().paymentInstructions?.paymentMeans; track means) {\n        <div>\n          <p>\n            <strong>{{ textWords?.instructionsAccountIdentifier }}:</strong> {{ means.accountIdentifier }}\n          </p>\n          <p>\n            <strong>{{ textWords?.instructionsAccountName }}:</strong> {{ means.accountName }}\n          </p>\n          <p>\n            <strong>{{ textWords?.instructionsServiceProviderIdentifier }}:</strong> {{ means.serviceProviderIdentifier }}\n          </p>\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        <p>\n          <strong>{{ note.shortText }}</strong>\n        </p>\n        <p>{{ note.longText }}</p>\n      </div>\n    }\n  </section>\n</div>\n", styles: [".mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}.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:#00acc1}.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:#bdbdbd}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { textWords: [{
+                type: Input
+            }] } });
+
 /*
  * Public API Surface of angular-ava
  */
@@ -1585,5 +1726,5 @@ const version = {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularAvaModule, AvaTreeComponent, ExchangePhaseDto, ItemNumberSchemaTierTypeDto, ItemNumberTypeDto, ModeViewType, OriginDto, PriceRoundingModeDto, PriceTypeDto, version };
+export { AngularAvaModule, AvaTreeComponent, DEFAULT_FILTERS, DEFAULT_TEXT_WORDS, DEFAULT_TEXT_WORD_INVOICE, ExchangePhaseDto, InvoiceDisplayComponent, ItemNumberSchemaTierTypeDto, ItemNumberTypeDto, ModeViewType, OriginDto, PriceRoundingModeDto, PriceTypeDto, defaults, germanTextsInvoice, version };
 //# sourceMappingURL=dangl-angular-ava.mjs.map