@dangl/angular-ava 1.4.5-beta0026 → 1.4.5-beta0040
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -244,12 +244,12 @@ var ModeViewType;
|
|
|
244
244
|
|
|
245
245
|
// This file is automatically generated as part of the build process
|
|
246
246
|
const version = {
|
|
247
|
-
version: "1.4.5-
|
|
248
|
-
commitInfo: "Branch.develop.Sha.
|
|
247
|
+
version: "1.4.5-beta0040",
|
|
248
|
+
commitInfo: "Branch.develop.Sha.e51a628d092dc533c9e47e5c30f4002be2ea8dc4",
|
|
249
249
|
commitDate: "2025-07-08",
|
|
250
|
-
commitHash: "
|
|
251
|
-
informationalVersion: "1.4.5-beta.
|
|
252
|
-
buildDateUtc: new Date(Date.UTC(2025, 6, 8,
|
|
250
|
+
commitHash: "e51a628d092dc533c9e47e5c30f4002be2ea8dc4",
|
|
251
|
+
informationalVersion: "1.4.5-beta.40+Branch.develop.Sha.e51a628d092dc533c9e47e5c30f4002be2ea8dc4",
|
|
252
|
+
buildDateUtc: new Date(Date.UTC(2025, 6, 8, 18, 39, 26))
|
|
253
253
|
};
|
|
254
254
|
|
|
255
255
|
class TreeHoverTooltipService {
|
|
@@ -1580,13 +1580,12 @@ class AvaTreeComponent {
|
|
|
1580
1580
|
set customKeyboardOperationConfig(config) {
|
|
1581
1581
|
this.keyboardOperationService.mergeConfigOperation(config);
|
|
1582
1582
|
}
|
|
1583
|
-
constructor(flatElementsService, selectElementService, treeNodeSelectionService, expandParentGroupService, keyboardOperationService,
|
|
1583
|
+
constructor(flatElementsService, selectElementService, treeNodeSelectionService, expandParentGroupService, keyboardOperationService, configurationTreeService) {
|
|
1584
1584
|
this.flatElementsService = flatElementsService;
|
|
1585
1585
|
this.selectElementService = selectElementService;
|
|
1586
1586
|
this.treeNodeSelectionService = treeNodeSelectionService;
|
|
1587
1587
|
this.expandParentGroupService = expandParentGroupService;
|
|
1588
1588
|
this.keyboardOperationService = keyboardOperationService;
|
|
1589
|
-
this.ngZone = ngZone;
|
|
1590
1589
|
this.configurationTreeService = configurationTreeService;
|
|
1591
1590
|
this.injector = inject(EnvironmentInjector);
|
|
1592
1591
|
this.transformFn = (data) => {
|
|
@@ -1805,30 +1804,27 @@ class AvaTreeComponent {
|
|
|
1805
1804
|
this.$destroy.complete();
|
|
1806
1805
|
}
|
|
1807
1806
|
handleGlobalKeyboardEvent(event) {
|
|
1808
|
-
|
|
1809
|
-
this.
|
|
1810
|
-
const
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
default:
|
|
1828
|
-
break;
|
|
1829
|
-
}
|
|
1807
|
+
const keyEvent = event;
|
|
1808
|
+
if (!this.mouseAwareKeyboardControl || this.avaMainWrapper().nativeElement.matches(':hover')) {
|
|
1809
|
+
const element = this.preselectedElement || this.selectedElement;
|
|
1810
|
+
const { operation, nextElement } = this.keyboardOperationService.handleKeyboardEvent(keyEvent, element) || { nextElement: null };
|
|
1811
|
+
switch (operation) {
|
|
1812
|
+
case KeyboardOperationType.MoveSelectedPositionUp:
|
|
1813
|
+
this.showElement(nextElement, '.select');
|
|
1814
|
+
break;
|
|
1815
|
+
case KeyboardOperationType.MoveSelectedPositionDown:
|
|
1816
|
+
this.showElement(nextElement, '.select');
|
|
1817
|
+
break;
|
|
1818
|
+
case KeyboardOperationType.MoveChosenPositionDown:
|
|
1819
|
+
this.showElement(nextElement, nextElement?.id === this.selectedElement?.id ? '.select' : '.choose');
|
|
1820
|
+
break;
|
|
1821
|
+
case KeyboardOperationType.MoveChosenPositionUp:
|
|
1822
|
+
this.showElement(nextElement, nextElement?.id === this.selectedElement?.id ? '.select' : '.choose');
|
|
1823
|
+
break;
|
|
1824
|
+
default:
|
|
1825
|
+
break;
|
|
1830
1826
|
}
|
|
1831
|
-
}
|
|
1827
|
+
}
|
|
1832
1828
|
}
|
|
1833
1829
|
showElement(element, nameQuery) {
|
|
1834
1830
|
if (element) {
|
|
@@ -1933,7 +1929,7 @@ class AvaTreeComponent {
|
|
|
1933
1929
|
}
|
|
1934
1930
|
});
|
|
1935
1931
|
}
|
|
1936
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", 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:
|
|
1932
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", 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: ConfigurationTreeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1937
1933
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: AvaTreeComponent, isStandalone: true, selector: "ava-tree", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: true, transformFunction: null }, expansionstate: { classPropertyName: "expansionstate", publicName: "expansionstate", isSignal: true, isRequired: false, transformFunction: null }, selectednodeid: { classPropertyName: "selectednodeid", publicName: "selectednodeid", isSignal: true, isRequired: false, transformFunction: null }, modeview: { classPropertyName: "modeview", publicName: "modeview", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectClick: "selectClick", selectDblClick: "selectDblClick", contextMenuEvent: "contextMenuEvent", selectedElementsChanged: "selectedElementsChanged" }, providers: [
|
|
1938
1934
|
FlatElementsService,
|
|
1939
1935
|
SelectElementService,
|
|
@@ -1980,7 +1976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
|
|
|
1980
1976
|
type: Self
|
|
1981
1977
|
}] }, { type: KeyboardOperationService, decorators: [{
|
|
1982
1978
|
type: Self
|
|
1983
|
-
}] }, { type:
|
|
1979
|
+
}] }, { type: ConfigurationTreeService }] });
|
|
1984
1980
|
|
|
1985
1981
|
class ConfigurationInvoiceService {
|
|
1986
1982
|
constructor() {
|
|
@@ -3096,11 +3092,11 @@ class ReferenceAndDeliveryInformationComponent {
|
|
|
3096
3092
|
this.colorSettings$ = this.configurationInvoiceService.getColorSettingsFromConfig();
|
|
3097
3093
|
}
|
|
3098
3094
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ReferenceAndDeliveryInformationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3099
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: ReferenceAndDeliveryInformationComponent, isStandalone: true, selector: "ava-reference-and-delivery-information", inputs: { deliveryInformation: { classPropertyName: "deliveryInformation", publicName: "deliveryInformation", isSignal: true, isRequired: false, transformFunction: null }, references: { classPropertyName: "references", publicName: "references", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (textWords$ | async; as textWords) {\n @if ((colorSettings$ | async) || true; as colorSettings) {\n <div class=\"invoice-info\">\n <section class=\"invoice-references\">\n @if (textWords.referencesTopic) {\n <h2\n class=\"info-title\"\n [ngStyle]=\"{\n borderBottomColor: colorSettings === true ? null : colorSettings?.backgroundColor,\n }\"\n >\n {{ textWords.referencesTopic }}\n </h2>\n }\n <div class=\"invoice-references-details\">\n @if (references()?.buyerReference) {\n <p>\n <strong>{{ textWords.referencesBuyerReference }}: </strong>\n <br />\n <span>{{ references()?.buyerReference }}</span>\n </p>\n }\n @if (references()?.projectReference) {\n <p>\n <strong>{{ textWords.referencesProjectReference }}: </strong>\n <br />\n <span>{{ references()?.projectReference }}</span>\n </p>\n }\n @if (references()?.contractReference) {\n <p>\n <strong>{{ textWords.referencesContractReference }}: </strong>\n <br />\n <span>{{ references()?.contractReference }}</span>\n </p>\n }\n @if (references()?.purchaseOrderReference) {\n <p>\n <strong>{{ textWords.referencesPurchaseOrderReference }}: </strong>\n <br />\n <span>{{ references()?.purchaseOrderReference }}</span>\n </p>\n }\n @if (references()?.salesOrderReference) {\n <p>\n <strong>{{ textWords.referencesSalesOrderReference }}: </strong>\n <br />\n <span>{{ references()?.salesOrderReference }}</span>\n </p>\n }\n @if (references()?.receivingAdviceReference) {\n <p>\n <strong>{{ textWords.referencesReceivingAdviceReference }}: </strong>\n <br />\n <span>{{ references()?.receivingAdviceReference }}</span>\n </p>\n }\n @if (references()?.dispatchAdviceReference) {\n <p>\n <strong>{{ textWords.referencesDispatchAdviceReference }}: </strong>\n <br />\n <span> {{ references()?.dispatchAdviceReference }}</span>\n </p>\n }\n @if (references()?.tenderOrLotReference) {\n <p>\n <strong>{{ textWords.referencesTenderOrLotReference }}: </strong>\n <br />\n <span>{{ references()?.tenderOrLotReference }}</span>\n </p>\n }\n @if (references()?.invoicedObjectIdentifier) {\n <p>\n <strong>{{ textWords.referencesInvoicedObjectIdentifier }}: </strong>\n <br />\n <span>{{ references()?.invoicedObjectIdentifier }}</span>\n </p>\n }\n </div>\n </section>\n @if (deliveryInformation()) {\n <section class=\"invoice-delivery\">\n <h2
|
|
3095
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: ReferenceAndDeliveryInformationComponent, isStandalone: true, selector: "ava-reference-and-delivery-information", inputs: { deliveryInformation: { classPropertyName: "deliveryInformation", publicName: "deliveryInformation", isSignal: true, isRequired: false, transformFunction: null }, references: { classPropertyName: "references", publicName: "references", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (textWords$ | async; as textWords) {\n @if ((colorSettings$ | async) || true; as colorSettings) {\n <div class=\"invoice-info\">\n <section class=\"invoice-references\">\n @if (textWords.referencesTopic) {\n <h2\n class=\"info-title\"\n [ngStyle]=\"{\n borderBottomColor: colorSettings === true ? null : colorSettings?.backgroundColor,\n }\"\n >\n {{ textWords.referencesTopic }}\n </h2>\n }\n <div class=\"invoice-references-details\">\n @if (references()?.buyerReference) {\n <p>\n <strong>{{ textWords.referencesBuyerReference }}: </strong>\n <br />\n <span>{{ references()?.buyerReference }}</span>\n </p>\n }\n @if (references()?.projectReference) {\n <p>\n <strong>{{ textWords.referencesProjectReference }}: </strong>\n <br />\n <span>{{ references()?.projectReference }}</span>\n </p>\n }\n @if (references()?.contractReference) {\n <p>\n <strong>{{ textWords.referencesContractReference }}: </strong>\n <br />\n <span>{{ references()?.contractReference }}</span>\n </p>\n }\n @if (references()?.purchaseOrderReference) {\n <p>\n <strong>{{ textWords.referencesPurchaseOrderReference }}: </strong>\n <br />\n <span>{{ references()?.purchaseOrderReference }}</span>\n </p>\n }\n @if (references()?.salesOrderReference) {\n <p>\n <strong>{{ textWords.referencesSalesOrderReference }}: </strong>\n <br />\n <span>{{ references()?.salesOrderReference }}</span>\n </p>\n }\n @if (references()?.receivingAdviceReference) {\n <p>\n <strong>{{ textWords.referencesReceivingAdviceReference }}: </strong>\n <br />\n <span>{{ references()?.receivingAdviceReference }}</span>\n </p>\n }\n @if (references()?.dispatchAdviceReference) {\n <p>\n <strong>{{ textWords.referencesDispatchAdviceReference }}: </strong>\n <br />\n <span> {{ references()?.dispatchAdviceReference }}</span>\n </p>\n }\n @if (references()?.tenderOrLotReference) {\n <p>\n <strong>{{ textWords.referencesTenderOrLotReference }}: </strong>\n <br />\n <span>{{ references()?.tenderOrLotReference }}</span>\n </p>\n }\n @if (references()?.invoicedObjectIdentifier) {\n <p>\n <strong>{{ textWords.referencesInvoicedObjectIdentifier }}: </strong>\n <br />\n <span>{{ references()?.invoicedObjectIdentifier }}</span>\n </p>\n }\n </div>\n </section>\n @if (deliveryInformation()) {\n <section class=\"invoice-delivery\">\n <h2\n class=\"info-title\"\n [ngStyle]=\"{\n borderBottomColor: colorSettings === true ? null : colorSettings?.backgroundColor,\n }\"\n >\n {{ textWords.deliveryInformationTitle }}\n </h2>\n\n @if (deliveryInformation()?.deliverToName) {\n <p>\n <strong>{{ textWords.deliverToName }}: </strong>\n <br />\n <span>{{ deliveryInformation()?.deliverToName }}</span>\n </p>\n }\n @if (deliveryInformation()?.deliverToLocationIdentifier) {\n <p>\n <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n <br />\n <span>{{ deliveryInformation()?.deliverToLocationIdentifier }}</span>\n </p>\n }\n @if (deliveryInformation()?.deliveryDate) {\n <p>\n <strong>{{ textWords.deliveryDate }}: </strong>\n <br />\n <span>{{ deliveryInformation()?.deliveryDate | date: 'shortDate' }}</span>\n </p>\n }\n @if (deliveryInformation()?.deliveryAddress) {\n <p>\n <strong>{{ textWords.deliveryAddress }}: </strong>\n <span>\n @if (deliveryInformation()?.deliveryAddress?.address) {\n <p>{{ deliveryInformation()?.deliveryAddress?.address }}</p>\n }\n @if (deliveryInformation()?.deliveryAddress?.city) {\n <span>{{ deliveryInformation()?.deliveryAddress?.city }},</span>\n }\n @if (deliveryInformation()?.deliveryAddress?.zipCode) {\n <span>{{ deliveryInformation()?.deliveryAddress?.zipCode }}</span>\n }\n @if (deliveryInformation()?.deliveryAddress?.countryCode) {\n <p>{{ deliveryInformation()?.deliveryAddress?.countryCode }}</p>\n }\n </span>\n </p>\n }\n </section>\n }\n </div>\n }\n}\n", styles: [".invoice-info{display:flex;justify-content:space-between;margin-bottom:20px}.info-title{border-bottom:2px solid var(--color-primary);text-align:center}.invoice-info{display:grid;grid-template-columns:2fr 1fr;gap:20px}.invoice-references-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.invoice-references-details p{margin:0;break-inside:avoid-column}.invoice-delivery{text-align:right}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
3100
3096
|
}
|
|
3101
3097
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ReferenceAndDeliveryInformationComponent, decorators: [{
|
|
3102
3098
|
type: Component,
|
|
3103
|
-
args: [{ selector: 'ava-reference-and-delivery-information', imports: [AsyncPipe, DatePipe, NgStyle], template: "@if (textWords$ | async; as textWords) {\n @if ((colorSettings$ | async) || true; as colorSettings) {\n <div class=\"invoice-info\">\n <section class=\"invoice-references\">\n @if (textWords.referencesTopic) {\n <h2\n class=\"info-title\"\n [ngStyle]=\"{\n borderBottomColor: colorSettings === true ? null : colorSettings?.backgroundColor,\n }\"\n >\n {{ textWords.referencesTopic }}\n </h2>\n }\n <div class=\"invoice-references-details\">\n @if (references()?.buyerReference) {\n <p>\n <strong>{{ textWords.referencesBuyerReference }}: </strong>\n <br />\n <span>{{ references()?.buyerReference }}</span>\n </p>\n }\n @if (references()?.projectReference) {\n <p>\n <strong>{{ textWords.referencesProjectReference }}: </strong>\n <br />\n <span>{{ references()?.projectReference }}</span>\n </p>\n }\n @if (references()?.contractReference) {\n <p>\n <strong>{{ textWords.referencesContractReference }}: </strong>\n <br />\n <span>{{ references()?.contractReference }}</span>\n </p>\n }\n @if (references()?.purchaseOrderReference) {\n <p>\n <strong>{{ textWords.referencesPurchaseOrderReference }}: </strong>\n <br />\n <span>{{ references()?.purchaseOrderReference }}</span>\n </p>\n }\n @if (references()?.salesOrderReference) {\n <p>\n <strong>{{ textWords.referencesSalesOrderReference }}: </strong>\n <br />\n <span>{{ references()?.salesOrderReference }}</span>\n </p>\n }\n @if (references()?.receivingAdviceReference) {\n <p>\n <strong>{{ textWords.referencesReceivingAdviceReference }}: </strong>\n <br />\n <span>{{ references()?.receivingAdviceReference }}</span>\n </p>\n }\n @if (references()?.dispatchAdviceReference) {\n <p>\n <strong>{{ textWords.referencesDispatchAdviceReference }}: </strong>\n <br />\n <span> {{ references()?.dispatchAdviceReference }}</span>\n </p>\n }\n @if (references()?.tenderOrLotReference) {\n <p>\n <strong>{{ textWords.referencesTenderOrLotReference }}: </strong>\n <br />\n <span>{{ references()?.tenderOrLotReference }}</span>\n </p>\n }\n @if (references()?.invoicedObjectIdentifier) {\n <p>\n <strong>{{ textWords.referencesInvoicedObjectIdentifier }}: </strong>\n <br />\n <span>{{ references()?.invoicedObjectIdentifier }}</span>\n </p>\n }\n </div>\n </section>\n @if (deliveryInformation()) {\n <section class=\"invoice-delivery\">\n <h2
|
|
3099
|
+
args: [{ selector: 'ava-reference-and-delivery-information', imports: [AsyncPipe, DatePipe, NgStyle], template: "@if (textWords$ | async; as textWords) {\n @if ((colorSettings$ | async) || true; as colorSettings) {\n <div class=\"invoice-info\">\n <section class=\"invoice-references\">\n @if (textWords.referencesTopic) {\n <h2\n class=\"info-title\"\n [ngStyle]=\"{\n borderBottomColor: colorSettings === true ? null : colorSettings?.backgroundColor,\n }\"\n >\n {{ textWords.referencesTopic }}\n </h2>\n }\n <div class=\"invoice-references-details\">\n @if (references()?.buyerReference) {\n <p>\n <strong>{{ textWords.referencesBuyerReference }}: </strong>\n <br />\n <span>{{ references()?.buyerReference }}</span>\n </p>\n }\n @if (references()?.projectReference) {\n <p>\n <strong>{{ textWords.referencesProjectReference }}: </strong>\n <br />\n <span>{{ references()?.projectReference }}</span>\n </p>\n }\n @if (references()?.contractReference) {\n <p>\n <strong>{{ textWords.referencesContractReference }}: </strong>\n <br />\n <span>{{ references()?.contractReference }}</span>\n </p>\n }\n @if (references()?.purchaseOrderReference) {\n <p>\n <strong>{{ textWords.referencesPurchaseOrderReference }}: </strong>\n <br />\n <span>{{ references()?.purchaseOrderReference }}</span>\n </p>\n }\n @if (references()?.salesOrderReference) {\n <p>\n <strong>{{ textWords.referencesSalesOrderReference }}: </strong>\n <br />\n <span>{{ references()?.salesOrderReference }}</span>\n </p>\n }\n @if (references()?.receivingAdviceReference) {\n <p>\n <strong>{{ textWords.referencesReceivingAdviceReference }}: </strong>\n <br />\n <span>{{ references()?.receivingAdviceReference }}</span>\n </p>\n }\n @if (references()?.dispatchAdviceReference) {\n <p>\n <strong>{{ textWords.referencesDispatchAdviceReference }}: </strong>\n <br />\n <span> {{ references()?.dispatchAdviceReference }}</span>\n </p>\n }\n @if (references()?.tenderOrLotReference) {\n <p>\n <strong>{{ textWords.referencesTenderOrLotReference }}: </strong>\n <br />\n <span>{{ references()?.tenderOrLotReference }}</span>\n </p>\n }\n @if (references()?.invoicedObjectIdentifier) {\n <p>\n <strong>{{ textWords.referencesInvoicedObjectIdentifier }}: </strong>\n <br />\n <span>{{ references()?.invoicedObjectIdentifier }}</span>\n </p>\n }\n </div>\n </section>\n @if (deliveryInformation()) {\n <section class=\"invoice-delivery\">\n <h2\n class=\"info-title\"\n [ngStyle]=\"{\n borderBottomColor: colorSettings === true ? null : colorSettings?.backgroundColor,\n }\"\n >\n {{ textWords.deliveryInformationTitle }}\n </h2>\n\n @if (deliveryInformation()?.deliverToName) {\n <p>\n <strong>{{ textWords.deliverToName }}: </strong>\n <br />\n <span>{{ deliveryInformation()?.deliverToName }}</span>\n </p>\n }\n @if (deliveryInformation()?.deliverToLocationIdentifier) {\n <p>\n <strong>{{ textWords.deliverToLocationIdentifier }}: </strong>\n <br />\n <span>{{ deliveryInformation()?.deliverToLocationIdentifier }}</span>\n </p>\n }\n @if (deliveryInformation()?.deliveryDate) {\n <p>\n <strong>{{ textWords.deliveryDate }}: </strong>\n <br />\n <span>{{ deliveryInformation()?.deliveryDate | date: 'shortDate' }}</span>\n </p>\n }\n @if (deliveryInformation()?.deliveryAddress) {\n <p>\n <strong>{{ textWords.deliveryAddress }}: </strong>\n <span>\n @if (deliveryInformation()?.deliveryAddress?.address) {\n <p>{{ deliveryInformation()?.deliveryAddress?.address }}</p>\n }\n @if (deliveryInformation()?.deliveryAddress?.city) {\n <span>{{ deliveryInformation()?.deliveryAddress?.city }},</span>\n }\n @if (deliveryInformation()?.deliveryAddress?.zipCode) {\n <span>{{ deliveryInformation()?.deliveryAddress?.zipCode }}</span>\n }\n @if (deliveryInformation()?.deliveryAddress?.countryCode) {\n <p>{{ deliveryInformation()?.deliveryAddress?.countryCode }}</p>\n }\n </span>\n </p>\n }\n </section>\n }\n </div>\n }\n}\n", styles: [".invoice-info{display:flex;justify-content:space-between;margin-bottom:20px}.info-title{border-bottom:2px solid var(--color-primary);text-align:center}.invoice-info{display:grid;grid-template-columns:2fr 1fr;gap:20px}.invoice-references-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.invoice-references-details p{margin:0;break-inside:avoid-column}.invoice-delivery{text-align:right}\n"] }]
|
|
3104
3100
|
}] });
|
|
3105
3101
|
|
|
3106
3102
|
registerLocaleData(localeDe, 'de-DE', localeDeExtra);
|