@dangl/angular-ava 1.1.2-beta0113 → 1.1.2-beta0125

package/fesm2022/dangl-angular-ava.mjs

@@ -231,51 +231,6 @@ var CommerceInquiryTypeDto;
     CommerceInquiryTypeDto["Exhibition"] = "Exhibition";
 })(CommerceInquiryTypeDto || (CommerceInquiryTypeDto = {}));
 
-/** Type of the invoice */
-var InvoiceType;
-(function (InvoiceType) {
-    InvoiceType[InvoiceType["PartialInvoice"] = 326] = "PartialInvoice";
-    InvoiceType[InvoiceType["CommercialInvoice"] = 380] = "CommercialInvoice";
-    InvoiceType[InvoiceType["CreditNote"] = 381] = "CreditNote";
-    InvoiceType[InvoiceType["CorrectedInvoice"] = 384] = "CorrectedInvoice";
-    InvoiceType[InvoiceType["SelfBilledInvoice"] = 389] = "SelfBilledInvoice";
-    InvoiceType[InvoiceType["PartialConstructionInvoice"] = 875] = "PartialConstructionInvoice";
-    InvoiceType[InvoiceType["PartialFinalConstructionInvoice"] = 876] = "PartialFinalConstructionInvoice";
-    InvoiceType[InvoiceType["FinalConstructionInvoice"] = 877] = "FinalConstructionInvoice";
-})(InvoiceType || (InvoiceType = {}));
-/** Describes a mime type of a document */
-var AttachmentMimeType;
-(function (AttachmentMimeType) {
-    AttachmentMimeType[AttachmentMimeType["Unknown"] = 0] = "Unknown";
-    AttachmentMimeType[AttachmentMimeType["Pdf"] = 1] = "Pdf";
-    AttachmentMimeType[AttachmentMimeType["Png"] = 2] = "Png";
-    AttachmentMimeType[AttachmentMimeType["Jpeg"] = 3] = "Jpeg";
-    AttachmentMimeType[AttachmentMimeType["Csv"] = 4] = "Csv";
-    AttachmentMimeType[AttachmentMimeType["Excel"] = 5] = "Excel";
-    AttachmentMimeType[AttachmentMimeType["OpenOfficeSpreadsheet"] = 6] = "OpenOfficeSpreadsheet";
-})(AttachmentMimeType || (AttachmentMimeType = {}));
-/** The category used in a VatBreakdown"/> */
-var VatCategory;
-(function (VatCategory) {
-    VatCategory[VatCategory["Unknown"] = 0] = "Unknown";
-    VatCategory[VatCategory["StandardRate"] = 1] = "StandardRate";
-    VatCategory[VatCategory["ZeroRatedGoods"] = 2] = "ZeroRatedGoods";
-    VatCategory[VatCategory["ExemptFromTax"] = 3] = "ExemptFromTax";
-    VatCategory[VatCategory["VatReverseCharge"] = 4] = "VatReverseCharge";
-    VatCategory[VatCategory["VatExemptReverseCharge"] = 5] = "VatExemptReverseCharge";
-    VatCategory[VatCategory["FreeExportItem"] = 6] = "FreeExportItem";
-    VatCategory[VatCategory["ServicesOutsideScopeOfTaxation"] = 7] = "ServicesOutsideScopeOfTaxation";
-    VatCategory[VatCategory["CanaryIslandsGeneralIndirectTax"] = 8] = "CanaryIslandsGeneralIndirectTax";
-    VatCategory[VatCategory["TaxInCeutaAndMelilla"] = 9] = "TaxInCeutaAndMelilla";
-})(VatCategory || (VatCategory = {}));
-/** This enum represents the source of an invoice, e.g. from which format it was imported */
-var SourceType;
-(function (SourceType) {
-    SourceType[SourceType["Self"] = 0] = "Self";
-    SourceType[SourceType["Ubl"] = 1] = "Ubl";
-    SourceType[SourceType["Cii"] = 2] = "Cii";
-})(SourceType || (SourceType = {}));
-
 var ModeViewType;
 (function (ModeViewType) {
     ModeViewType["Tree"] = "Tree";
@@ -285,12 +240,12 @@ var ModeViewType;
 
 // This file is automatically generated as part of the build process
 const version = {
-    version: "1.1.2-beta0113",
-    commitInfo: "Branch.develop.Sha.f8f05cef511dd8341b9c868d5cf6bf08ccabad40",
-    commitDate: "2024-12-23",
-    commitHash: "f8f05cef511dd8341b9c868d5cf6bf08ccabad40",
-    informationalVersion: "1.1.2-beta.113+Branch.develop.Sha.f8f05cef511dd8341b9c868d5cf6bf08ccabad40",
-    buildDateUtc: new Date(Date.UTC(2024, 11, 23, 20, 6, 40))
+    version: "1.1.2-beta0125",
+    commitInfo: "Branch.develop.Sha.365c7228809bc400dfed8790f6137f898193e111",
+    commitDate: "2025-01-03",
+    commitHash: "365c7228809bc400dfed8790f6137f898193e111",
+    informationalVersion: "1.1.2-beta.125+Branch.develop.Sha.365c7228809bc400dfed8790f6137f898193e111",
+    buildDateUtc: new Date(Date.UTC(2025, 0, 3, 13, 15, 38))
 };
 
 const DEFAULT_FILTERS = [
@@ -316,125 +271,6 @@ const DEFAULT_FILTERS = [
     }
 ];
 
-const DEFAULT_TEXT_WORD_INVOICE = {
-    invoiceTitle: 'Invoice',
-    invoiceBuyerTitle: 'Receiver',
-    invoiceSellerTitle: 'Sender',
-    vatId: 'VAT ID',
-    detailsInvoiceNumber: 'Invoice Number',
-    detailsInvoiceDate: 'Invoice Date',
-    detailsPaymentDueDate: 'Due Date',
-    detailsCurrencyCode: 'Currency',
-    detailsPaymentTerms: 'Payment Terms',
-    referencesTopic: 'References',
-    referencesBuyerReference: 'Buyer Reference',
-    referencesProjectReference: 'Project Reference',
-    referencesContractReference: 'Contract Reference',
-    referencesPurchaseOrderReference: 'Purchase Order Reference',
-    referencesSalesOrderReference: 'Sales Order Reference',
-    referencesReceivingAdviceReference: 'Receiving Advice Reference',
-    referencesDispatchAdviceReference: 'Dispatch Advice Reference',
-    referencesTenderOrLotReference: 'Tender or Lot Reference',
-    referencesInvoicedObjectIdentifier: 'Invoiced Object Identifier',
-    tableHeadDescription: 'Description',
-    tableHeadQuantity: 'Quantity',
-    tableHeadUnit: 'Unit',
-    tableHeadNetPrice: 'Net Price',
-    tableHeadNetAmount: 'Net Amount',
-    totalsTopic: 'Totals',
-    totalsTotalNet: 'Total Net',
-    totalsTotalAllowances: 'Total Allowances',
-    totalsTotalCharges: 'Total Charges',
-    totalsTotalAfterDeductions: 'Total After Deductions',
-    totalsTotalVatAmount: 'Total VAT Amount',
-    totalsTotalGross: 'Total Gross',
-    totalsAlreadyPaidTotal: 'Already Paid Total',
-    totalsTotalToBePaid: 'Total to be Paid',
-    instructionsTopic: 'Payment Instructions',
-    instructionsAccountIdentifier: 'Account Identifier',
-    instructionsAccountName: 'Account Name',
-    instructionsServiceProviderIdentifier: 'Service Provider Identifier',
-    notesTopic: 'Notes',
-    attachmentsHeading: 'Attachments',
-    attachmentsName: 'Name',
-    attachmentsDescription: 'Description',
-    attachmentsUrl: 'Url',
-    attachmentsDataSize: 'Size',
-    attachmentsMimeType: 'Mime Type',
-    attachmentsFileName: 'File Name',
-    attachmentsDownloadButton: 'Download',
-    contactPersonName: 'Contact Person Name',
-    contactPersonEmail: 'Contact Person Email',
-    contactPersonPhone: 'Contact Person Phone',
-    vat: 'VAT',
-    taxRate: 'Tax Rate',
-    deliveryInformationTitle: 'Delivery Information',
-    deliverToName: 'Name',
-    deliverToLocationIdentifier: 'Location Identifier',
-    deliveryDate: 'Date',
-    deliveryAddress: 'Address',
-    taxesHeading: 'Taxes'
-};
-const germanTextsInvoice = {
-    invoiceTitle: 'Rechnung',
-    invoiceBuyerTitle: 'Empfänger',
-    invoiceSellerTitle: 'Rechnungssteller',
-    vatId: 'USt.-ID',
-    detailsInvoiceNumber: 'Rechnungsnummer',
-    detailsInvoiceDate: 'Rechnungsdatum',
-    detailsPaymentDueDate: 'Fälligkeitsdatum',
-    detailsCurrencyCode: 'Währung',
-    detailsPaymentTerms: 'Zahlungsbedingungen',
-    referencesTopic: 'Referenzen',
-    referencesBuyerReference: 'Käuferreferenz',
-    referencesProjectReference: 'Projektreferenz',
-    referencesContractReference: 'Vertragsreferenz',
-    referencesPurchaseOrderReference: 'Bestellreferenz',
-    referencesSalesOrderReference: 'Auftragsreferenz',
-    referencesReceivingAdviceReference: 'Empfangsbestätigungsreferenz',
-    referencesDispatchAdviceReference: 'Lieferreferenz',
-    referencesTenderOrLotReference: 'Ausschreibungs- oder Losreferenz',
-    referencesInvoicedObjectIdentifier: 'Objektreferenz',
-    tableHeadDescription: 'Beschreibung',
-    tableHeadQuantity: 'Menge',
-    tableHeadUnit: 'Einheit',
-    tableHeadNetPrice: 'Nettopreis',
-    tableHeadNetAmount: 'Nettomenge',
-    totalsTopic: 'Gesamt',
-    totalsTotalNet: 'Gesamt Netto',
-    totalsTotalAllowances: 'Gesamt Rabatt',
-    totalsTotalCharges: 'Gesamt Zuschlag',
-    totalsTotalAfterDeductions: 'Summe nach Rabatten',
-    totalsTotalVatAmount: 'Summe Umsatzsteuer',
-    totalsTotalGross: 'Gesamt Brutto',
-    totalsAlreadyPaidTotal: 'Bereits bezahlt',
-    totalsTotalToBePaid: 'Gesamt zu zahlen',
-    instructionsTopic: 'Zahlungsanweisungen',
-    instructionsAccountIdentifier: 'Kontonummer',
-    instructionsAccountName: 'Kontoname',
-    instructionsServiceProviderIdentifier: 'Bank',
-    notesTopic: 'Hinweise',
-    attachmentsHeading: 'Anhänge',
-    attachmentsName: 'Name',
-    attachmentsDescription: 'Beschreibung',
-    attachmentsUrl: 'Url',
-    attachmentsDataSize: 'Größe',
-    attachmentsMimeType: 'Typ',
-    attachmentsFileName: 'Dateiname',
-    attachmentsDownloadButton: 'Download',
-    contactPersonName: 'Name der Kontaktperson',
-    contactPersonEmail: 'E-Mail der Kontaktperson',
-    contactPersonPhone: 'Kontaktperson Telefon',
-    vat: 'MwSt.',
-    taxRate: 'Steuersatz',
-    deliveryInformationTitle: 'Lieferinformationen',
-    deliverToName: 'Liefername',
-    deliverToLocationIdentifier: 'Lieferort',
-    deliveryDate: 'Lieferdatum',
-    deliveryAddress: 'Lieferadresse',
-    taxesHeading: 'Steuer'
-};
-
 const DEFAULT_TEXT_WORDS = {
     textSearch: 'Search',
     textNothing: 'Nothing',
@@ -992,14 +828,14 @@ class SaveChangingViewDirective {
         this.el = el;
         this.renderer = renderer;
         this.flatElementsService = flatElementsService;
-        this.attributeValue = 'text';
+        this.saveChangingView = 'text';
     }
     ngAfterViewInit() {
         const el = this.el?.nativeElement;
         const id = el?.id;
         if (id) {
             const view = this.flatElementsService?.getChangedView(id);
-            switch (this.attributeValue) {
+            switch (this.saveChangingView) {
                 case 'icon':
                     if (view?.iconName) {
                         el.textContent = view.iconName;
@@ -1020,14 +856,14 @@ class SaveChangingViewDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SaveChangingViewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FlatElementsService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: SaveChangingViewDirective, isStandalone: true, selector: "[saveChangingView]", inputs: { attributeValue: "attributeValue" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: SaveChangingViewDirective, isStandalone: true, selector: "[saveChangingView]", inputs: { saveChangingView: "saveChangingView" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SaveChangingViewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[saveChangingView]'
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FlatElementsService }], propDecorators: { attributeValue: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FlatElementsService }], propDecorators: { saveChangingView: [{
                 type: Input
             }] } });
 
@@ -1184,7 +1020,7 @@ class TreeItemComponent {
         this.treeNodeSelectionService.changeSelecting(isSelected, element.id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeItemComponent, deps: [{ token: SelectElementService }, { token: TreeNodeSelectionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: TreeItemComponent, isStandalone: true, selector: "ava-tree-item", inputs: { element: "element", expansionState: "expansionState", isSelectionMode: "isSelectionMode", allowDblClick: "allowDblClick" }, ngImport: i0, template: "@if (element) {\n  <div\n    (click)=\"select()\"\n    (dblclick)=\"dblSelect()\"\n    (contextmenu)=\"openContextMenu($event)\"\n    class=\"ava-tree-item\"\n    [id]=\"element.id\"\n  >\n    <mat-icon\n      class=\"ava-tree-item__icon\"\n      saveChangingView=\"icon\"\n      [attributeValue]=\"'icon'\"\n      [id]=\"element.id\"\n      >{{ element | elementIconName }}</mat-icon\n    >\n    @if (!isSelectionMode) {\n      <div\n        class=\"ava-tree-item__text\"\n        [class.choose]=\"!isSelectionMode && element.id === preselectedElement?.id\"\n        [id]=\"element.id\"\n        saveChangingView=\"text\"\n      >\n        <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n      </div>\n    }\n    @if (isSelectionMode) {\n      <mat-checkbox\n        class=\"ava-tree-item__checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n        <div\n          class=\"ava-tree-item__text\"\n          saveChangingView=\"text\"\n          [id]=\"element.id\"\n        >\n          <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n        </div>\n      </mat-checkbox>\n    }\n  </div>\n}\n\n<ng-template #text>\n  @if (element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' || element.elementTypeDiscriminator === 'PositionDto') {\n    <ng-container> {{ element | elementItemNumber }} - {{ element | elementText }} </ng-container>\n  } @else {\n    <ng-container>{{ element | elementText }}</ng-container>\n  }\n</ng-template>\n", styles: ["::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}::ng-deep .ava-tree-item__checkbox .mat-mdc-checkbox-touch-target{width:16px!important;height:16px!important}.ava-tree-item{display:flex;align-items:center}.ava-tree-item__icon,.ava-tree-item__checkbox{flex-shrink:0}.ava-tree-item__text{flex-grow:1;-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex;align-items:center;min-height:24px}.ava-tree-item__text.choose{color:red!important}\n"], dependencies: [{ kind: "directive", type: SaveChangingViewDirective, selector: "[saveChangingView]", inputs: ["attributeValue"] }, { kind: "pipe", type: ElementItemNumberPipe, name: "elementItemNumber" }, { kind: "pipe", type: ElementTextPipe, name: "elementText" }, { kind: "pipe", type: ElementIconNamePipe, name: "elementIconName" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: TreeItemComponent, isStandalone: true, selector: "ava-tree-item", inputs: { element: "element", expansionState: "expansionState", isSelectionMode: "isSelectionMode", allowDblClick: "allowDblClick" }, ngImport: i0, template: "@if (element) {\n  <div\n    (click)=\"select()\"\n    (dblclick)=\"dblSelect()\"\n    (contextmenu)=\"openContextMenu($event)\"\n    class=\"ava-tree-item\"\n    [id]=\"element.id\"\n  >\n    <mat-icon\n      class=\"ava-tree-item__icon\"\n      saveChangingView=\"icon\"\n      [id]=\"element.id\"\n      >{{ element | elementIconName }}</mat-icon\n    >\n    @if (!isSelectionMode) {\n      <div\n        class=\"ava-tree-item__text\"\n        [class.choose]=\"!isSelectionMode && element.id === preselectedElement?.id\"\n        [id]=\"element.id\"\n        saveChangingView=\"text\"\n      >\n        <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n      </div>\n    }\n    @if (isSelectionMode) {\n      <mat-checkbox\n        class=\"ava-tree-item__checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n        <div\n          class=\"ava-tree-item__text\"\n          saveChangingView=\"text\"\n          [id]=\"element.id\"\n        >\n          <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n        </div>\n      </mat-checkbox>\n    }\n  </div>\n}\n\n<ng-template #text>\n  @if (element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' || element.elementTypeDiscriminator === 'PositionDto') {\n    <ng-container> {{ element | elementItemNumber }} - {{ element | elementText }} </ng-container>\n  } @else {\n    <ng-container>{{ element | elementText }}</ng-container>\n  }\n</ng-template>\n", styles: ["::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}::ng-deep .ava-tree-item__checkbox .mat-mdc-checkbox-touch-target{width:16px!important;height:16px!important}.ava-tree-item{display:flex;align-items:center}.ava-tree-item__icon,.ava-tree-item__checkbox{flex-shrink:0}.ava-tree-item__text{flex-grow:1;-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex;align-items:center;min-height:24px}.ava-tree-item__text.choose{color:red!important}\n"], dependencies: [{ kind: "directive", type: SaveChangingViewDirective, selector: "[saveChangingView]", inputs: ["saveChangingView"] }, { kind: "pipe", type: ElementItemNumberPipe, name: "elementItemNumber" }, { kind: "pipe", type: ElementTextPipe, name: "elementText" }, { kind: "pipe", type: ElementIconNamePipe, name: "elementIconName" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeItemComponent, decorators: [{
             type: Component,
@@ -1197,7 +1033,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         MatCheckboxModule,
                         FormsModule,
                         MatIconModule
-                    ], template: "@if (element) {\n  <div\n    (click)=\"select()\"\n    (dblclick)=\"dblSelect()\"\n    (contextmenu)=\"openContextMenu($event)\"\n    class=\"ava-tree-item\"\n    [id]=\"element.id\"\n  >\n    <mat-icon\n      class=\"ava-tree-item__icon\"\n      saveChangingView=\"icon\"\n      [attributeValue]=\"'icon'\"\n      [id]=\"element.id\"\n      >{{ element | elementIconName }}</mat-icon\n    >\n    @if (!isSelectionMode) {\n      <div\n        class=\"ava-tree-item__text\"\n        [class.choose]=\"!isSelectionMode && element.id === preselectedElement?.id\"\n        [id]=\"element.id\"\n        saveChangingView=\"text\"\n      >\n        <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n      </div>\n    }\n    @if (isSelectionMode) {\n      <mat-checkbox\n        class=\"ava-tree-item__checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n        <div\n          class=\"ava-tree-item__text\"\n          saveChangingView=\"text\"\n          [id]=\"element.id\"\n        >\n          <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n        </div>\n      </mat-checkbox>\n    }\n  </div>\n}\n\n<ng-template #text>\n  @if (element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' || element.elementTypeDiscriminator === 'PositionDto') {\n    <ng-container> {{ element | elementItemNumber }} - {{ element | elementText }} </ng-container>\n  } @else {\n    <ng-container>{{ element | elementText }}</ng-container>\n  }\n</ng-template>\n", styles: ["::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}::ng-deep .ava-tree-item__checkbox .mat-mdc-checkbox-touch-target{width:16px!important;height:16px!important}.ava-tree-item{display:flex;align-items:center}.ava-tree-item__icon,.ava-tree-item__checkbox{flex-shrink:0}.ava-tree-item__text{flex-grow:1;-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex;align-items:center;min-height:24px}.ava-tree-item__text.choose{color:red!important}\n"] }]
+                    ], template: "@if (element) {\n  <div\n    (click)=\"select()\"\n    (dblclick)=\"dblSelect()\"\n    (contextmenu)=\"openContextMenu($event)\"\n    class=\"ava-tree-item\"\n    [id]=\"element.id\"\n  >\n    <mat-icon\n      class=\"ava-tree-item__icon\"\n      saveChangingView=\"icon\"\n      [id]=\"element.id\"\n      >{{ element | elementIconName }}</mat-icon\n    >\n    @if (!isSelectionMode) {\n      <div\n        class=\"ava-tree-item__text\"\n        [class.choose]=\"!isSelectionMode && element.id === preselectedElement?.id\"\n        [id]=\"element.id\"\n        saveChangingView=\"text\"\n      >\n        <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n      </div>\n    }\n    @if (isSelectionMode) {\n      <mat-checkbox\n        class=\"ava-tree-item__checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n        <div\n          class=\"ava-tree-item__text\"\n          saveChangingView=\"text\"\n          [id]=\"element.id\"\n        >\n          <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n        </div>\n      </mat-checkbox>\n    }\n  </div>\n}\n\n<ng-template #text>\n  @if (element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' || element.elementTypeDiscriminator === 'PositionDto') {\n    <ng-container> {{ element | elementItemNumber }} - {{ element | elementText }} </ng-container>\n  } @else {\n    <ng-container>{{ element | elementText }}</ng-container>\n  }\n</ng-template>\n", styles: ["::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}::ng-deep .ava-tree-item__checkbox .mat-mdc-checkbox-touch-target{width:16px!important;height:16px!important}.ava-tree-item{display:flex;align-items:center}.ava-tree-item__icon,.ava-tree-item__checkbox{flex-shrink:0}.ava-tree-item__text{flex-grow:1;-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex;align-items:center;min-height:24px}.ava-tree-item__text.choose{color:red!important}\n"] }]
         }], ctorParameters: () => [{ type: SelectElementService }, { type: TreeNodeSelectionService }, { type: i0.ChangeDetectorRef }], propDecorators: { element: [{
                 type: Input
             }], expansionState: [{
@@ -1361,7 +1197,7 @@ class TableStructureComponent {
         this.treeNodeSelectionService.changeSelecting(event, element.id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TableStructureComponent, deps: [{ token: SelectElementService }, { token: TreeNodeSelectionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: TableStructureComponent, isStandalone: true, selector: "ava-table-structure", inputs: { filteredElementList: "filteredElementList", isSelectionMode: "isSelectionMode", addTableColumns: "addTableColumns", selectedColor: "selectedColor", allowDblClick: "allowDblClick" }, ngImport: i0, template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      @if (checkedElements[element.id]) {\n        <mat-checkbox\n          class=\"checkbox\"\n          color=\"primary\"\n          [indeterminate]=\"checkedElements[element.id].indeterminate\"\n          [(ngModel)]=\"checkedElements[element.id].checked\"\n          (ngModelChange)=\"changeSelecting(element, $event)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n        </mat-checkbox>\n      }\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementText }}\n      </div>\n    </td>\n  </ng-container>\n  @for (oneColumn of addTableColumns; track oneColumn) {\n    <ng-container>\n      <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          {{ oneColumn.title }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let row\"\n        >\n          <div\n            [style.textAlign]=\"oneColumn.align\"\n            saveChangingView=\"text\"\n            [id]=\"row.id\"\n          >\n            {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\n          </div>\n        </td>\n      </ng-container>\n    </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id,\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? selectedColor || '' : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: ElementTextPipe, name: "elementText" }, { kind: "pipe", type: ElementItemNumberPipe, name: "elementItemNumber" }, { kind: "pipe", type: ElementIconNamePipe, name: "elementIconName" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: TableStructureComponent, isStandalone: true, selector: "ava-table-structure", inputs: { filteredElementList: "filteredElementList", isSelectionMode: "isSelectionMode", addTableColumns: "addTableColumns", selectedColor: "selectedColor", allowDblClick: "allowDblClick" }, ngImport: i0, template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      @if (checkedElements[element.id]) {\n        <mat-checkbox\n          class=\"checkbox\"\n          color=\"primary\"\n          [indeterminate]=\"checkedElements[element.id].indeterminate\"\n          [(ngModel)]=\"checkedElements[element.id].checked\"\n          (ngModelChange)=\"changeSelecting(element, $event)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n        </mat-checkbox>\n      }\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementText }}\n      </div>\n    </td>\n  </ng-container>\n  @for (oneColumn of addTableColumns; track oneColumn) {\n    <ng-container>\n      <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          {{ oneColumn.title }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let row\"\n        >\n          <div\n            [style.textAlign]=\"oneColumn.align\"\n            saveChangingView=\"text\"\n            [id]=\"row.id\"\n          >\n            {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\n          </div>\n        </td>\n      </ng-container>\n    </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id,\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? selectedColor || '' : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: ElementTextPipe, name: "elementText" }, { kind: "pipe", type: ElementItemNumberPipe, name: "elementItemNumber" }, { kind: "pipe", type: ElementIconNamePipe, name: "elementIconName" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SaveChangingViewDirective, selector: "[saveChangingView]", inputs: ["saveChangingView"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TableStructureComponent, decorators: [{
             type: Component,
@@ -1374,7 +1210,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         MatTableModule,
                         MatIconModule,
                         MatCheckboxModule,
-                        FormsModule
+                        FormsModule,
+                        SaveChangingViewDirective
                     ], template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      @if (checkedElements[element.id]) {\n        <mat-checkbox\n          class=\"checkbox\"\n          color=\"primary\"\n          [indeterminate]=\"checkedElements[element.id].indeterminate\"\n          [(ngModel)]=\"checkedElements[element.id].checked\"\n          (ngModelChange)=\"changeSelecting(element, $event)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n        </mat-checkbox>\n      }\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementText }}\n      </div>\n    </td>\n  </ng-container>\n  @for (oneColumn of addTableColumns; track oneColumn) {\n    <ng-container>\n      <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          {{ oneColumn.title }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let row\"\n        >\n          <div\n            [style.textAlign]=\"oneColumn.align\"\n            saveChangingView=\"text\"\n            [id]=\"row.id\"\n          >\n            {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\n          </div>\n        </td>\n      </ng-container>\n    </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id,\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? selectedColor || '' : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"] }]
         }], ctorParameters: () => [{ type: SelectElementService }, { type: TreeNodeSelectionService }, { type: i0.ChangeDetectorRef }], propDecorators: { filteredElementList: [{
                 type: Input
@@ -1600,6 +1437,57 @@ class AvaTreeComponent {
     set customKeyboardOperationConfig(config) {
         this.keyboardOperationService.mergeConfigOperation(config);
     }
+    set config(configObject) {
+        if (configObject?.expansionState) {
+            this.expansionState = configObject.expansionState;
+        }
+        if (configObject?.selectedNodeId) {
+            this.selectedNodeId = configObject.selectedNodeId;
+            this.flatElementsService.getOneElementById(this.selectedNodeId).subscribe((e) => {
+                if (e) {
+                    this.selectElementService.setClickElement(e);
+                }
+            });
+        }
+        if (configObject?.indent) {
+            this.indent = configObject.indent;
+        }
+        if (configObject?.selectedColor) {
+            this.selectedColor = configObject.selectedColor;
+        }
+        if (configObject?.modeView) {
+            this.modeView = configObject.modeView;
+        }
+        if (configObject && 'allowDblClick' in configObject) {
+            this.allowDblClick = !!configObject.allowDblClick;
+        }
+        if (configObject?.isSelectionMode) {
+            this.isSelectionMode = configObject.isSelectionMode;
+            if (configObject?.initiallySelectedElements) {
+                this.initiallySelectedElements = configObject.initiallySelectedElements;
+                this.formSelectingList();
+            }
+        }
+        if (configObject?.textWords) {
+            this.textWords = configObject.textWords;
+        }
+        if (configObject?.mouseAwareKeyboardControl) {
+            this.mouseAwareKeyboardControl = configObject.mouseAwareKeyboardControl;
+        }
+        if (configObject?.customKeyboardOperationConfig) {
+            this.customKeyboardOperationConfig = configObject.customKeyboardOperationConfig;
+        }
+        if (configObject?.listFilterFunc) {
+            this.flatElementsService.listFilterFunc = configObject.listFilterFunc;
+        }
+        if (configObject?.addTableColumns) {
+            this.addTableColumns = configObject.addTableColumns;
+        }
+        if (configObject?.functionView) {
+            this.functionView = configObject.functionView;
+            this.flatElementsService.functionView = this.functionView;
+        }
+    }
     constructor(flatElementsService, selectElementService, treeNodeSelectionService, expandParentGroupService, keyboardOperationService, ngZone, treeWordsService, dynamicComponentService, appRef) {
         this.flatElementsService = flatElementsService;
         this.selectElementService = selectElementService;
@@ -1666,7 +1554,6 @@ class AvaTreeComponent {
          * You can supply custom filters that are processed when the filter input is changed. Default filters are used
          * that check for short text and item number matches, and you can either add custom filters or replace the default ones.
          */
-        this.listFilterFunc = DEFAULT_FILTERS;
         /**
          * Optional. For table views, this allows you to add custom columns to the table.
          * addTableColumns: Array of objects
@@ -1753,8 +1640,6 @@ class AvaTreeComponent {
         this.initializeEventListeners();
     }
     ngOnChanges(changes) {
-        this.flatElementsService.listFilterFunc = this.listFilterFunc;
-        this.flatElementsService.functionView = this.functionView;
         if (changes['project'] && this.project?.serviceSpecifications?.[0]) {
             this.serviceSpecification = this.project.serviceSpecifications[0];
             this.flatElementsService.setElementsDto(this.serviceSpecification);
@@ -1770,14 +1655,14 @@ class AvaTreeComponent {
                 });
             }
         }
-        if ((changes['selectedNodeId'] && this.project) || changes['project']) {
+        if (changes['project'] && this.selectedNodeId) {
             this.flatElementsService.getOneElementById(this.selectedNodeId).subscribe((e) => {
                 if (e) {
                     this.selectElementService.setClickElement(e);
                 }
             });
         }
-        if (this.isSelectionMode && (changes['initiallySelectedElements'] || changes['project'])) {
+        if (changes['project'] && this.isSelectionMode && this.initiallySelectedElements) {
             this.formSelectingList();
         }
     }
@@ -1894,6 +1779,7 @@ class AvaTreeComponent {
                 this.filteredElementList = this.flatElements.filter((item) => this.flatElementsService.checkFilterValue(item, this.filter));
             }
         }
+        this.cdr.detectChanges();
     }
     initializeEventListeners() {
         this.ngZone.runOutsideAngular(() => {
@@ -1918,7 +1804,7 @@ class AvaTreeComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AvaTreeComponent, deps: [{ token: FlatElementsService, self: true }, { token: SelectElementService, self: true }, { token: TreeNodeSelectionService, self: true }, { token: ExpandParentGroupService, self: true }, { token: KeyboardOperationService, self: true }, { token: i0.NgZone }, { token: TreeWordsService }, { token: DynamicComponentService }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AvaTreeComponent, isStandalone: true, selector: "ava-tree", inputs: { project: "project", expansionState: "expansionState", selectedNodeId: "selectedNodeId", indent: "indent", selectedColor: "selectedColor", modeView: "modeView", allowDblClick: "allowDblClick", isSelectionMode: "isSelectionMode", initiallySelectedElements: "initiallySelectedElements", textWords: "textWords", mouseAwareKeyboardControl: "mouseAwareKeyboardControl", customKeyboardOperationConfig: "customKeyboardOperationConfig", listFilterFunc: "listFilterFunc", addTableColumns: "addTableColumns", functionView: "functionView" }, outputs: { selectClick: "selectClick", selectDblClick: "selectDblClick", contextMenuEvent: "contextMenuEvent", selectedElementsChanged: "selectedElementsChanged" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AvaTreeComponent, isStandalone: true, selector: "ava-tree", inputs: { project: "project", config: "config" }, outputs: { selectClick: "selectClick", selectDblClick: "selectDblClick", contextMenuEvent: "contextMenuEvent", selectedElementsChanged: "selectedElementsChanged" }, providers: [
             FlatElementsService,
             SelectElementService,
             TreeNodeSelectionService,
@@ -1961,33 +1847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                     type: Self
                 }] }, { type: i0.NgZone }, { type: TreeWordsService }, { type: DynamicComponentService }, { type: i0.ApplicationRef }], propDecorators: { project: [{
                 type: Input
-            }], expansionState: [{
-                type: Input
-            }], selectedNodeId: [{
-                type: Input
-            }], indent: [{
-                type: Input
-            }], selectedColor: [{
-                type: Input
-            }], modeView: [{
-                type: Input
-            }], allowDblClick: [{
-                type: Input
-            }], isSelectionMode: [{
-                type: Input
-            }], initiallySelectedElements: [{
-                type: Input
-            }], textWords: [{
-                type: Input
-            }], mouseAwareKeyboardControl: [{
-                type: Input
-            }], customKeyboardOperationConfig: [{
-                type: Input
-            }], listFilterFunc: [{
-                type: Input
-            }], addTableColumns: [{
-                type: Input
-            }], functionView: [{
+            }], config: [{
                 type: Input
             }], selectClick: [{
                 type: Output
@@ -2008,6 +1868,170 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                 args: ['avaTreeFilterInput']
             }] } });
 
+const DEFAULT_TEXT_WORD_INVOICE = {
+    invoiceTitle: 'Invoice',
+    invoiceBuyerTitle: 'Receiver',
+    invoiceSellerTitle: 'Sender',
+    vatId: 'VAT ID',
+    detailsInvoiceNumber: 'Invoice Number',
+    detailsInvoiceDate: 'Invoice Date',
+    detailsPaymentDueDate: 'Due Date',
+    detailsCurrencyCode: 'Currency',
+    detailsPaymentTerms: 'Payment Terms',
+    referencesTopic: 'References',
+    referencesBuyerReference: 'Buyer Reference',
+    referencesProjectReference: 'Project Reference',
+    referencesContractReference: 'Contract Reference',
+    referencesPurchaseOrderReference: 'Purchase Order Reference',
+    referencesSalesOrderReference: 'Sales Order Reference',
+    referencesReceivingAdviceReference: 'Receiving Advice Reference',
+    referencesDispatchAdviceReference: 'Dispatch Advice Reference',
+    referencesTenderOrLotReference: 'Tender or Lot Reference',
+    referencesInvoicedObjectIdentifier: 'Invoiced Object Identifier',
+    tableHeadDescription: 'Description',
+    tableHeadQuantity: 'Quantity',
+    tableHeadUnit: 'Unit',
+    tableHeadNetPrice: 'Net Price',
+    tableHeadNetAmount: 'Net Amount',
+    totalsTopic: 'Totals',
+    totalsTotalNet: 'Total Net',
+    totalsTotalAllowances: 'Total Allowances',
+    totalsTotalCharges: 'Total Charges',
+    totalsTotalAfterDeductions: 'Total After Deductions',
+    totalsTotalVatAmount: 'Total VAT Amount',
+    totalsTotalGross: 'Total Gross',
+    totalsAlreadyPaidTotal: 'Already Paid Total',
+    totalsTotalToBePaid: 'Total to be Paid',
+    instructionsTopic: 'Payment Instructions',
+    instructionsAccountIdentifier: 'Account Identifier',
+    instructionsAccountName: 'Account Name',
+    instructionsServiceProviderIdentifier: 'Service Provider Identifier',
+    notesTopic: 'Notes',
+    attachmentsHeading: 'Attachments',
+    attachmentsName: 'Name',
+    attachmentsDescription: 'Description',
+    attachmentsUrl: 'Url',
+    attachmentsDataSize: 'Size',
+    attachmentsMimeType: 'Mime Type',
+    attachmentsFileName: 'File Name',
+    attachmentsDownloadButton: 'Download',
+    contactPersonName: 'Contact Person Name',
+    contactPersonEmail: 'Contact Person Email',
+    contactPersonPhone: 'Contact Person Phone',
+    vat: 'VAT',
+    taxRate: 'Tax Rate',
+    deliveryInformationTitle: 'Delivery Information',
+    deliverToName: 'Name',
+    deliverToLocationIdentifier: 'Location Identifier',
+    deliveryDate: 'Date',
+    deliveryAddress: 'Address',
+    taxesHeading: 'Taxes'
+};
+const germanTextsInvoice = {
+    invoiceTitle: 'Rechnung',
+    invoiceBuyerTitle: 'Empfänger',
+    invoiceSellerTitle: 'Rechnungssteller',
+    vatId: 'USt.-ID',
+    detailsInvoiceNumber: 'Rechnungsnummer',
+    detailsInvoiceDate: 'Rechnungsdatum',
+    detailsPaymentDueDate: 'Fälligkeitsdatum',
+    detailsCurrencyCode: 'Währung',
+    detailsPaymentTerms: 'Zahlungsbedingungen',
+    referencesTopic: 'Referenzen',
+    referencesBuyerReference: 'Käuferreferenz',
+    referencesProjectReference: 'Projektreferenz',
+    referencesContractReference: 'Vertragsreferenz',
+    referencesPurchaseOrderReference: 'Bestellreferenz',
+    referencesSalesOrderReference: 'Auftragsreferenz',
+    referencesReceivingAdviceReference: 'Empfangsbestätigungsreferenz',
+    referencesDispatchAdviceReference: 'Lieferreferenz',
+    referencesTenderOrLotReference: 'Ausschreibungs- oder Losreferenz',
+    referencesInvoicedObjectIdentifier: 'Objektreferenz',
+    tableHeadDescription: 'Beschreibung',
+    tableHeadQuantity: 'Menge',
+    tableHeadUnit: 'Einheit',
+    tableHeadNetPrice: 'Nettopreis',
+    tableHeadNetAmount: 'Nettomenge',
+    totalsTopic: 'Gesamt',
+    totalsTotalNet: 'Gesamt Netto',
+    totalsTotalAllowances: 'Gesamt Rabatt',
+    totalsTotalCharges: 'Gesamt Zuschlag',
+    totalsTotalAfterDeductions: 'Summe nach Rabatten',
+    totalsTotalVatAmount: 'Summe Umsatzsteuer',
+    totalsTotalGross: 'Gesamt Brutto',
+    totalsAlreadyPaidTotal: 'Bereits bezahlt',
+    totalsTotalToBePaid: 'Gesamt zu zahlen',
+    instructionsTopic: 'Zahlungsanweisungen',
+    instructionsAccountIdentifier: 'Kontonummer',
+    instructionsAccountName: 'Kontoname',
+    instructionsServiceProviderIdentifier: 'Bank',
+    notesTopic: 'Hinweise',
+    attachmentsHeading: 'Anhänge',
+    attachmentsName: 'Name',
+    attachmentsDescription: 'Beschreibung',
+    attachmentsUrl: 'Url',
+    attachmentsDataSize: 'Größe',
+    attachmentsMimeType: 'Typ',
+    attachmentsFileName: 'Dateiname',
+    attachmentsDownloadButton: 'Download',
+    contactPersonName: 'Name der Kontaktperson',
+    contactPersonEmail: 'E-Mail der Kontaktperson',
+    contactPersonPhone: 'Kontaktperson Telefon',
+    vat: 'MwSt.',
+    taxRate: 'Steuersatz',
+    deliveryInformationTitle: 'Lieferinformationen',
+    deliverToName: 'Liefername',
+    deliverToLocationIdentifier: 'Lieferort',
+    deliveryDate: 'Lieferdatum',
+    deliveryAddress: 'Lieferadresse',
+    taxesHeading: 'Steuer'
+};
+
+/** Type of the invoice */
+var InvoiceType;
+(function (InvoiceType) {
+    InvoiceType[InvoiceType["PartialInvoice"] = 326] = "PartialInvoice";
+    InvoiceType[InvoiceType["CommercialInvoice"] = 380] = "CommercialInvoice";
+    InvoiceType[InvoiceType["CreditNote"] = 381] = "CreditNote";
+    InvoiceType[InvoiceType["CorrectedInvoice"] = 384] = "CorrectedInvoice";
+    InvoiceType[InvoiceType["SelfBilledInvoice"] = 389] = "SelfBilledInvoice";
+    InvoiceType[InvoiceType["PartialConstructionInvoice"] = 875] = "PartialConstructionInvoice";
+    InvoiceType[InvoiceType["PartialFinalConstructionInvoice"] = 876] = "PartialFinalConstructionInvoice";
+    InvoiceType[InvoiceType["FinalConstructionInvoice"] = 877] = "FinalConstructionInvoice";
+})(InvoiceType || (InvoiceType = {}));
+/** Describes a mime type of a document */
+var AttachmentMimeType;
+(function (AttachmentMimeType) {
+    AttachmentMimeType[AttachmentMimeType["Unknown"] = 0] = "Unknown";
+    AttachmentMimeType[AttachmentMimeType["Pdf"] = 1] = "Pdf";
+    AttachmentMimeType[AttachmentMimeType["Png"] = 2] = "Png";
+    AttachmentMimeType[AttachmentMimeType["Jpeg"] = 3] = "Jpeg";
+    AttachmentMimeType[AttachmentMimeType["Csv"] = 4] = "Csv";
+    AttachmentMimeType[AttachmentMimeType["Excel"] = 5] = "Excel";
+    AttachmentMimeType[AttachmentMimeType["OpenOfficeSpreadsheet"] = 6] = "OpenOfficeSpreadsheet";
+})(AttachmentMimeType || (AttachmentMimeType = {}));
+/** The category used in a VatBreakdown"/> */
+var VatCategory;
+(function (VatCategory) {
+    VatCategory[VatCategory["Unknown"] = 0] = "Unknown";
+    VatCategory[VatCategory["StandardRate"] = 1] = "StandardRate";
+    VatCategory[VatCategory["ZeroRatedGoods"] = 2] = "ZeroRatedGoods";
+    VatCategory[VatCategory["ExemptFromTax"] = 3] = "ExemptFromTax";
+    VatCategory[VatCategory["VatReverseCharge"] = 4] = "VatReverseCharge";
+    VatCategory[VatCategory["VatExemptReverseCharge"] = 5] = "VatExemptReverseCharge";
+    VatCategory[VatCategory["FreeExportItem"] = 6] = "FreeExportItem";
+    VatCategory[VatCategory["ServicesOutsideScopeOfTaxation"] = 7] = "ServicesOutsideScopeOfTaxation";
+    VatCategory[VatCategory["CanaryIslandsGeneralIndirectTax"] = 8] = "CanaryIslandsGeneralIndirectTax";
+    VatCategory[VatCategory["TaxInCeutaAndMelilla"] = 9] = "TaxInCeutaAndMelilla";
+})(VatCategory || (VatCategory = {}));
+/** This enum represents the source of an invoice, e.g. from which format it was imported */
+var SourceType;
+(function (SourceType) {
+    SourceType[SourceType["Self"] = 0] = "Self";
+    SourceType[SourceType["Ubl"] = 1] = "Ubl";
+    SourceType[SourceType["Cii"] = 2] = "Cii";
+})(SourceType || (SourceType = {}));
+
 class InvoiceAttachmentMimeTypePipe {
     transform(attachmentMimeType) {
         switch (attachmentMimeType) {
@@ -2091,12 +2115,14 @@ class InvoiceDisplayComponent {
      *
      * }
      */
-    set textWords(words) {
-        this._textWords = { ...words };
-    } // allow to translate all texts to other language
     get textWords() {
         return this._textWords;
     }
+    set config(configObject) {
+        if (configObject?.textWords) {
+            this._textWords = { ...configObject?.textWords };
+        }
+    }
     constructor() {
         // TODO remove type any after TODO under will be resolved
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2155,12 +2181,12 @@ class InvoiceDisplayComponent {
         link.click();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InvoiceDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: InvoiceDisplayComponent, isStandalone: true, selector: "ava-invoice-display", inputs: { invoice: { classPropertyName: "invoice", publicName: "invoice", isSignal: true, isRequired: true, transformFunction: null }, textWords: { classPropertyName: "textWords", publicName: "textWords", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"invoice-container\">\n  <!-- Seller and Buyer Information -->\n  <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      @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              <button\n                mat-raised-button\n                color=\"primary\"\n                (click)=\"download(document)\"\n                [disabled]=\"!document.externalDocumentUrl && !document.documentBase64\"\n              >\n                {{ textWords.attachmentsDownloadButton }}\n              </button>\n            </div>\n          }\n          <pre id=\"fileContent\"></pre>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </section>\n  }\n</div>\n", styles: [".invoice-container{width:100%;max-width:800px;margin:auto;font-family:Arial,sans-serif;line-height:1.5}.invoice-header{display:flex;justify-content:space-between;margin-bottom:20px}.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: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "pipe", type: InvoiceAttachmentMimeTypePipe, name: "invoiceAttachmentMimeType" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: InvoiceDisplayComponent, isStandalone: true, selector: "ava-invoice-display", inputs: { invoice: { classPropertyName: "invoice", publicName: "invoice", isSignal: true, isRequired: true, transformFunction: null }, 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      @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              <button\n                mat-raised-button\n                color=\"primary\"\n                (click)=\"download(document)\"\n                [disabled]=\"!document.externalDocumentUrl && !document.documentBase64\"\n              >\n                {{ textWords.attachmentsDownloadButton }}\n              </button>\n            </div>\n          }\n          <pre id=\"fileContent\"></pre>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </section>\n  }\n</div>\n", styles: [".invoice-container{width:100%;max-width:800px;margin:auto;font-family:Arial,sans-serif;line-height:1.5}.invoice-header{display:flex;justify-content:space-between;margin-bottom:20px}.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: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "pipe", type: InvoiceAttachmentMimeTypePipe, name: "invoiceAttachmentMimeType" }, { 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      @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              <button\n                mat-raised-button\n                color=\"primary\"\n                (click)=\"download(document)\"\n                [disabled]=\"!document.externalDocumentUrl && !document.documentBase64\"\n              >\n                {{ textWords.attachmentsDownloadButton }}\n              </button>\n            </div>\n          }\n          <pre id=\"fileContent\"></pre>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </section>\n  }\n</div>\n", styles: [".invoice-container{width:100%;max-width:800px;margin:auto;font-family:Arial,sans-serif;line-height:1.5}.invoice-header{display:flex;justify-content:space-between;margin-bottom:20px}.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: { textWords: [{
+        }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input
             }] } });